From 20cd77c025cbac024f13b8231437c2356c332a34 Mon Sep 17 00:00:00 2001
From: wgroeneveld <wouter.groeneveld@gmail.com>
Date: Fri, 27 Apr 2018 19:49:41 +0200
Subject: [PATCH] fix kleine schermen

---
 layouts/index.html              | 27 +++++++++++++++------------
 layouts/partials/head-open.html | 10 ++++++++++
 2 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index ae5d4507..aa02122f 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -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>
 
diff --git a/layouts/partials/head-open.html b/layouts/partials/head-open.html
index f545435d..788e2024 100644
--- a/layouts/partials/head-open.html
+++ b/layouts/partials/head-open.html
@@ -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;