From 0a88ade33bff3f714e701f8c4b210e824c3d231d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yaroslav=20de=20la=20Pe=C3=B1a=20Smirnov?=
 <yps@yaroslavps.com>
Date: Thu, 6 Oct 2022 04:54:57 +0300
Subject: CSS and templates revamp

Had been thinking for a long while (prob about 2y now) that I wanted for
there to be no distractions while reading the content (i.e. no sidebar).
Didn't know how to handle navigation, though. Have made a lot of changes
and am actually pretty satisfied with the results.

Looks much cleaner now, and for those who know how to use browsers is
actually more comfortable, since you can just press the end key and you
are taken to the footer where all the navigation is. Of course, where it
is relevant there are some navigation links at the top of the page.
Phone users have it a little more uncomfortable, but phone usage overall
has and always will be uncomfy. Such is the nature of small touch
screens.
---
 templates/page.html | 33 ++++++++++++++-------------------
 1 file changed, 14 insertions(+), 19 deletions(-)

(limited to 'templates/page.html')

diff --git a/templates/page.html b/templates/page.html
index 4c9a18c..ce07c6d 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -31,27 +31,22 @@
 <p class="publish-date">
 {% if page.date %}
 	{{ trans(key="published", lang=lang) }}
-	{{ page.date | date(format="%Y-%m-%d %H:%M UTC") }}
+	{{ page.date | date(format="%Y-%m-%d") }}
 	{{ trans(key="published_on", lang=lang) }}
 {% else %}
 	{{ trans(key="not_published", lang=lang) }}
 {% endif %}
-	{% if page.permalink is containing("weblog") %}
-	<a href="{% if lang != "en" %}/{{ lang }}{% endif %}/weblog">
-		{{ trans(key="weblog_title", lang=lang) }}
-	</a>
-	{% elif page.permalink is containing("food") %}
-	<a href="{% if lang != "en" %}/{{ lang }}{% endif %}/food">
-		{{ trans(key="recipes_title", lang=lang) }}
-	</a></p>
-	{% endif %}
+	{%- if page.permalink is containing("weblog") -%}
+	<a href="{% if lang != "en" %}/{{ lang }}{% endif %}/weblog">{{ trans(key="weblog_title", lang=lang) }}</a>
+	{%- elif page.permalink is containing("food") -%}
+	<a href="{% if lang != "en" %}/{{ lang }}{% endif %}/food">{{ trans(key="recipes_title", lang=lang) }}</a>
+	{%- endif -%}
+	{%- if page.updated -%}
+	.
+		{{ trans(key="edited", lang=lang) }}
+		{{ page.updated | date(format="%Y-%m-%d") }}
+	{% endif -%}
 </p>
-{% if page.updated %}
-<p class="publish-date">
-	{{ trans(key="edited", lang=lang) }}
-	{{ page.updated | date(format="%Y-%m-%d %H:%M UTC") }}
-</p>
-{% endif %}
 {% if page.translations | length > 1 %}
 <p class="publish-date">
 {{ trans(key="also_read", lang=lang) }}
@@ -70,7 +65,7 @@
 {% endif %}
 {% endblock %}
 {% block content %}
-  <div class="post-container full">
-    {{ page.content | safe }}
-  </div>
+<div class="post-container full">
+{{ page.content | safe }}
+</div>
 {% endblock %}
-- 
cgit v1.2.3