Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@PandaSekh
PandaSekh committed May 29, 2020
1 parent c0254f4 commit e729be8
Show file tree
Hide file tree
Showing 8 changed files with 141 additions and 38 deletions.
2 changes: 1 addition & 1 deletion _includes/head.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

<link rel="stylesheet" href="https://cdn.plyr.io/3.6.2/plyr.css" />
<link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap" rel="stylesheet">

<link rel="stylesheet" href="{{"/assets/css/main.css" | relative_url }}">
<link rel="stylesheet" href="{{ "/assets/css/mobile.css" | relative_url }}">
Expand Down
34 changes: 25 additions & 9 deletions _layouts/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,9 @@
{% for post in paginator.posts %}

<div class="post">
<img src="{{"/assets/img/cover.png" | relative_url}}" alt="Podcast Cover">
<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>

Expand All @@ -17,14 +19,28 @@ <h2 id = "post-title"><a href="{{ post.url | relative_url }}">{{ post.title }}<
{% endcapture %}
{% include player.html filename=filename title=title %}

<p>
{% if post.description %}
{{post.description | strip_html | truncatewords:30}}
{% else %}
{{ post.content | strip_html | truncatewords:30 }}
{% endif %}
<span class = "continue-reading"><a href="{{ post.url | relative_url }}">Continua</a></span>
</p>
<div class = "long-excerpt">
<p>
{% if post.description %}
{{post.description | strip_html | truncatewords:100}}
{% else %}
{{ post.content | strip_html | truncatewords:100 }}
{% endif %}
<span class = "continue-reading"><a href="{{ post.url | relative_url }}">Continua</a></span>
</p>
</div>

<div class = "short-excerpt">
<p>
{% if post.description %}
{{post.description | strip_html | truncatewords:30}}
{% else %}
{{ post.content | strip_html | truncatewords:30 }}
{% endif %}
<span class = "continue-reading"><a href="{{ post.url | relative_url }}">Continua</a></span>
</p>
</div>

</div>
{% endfor %}

Expand Down
1 change: 1 addition & 0 deletions _posts/2019-11-17-parliamo-di-terzani.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
---

<h2>{{page.title}}</h2>
Expand Down
1 change: 1 addition & 0 deletions _posts/2020-05-26-parliamo-del-lucca-comics-2019.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
---

<h2>{{page.title}}</h2>
Expand Down
13 changes: 13 additions & 0 deletions _sass/base.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
2 changes: 2 additions & 0 deletions _sass/header.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@
padding: 20px;
a{
color: white;
font-family: 'Oleo Script', cursive;
font-size: 2.5rem;
}
}

Expand Down
9 changes: 3 additions & 6 deletions _sass/home.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@
height: 210px;
margin-bottom: 50px;
background-color: white;
p{
padding: 0 5px;
}
a{
color: black;
}
Expand All @@ -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;
}
Expand Down
117 changes: 95 additions & 22 deletions assets/css/mobile.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,25 +9,14 @@
h1{
padding: 10px;
padding-top: 7px;
max-width: 300px;
max-width: 420px;
}
}
body{
background-size: 286%;
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{
Expand All @@ -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;
}
}
}
}
}
}

0 comments on commit e729be8

Please sign in to comment.