Replace "From newest to oldest" with the total amount of posts (fixes #85)

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Change "From newest to oldest" in the article list to total amount of posts (#85).
 - Convert code block header to a flexbox.
 - Get rid of dashed outline on article hover in article list.
 - Make comment actions slimmer.

i18n/ar.toml

@@ -44,7 +44,6 @@ load_comments = "تحميل التعليقات"
 loading = "التحميل"
 many_minutes_read = "$NUMBER دقائق القراءة"
 minutes_read = "$NUMBER دقائق القراءة"
-newest_to_oldest = "من الأحدث إلى الأقدم"
 next = "التالي"
 no_comments = "لا توجد تعليقات حتى الآن :/"
 note = "ملاحظة"

i18n/en.toml

@@ -46,7 +46,6 @@ many_minutes_read = "$NUMBER minutes read"
 many_posts = "$NUMBER posts in total"
 many_tags = "$NUMBER tags in total"
 minutes_read = "$NUMBER minute read"
-newest_to_oldest = "From newest to oldest"
 next = "Next"
 no_comments = "No Comments yet :/"
 note = "Note"

i18n/ms.toml

@@ -46,7 +46,6 @@ many_minutes_read = "$NUMBER minit membaca"
 many_posts = "$NUMBER siaran kesemuanya"
 many_tags = "$NUMBER tag kesemuanya"
 minutes_read = "$NUMBER minit membaca"
-newest_to_oldest = "Dari terkini hingga tertua"
 next = "Seterusnya"
 no_comments = "Tiada komen lagi :/"
 note = "Nota"

i18n/ru.toml

@@ -53,7 +53,6 @@ many_minutes_read = "$NUMBER минуты чтения"
 many_posts = "Всего $NUMBER постов"
 many_tags = "Всего $NUMBER тегов"
 minutes_read = "$NUMBER минута чтения"
-newest_to_oldest = "От новейшего к старейшему"
 next = "Следующий"
 no_comments = "Комментариев пока нет :/"
 note = "Заметьте"

sass/_article-list.scss

@@ -50,6 +50,7 @@
 
 		.tags {
 			justify-content: flex-end;
+			margin: 0;
 
 			a {
 				background-color: var(--accent-color-alpha);

sass/_tags.scss

@@ -1,13 +1,14 @@
 .tags {
-	display: inline-flex;
+	display: flex;
 	flex-wrap: wrap;
 	gap: 0.25rem;
 	margin: 0;
+	margin-block-start: 2rem;
 	padding: 0;
 	list-style: none;
 
 	li {
-		display: inline-flex;
+		display: flex;
 		transition: var(--transition);
 		margin: 0;
 		padding: 0;

templates/article_list.html

@@ -3,22 +3,26 @@
 {% block content %}
 {%- set date_format = macros_translate::translate(key="date_format", default="%B %d, %Y", language_strings=language_strings) -%}
 {%- set date_locale = macros_translate::translate(key="date_locale", default="en_US", language_strings=language_strings) -%}
+
+{%- if paginator.pages -%}
+	{%- set number_of_posts = paginator.total_pages -%}
+{%- elif section.pages -%}
+	{%- set number_of_posts = section.pages | length -%}
+{%- endif -%}
+
 <h1>{{ section.title }}</h1>
 
 {{ section.content | safe }}
 
 <p>
-	{%- if config.taxonomies | length > 0 -%}
 	<small>
+		{%- if config.taxonomies | length > 0 -%}
 			<a href="{{ get_url(path='tags', lang=lang) }}">
 				{{ macros_translate::translate(key="filter_by_tag", default="Filter by tag", language_strings=language_strings) }}
 			</a>
-		</small>
 			<br />
 		{%- endif %}
-
+		{{ macros_translate::translate(key="posts", number=number_of_posts, default="$NUMBER posts", language_strings=language_strings) }}
-	<small>
-		{{ macros_translate::translate(key="newest_to_oldest", default="From newest to oldest", language_strings=language_strings) }} ↓
 	</small>
 </p>
 

templates/taxonomy_list.html

@@ -3,10 +3,11 @@
 {% block content %}
 {%- set number_of_tags = terms | length -%}
 <h1>{{ macros_translate::translate(key="tags_title", default="Tags", language_strings=language_strings) }}</h1>
-<small>{{ macros_translate::translate(key="tags", number=number_of_tags, default="$NUMBER tags", language_strings=language_strings) }}
+
-</small>
+<p>
-<br />
+	<small>{{ macros_translate::translate(key="tags", number=number_of_tags, default="$NUMBER tags", language_strings=language_strings) }}</small>
-<br />
+</p>
+
 <ul class="tags">
 	{%- for tag in terms -%}
 		<li><a href="{{ get_taxonomy_url(kind='tags', name=tag.name, lang=lang) }}"><span class="tag">{{ tag.name }}</span><span class="count">{{ tag.pages | length }}</span></a></li>

templates/taxonomy_single.html

@@ -6,6 +6,7 @@
 {%- set number_of_posts = term.pages | length -%}
 <h1>{{ macros_translate::translate(key="posts_with_tag", default="Posts with tag", language_strings=language_strings) }} “{{ term.name }}”</h1>
 
+<p>
 	<small>
 		<a href="{{ get_url(path='tags', lang=lang) }}">
 			{{ macros_translate::translate(key="all_tags", default="See all tags", language_strings=language_strings) }}
@@ -13,6 +14,7 @@
 		<br />
 		{{ macros_translate::translate(key="posts", number=number_of_posts, default="$NUMBER posts", language_strings=language_strings) }}
 	</small>
+</p>
 
 {% include "partials/articles.html" %}
 {% endblock content %}