diff --git a/_includes/head.html b/_includes/head.html index 45ed03c..16ae6c3 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -5,7 +5,7 @@ - + diff --git a/_layouts/home.html b/_layouts/home.html index 97748a9..2844273 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -5,7 +5,9 @@ {% for post in paginator.posts %}
- Podcast Cover +
+ Podcast Cover +

{{ post.title }}

@@ -17,14 +19,28 @@

{{ post.title }}< {% endcapture %} {% include player.html filename=filename title=title %} -

- {% if post.description %} - {{post.description | strip_html | truncatewords:30}} - {% else %} - {{ post.content | strip_html | truncatewords:30 }} - {% endif %} - Continua -

+
+

+ {% if post.description %} + {{post.description | strip_html | truncatewords:100}} + {% else %} + {{ post.content | strip_html | truncatewords:100 }} + {% endif %} + Continua +

+
+ +
+

+ {% if post.description %} + {{post.description | strip_html | truncatewords:30}} + {% else %} + {{ post.content | strip_html | truncatewords:30 }} + {% endif %} + Continua +

+
+

{% endfor %} diff --git a/_posts/2019-11-17-parliamo-di-terzani.md b/_posts/2019-11-17-parliamo-di-terzani.md index 0cd6bc0..6e34eb9 100644 --- a/_posts/2019-11-17-parliamo-di-terzani.md +++ b/_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 +cover: /assets/img/cover.png ---

{{page.title}}

diff --git a/_posts/2020-05-26-parliamo-del-lucca-comics-2019.md b/_posts/2020-05-26-parliamo-del-lucca-comics-2019.md index 77bf88a..70e4e86 100644 --- a/_posts/2020-05-26-parliamo-del-lucca-comics-2019.md +++ b/_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 +cover: /assets/img/cover.png ---

{{page.title}}

diff --git a/_sass/base.scss b/_sass/base.scss index 8abb392..5e80401 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -15,6 +15,19 @@ html{ a{ text-decoration: none; } +p{ + a{ + 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); + } + a:hover{ + background-color: rgba(1,160,228,0.3); + border-bottom: none; + } +} .container{ display: flex; diff --git a/_sass/header.scss b/_sass/header.scss index cfc2af6..e73837e 100644 --- a/_sass/header.scss +++ b/_sass/header.scss @@ -8,6 +8,8 @@ padding: 20px; a{ color: white; + font-family: 'Oleo Script', cursive; + font-size: 2.5rem; } } diff --git a/_sass/home.scss b/_sass/home.scss index 2dda0f1..8f79ae8 100644 --- a/_sass/home.scss +++ b/_sass/home.scss @@ -7,6 +7,9 @@ height: 210px; margin-bottom: 50px; background-color: white; + p{ + padding: 0 5px; + } a{ color: black; } @@ -23,12 +26,6 @@ float: left; margin-right: 10px; } - .continue-reading{ - display: inline-block; - font-style: italic; - border-bottom: 1px solid $base-color; - line-height: 0.9; - } .player-container{ margin: 10px auto; } diff --git a/assets/css/mobile.scss b/assets/css/mobile.scss index 700be07..574914b 100644 --- a/assets/css/mobile.scss +++ b/assets/css/mobile.scss @@ -9,7 +9,7 @@ h1{ padding: 10px; padding-top: 7px; - max-width: 300px; + max-width: 420px; } } body{ @@ -17,17 +17,6 @@ background-position-x: 31%; } } -@media screen and (max-width: 350px){ - #header{ - margin-bottom: 100px; - h1{ - max-width: 200px; - } - } - body{ - background-size: 330%; - } -} @media (min-width: 990px){ #hammenuToggle{ @@ -53,49 +42,133 @@ } .sidebar{ margin-top: 30px; - width: 50% !important; + width: 25% !important; + } + } +} +@media (min-width: 820px){ + .container{ + .content{ + .post{ + position: relative; + height: 262px; + .player-container{ + position: absolute; + bottom: 0; + width: 100%; + margin: 0; + } + .short-excerpt{ + display: none; + } + } } } } - @media (max-width: 820px){ .container{ .content{ .post{ + .long-excerpt{ + display: none; + } h2{ a{ font-size: 1.2rem; } } img{ - height: 134px; + height: 135px; } height: 210px; } } + .sidebar{ + margin-top: 30px; + width: 35% !important; + } + } } @media (max-width: 580px){ .container{ .content{ - .post{ - height: 335px; - } - .player-container{ - margin-top: 45px; + .post{ + height: 300px; + img{ + height: 135px; + } + h2{ + margin: 0px; + height: 135px; + } + .player-container{ + margin-top: 0px; + } } } } } @media (max-width: 520px){ - + #header{ + h1{ + max-width: 300px; + } + } + .container{ + .sidebar{ + margin-top: 30px; + width: 40% !important; + } + } } -@media (max-width: 530px){ +@media (max-width: 728px){ body{ background-size: 300%; background-position-x: 40%; } +} + +@media (max-width: 400px){ + body{ + background-size: 350%; + background-position-x: 40%; + } + .container{ + .sidebar{ + margin-top: 30px; + width: 50% !important; + } + } +} + +@media screen and (max-width: 350px){ + #header{ + margin-bottom: 100px; + h1{ + max-width: 200px; + } + } + body{ + background-size: 330%; + } +} + + +@media (max-width: 330px){ + .container{ + .content{ + .post{ + height: 350px; + h2{ + a{ + font-size: 0.98rem; + } + } + } + } + } } \ No newline at end of file