Display page.category and page.date fields in the default layout

wandrien · Apr 4, 2024 · 16df4a4 · 16df4a4
1 parent d48f6ae
commit 16df4a4
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 8 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -28,18 +28,31 @@ <h1>{{ page.title | default: site.github.repository_name }}</h1>
 
     <div class="container">
 
-      {% if page.tags %}
-      <section class="tags">
-        Метки:
-        {% for tag in page.tags %}
-           [<a href="/tag/{{ tag }}/">{{ tag }}</a>]
-        {% endfor %}
+      <section class="metadata">
+        {% if page.tags or page.category %}
+        <span class="tags">
+          {% if page.category %}
+            [<a href="/{{ page.category | url_encode }}/">{{ page.category }}</a>]
+          {% endif %}
+          {% for tag in page.tags %}
+             [<a href="/tag/{{ tag }}/">{{ tag }}</a>]
+          {% endfor %}
+        </span>
+        {% endif %}
       </section>
-      {% endif %}
 
       <section id="main_content">
         {{ content }}
       </section>
+
+      <section class="metadata">
+        {% if page.date %}
+        <span class="date">
+          {{ page.date | date: "%Y.%m.%d" }}
+        </span>
+        {% endif %}
+      </section>
+
     </div>
 
     {% if site.google_analytics %}
@@ -78,3 +91,4 @@ <h1>{{ page.title | default: site.github.repository_name }}</h1>
 
   </body>
 </html>
+<!-- -%- indent-width: 2; use-tabs: no; -%- -->
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -71,7 +71,15 @@ ul li::before { margin-left: -27px; margin-right: 11px; }
     ul li::before { margin-left: -37px; margin-right: 21px; }
 }
 
-.tags { font-size: 90%; opacity: 0.7;}
+.metadata {
+    font-size: 90%; opacity: 0.7;
+}
+.metadata > * {
+    display: block;
+}
+.metadata .date {
+    text-align: right;
+}
 
 code.highlighter-rouge {
     background: none !important;