From 2732deaa79b0617fe9a5e17a166cda7f5f1fa26e Mon Sep 17 00:00:00 2001
From: Marc Riera Irigoyen <marc.riera.irigoyen@gmail.com>
Date: Sat, 7 Apr 2018 14:37:10 +0200
Subject: [PATCH] Improve readability, add recent news to home page

---
 i18n/ca.toml                     |  3 +++
 i18n/en.toml                     |  3 +++
 i18n/es.toml                     |  3 +++
 layouts/_default/list.html       |  6 +++++-
 layouts/_default/single.html     |  8 +-------
 layouts/index.html               |  3 ++-
 layouts/partials/content.html    | 15 ++++++++++++++
 layouts/partials/footer.html     |  2 --
 layouts/partials/header.html     |  2 --
 layouts/partials/recentnews.html | 15 ++++++++++++++
 static/css/kozmo-dark.css        | 35 ++++++++++++--------------------
 11 files changed, 60 insertions(+), 35 deletions(-)
 create mode 100644 layouts/partials/content.html
 create mode 100644 layouts/partials/recentnews.html

diff --git a/i18n/ca.toml b/i18n/ca.toml
index a6f114f..98b28f2 100644
--- a/i18n/ca.toml
+++ b/i18n/ca.toml
@@ -9,3 +9,6 @@ other = "Més recent"
 
 [older]
 other = "Més antic"
+
+[latestUpdates]
+other = "Últimes actualitzacions"
diff --git a/i18n/en.toml b/i18n/en.toml
index 5b35ba9..5fbde5a 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -9,3 +9,6 @@ other = "Newer"
 
 [older]
 other = "Older"
+
+[latestUpdates]
+other = "Latest updates"
diff --git a/i18n/es.toml b/i18n/es.toml
index b8edb79..0a07be7 100644
--- a/i18n/es.toml
+++ b/i18n/es.toml
@@ -9,3 +9,6 @@ other = "Más reciente"
 
 [older]
 other = "Más antiguo"
+
+[latestUpdates]
+other = "Últimas actualizaciones"
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 6b6b0a3..fda8482 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,5 +1,7 @@
 {{ partial "header.html" . }}
 
+<div id="content">
+
   {{ range sort .Paginator.Pages }}
     <div id="paginator-page">
     <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
@@ -8,7 +10,7 @@
       ...
     <div id="paginator-page-footer">
 	    {{ if not .Date.IsZero }}
-	    <p class="timestamp">{{ .Date.Format "02-01-2006" }}</p>
+	    <p class="timestamp">{{ .Date.Format "2006-01-02" }}</p>
 	    {{ end }}
 	    <div id="paginator-page-button">
 	    <a href="{{ .Permalink }}">{{ i18n "readMore" }}</a>
@@ -22,4 +24,6 @@
   {{ end }}
   {{ partial "pagination.html" . }}
 
+</div>
+
 {{ partial "footer.html" . }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 2bb9b3d..9e30929 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,9 +1,3 @@
 {{ partial "header.html" . }}
-{{ if not .Date.IsZero }}
-  <p class="timestamp">{{ .Date.Format "02-01-2006" }}</p>
-{{ end }}
-{{ .Content }}
-{{ if .Params.tags }}
-  {{ partial "tags" .Params.tags }}
-{{ end }}
+{{ partial "content.html" . }}
 {{ partial "footer.html" . }}
diff --git a/layouts/index.html b/layouts/index.html
index 16f6ffc..f2f89dd 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,3 +1,4 @@
 {{ partial "header.html" . }}
-{{ .Content }}
+{{ partial "content.html" . }}
+{{ partial "recentnews.html" . }}
 {{ partial "footer.html" . }}
diff --git a/layouts/partials/content.html b/layouts/partials/content.html
new file mode 100644
index 0000000..6e3289e
--- /dev/null
+++ b/layouts/partials/content.html
@@ -0,0 +1,15 @@
+<div id="content">
+
+{{ if not .IsHome }}
+{{ if not .Date.IsZero }}
+  <p class="timestamp">{{ .Date.Format "02-01-2006" }}</p>
+{{ end }}
+{{ end }}
+
+  {{ .Content }}
+
+{{ if .Params.tags }}
+  {{ partial "tags" .Params.tags }}
+{{ end }}
+
+</div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 50a6a65..d9ed425 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,6 +1,4 @@
 
-      </div>
-
       <div id="footer">
         {{ now.Year }} - {{ $.Site.Params.copyright }}
       </div>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index a8baef4..eb5b2ff 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -58,5 +58,3 @@
         <div id="page-title">
 	    <h1>{{ .Title }}</h1>
         </div>
-
-      <div id="content">
diff --git a/layouts/partials/recentnews.html b/layouts/partials/recentnews.html
new file mode 100644
index 0000000..3cc3387
--- /dev/null
+++ b/layouts/partials/recentnews.html
@@ -0,0 +1,15 @@
+{{ $recentupdatessection := .Site.Params.recentupdates | default "blog"}}
+
+{{ with .Site.GetPage "section" $recentupdatessection }}
+
+  <div id="recent-updates">
+
+    <h2>{{ i18n "latestUpdates" }}</h2>
+
+    {{ range (first 3 (where .Pages "Section" $recentupdatessection)) }}
+      <p class="timestamp">{{ .Date.Format "2006-01-02" }} <a href="{{ .Permalink }}">{{ .Title }}</a></p>
+    {{ end }}
+
+  </div>
+
+{{ end }}
diff --git a/static/css/kozmo-dark.css b/static/css/kozmo-dark.css
index d20e8e8..c9e9dad 100644
--- a/static/css/kozmo-dark.css
+++ b/static/css/kozmo-dark.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,500i,600,600i,700,700i');
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');
 
 /* Basic theme elements */
 
@@ -49,12 +49,13 @@ h6 {
 
 a {
   text-decoration: none;
+  font-weight: 600;
 }
 
 a:link,
 a:active,
 a:visited {
-  color: #BBBBBB;
+  color: #CCCCCC;
 }
 
 a:hover,
@@ -62,13 +63,6 @@ a.selected {
   color: #208DCC;
 }
 
-p a:link,
-p a:active,
-p a:visited,
-p a:hover {
-  color: #208DCC;
-}
-
 
 /* Images */
 
@@ -167,17 +161,6 @@ nav ul li a {
   font-size: 90%;
 }
 
-nav a:link,
-nav a:active,
-nav a:visited {
-  color: #BBBBBB;
-}
-
-nav a:hover,
-nav a.selected {
-  color: #208DCC;
-}
-
 
 /* Language selector */
 
@@ -262,8 +245,8 @@ nav a.selected {
   text-align: justify;
 }
 
-#content .timestamp,
-#content .tags {
+.timestamp,
+.tags {
   color: #777;
 }
 
@@ -331,6 +314,14 @@ nav a.selected {
 }
 
 
+/* Home page: latest updates */
+
+#recent-updates {
+  padding: 0px 20px 10px 20px;
+  text-align: justify;
+}
+
+
 
 @media (min-width: 780px) {