From fee9623e249a979c5dc3561d05339bf4aeaab835 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Sat, 13 Oct 2018 03:31:09 +0200
Subject: [PATCH] fix atom feed; fix mobile nav

---
 layouts/_default/baseof.html   | 12 +++++++++---
 layouts/_default/list.atom     |  6 ++++--
 layouts/_default/list.atom.xml |  6 ++++--
 src/css/_style.css             |  5 ++++-
 src/css/nested.css             |  9 +++++++++
 static/default.css             | 14 ++++++++++++++
 static/default.min.css         |  2 +-
 7 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index c2edbe2..ba6d3e7 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -9,11 +9,11 @@
       <span class="site-header__description">Linux und Open Source Blog</span>
     </div>
 
-    <div class="site-nav__mobile" onclick="toogleClass('default-menu');">
-      <span class="site-nav__button">Menu</span>
+    <div class="site-nav__mobile">
+      <span class="site-nav__button" onclick="toogleClass('js-site-nav');">Menu</span>
     </div>
 
-    <nav class="site-nav">
+    <nav id="js-site-nav" class="site-nav">
       <ul class="site-nav__list">
         {{ $currentPage := .Permalink }}
         <li><a class="site-nav__button {{- if eq $currentPage (printf "%s" .Site.BaseURL) }} is-active {{- end }}" href="{{ .Site.BaseURL }}">Blog</a></li>
@@ -35,5 +35,11 @@
 
   <link rel="stylesheet" type="text/css" href="{{ "default.min.css" | relURL }}" />
   <link rel="stylesheet" type="text/css" href="{{ "_tool/fontawesome/css/all.min.css" | relURL }}" />
+
+  <script type="text/javascript">
+    function toogleClass(id) {
+      document.getElementById(id).classList.toggle("is-visible");
+    }
+  </script>
   </body>
 </html>
diff --git a/layouts/_default/list.atom b/layouts/_default/list.atom
index 1ef68e1..dae3723 100644
--- a/layouts/_default/list.atom
+++ b/layouts/_default/list.atom
@@ -8,7 +8,8 @@
     <name>{{.}}</name>{{ with $.Site.Author.email }}
     <email>{{.}}</email>{{end}}
   </author>{{end}}
-  <generator>Hugo -- gohugo.io</generator>{{ range .Data.Pages }}
+  <generator>Hugo -- gohugo.io</generator>
+  {{ range where .Pages "Type" "post" }}
   <entry>
     {{ `<title type="html"><![CDATA[` | safeHTML }}{{ .Title }}]]></title>
     <link href="{{ .Permalink }}"/>
@@ -19,5 +20,6 @@
     <published>{{ .Date.Format "2006-01-02T15:04:05-07:00" | safeHTML }}</published>
     <updated>{{ .Lastmod.Format "2006-01-02T15:04:05-07:00" | safeHTML }}</updated>
     {{ `<content type="html"><![CDATA[` | safeHTML }}{{ .Content }}]]></content>
-  </entry>{{ end }}
+  </entry>
+  {{ end }}
 </feed>
diff --git a/layouts/_default/list.atom.xml b/layouts/_default/list.atom.xml
index 1ef68e1..dae3723 100644
--- a/layouts/_default/list.atom.xml
+++ b/layouts/_default/list.atom.xml
@@ -8,7 +8,8 @@
     <name>{{.}}</name>{{ with $.Site.Author.email }}
     <email>{{.}}</email>{{end}}
   </author>{{end}}
-  <generator>Hugo -- gohugo.io</generator>{{ range .Data.Pages }}
+  <generator>Hugo -- gohugo.io</generator>
+  {{ range where .Pages "Type" "post" }}
   <entry>
     {{ `<title type="html"><![CDATA[` | safeHTML }}{{ .Title }}]]></title>
     <link href="{{ .Permalink }}"/>
@@ -19,5 +20,6 @@
     <published>{{ .Date.Format "2006-01-02T15:04:05-07:00" | safeHTML }}</published>
     <updated>{{ .Lastmod.Format "2006-01-02T15:04:05-07:00" | safeHTML }}</updated>
     {{ `<content type="html"><![CDATA[` | safeHTML }}{{ .Content }}]]></content>
-  </entry>{{ end }}
+  </entry>
+  {{ end }}
 </feed>
diff --git a/src/css/_style.css b/src/css/_style.css
index ff460a4..0815f15 100644
--- a/src/css/_style.css
+++ b/src/css/_style.css
@@ -288,7 +288,10 @@ all and (max-width: 900px){
 
 @media all and (max-device-width: 710px), all and (max-width: 710px){
   .site-nav {
-    /* display: none; */
+    display: none;
+  }
+  .site-nav.is-visible {
+    display: block;
   }
   .site-nav__mobile,
   .site-footer__button {
diff --git a/src/css/nested.css b/src/css/nested.css
index 1a016c3..1d901c8 100644
--- a/src/css/nested.css
+++ b/src/css/nested.css
@@ -8,3 +8,12 @@
   color:#FFFFFF;
   text-decoration:none;
 }
+
+.post-content h1,
+.post-content h2,
+.post-content h3,
+.post-content h4,
+.post-content h5,
+.post-content h6 {
+  font-weight: normal;
+}
diff --git a/static/default.css b/static/default.css
index 4b88789..31666aa 100644
--- a/static/default.css
+++ b/static/default.css
@@ -268,6 +268,12 @@ all and (max-width:900px) {
 }
 @media all and (max-device-width:710px),
 all and (max-width:710px) {
+  .site-nav {
+    display: none
+  }
+  .site-nav.is-visible {
+    display: block
+  }
   .site-footer__button,
   .site-nav__mobile {
     display: block
@@ -584,4 +590,12 @@ all and (max-width:710px) {
   background: #0a539a;
   color: #fff;
   text-decoration: none
+}
+.post-content h1,
+.post-content h2,
+.post-content h3,
+.post-content h4,
+.post-content h5,
+.post-content h6 {
+  font-weight: 400
 }
\ No newline at end of file
diff --git a/static/default.min.css b/static/default.min.css
index 7697d4e..7457920 100644
--- a/static/default.min.css
+++ b/static/default.min.css
@@ -1 +1 @@
-@font-face{font-family:OpenSans;src:url(/_font/OpenSans/OpenSans-Regular.eot);src:url(/_font/OpenSans/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(/_font/OpenSans/OpenSans-Regular.ttf) format('truetype')}@font-face{font-family:OpenSansLight;src:url(/_font/OpenSans/OpenSans-Light.eot);src:url(/_font/OpenSans/OpenSans-Light.eot?#iefix) format('embedded-opentype'),url(/_font/OpenSans/OpenSans-Light.ttf) format('truetype')}@font-face{font-family:CreteRound;src:url(/_font/CreteRound/CreteRound-Regular.otf) format('truetype')}@font-face{font-family:DroidSans_Mono;src:url(/_font/DroidSansMono/DroidSansMono-webfont.eot);src:url(/_font/DroidSansMono/DroidSansMono-webfont.eot?#iefix) format('embedded-opentype'),url(/_font/DroidSansMono/DroidSansMono-webfont.ttf) format('truetype')}body,html{margin:0;padding:0;height:100%}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:OpenSans}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.table{display:table}.table-cell{display:table-cell}.floated{float:left}.clear{clear:both}.site-header{background:#4186c9;padding:2em 0;text-align:center;color:#fff}.site-header__icon{font-size:2.5em;background:#fff;padding:0 .25em;border-radius:50%;color:#4186c9}.site-header__title{font-size:2.5em;font-family:CreteRound;font-weight:400;padding-left:.3em}.site-header__description{display:block;margin:.8em 0 .5em}.site-nav,.site-nav__mobile{background:#2f333e;text-align:center;color:#d9d9d9}.site-nav{display:block}.site-nav__mobile{display:none}.site-nav__button{color:#d9d9d9;text-decoration:none;padding:.2em .5em;border:1px solid;border-radius:6px;display:inline-block;margin:.8em 0}.site-nav__button.is-active,.site-nav__button:hover{background:#3d4352;cursor:pointer}.site-nav__list{margin:0}.site-nav__list li{display:inline-block;margin:0 .3em}.site-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.site-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.site-content,.site-footer__block{margin:0 auto;width:80%;max-width:980px}.post{word-wrap:break-word;border-top:1px dashed #959595;margin:0 2em;padding:1.5em 0}.post:first-child{border:0}.post-header__link{color:#000;text-decoration:none}.post-header__link:hover{text-decoration:underline}.post-header__title{font-weight:400}.post-content__link{color:#0a539a;text-decoration:underline}.post-content__link:hover{background:#0a539a;color:#fff;text-decoration:none}.post-content__link.is-readmore:after{content:' \f30b';font-family:'Font Awesome 5 Free';font-weight:900}.post-content__link.is-readmore{margin-bottom:1.5em;display:inline-block}.post-footer__link{border:1px solid #bfbfbf;padding:1px 4px;margin:2px 0;border-radius:4px;text-decoration:none;color:#505050;text-transform:uppercase;position:relative;display:inline-block}.post-footer__icon{font-size:20px;padding:0 2px}.post-footer__link:hover{background:#4ca0f4;border-color:#3e82c7;color:#fff;text-decoration:none;cursor:pointer}.post-footer__button{color:#4a4a4a;margin-right:10px;position:relative;display:inline-block;white-space:nowrap}.site-footer{width:100%;background:#2f333e;color:#fff;padding:1em 0}.site-footer__block{line-height:30px}.site-footer__link{color:#ffa31e;text-decoration:underline}.site-footer__link:hover{background:#ffa31e;color:#000;text-decoration:none}.site-footer__button{margin:0 10px 0 0}.paging{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1.5em 0}.paging__button{width:110px}.paging__button.is-prev{margin-left:auto}.paging__button.is-next{margin-right:auto}.paging__state{padding:.8em 0;text-align:center}.paging__link{display:inline-block;text-align:center;border:1px solid #bfbfbf;text-decoration:none;color:#505050;font-size:15px;text-transform:uppercase;text-align:center;font-weight:700;background:#fff;width:110px;padding:.8em 0}.paging__link:hover{background:#4ca0f4;border-color:#3e82c7;color:#fff;text-decoration:none;cursor:pointer}@media all and (max-device-width:900px),all and (max-width:900px){.container-centered{margin:0;width:100%}.site-content,.site-footer__block{margin:0 1em;width:auto;max-width:auto}.post{margin:auto}}@media all and (max-device-width:710px),all and (max-width:710px){.site-footer__button,.site-nav__mobile{display:block}.site-header__banner{padding-left:1em;padding-right:1em}.site-nav{background:#3e4352}.site-nav__list{padding:0}.site-nav__list li{display:block;margin:0}.site-nav .site-nav__button{color:#d9d9d9;text-decoration:none;padding:.6em 0;width:100%;border:0;border-radius:0;display:inline-block;margin:auto}.site-nav .site-nav__button:hover,.site-nav__button.is-active{background:#383c4a}}.chroma{background-color:#fff;color:#555}.chroma code{background-color:#f3f3f3;display:block;line-height:2;font-family:DroidSans_Mono;font-size:.9em}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:100%;overflow:auto;display:block}.chroma .lntable td:first-child{padding-right:.5em}.chroma .lntable td:first-child code{border-right:1px solid #dcdfe3}.chroma .lntable td:nth-child(2){width:100%;margin-left:2em}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .ln{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .k{color:#000;font-weight:700}.chroma .kc{color:#000;font-weight:700}.chroma .kd{color:#000;font-weight:700}.chroma .kn{color:#000;font-weight:700}.chroma .kp{color:#000;font-weight:700}.chroma .kr{color:#000;font-weight:700}.chroma .kt{color:#458;font-weight:700}.chroma .na{color:teal}.chroma .nb{color:#0086b3}.chroma .bp{color:#999}.chroma .nc{color:#458;font-weight:700}.chroma .no{color:teal}.chroma .nd{color:#3c5d5d;font-weight:700}.chroma .ni{color:purple}.chroma .ne{color:#900;font-weight:700}.chroma .nf{color:#900;font-weight:700}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#555}.chroma .nt{color:navy}.chroma .nv{color:teal}.chroma .vc{color:teal}.chroma .vg{color:teal}.chroma .vi{color:teal}.chroma .s{color:#d14}.chroma .sa{color:#d14}.chroma .sb{color:#d14}.chroma .sc{color:#d14}.chroma .dl{color:#d14}.chroma .sd{color:#d14}.chroma .s2{color:#d14}.chroma .se{color:#d14}.chroma .sh{color:#d14}.chroma .si{color:#d14}.chroma .sx{color:#d14}.chroma .sr{color:#009926}.chroma .s1{color:#d14}.chroma .ss{color:#990073}.chroma .m{color:#099}.chroma .mb{color:#099}.chroma .mf{color:#099}.chroma .mh{color:#099}.chroma .mi{color:#099}.chroma .il{color:#099}.chroma .mo{color:#099}.chroma .o{color:#000;font-weight:700}.chroma .ow{color:#000;font-weight:700}.chroma .c{color:#998;font-style:italic}.chroma .ch{color:#998;font-style:italic}.chroma .cm{color:#998;font-style:italic}.chroma .c1{color:#998;font-style:italic}.chroma .cs{color:#999;font-weight:700;font-style:italic}.chroma .cp{color:#999;font-weight:700;font-style:italic}.chroma .cpf{color:#999;font-weight:700;font-style:italic}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000;font-style:italic}.chroma .gr{color:#a00}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}.post-content a{color:#0a539a;text-decoration:underline}.post-content a:hover{background:#0a539a;color:#fff;text-decoration:none}
\ No newline at end of file
+@font-face{font-family:OpenSans;src:url(/_font/OpenSans/OpenSans-Regular.eot);src:url(/_font/OpenSans/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(/_font/OpenSans/OpenSans-Regular.ttf) format('truetype')}@font-face{font-family:OpenSansLight;src:url(/_font/OpenSans/OpenSans-Light.eot);src:url(/_font/OpenSans/OpenSans-Light.eot?#iefix) format('embedded-opentype'),url(/_font/OpenSans/OpenSans-Light.ttf) format('truetype')}@font-face{font-family:CreteRound;src:url(/_font/CreteRound/CreteRound-Regular.otf) format('truetype')}@font-face{font-family:DroidSans_Mono;src:url(/_font/DroidSansMono/DroidSansMono-webfont.eot);src:url(/_font/DroidSansMono/DroidSansMono-webfont.eot?#iefix) format('embedded-opentype'),url(/_font/DroidSansMono/DroidSansMono-webfont.ttf) format('truetype')}body,html{margin:0;padding:0;height:100%}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:OpenSans}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.table{display:table}.table-cell{display:table-cell}.floated{float:left}.clear{clear:both}.site-header{background:#4186c9;padding:2em 0;text-align:center;color:#fff}.site-header__icon{font-size:2.5em;background:#fff;padding:0 .25em;border-radius:50%;color:#4186c9}.site-header__title{font-size:2.5em;font-family:CreteRound;font-weight:400;padding-left:.3em}.site-header__description{display:block;margin:.8em 0 .5em}.site-nav,.site-nav__mobile{background:#2f333e;text-align:center;color:#d9d9d9}.site-nav{display:block}.site-nav__mobile{display:none}.site-nav__button{color:#d9d9d9;text-decoration:none;padding:.2em .5em;border:1px solid;border-radius:6px;display:inline-block;margin:.8em 0}.site-nav__button.is-active,.site-nav__button:hover{background:#3d4352;cursor:pointer}.site-nav__list{margin:0}.site-nav__list li{display:inline-block;margin:0 .3em}.site-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.site-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.site-content,.site-footer__block{margin:0 auto;width:80%;max-width:980px}.post{word-wrap:break-word;border-top:1px dashed #959595;margin:0 2em;padding:1.5em 0}.post:first-child{border:0}.post-header__link{color:#000;text-decoration:none}.post-header__link:hover{text-decoration:underline}.post-header__title{font-weight:400}.post-content__link{color:#0a539a;text-decoration:underline}.post-content__link:hover{background:#0a539a;color:#fff;text-decoration:none}.post-content__link.is-readmore:after{content:' \f30b';font-family:'Font Awesome 5 Free';font-weight:900}.post-content__link.is-readmore{margin-bottom:1.5em;display:inline-block}.post-footer__link{border:1px solid #bfbfbf;padding:1px 4px;margin:2px 0;border-radius:4px;text-decoration:none;color:#505050;text-transform:uppercase;position:relative;display:inline-block}.post-footer__icon{font-size:20px;padding:0 2px}.post-footer__link:hover{background:#4ca0f4;border-color:#3e82c7;color:#fff;text-decoration:none;cursor:pointer}.post-footer__button{color:#4a4a4a;margin-right:10px;position:relative;display:inline-block;white-space:nowrap}.site-footer{width:100%;background:#2f333e;color:#fff;padding:1em 0}.site-footer__block{line-height:30px}.site-footer__link{color:#ffa31e;text-decoration:underline}.site-footer__link:hover{background:#ffa31e;color:#000;text-decoration:none}.site-footer__button{margin:0 10px 0 0}.paging{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1.5em 0}.paging__button{width:110px}.paging__button.is-prev{margin-left:auto}.paging__button.is-next{margin-right:auto}.paging__state{padding:.8em 0;text-align:center}.paging__link{display:inline-block;text-align:center;border:1px solid #bfbfbf;text-decoration:none;color:#505050;font-size:15px;text-transform:uppercase;text-align:center;font-weight:700;background:#fff;width:110px;padding:.8em 0}.paging__link:hover{background:#4ca0f4;border-color:#3e82c7;color:#fff;text-decoration:none;cursor:pointer}@media all and (max-device-width:900px),all and (max-width:900px){.container-centered{margin:0;width:100%}.site-content,.site-footer__block{margin:0 1em;width:auto;max-width:auto}.post{margin:auto}}@media all and (max-device-width:710px),all and (max-width:710px){.site-nav{display:none}.site-nav.is-visible{display:block}.site-footer__button,.site-nav__mobile{display:block}.site-header__banner{padding-left:1em;padding-right:1em}.site-nav{background:#3e4352}.site-nav__list{padding:0}.site-nav__list li{display:block;margin:0}.site-nav .site-nav__button{color:#d9d9d9;text-decoration:none;padding:.6em 0;width:100%;border:0;border-radius:0;display:inline-block;margin:auto}.site-nav .site-nav__button:hover,.site-nav__button.is-active{background:#383c4a}}.chroma{background-color:#fff;color:#555}.chroma code{background-color:#f3f3f3;display:block;line-height:2;font-family:DroidSans_Mono;font-size:.9em}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:100%;overflow:auto;display:block}.chroma .lntable td:first-child{padding-right:.5em}.chroma .lntable td:first-child code{border-right:1px solid #dcdfe3}.chroma .lntable td:nth-child(2){width:100%;margin-left:2em}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .ln{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .k{color:#000;font-weight:700}.chroma .kc{color:#000;font-weight:700}.chroma .kd{color:#000;font-weight:700}.chroma .kn{color:#000;font-weight:700}.chroma .kp{color:#000;font-weight:700}.chroma .kr{color:#000;font-weight:700}.chroma .kt{color:#458;font-weight:700}.chroma .na{color:teal}.chroma .nb{color:#0086b3}.chroma .bp{color:#999}.chroma .nc{color:#458;font-weight:700}.chroma .no{color:teal}.chroma .nd{color:#3c5d5d;font-weight:700}.chroma .ni{color:purple}.chroma .ne{color:#900;font-weight:700}.chroma .nf{color:#900;font-weight:700}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#555}.chroma .nt{color:navy}.chroma .nv{color:teal}.chroma .vc{color:teal}.chroma .vg{color:teal}.chroma .vi{color:teal}.chroma .s{color:#d14}.chroma .sa{color:#d14}.chroma .sb{color:#d14}.chroma .sc{color:#d14}.chroma .dl{color:#d14}.chroma .sd{color:#d14}.chroma .s2{color:#d14}.chroma .se{color:#d14}.chroma .sh{color:#d14}.chroma .si{color:#d14}.chroma .sx{color:#d14}.chroma .sr{color:#009926}.chroma .s1{color:#d14}.chroma .ss{color:#990073}.chroma .m{color:#099}.chroma .mb{color:#099}.chroma .mf{color:#099}.chroma .mh{color:#099}.chroma .mi{color:#099}.chroma .il{color:#099}.chroma .mo{color:#099}.chroma .o{color:#000;font-weight:700}.chroma .ow{color:#000;font-weight:700}.chroma .c{color:#998;font-style:italic}.chroma .ch{color:#998;font-style:italic}.chroma .cm{color:#998;font-style:italic}.chroma .c1{color:#998;font-style:italic}.chroma .cs{color:#999;font-weight:700;font-style:italic}.chroma .cp{color:#999;font-weight:700;font-style:italic}.chroma .cpf{color:#999;font-weight:700;font-style:italic}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000;font-style:italic}.chroma .gr{color:#a00}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}.post-content a{color:#0a539a;text-decoration:underline}.post-content a:hover{background:#0a539a;color:#fff;text-decoration:none}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-weight:400}
\ No newline at end of file