update

_data/settings.yml

@@ -25,4 +25,18 @@ siti-podcast:
   - {name: 'Overcast', link: 'https://overcast.fm/itunes1473677332/arte-della-lettura-podcast'}
   - {name: 'RadioPublic', link: 'https://radiopublic.com/arte-della-lettura-podcast-GZ00o9'}
   - {name: 'Breaker', link: 'https://www.breaker.audio/arte-della-lettura-podcast'}  
-  - {name: 'RSS', link: 'https://anchor.fm/s/135fe8b8/podcast/rss'}
+  - {name: 'RSS', link: 'https://anchor.fm/s/135fe8b8/podcast/rss'}
+
+months:
+    - Gennaio
+    - Febbraio
+    - Marzo
+    - Aprile
+    - Maggio
+    - Giugno
+    - Luglio
+    - Agosto
+    - Settembre
+    - Ottobre
+    - Novembre
+    - Dicembre

_includes/date.html

@@ -0,0 +1,18 @@
+<!-- Whitespace added for readability -->
+{% assign m = include.date | date: "%-m" %}
+{{ include.date | date: "%-d" }}
+{% case m %}
+  {% when '1' %}Gennaio
+  {% when '2' %}Febbraio
+  {% when '3' %}Marzo
+  {% when '4' %}Aprile
+  {% when '5' %}Maggio
+  {% when '6' %}Giugno
+  {% when '7' %}Luglio
+  {% when '8' %}Agosto
+  {% when '9' %}Settembre
+  {% when '10' %}Ottobre
+  {% when '11' %}Novembre
+  {% when '12' %}Dicembre
+{% endcase %}
+{{ include.date | date: "%Y" }}

_layouts/home.html

@@ -4,12 +4,25 @@
 ---
 {% for post in paginator.posts %}
 
+
+
 <div class="post">
+
     <div class = "cover-img">
         <img src="{{post.cover}}" alt="Podcast Cover">
     </div>
 
-    <h2 id = "post-title"><a href="{{ post.url  | relative_url }}">{{ post.title }}</a></h2>
+    <div class = title>
+        <h2 id = "post-title"><a href="{{ post.url  | relative_url }}">{{ post.title }}</a></h2>
+
+        <div class = "info">
+            <span>
+                <i class="far fa-calendar" aria-hidden="true"></i>
+                <time datetime="{{ post.date | date_to_xmlschema }}" class="by-line">{%- include date.html date=post.date -%}</time> - <i class="far fa-clock"></i> {{post.length}}
+            </span>
+        </div>
+    </div>
+
 
     {% capture filename %}
         {{- post.filename -}}

_posts/2019-11-17-parliamo-di-terzani.md

@@ -4,6 +4,7 @@ layout: post
 categories: [Parliamo di, Intervista]
 description: "In questo episodio del Podcast parliamo di Tiziano Terzani in compagnia del primo ospite, mio padre!"
 filename: ep5
+length: "52:14"
 cover: /assets/img/cover.png
 ---
 

_posts/2020-05-26-parliamo-del-lucca-comics-2019.md

@@ -4,6 +4,7 @@ layout: post
 categories: [Fiera, Wrap-Up]
 description: "In questo episodio vi parlo della mia esperienza al Lucca Comics & Games 2019. Questa è stata la prima volta che sono riuscito a partecipare, anche se erano anni che desideravo andarci. Voi siete stati al Lucca Comics? Cosa ne pensate? Tornerete per l'edizione 2020?"
 filename: ep6
+length: "33:27"
 cover: /assets/img/cover.png
 ---
 

_sass/home.scss

@@ -5,7 +5,7 @@
         box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
 
         height: 210px;
-        margin-bottom: 50px;
+        margin-bottom: 80px;
         background-color: white;
         p{
             padding: 0 5px;
@@ -29,5 +29,10 @@
         .player-container{
             margin: 10px auto;
         }
+        .info{
+            margin-bottom: 10px;
+            font-size: 1rem;
+            font-style: italic;
+        }
     }
 }

_sass/post.scss

@@ -1,8 +1,5 @@
 .container{
     .content{
-        h2{
-            margin-bottom: 20px;
-        }
         img{
             max-width: 400px;
         }

assets/css/mobile.scss

@@ -73,14 +73,15 @@
                     display: none;
                 }
                 h2{
+                    line-height: 1.4rem;
                     a{
                         font-size: 1.2rem;
                     }
                 }
                 img{
                     height: 135px;
                 }    
-            height: 210px;
+            height: 230px;
             }
         }
             .sidebar{
@@ -101,11 +102,13 @@
                 }
                 h2{
                     margin: 0px;
-                    height: 135px;
                 }
                 .player-container{
                     margin-top: 0px;
                 }
+                .title{
+                    height: 135px;
+                }
             }
         }
     }
@@ -121,7 +124,7 @@
         .sidebar{
             margin-top: 30px;
             width: 40% !important;
-        }
+        } 
     }
 }
 
@@ -132,7 +135,7 @@
     }
 }
 
-@media (max-width: 400px){
+@media (max-width: 420px){
     body{
         background-size: 350%;
         background-position-x: 40%;
@@ -141,7 +144,16 @@
         .sidebar{
             margin-top: 30px;
             width: 50% !important;
-        }
+        }           
+        .post{
+            height: 325px !important;
+            .info{
+                font-size: 0.95rem;
+            }
+            h2{
+                line-height: 1.3rem !important;
+            }
+        } 
     }
 }