From 3caa2027c4c0d77c2706aac5356ce4aa666379a1 Mon Sep 17 00:00:00 2001
From: Yaroslav <contact@yaroslavps.com>
Date: Fri, 13 Mar 2020 18:28:40 +0300
Subject: style/layout changes; gitignore

---
 templates/archive.html |  7 ++++---
 templates/base.html    | 20 ++++++++++++++++++--
 templates/index.html   |  6 ++++--
 templates/page.html    |  5 ++---
 templates/weblog.html  |  7 +++++--
 5 files changed, 33 insertions(+), 12 deletions(-)

(limited to 'templates')

diff --git a/templates/archive.html b/templates/archive.html
index 68daf65..c3eb817 100644
--- a/templates/archive.html
+++ b/templates/archive.html
@@ -1,12 +1,13 @@
 {% extends "base.html" %}
 {% block content %}
 {% set section = get_section(path="weblog/_index.md") %}
-<div class="posts-list">
+<div class="post-container">
+  <h2>Archive</h2>
   {% for year, posts in section.pages | group_by(attribute="year") %}
-  <h2>{{ year }}</h2>
+  <h3>{{ year }}</h3>
   <ul>
     {% for post in posts %}
-    <li>{{ post.date }} - <a href="{{ post.permalink }}">{{ post.title }}</a></li>
+    <li><span class="publish-date">{{ post.date | date }}</span> - <a href="{{ post.permalink }}">{{ post.title }}</a></li>
     {% endfor %}
   </ul>
   {% endfor %}
diff --git a/templates/base.html b/templates/base.html
index f689bf3..43b0b77 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,6 +14,7 @@
     <div class="main-container">
       <div class="header-container">
         <h1><a href="/">Yaroslav de la Peña Smirnov</a></h1>
+        <hr>
       </div>
       {% block page %}
         <div class="content-container">
@@ -21,8 +22,23 @@
           {% endblock %}
         </div>
         <div class="sidebar-container">
-          <p>Hello, my name is Yaroslav de la Peña Smirnov. Welcome to my weblog.</p>
-          <a href="/weblog/archive">Archive</a>
+          <p>Hello, my name is Yaroslav de la Peña Smirnov, welcome to my
+          weblog. Sometimes I write software, sometimes I might write my mind
+          here. </p>
+          <div class="links-container">
+            <a href="https://github.com/Yaroslav-95" title="GitHub"><span class="icon"></span></a>
+            <a href="https://git.yaroslavps.com/yaroslav" title="Git server"><span class="icon"></span></a>
+            <a href="/rss.xml" title="RSS feed"><span class="icon"></span></a>
+          </div>
+          <h3>Navigation</h3>
+          <ul class="navigation-list">
+            <li><a href="/">Landing page</a></li>
+            <li><a href="/weblog/">Weblog ~</a></li>
+            <li><a href="/weblog/archive">Weblog archive</a></li>
+          </ul>
+          <h3>Contact</h3>
+          <p>If you want to tell me something, you can contact me by email at:</p>
+          <a href="mailto:contact@yaroslavps.com">contact@yaroslavps.com</a>
         </div>
       {% endblock %}
     </div>
diff --git a/templates/index.html b/templates/index.html
index 4e009e3..64bea0c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 {% block page %}
-  <h2>Welcome to my site!</h2>
-  <a href="/weblog">Go to weblog</a>
+  <div class="landing-page-container">
+    <h2>Welcome to my site!</h2>
+    <a href="/weblog">Go to weblog</a>
+  </div>
 {% endblock %}
diff --git a/templates/page.html b/templates/page.html
index 66faa93..4a3c86c 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,10 +1,9 @@
 {% extends "base.html" %}
 {% block content %}
 {% set post = page %}
-<div class="post-page">
+<div class="post-container">
   <h2>{{ post.title }}</h2>
-  <p class="publish-date">{{ post.date }}</p>
-  <hr>
+  <p class="publish-date">Published on: {{ post.date | date(format="%b %d, %Y %H:%M Zulu") }}</p>
   {{ post.content | safe }}
 </div>
 {% endblock %}
diff --git a/templates/weblog.html b/templates/weblog.html
index a20f356..88abf61 100644
--- a/templates/weblog.html
+++ b/templates/weblog.html
@@ -2,8 +2,11 @@
 {% block content %}
 <div class="posts-list">
   {% for post in paginator.pages %}
-    <div class="post-preview">
-      <h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
+    <div class="post-container">
+      <h2>
+        <a href="{{ post.permalink }}">{{ post.title }}</a>
+        <span class="publish-date">{{ post.date | date }}</span>
+      </h2>
       {% if post.summary %}
         {{ post.summary | safe }}
       {% endif %}
-- 
cgit v1.2.3