fix kleine schermen

This commit is contained in:
wgroeneveld 2018-04-27 19:49:41 +02:00
parent ae2e399265
commit 20cd77c025
2 changed files with 25 additions and 12 deletions

View File

@ -39,21 +39,24 @@
</blockquote>
<hr/>
<h2>
<i class="fa fa-newspaper-o"></i>&nbsp;{{ markdownify .Site.Params.Description }}:
</h2>
{{ range (.Paginator 1).Pages.ByDate.Reverse }}
{{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") | $.Scratch.Set "subtitle" }}
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
<div class="freshly-baked">
<h2>
<i class="fa fa-newspaper-o"></i>&nbsp;{{ markdownify .Site.Params.Description }}:
</h2>
<h4>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h4>
{{ .Params.subtitle }} <span style="color: lightgrey;"><i class='fa fa-calendar'></i>&nbsp;{{ $.Scratch.Get "subtitle" }}</span>
{{ end }}
{{ range (.Paginator 1).Pages.ByDate.Reverse }}
{{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") | $.Scratch.Set "subtitle" }}
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
<hr/>
<h4>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h4>
{{ .Params.subtitle }} <span style="color: lightgrey;"><i class='fa fa-calendar'></i>&nbsp;{{ $.Scratch.Get "subtitle" }}</span>
{{ end }}
<hr/>
</div>
</div>

View File

@ -21,10 +21,20 @@
display: block;
}
.intro .freshly-baked {
visibility: hidden;
}
.intro {
margin-top: -150px;
}
@media only screen and (min-width: 500px) {
.intro .freshly-baked {
visibility: visible;
}
}
@media only screen and (min-width: 768px) {
.intro {
margin-top: -40px;