From a4052ad2d4e8383f2944e16265a732f683f8023f Mon Sep 17 00:00:00 2001
From: loviuz <loviuz@gmail.com>
Date: Sun, 3 Jul 2022 17:24:33 +0200
Subject: [PATCH] Miglioramento layout generale

---
 assets/css/custom.css                               |  6 ++++++
 assets/css/responsive.css                           |  9 +++++++++
 content/guide/tradurre-guide-openstreetmap/index.md |  3 ++-
 .../mappa-prezzi-distributori-italia/index.md       |  3 ++-
 .../progetti/mappatura-raccoglitori-olio/index.md   |  3 ++-
 content/progetti/openstamanager/index.md            |  3 ++-
 content/progetti/wikipedia-este/index.md            |  3 ++-
 layouts/news/list.html                              |  6 +++---
 layouts/news/single.html                            | 13 ++++++++++---
 layouts/partials/list.html                          |  2 +-
 layouts/partials/page.html                          |  4 ++--
 11 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 80b2a93..052fc5e 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -87,6 +87,10 @@
     margin-bottom: 1em;
 }
 
+.page ul.tags > li{
+    display: inline;
+    color: #999;
+}
 
 /** NEWS **/
 .news-image{
@@ -95,6 +99,7 @@
     position: relative;
     margin-right: 1em;
     margin-bottom: 1em;
+    width: 40%;
 }
 
 .list ul.news-list li .date{
@@ -116,6 +121,7 @@
     border-radius: 0.6rem;
     line-height: 1.4em;
     font-size: 0.8em;
+    margin-bottom: 2px;
 }
 
 .list ul.news-list .tag a{
diff --git a/assets/css/responsive.css b/assets/css/responsive.css
index 04ae7cb..449d745 100644
--- a/assets/css/responsive.css
+++ b/assets/css/responsive.css
@@ -11,4 +11,13 @@
     .projects-list .progress{
         width: 100%;
     }
+
+    .news-image{
+        float: none;
+    }
+
+    .list ul.news-list li .reading-time{
+        display: block;
+        margin-left: 0;
+    }
 }
diff --git a/content/guide/tradurre-guide-openstreetmap/index.md b/content/guide/tradurre-guide-openstreetmap/index.md
index 9eefa36..04fa210 100644
--- a/content/guide/tradurre-guide-openstreetmap/index.md
+++ b/content/guide/tradurre-guide-openstreetmap/index.md
@@ -2,7 +2,8 @@
 title: Tradurre la guida di OpenStreetMap
 description: Come tradurre il wiki di OpenStreetMap in italiano (o altre lingue) 
 date: 2022-06-05T23:28:00+02:00
-image: tradurre-wiki-openstreetmap.jpg
+images:
+    - tradurre-wiki-openstreetmap.jpg
 categories:
     - Traduzioni
 tags:
diff --git a/content/progetti/mappa-prezzi-distributori-italia/index.md b/content/progetti/mappa-prezzi-distributori-italia/index.md
index 520764e..3c18885 100644
--- a/content/progetti/mappa-prezzi-distributori-italia/index.md
+++ b/content/progetti/mappa-prezzi-distributori-italia/index.md
@@ -2,7 +2,8 @@
 title: Mappa dei prezzi distributori in Italia
 description: Mappatura dei prezzi dei distributori in Italia importati dai dati ufficiali del MISE (MInistero dello Sviluppo Economico) dal formato CSV
 date: 2022-05-28T19:46:00+02:00
-image: fuel-gf6da54ccc_1280.jpg
+images:
+    - fuel-gf6da54ccc_1280.jpg
 obiettivo_percent: 90
 categories:
     - Mappe
diff --git a/content/progetti/mappatura-raccoglitori-olio/index.md b/content/progetti/mappatura-raccoglitori-olio/index.md
index d8e5ec8..8fc360b 100644
--- a/content/progetti/mappatura-raccoglitori-olio/index.md
+++ b/content/progetti/mappatura-raccoglitori-olio/index.md
@@ -2,7 +2,8 @@
 title: Mappa dei raccoglitori di olio a Este
 description: Mappatura dei raccoglitori di olio alimentare esausto a Este tramite OpenStreetMap 
 date: 2022-06-11T18:40:00+02:00
-image: 52-1728x800_c.jpg
+images:
+    - 52-1728x800_c.jpg
 obiettivo_percent: 100
 categories:
     - Mappe
diff --git a/content/progetti/openstamanager/index.md b/content/progetti/openstamanager/index.md
index 667a9a0..beec6f0 100644
--- a/content/progetti/openstamanager/index.md
+++ b/content/progetti/openstamanager/index.md
@@ -2,7 +2,8 @@
 title: OpenSTAManager
 description: Gestionale open source per la gestione dell'assistenza tecnica e per la fatturazione elettronica 
 date: 2008-08-11T17:00:00+02:00
-image: openstamanager.jpg
+images:
+    - openstamanager.jpg
 obiettivo_percent: 99
 categories:
     - Software
diff --git a/content/progetti/wikipedia-este/index.md b/content/progetti/wikipedia-este/index.md
index ea4d906..37ff206 100644
--- a/content/progetti/wikipedia-este/index.md
+++ b/content/progetti/wikipedia-este/index.md
@@ -2,7 +2,8 @@
 title: Aggiornamento Este su Wikipedia
 description: Mappatura dei raccoglitori 
 date: 2022-06-05T10:30:00+02:00
-image: wikipedia-gdcbdb40d8_1280.jpg
+images:
+    - wikipedia-gdcbdb40d8_1280.jpg
 obiettivo_percent: 10
 categories:
     - Cultura
diff --git a/layouts/news/list.html b/layouts/news/list.html
index 9d8ad0c..13bcb57 100644
--- a/layouts/news/list.html
+++ b/layouts/news/list.html
@@ -15,11 +15,11 @@
     {{ .Content }}
     <ul class="news-list">
       {{ range .Paginator.Pages }}
-        {{ $image := .Resources.GetMatch .Params.image }}
+        {{ $image := .Resources.GetMatch (index (.Params.images) 0) }}
         <li>
         {{ if $image }}
-          {{ $image := $image.Resize "x260" }}
-          {{ $image := $image.Crop "260x180" }}
+          {{ $image := $image.Resize "x480" }}
+          {{ $image := $image.Crop "480x350" }}
             <div class="news-image">
               <a href="{{ .Params.externalLink | default .RelPermalink }}">
                 <img src="{{ $image.RelPermalink }}">
diff --git a/layouts/news/single.html b/layouts/news/single.html
index 14a61be..fcbccf9 100644
--- a/layouts/news/single.html
+++ b/layouts/news/single.html
@@ -3,6 +3,9 @@
 {{ end }}
 {{ define "content" }}
   <section class="container post">
+    {{ if .Section }}
+      <a href="{{.Site.BaseURL}}/{{.Section}}"><i class="fa fa-chevron-left fa-fw"></i> Torna alle {{.Section}}</a>
+    {{ end }}
     <article>
       <header>
         <div class="post-title">
@@ -32,10 +35,14 @@
       </header>
 
       <div>
-        {{ if .Params.featuredImage }}
-          <img src="{{ .Params.featuredImage | relURL }}" alt="Featured image"/>
+        {{ with .Resources.GetMatch (index (.Params.images) 0) }}
+          {{ $image := . }}
+          {{ $image := $image.Crop "1280x250" }}
+          <img src="{{ $image.RelPermalink }}">
         {{ end }}
-        {{ .Content }}
+
+        {{ .TableOfContents }}
+        {{ .Content | safeHTML }}
       </div>
 
 
diff --git a/layouts/partials/list.html b/layouts/partials/list.html
index 0cb3cd4..8ba65bb 100644
--- a/layouts/partials/list.html
+++ b/layouts/partials/list.html
@@ -11,7 +11,7 @@
   {{ .Content }}
   <ul class="projects-list">
     {{ range .Paginator.Pages }}
-      {{ $image := .Resources.GetMatch .Params.image }}
+      {{ $image := .Resources.GetMatch (index (.Params.images) 0) }}
       <li>
       {{ if $image }}
         {{ $image := $image.Resize "x350" }}
diff --git a/layouts/partials/page.html b/layouts/partials/page.html
index 7c9a1e4..38d12b4 100755
--- a/layouts/partials/page.html
+++ b/layouts/partials/page.html
@@ -19,8 +19,8 @@
       {{ end }}
     </header>
 
-    {{ $image := .Resources.GetMatch .Params.image }}
-    {{ if $image }}
+    {{ if .Params.images }}
+      {{ $image := .Resources.GetMatch (index (.Params.images) 0) }}
       {{ $image := $image.Crop "1280x250" }}
       <img src="{{ $image.RelPermalink }}">
     {{ end }}