10 files changed, 48 insertions, 16 deletions

diff --git a/content/cv.md b/content/cv.md
index 619be1a..0d4aeb4 100644
--- a/content/cv.md
+++ b/content/cv.md
@@ -14,7 +14,7 @@ slug: curriculum-vitae
 
 - **Key languages:** Golang, Python, C/C++, Bash, C#, Java, Perl.
 - **Platforms:** GNU/Linux, Arch, Debian, Gentoo, Red Hat, Custom distros.
-- **Fields of study:** Zigbee, KNX, Modbus, Machine to Machine, Embedded systems, Operating systems, Distributed systems, IOT, RDBMS, Algorithms, Database engine design, SQL, NoSQL, NewSQL, Big data analytics, Machine learning, Prediction algorithms, Realtime analytics, Systems automation.
+- **Fields of study:** Zigbee, KNX, Modbus, Machine to Machine, Embedded systems, Operating systems, Distributed systems, IOT, RDBMS, Algorithms, Database engine design, SQL, NoSQL, NewSQL, Big data analytics, Machine learning, Prediction algorithms, Realtime analytics, Systems automation, Natural language processing, Bioinformatics.
 
 ## Major projects
 
diff --git a/content/files/avatar-512x512.png b/content/files/avatar-512x512.png
new file mode 100644
index 0000000..1ebe6f2
--- /dev/null
+++ b/content/files/avatar-512x512.png
diff --git a/content/files/avatar-64x64.png b/content/files/avatar-64x64.png
new file mode 100644
index 0000000..86e840e
--- /dev/null
+++ b/content/files/avatar-64x64.png
diff --git a/content/files/style.css b/content/files/style.css
new file mode 100644
index 0000000..df892e5
--- /dev/null
+++ b/content/files/style.css
@@ -0,0 +1,6 @@
+
+@media print {
+  nav, footer {
+      display: none;
+  }
+}
diff --git a/source/assets/default.css b/source/assets/default.css
index a7dff38..8f15299 100644
--- a/source/assets/default.css
+++ b/source/assets/default.css
@@ -44,7 +44,7 @@ h1 {
 }
 
 h2,h3,h4,h5 {
-  margin-top: 50px;
+  /*margin-top: 50px;*/
 }
 
 img {
@@ -191,7 +191,7 @@ menu {
   font-size: 80%;
   padding: 0;
   padding-top: 10px;
-
+  margin-bottom: 40px;
 }
 
 menu a.logo {
@@ -237,6 +237,21 @@ footer > * {
   color: #333;
 }
 
+/*************************************************************** ARTICLE LIST */
+
+.article-list article {
+  margin-bottom: 20px;
+}
+
+.article-list article h2 {
+  margin: 0;
+  line-height: 150%;
+}
+
+.article-list a {
+  text-decoration: none;
+}
+
 /***************************************************************** RESPONSIVE */
 
 @media only screen and (max-width:800px) {
@@ -251,12 +266,16 @@ footer > * {
   h1 {
     font-size: 200%;
   }
-}
 
-.article-list a {
-  text-decoration: none;
+  footer {
+    text-align: center;
+  }
 }
 
-.article-list a h2 {
-  margin-bottom: 5px;
+/********************************************************************** PRINT */
+
+@media print {
+  nav, footer {
+      display: none;
+  }
 }
diff --git a/source/layouts/footer.njk b/source/layouts/footer.njk
index dce33dd..bbb0775 100644
--- a/source/layouts/footer.njk
+++ b/source/layouts/footer.njk
@@ -20,4 +20,5 @@
     }
   });
 </script>
+
 <script src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML" async></script>
diff --git a/source/layouts/index.njk b/source/layouts/index.njk
index 6a2441f..9784155 100644
--- a/source/layouts/index.njk
+++ b/source/layouts/index.njk
@@ -9,6 +9,8 @@
 
   <meta name="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
 
+  <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
+
   <title>{{ vars.title }}</title>
   <meta name="author" content="{{ vars.author }}">
   <meta name="description" content="{{ vars.description }}">
@@ -17,13 +19,13 @@
   <meta name="og:type" content="website">
   <meta name="og:title" content="{{ vars.title }}">
   <meta name="og:description" content="{{ vars.description }}">
-  <meta name="og:image" content="{{ vars.domain }}/assets/avatar.gif?ver={{ timestamp }}">
+  <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
 
   <meta name="twitter:card" content="summary">
   <meta name="twitter:site" content="@mitjafelicijan">
   <meta name="twitter:title" content="{{ vars.title }}">
   <meta name="twitter:description" content="{{ vars.description }}">
-  <meta name="twitter:image" content="{{ vars.domain }}/assets/avatar.gif?ver={{ timestamp }}">
+  <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
 
   {{ css }}
 
@@ -39,8 +41,8 @@
       {% for post in posts %}
       <article>
         <a href="/{{ post.slug }}">
-          <h2>{{ post.title }}</h2>
           <time pubdate="{{ post.dateOriginal }}" class="pubdate">{{ post.dateFormatted }}</time>
+          <h2>{{ post.title }}</h2>
         </a>
       </article>
       {% endfor %}
diff --git a/source/layouts/navigation.njk b/source/layouts/navigation.njk
index 2f73825..163c3c7 100644
--- a/source/layouts/navigation.njk
+++ b/source/layouts/navigation.njk
@@ -1,6 +1,6 @@
 <menu>
   <div>
-    <a href="/" class="logo">mitja felicijan</a>
+    <a href="/" class="logo">@mitjafelicijan</a>
   </div>
   <nav>
     <a href="//github.com/mitjafelicijan">
diff --git a/source/layouts/page.njk b/source/layouts/page.njk
index 1e9aa4d..a2434a1 100644
--- a/source/layouts/page.njk
+++ b/source/layouts/page.njk
@@ -9,6 +9,8 @@
 
   <meta name="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
 
+  <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
+
   <title>{{ title }}</title>
   <meta name="author" content="{{ vars.author }}">
   <meta name="description" content="{{ description }}">
@@ -17,13 +19,13 @@
   <meta name="og:type" content="website">
   <meta name="og:title" content="{{ title }}">
   <meta name="og:description" content="{{ description }}">
-  <meta name="og:image" content="{{ vars.domain }}/assets/avatar.gif?ver={{ timestamp }}">
+  <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
 
   <meta name="twitter:card" content="summary">
   <meta name="twitter:site" content="@mitjafelicijan">
   <meta name="twitter:title" content="{{ title }}">
   <meta name="twitter:description" content="{{ description }}">
-  <meta name="twitter:image" content="{{ vars.domain }}/assets/avatar.gif?ver={{ timestamp }}">
+  <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
 
   {{ css }}
 
diff --git a/source/layouts/post.njk b/source/layouts/post.njk
index 2fc0f7b..72923c9 100644
--- a/source/layouts/post.njk
+++ b/source/layouts/post.njk
@@ -9,6 +9,8 @@
 
   <meta name="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
 
+  <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
+
   <title>{{ title }}</title>
   <meta name="author" content="{{ vars.author }}">
   <meta name="description" content="{{ description }}">
@@ -17,13 +19,13 @@
   <meta name="og:type" content="website">
   <meta name="og:title" content="{{ title }}">
   <meta name="og:description" content="{{ description }}">
-  <meta name="og:image" content="{{ vars.domain }}/assets/avatar.gif?ver={{ timestamp }}">
+  <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
 
   <meta name="twitter:card" content="summary">
   <meta name="twitter:site" content="@mitjafelicijan">
   <meta name="twitter:title" content="{{ title }}">
   <meta name="twitter:description" content="{{ description }}">
-  <meta name="twitter:image" content="{{ vars.domain }}/assets/avatar.gif?ver={{ timestamp }}">
+  <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
 
   {{ css }}