Move to Firebase and added additional content

6 files changed, 41 insertions, 15 deletions

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 }}