update

_includes/footer.html

@@ -0,0 +1,5 @@
+<footer>
+    <p>
+        Copyright <a href="https://alessiofranceschi.me/">Alessio Franceschi</a>. Tutti i diritti riservati.
+    </p>
+</footer>

_layouts/default.html

@@ -8,15 +8,17 @@
   <div class="container">
       <div class="content ">
         {{ content }}
+
       </div>
 
       <div class = "sidebar">
         {%- include sidebar.html -%}
       </div>
-
-
+
   </div>
 
+  {%- include footer.html -%}
+
   <ul class="circles">
     <li></li>
     <li></li>
@@ -31,5 +33,6 @@
 </ul>
 
 {%- include playerjs.html -%}
+
 </body>
 </html>

_layouts/home.html

@@ -9,7 +9,11 @@
 <div class="post">
 
     <div class = "cover-img">
+      {% if post.cover %}
         <img src="{{post.cover}}" alt="Podcast Cover">
+      {% else %}
+        <img src="{{ "/assets/img/cover.png" | relative_url}}" alt="Podcast Cover">
+      {% endif %}
     </div>
 
     <div class = title>
@@ -64,12 +68,12 @@ <h2 id = "post-title"><a href="{{ post.url  | relative_url }}">{{ post.title }}<
   {% if paginator.previous_page %}
     <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prec</a>
   {% else %}
-    <span>&laquo; Prec</span>
+    <span class = "inactive">&laquo; Prec</span>
   {% endif %}
 
   {% for page in (1..paginator.total_pages) %}
     {% if page == paginator.page %}
-      <span class="webjeda">{{ page }}</span>
+      <span class = "inactive">{{ page }}</span>
     {% elsif page == 1 %}
       <a href="/">{{ page }}</a>
     {% else %}
@@ -80,7 +84,7 @@ <h2 id = "post-title"><a href="{{ post.url  | relative_url }}">{{ post.title }}<
   {% if paginator.next_page %}
     <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Succ &raquo;</a>
   {% else %}
-    <span>Succ &raquo;</span>
+    <span class = "inactive">Succ &raquo;</span>
   {% endif %}
 </div>
 {% endif %}

_layouts/post.html

@@ -3,24 +3,36 @@
 ---
 
 <div class = "single-post">
-<h2>{{page.title}}</h2>
+        <div class="categories">
+                {% assign categories = page.categories %}
+                {% for category in categories %}
+                  <a href="{% capture url %}/cat/#{{ category | slugify }}{% endcapture %}
+                  {{ url | relative_url }}">{{category}}</a>
+                  {% unless forloop.last %}&nbsp;{% endunless %} 
+                {% endfor %}
+        </div>
+        <h2>{{page.title}}</h2>
 
-<img src="{{ page.cover }}" alt="Podcast Cover">
-
-<p>{{page.description}}</p>
+        {% if post.cover %}
+                <img src="{{post.cover}}" alt="Podcast Cover">
+        {% else %}
+                <img src="{{ "/assets/img/cover.png" | relative_url}}" alt="Podcast Cover">
+        {% endif %}
+
+        <p>{{page.description}}</p>
 
-{% capture filename %}
-        {{- page.filename -}}
-{% endcapture %}
-{% capture title %}
-        {{- page.title -}}
-{% endcapture %}
+        {% capture filename %}
+                {{- page.filename -}}
+        {% endcapture %}
+        {% capture title %}
+                {{- page.title -}}
+        {% endcapture %}
 
-{% include player.html filename=filename title=page.title %}
+        {% include player.html filename=filename title=page.title %}
 
-{% include video.html videoid = page.videoid %}
+        {% include video.html videoid = page.videoid %}
 
-{{ content }}
+        {{ content }}
 
-{% include shownotes.html %}
+        {% include shownotes.html %}
 </div>

_posts/2019-07-20-introduzione.md

@@ -2,7 +2,7 @@
 title: Introduzione - Arte della Lettura Podcast
 layout: post
 type: extra
-categories: [Fiera, Wrap-Up]
+categories: [Generico]
 description: Una breve introduzione per spiegare quello che sarà Arte della Lettura Podcast.
 filename: ep0_intro
 length: "21:24"

_posts/2019-08-05-wrap-up-settembre.md

@@ -0,0 +1,10 @@
+---
+title: Wrap-Up Settembre 2019 - Arte della Lettura Podcast EXTRA
+layout: post
+categories: [Wrap-Up]
+type: extra
+description: 'Questo mese ho letto ben 4 libri: Starship Troopers, Strangers in Paradise 1, Fate il vostro gioco e Anne di Tetti Verdi. Ho apprezzato due libri e ne ho odiati due; come disse una volta un vecchio saggio: "Perfettamente bilanciato, come tutto dovrebbe essere".'
+filename: extra_wu_sett
+length: "12:18"
+videoid: dmrn9hoqTiY
+---

_posts/2019-09-31-wrap-up-agosto-2019 .md

@@ -0,0 +1,10 @@
+---
+title: Wrap-Up Agosto 2019 - Arte della Lettura Podcast EXTRA
+layout: post
+categories: [Wrap-Up]
+type: extra
+description: Riassuntone dei libri letti e in lettura nel mese di Agosto 2019. Ne avete letto qualcuno anche voi, cosa ne pensate?
+filename: extra_wu_agosto
+length: "14:04"
+videoid: ZfKHL4g2tDw
+---

_posts/2019-11-03-wrap-up-ottobre-2019.md

@@ -1,12 +1,11 @@
 ---
 title: Wrap-Up Ottobre 2019 - Arte della Lettura Podcast EXTRA
 layout: post
-categories: [Parliamo di, Intervista]
+categories: [Wrap-Up]
 type: extra
 description: Wrap-Up dei libri letti nel mese di Ottobre 2019. È stato un mese ricco, con libri tra cui Ruin and Rising di Leigh Bardugo, Niente canzoni d'amore di Charles Bukowski, La strada di Corman McCarthy e altri.
-filename: ep4_wu_ottobre
+filename: extra_wu_ottobre
 length: "52:14"
-cover: /assets/img/cover.png
 videoid: Y6X3Yz_7CMw
 ---
 

_sass/archive.scss

@@ -0,0 +1,33 @@
+.container{
+    .content{
+        .archive-group, .episodes{
+            h2{
+                font-family: 'Karla', sans-serif;
+                font-size: 2rem;
+                text-align: center;
+                margin-top: 20px;
+            }
+            ul{
+                list-style: none;
+                li{
+                    line-height: 3rem;
+                    text-align: center;
+                    a{
+                        text-decoration: none;
+                        font-size: 1.5rem;
+                            display: inline-block;
+                            font-style: italic;
+                            border-bottom: 1px solid $base-color;
+                            line-height: 0.9;
+                            transition: background-color 0.1s cubic-bezier(.33,.66,.66,1);
+                            color: black;
+                        }
+                        a:hover{
+                            background-color: rgba(1,160,228,0.3);
+                            border-bottom: none;
+                    }
+                }
+            }
+        }
+    }
+}

_sass/base.scss

@@ -38,4 +38,17 @@ p{
         order: 1;
         width: 55%;
     }
+
 }
+
+
+footer{
+    text-align: center;
+    font-size: .85rem;
+    margin-bottom: 10px;
+    margin-top: 20px;
+    a{
+        text-decoration: none;
+        color: black;
+    }
+}

_sass/home.scss

@@ -35,4 +35,28 @@
             font-style: italic;
         }
     }
+    .pagination a, .pagination span {
+        padding: 7px 18px;
+        border: 1px solid #eee;
+        margin-left: -2px;
+        margin-right: -2px;
+        background-color: #ffffff;
+        display: inline-block;
+        color: $base-color;
+      }
+
+    .pagination a {    
+        &:hover {
+            background-color: #f1f1f1;
+            color: #333;
+        }
+     }
+
+    .pagination {
+        text-align: center;
+        margin-bottom: 30px;
+        .inactive{
+            background-color: #f1f1f1;
+        }
+     }
 }

_sass/post.scss

@@ -2,6 +2,10 @@
     .content{
         .single-post{
             padding-bottom: 200px;
+            .categories{
+                text-align: center;
+                font-size: 1.2rem;
+            }
             img{
                 max-width: 400px;
                 display: block;

assets/css/main.scss

@@ -1,4 +1,4 @@
 ---
 ---
 
-@import "base", "background", "header", "sidebar", "home", "post", "player";
+@import "base", "background", "header", "sidebar", "home", "post", "archive", "player";

categories.md

@@ -0,0 +1,20 @@
+---
+layout: default
+permalink: /cat/
+title: Categorie
+---
+{% assign sorted_categories = site.categories | sort %}
+{% for category in sorted_categories %}
+  <div class="archive-group">
+    {% capture category_name %}{{ category | first }}{% endcapture %}
+    <div id="#{{ category_name | slugize }}">
+        <h2>{{ category_name }}</h2>
+
+        <ul>
+        {% for post in site.categories[category_name] %}
+        <li><a class="archive-link" href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></li>
+        {% endfor %}
+        </ul>
+    </div>
+  </div>
+{% endfor %}

episodi.md

@@ -2,11 +2,29 @@
 layout: default
 title: Episodi
 ---
+<div class = "episodes">
 
+<h2> Episodi </h2>
 <ul>
 {% for post in site.posts %}    
-    <li>
-        <a href="{{ post.url }}"> {{ post.title }} </a>
-    </li>
+    {% if post.type == "main" %}
+        <li>
+            <a href="{{ post.url }}"> {{ post.title }} </a>
+        </li>
+    {% endif %}
+
+{% endfor %}
+</ul>
+
+<h2> Episodi Extra </h2>
+<ul>
+{% for post in site.posts %}    
+    {% if post.type == "extra" %}
+        <li>
+            <a href="{{ post.url }}"> {{ post.title }} </a>
+        </li>
+    {% endif %}
+
 {% endfor %}
-</ul>
+</ul>
+</div>