Miglioramento layout generale

assets/css/custom.css

@@ -17,14 +17,13 @@
 
 .list ul.tags > li{
     display: inline;
-    color: #999;
+    color: #ddd;
     font-size: 80%;
+    padding: 5px;
+    background: rgb(16, 104, 192);
+    border-radius: 6px;
 }
 
-.page ul.tags > li{
-    display: inline;
-    color: #999;
-}
 
 .list ul.projects-list li .title{
     font-size: 1.5em;
@@ -56,6 +55,18 @@
     background: rgb(207, 9, 105);
 }
 
+.list ul.projects-list li .wip{
+    width: auto;
+    text-align: center;
+    margin: 0;
+    position: absolute;
+    top: -10px;
+    left: -10px;
+    color: #fff;
+    padding: 0em .5em;
+    background: rgb(210, 119, 50);
+}
+
 .list ul.projects-list li .completed{
     width: auto;
     text-align: center;
@@ -76,17 +87,51 @@
     margin-bottom: 1em;
 }
 
-@media (max-width: 768px) {
-    .projects-list > li > img{
-        float: none;
-        margin-right: 0px;
-    }
-
-    .projects-list > li > a{
-        float: right;
-    }
-
-    .projects-list .progress{
-        width: 100%;
-    }
+.page ul.tags > li{
+    display: inline;
+    color: #999;
 }
+
+/** NEWS **/
+.news-image{
+    display: inline;
+    float: left;
+    position: relative;
+    margin-right: 1em;
+    margin-bottom: 1em;
+    width: 40%;
+}
+
+.list ul.news-list li .date{
+    width: auto;
+}
+
+.list ul.news-list li .reading-time{
+    margin-left: 1em;
+}
+
+.list ul.news-list li a.title{
+    font-size: 1.3em;
+}
+
+.list ul.news-list .tag{
+    display: inline-block;
+    padding: 0.3rem 0.6rem;
+    background-color: #e0e0e0;
+    border-radius: 0.6rem;
+    line-height: 1.4em;
+    font-size: 0.8em;
+    margin-bottom: 2px;
+}
+
+.list ul.news-list .tag a{
+    color: #212121;
+}
+
+.list ul.news-list:not(.pagination) li{
+    display: block;
+}
+
+hr.light{
+    border: 1px solid #eee;
+}

assets/css/responsive.css

@@ -0,0 +1,23 @@
+@media (max-width: 768px) {
+    .projects-list > li > img{
+        float: none;
+        margin-right: 0px;
+    }
+
+    .projects-list > li > a{
+        float: right;
+    }
+
+    .projects-list .progress{
+        width: 100%;
+    }
+
+    .news-image{
+        float: none;
+    }
+
+    .list ul.news-list li .reading-time{
+        display: block;
+        margin-left: 0;
+    }
+}

config.toml

@@ -29,7 +29,7 @@ pygmentscodefencesguesssyntax = true
   colorScheme = "auto"
   hidecolorschemetoggle = false
 
-  customCSS = ["css/custom.css", "css/bootstrap.css", "css/font-awesome-animation.min.css"]
+  customCSS = ["css/bootstrap.css", "css/font-awesome-animation.min.css", "css/custom.css", "css/responsive.css"]
   #customSCSS = ["scss/custom.scss"]
   #customJS = ["js/custom.js"]
 
@@ -80,12 +80,16 @@ pygmentscodefencesguesssyntax = true
   weight = 3
   url  = "progetti/"
 [[menu.main]]
-  name = "I miei contributi"
+  name = "News"
   weight = 4
+  url  = "news/"
+[[menu.main]]
+  name = "I miei contributi"
+  weight = 5
   url  = "contributi/"
 [[menu.main]]
   name = "Guide"
-  weight = 5
+  weight = 6
   url  = "guide/"
 
 

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:
@@ -10,7 +11,9 @@ tags:
     - openstreetmap
     - italiano
     - traduzioni
----
+# status: new, wip, done
+status: done
+--- 
 
 
 La comunità di OpenStreetMap sta mantenendo una guida in stile Wiki come Wikipedia, cioè una guida collaborativa dove ognuno può contribuire quindi non solo per le mappe ma anche per le guide. Uno strumento così vasto come la gestione delle mappe di tutto il mondo senza una guida sarebbe impossibile da mantenere se non ci fossero delle linee guida, infatti la community propone nuovi tag da associare ai punti in mappa e tutto questo passa attraverso il wiki di OpenStreetMap. Ogni voce va tradotta nelle varie lingue per aiutare chi non conosce l'inglese che è la lingua principale con cui è stato scritto il wiki. Io ho iniziato oggi a tradurre questa semplice pagina:

content/news/impegno-civico-opensource/index.md

@@ -0,0 +1,14 @@
+---
+title: Impegno civico aperto nei comuni
+description: A cosa serve un impegno civico aperto e soprattutto l'hacking civico?
+date: 2022-07-03T15:08:00+02:00
+image: impegno-civico-opensource.jpg
+layout: news
+tags:
+    - hacking civico
+    - lug
+    - open data
+    - open source
+    - openstreetmap
+---
+

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
@@ -11,6 +12,8 @@ tags:
     - umap
     - benzina
     - italia
+# status: new, wip, done
+status: wip
 ---
 
 Mi sono imbattuto nel link del MISE (MInistero dello Sviluppo Economico) tramite il gruppo Telegram di **OpenStreetMap Italia** in cui si parlava di usare gli open data del MISE per aggiornare la mappa di openstreetmap riguardo i distributori.

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
@@ -11,7 +12,8 @@ tags:
     - umap
     - riciclo
     - italia
-new: true
+# status: new, wip, done
+status: wip
 ---
 
 

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
@@ -11,6 +12,8 @@ tags:
     - gestionale
     - italia
     - imprenditoria
+# status: new, wip, done
+status: done
 ---
 
 OpenSTAManager è stato ed è ancora oggi il progetto più datato ma importante della mia carriera. E' nato per un idraulico nel lontano **2008** e grazie ai contributi della rete e dei colleghi di lavoro ora è diventato il software principale su cui lavoriamo nell'azienda di cui sono socio e dove lo personalizziamo per i clienti.

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
@@ -11,7 +12,8 @@ tags:
     - cultura
     - este
     - italia
-new: true
+# status: new, wip, done
+status: new
 ---
 
 Dall'app [OsmAnd~](https://osmand.net/), la prima app ufficiale di OpenStreetMap, mi sono accorto che abilitando alcuni plugin è possibile vedere articoli di **Wikipedia** che sono legati al luogo che si sta visitando, e ho scoperto che alcuni di questi luoghi non sono aggiornati o per assurdo sono stati scritti da utenti non italiani e sono in inglese, come ad esempio la Basilica delle Grazie:

layouts/news/li.html

@@ -0,0 +1,4 @@
+<li>
+  <span class="date">{{ .Date | time.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}</span>
+  <a class="title" href="{{ .Params.externalLink | default .RelPermalink }}">{{ .Title }}</a>
+</li>

layouts/news/list.html

@@ -0,0 +1,67 @@
+{{ define "title" }}
+  {{ title (i18n (lower .Title)) | default .Title }} · {{ .Site.Title }}
+{{ end }}
+{{ define "content" }}
+  <section class="container list">
+    <h1 class="title">
+      <a class="title-link" href="{{ .Permalink | safeURL }}">
+        {{- if eq .Kind "term" -}}
+          {{- i18n .Data.Plural 1 | title -}}
+          {{- print ": " -}}
+        {{- end -}}
+        {{- i18n (lower .Title) | default .Title | title -}}
+      </a>
+    </h1>
+    {{ .Content }}
+    <ul class="news-list">
+      {{ range .Paginator.Pages }}
+        {{ $image := .Resources.GetMatch (index (.Params.images) 0) }}
+        <li>
+        {{ if $image }}
+          {{ $image := $image.Resize "x480" }}
+          {{ $image := $image.Crop "480x350" }}
+            <div class="news-image">
+              <a href="{{ .Params.externalLink | default .RelPermalink }}">
+                <img src="{{ $image.RelPermalink }}">
+              </a>
+            </div>
+
+            <div class="date">
+              <span class="posted-on">
+                <i class="fa fa-calendar" aria-hidden="true"></i>
+                <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
+                  {{ .Date | time.Format (.Site.Params.dateFormat | default "2 January 2006" ) }}
+                </time>
+              </span>
+              <span class="reading-time">
+                <i class="fa fa-clock-o" aria-hidden="true"></i>
+                {{ i18n "reading_time" .ReadingTime }}
+              </span>
+            </div>
+            <hr class="light">
+
+            <a class="title" href="{{ .Params.externalLink | default .RelPermalink }}">{{ .Title }}</a><br>
+            <span class="description">{{ .Params.description }}</span>
+            <br><br>
+
+            {{ if .Params.tags }}
+              <div class="tags">
+                <i class="fa fa-tag" aria-hidden="true"></i>
+                {{- range $index, $el := .Params.tags -}}
+                  {{- if gt $index 0 }}
+                    <span class="separator">•</span>
+                  {{- end }}
+                  <span class="tag">
+                    <a href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}">{{ . }}</a>
+                  </span>
+                {{- end -}}
+              </div>
+            {{ end }}
+            <div style="clear:both;"></div>
+        </li>
+        {{ end }}
+      {{ end }}
+    </ul>
+    {{ partial "pagination.html" . }}
+  </section>
+{{ end }}

layouts/news/single.html

@@ -0,0 +1,59 @@
+{{ define "title" }}
+  {{ .Title }} · {{ .Site.Title }}
+{{ 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">
+          <h1 class="title">
+            <a class="title-link" href="{{ .Permalink | safeURL }}">
+              {{ .Title }}
+            </a>
+          </h1>
+        </div>
+        <div class="post-meta">
+          <div class="date">
+            <span class="posted-on">
+              <i class="fa fa-calendar" aria-hidden="true"></i>
+              <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
+                {{ .Date | time.Format (.Site.Params.dateFormat | default "2 January 2006" ) }}
+              </time>
+            </span>
+            <span class="reading-time">
+              <i class="fa fa-clock-o" aria-hidden="true"></i>
+              {{ i18n "reading_time" .ReadingTime }}
+            </span>
+          </div>
+          {{ with .Page.Params.Authors }}{{ partial "taxonomy/authors.html" . }}{{ end }}
+          {{ with .Page.Params.Categories }}{{ partial "taxonomy/categories.html" . }}{{ end }}
+          {{ with .Page.Params.Tags }}{{ partial "taxonomy/tags.html" . }}{{ end }}
+        </div>
+      </header>
+
+      <div>
+        {{ with .Resources.GetMatch (index (.Params.images) 0) }}
+          {{ $image := . }}
+          {{ $image := $image.Crop "1280x250" }}
+          <img src="{{ $image.RelPermalink }}">
+        {{ end }}
+
+        {{ .TableOfContents }}
+        {{ .Content | safeHTML }}
+      </div>
+
+
+      <footer>
+        {{ partial "posts/series.html" . }}
+        {{ partial "posts/disqus.html" . }}
+        {{ partial "posts/commento.html" . }}
+        {{ partial "posts/utterances.html" . }}
+      </footer>
+    </article>
+
+    {{ partial "posts/math.html" . }}
+  </section>
+{{ end }}

layouts/partials/footer.html

@@ -0,0 +1,19 @@
+<footer class="footer">
+  <section class="container">
+    ©
+    {{ if (and .Site.Params.since (lt .Site.Params.since now.Year)) }}
+      {{ .Site.Params.since }} -
+    {{ end }}
+    {{ now.Year }}
+    {{ with .Site.Params.author }} {{ . }} {{ end }}
+    ·
+    {{ if (and .Site.Params.license) }}
+      {{ i18n "licensed_under" }} {{ .Site.Params.license | safeHTML }}
+    ·
+    {{ end }}
+    {{ i18n "powered_by" }} <a href="https://gohugo.io/">Hugo</a> & <a href="https://github.com/luizdepra/hugo-coder/">Coder</a>
+    {{ if (and .Site.Params.commit .GitInfo) }}
+      [<a href="{{ .Site.Params.commit }}/{{ .GitInfo.Hash }}">{{ .GitInfo.AbbreviatedHash }}</a>]
+    {{ end }} - Questo sito non utilizza i cookies 😇
+  </section>
+</footer>

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" }}
@@ -21,11 +21,12 @@
               <img src="{{ $image.RelPermalink }}">
             </a>
             <span class="date">{{ .Date | time.Format (.Site.Params.dateFormat | default "01 January 2006" ) }}</span>
-            {{ if .Params.new }}
-              <span class="new"><i class="fa fa-flask animated faa-rising"></i></span>
-            {{ end }}
-            {{ if eq .Params.obiettivo_percent 100 }}
-              <span class="completed"><i class="fa fa-check"></i></span>
+            {{ if eq .Params.status "new" }}
+              <span class="new"><i class="fa fa-lightbulb-o animated faa-flash"></i></span>
+            {{ else if eq .Params.status "wip" }}
+              <span class="wip"><i class="fa fa-gear animated faa-spin"></i></span>
+            {{ else if eq .Params.status "done" }}
+              <span class="completed"><i class="fa fa-check animated faa-pulse"></i></span>
             {{ end }}
           </div>
           
@@ -43,7 +44,7 @@
           {{ if .Params.tags }}
             <ul class="tags">
               {{ range .Params.tags }}
-                <li>#{{ . }}</li>
+                <li><span class="hashtag">#</span>{{ . }}</li>
               {{ end }}
             </ul>
           {{ end }}

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

themes/hugo-coder

@@ -1 +1 @@
-Subproject commit 2b8d4c11435fd598ca133ffe8288639a08079224
+Subproject commit abc1133c7e077d484e4c97f75cee8460a3004397