cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial commit

Browse source
This commit is contained in:
Cory Dransfeldt 2023-03-11 12:16:06 -08:00 • committed by GitHub
commit 5c673525d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
43 changed files with 9620 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

72
src/_includes/paginator.liquid Normal file
View file

@ -0,0 +1,72 @@
<nav class="flex justify-center mt-8">
<div class="inline-flex">
{% if page.url != pagination.href.first %}
<a href="{{ pagination.href.first }}">
<button class="paginator-text">
First
</button>
</a>
{% else %}
<button class="paginator-text cursor-not-allowed">
First
</button>
{% endif %}
{% if pagination.href.previous %}
<a href="{{ pagination.href.previous }}">
<button class="py-2 px-4">
<img src="/assets/img/chevron-left.svg" alt="prev">
</button>
</a>
{% else %}
<button class="py-2 px-4 cursor-not-allowed">
<img src="/assets/img/chevron-left.svg" alt="prev">
</button>
{% endif %}
{% for pageEntry in pagination.pages %}
{% if page.url == pagination.hrefs[forloop.index0] %}
<a href="{{ pagination.hrefs[forloop.index0] }}" aria-current="page">
<button class="border bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4">
{{ forloop.index }}
</button>
</a>
{% else %}
<a href="{{ pagination.hrefs[forloop.index0] }}">
<button class="border border-gray-300 bg-white hover:bg-gray-300 text-gray-800 font-bold py-2 px-4">
{{ forloop.index }}
</button>
</a>
{% endif %}
{% endfor %}
{% if pagination.href.next %}
<a href="{{ pagination.href.next }}">
<button class="py-2 px-4">
<img src="/assets/img/chevron-right.svg" alt="next">
</button>
</a>
{% else %}
<button class="py-2 px-4 cursor-not-allowed">
<img src="/assets/img/chevron-right.svg" alt="next">
</button>
{% endif %}
{% if page.url != pagination.href.last %}
<a href="{{ pagination.href.last }}">
<button class="paginator-text">
Last
</button>
</a>
{% else %}
<button class="paginator-text cursor-not-allowed">
Last
</button>
{% endif %}
</div>
</nav>