weeheavy/pelican-theme
1
0
Fork 0
forked from github/pelican
Code Pull requests Activity

feat: better navigation

Browse source
This commit is contained in:
Oliver Ladner 2025-05-22 12:14:30 +02:00
commit df34aec7f2
2 changed files with 73 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

33
static/css/out.css
View file

@ -1331,14 +1331,18 @@ code {
grid-template-columns: repeat(9, minmax(0, 1fr)); grid-template-columns: repeat(9, minmax(0, 1fr));
} }
.grid-cols-\[max-content_max-content_max-content\] { .grid-cols-\[max-content_max-content_max-content_max-content\] {
grid-template-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content max-content;
} }
.grid-cols-\[max-content_max-content_max-content_max-content_max-content\] { .grid-cols-\[max-content_max-content_max-content_max-content_max-content\] {
grid-template-columns: max-content max-content max-content max-content max-content; grid-template-columns: max-content max-content max-content max-content max-content;
} }
.grid-cols-\[max-content_max-content_max-content_max-content_max-content_max-content\] {
grid-template-columns: max-content max-content max-content max-content max-content max-content;
}
.items-center { .items-center {
align-items: center; align-items: center;
} }
@ -1379,6 +1383,11 @@ code {
background-color: rgb(250 244 237 / var(--tw-bg-opacity, 1)); background-color: rgb(250 244 237 / var(--tw-bg-opacity, 1));
} }
.bg-rp-dawn-gold {
--tw-bg-opacity: 1;
background-color: rgb(234 157 52 / var(--tw-bg-opacity, 1));
}
.bg-rp-dawn-overlay { .bg-rp-dawn-overlay {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(242 233 225 / var(--tw-bg-opacity, 1)); background-color: rgb(242 233 225 / var(--tw-bg-opacity, 1));
@ -1389,6 +1398,16 @@ code {
background-color: rgb(255 250 243 / var(--tw-bg-opacity, 1)); background-color: rgb(255 250 243 / var(--tw-bg-opacity, 1));
} }
.bg-rp-dawn-subtle {
--tw-bg-opacity: 1;
background-color: rgb(121 117 147 / var(--tw-bg-opacity, 1));
}
.bg-rp-dawn-muted {
--tw-bg-opacity: 1;
background-color: rgb(152 147 165 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-r { .bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops)); background-image: linear-gradient(to right, var(--tw-gradient-stops));
} }
@ -2246,6 +2265,11 @@ code {
background-color: rgb(42 39 63 / var(--tw-bg-opacity, 1)); background-color: rgb(42 39 63 / var(--tw-bg-opacity, 1));
} }
.dark\:bg-rp-moon-pine {
--tw-bg-opacity: 1;
background-color: rgb(62 143 176 / var(--tw-bg-opacity, 1));
}
.dark\:text-rp-moon-foam { .dark\:text-rp-moon-foam {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(156 207 216 / var(--tw-text-opacity, 1)); color: rgb(156 207 216 / var(--tw-text-opacity, 1));
@ -2270,4 +2294,9 @@ code {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(224 222 244 / var(--tw-text-opacity, 1)); color: rgb(224 222 244 / var(--tw-text-opacity, 1));
} }
.dark\:text-rp-moon-surface {
--tw-text-opacity: 1;
color: rgb(42 39 63 / var(--tw-text-opacity, 1));
}
} }

70
templates/pagination.html
View file

@ -1,8 +1,9 @@
{% if DEFAULT_PAGINATION %} {% set first_page = articles_paginator.page(1) %} {% {% if DEFAULT_PAGINATION %}
set last_page = articles_paginator.page(articles_paginator.num_pages) %} {% set first_page = articles_paginator.page(1) %}
{% set last_page = articles_paginator.page(articles_paginator.num_pages) %}
<nav class="flex justify-center items-center"> <nav class="flex justify-center items-center">
{% if articles_page.has_previous() %} {% if articles_page.has_previous() %}
<ul class="list-none inline-grid grid-cols-[max-content_max-content_max-content_max-content_max-content] border-t-2 border-rp-dawn-overlay dark:border-rp-moon-overlay m-4 p-4"> <ul class="list-none inline-grid grid-cols-[max-content_max-content_max-content_max-content_max-content_max-content] border-t-2 border-rp-dawn-overlay dark:border-rp-moon-overlay m-4 p-4">
<span class="p-1"> <span class="p-1">
<li class="text-center bg-rp-dawn-overlay dark:bg-rp-moon-overlay w-12"> <li class="text-center bg-rp-dawn-overlay dark:bg-rp-moon-overlay w-12">
<a <a
@ -12,34 +13,47 @@ set last_page = articles_paginator.page(articles_paginator.num_pages) %}
><tt>&laquo;</tt></a> ><tt>&laquo;</tt></a>
</li> </li>
</span> </span>
{% else %} {% else %}
<!--If we are on the first page, there's no previous links, so reduce grid sizing--> <!--If we are on the first page, there's no previous links, so reduce grid sizing-->
<ul class="list-none inline-grid grid-cols-[max-content_max-content_max-content] border-t-2 border-rp-dawn-overlay dark:border-rp-moon-overlay m-4 p-4"> <ul class="list-none inline-grid grid-cols-[max-content_max-content_max-content_max-content_max-content] border-t-2 border-rp-dawn-overlay dark:border-rp-moon-overlay m-4 p-4">
{% endif %} {% endif %}
<!-- Current page -->
<span class="p-1"> <span class="p-1">
<li class="text-center"> <li class="text-center bg-rp-dawn-gold dark:bg-rp-moon-pine dark:text-rp-moon-surface w-8 font-bold">
Page {{ articles_page.number }} of {{ articles_paginator.num_pages }} {{ articles_page.number }}
</li> </li>
</span> </span>
{% if articles_page.has_next() %} {% if articles_page.has_next() %}
<span class="p-1"> <span class="p-1">
<li class="text-center bg-rp-dawn-overlay dark:bg-rp-moon-overlay w-8"> <li class="text-center bg-rp-dawn-overlay dark:bg-rp-moon-overlay w-8">
<a <a
class="block no-underline hover:no-underline" class="block no-underline hover:no-underline"
href="{{ SITEURL }}/{{ articles_next_page.url }}" href="{{ SITEURL }}/{{ articles_next_page.url }}"
title="Go to page {{ articles_page.next_page_number() }}" title="Go to page {{ articles_page.next_page_number() }}"
>{{ articles_page.next_page_number() }}</a> >{{ articles_page.next_page_number() }}</a>
</li> </li>
</span> </span>
<span class="p-1"> <span class="p-1">
<li class="text-center bg-rp-dawn-overlay dark:bg-rp-moon-overlay w-12"> …
<a </span>
class="block no-underline hover:no-underline align-top" <span class="p-1">
href="{{ SITEURL }}/{{ articles_next_page.url }}" <li class="text-center bg-rp-dawn-overlay dark:bg-rp-moon-overlay w-8">
title="Go to the next page" <a
><tt>&raquo;</tt></a> class="block no-underline hover:no-underline"
</li> href="{{ SITEURL }}/{{ last_page.url }}"
</span> title="Go to last page"
>{{ articles_paginator.num_pages }}</a>
</li>
</span>
<span class="p-1">
<li class="text-center bg-rp-dawn-overlay dark:bg-rp-moon-overlay w-12">
<a
class="block no-underline hover:no-underline align-top"
href="{{ SITEURL }}/{{ articles_next_page.url }}"
title="Go to the next page"
><tt>&raquo;</tt></a>
</li>
</span>
{% endif %} {% endif %}
</ul> </ul>
</nav> </nav>