fix some layout and style

7 files changed, 26 insertions, 23 deletions

diff --git a/assets/_scss/layout.scss b/assets/_scss/layout.scss
index e828ca8..5779599 100644
--- a/assets/_scss/layout.scss
+++ b/assets/_scss/layout.scss
@@ -111,6 +111,7 @@
   }
   
   .pagination{
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     display:flex;
     flex-wrap: nowrap;
     justify-content: space-between;
diff --git a/assets/_scss/media.scss b/assets/_scss/media.scss
index c01f010..3f91a84 100644
--- a/assets/_scss/media.scss
+++ b/assets/_scss/media.scss
@@ -28,4 +28,11 @@
         }
     }
 
-}
\ No newline at end of file
+}
+
+@media (prefers-color-scheme: dark) {
+    body  { 
+        color: rgb(199, 195, 187);
+        background-color: #231f14;
+    }
+  }
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.content b/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.content
index 22fbad7..a2bc868 100644
--- a/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.content
+++ b/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.content
@@ -1 +1 @@
-@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:16px/1.5 -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;color:#38352f;background-color:#ebe4d1;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;margin:0 auto;padding:0 15px;max-width:700px}hr{border:1px dashed #828282;margin:25px 0}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block;margin:16.5px 0}img{max-width:100%;vertical-align:middle;margin:0 auto}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400;font-family:Cambria,Cochin,Georgia,Times,times new roman,serif}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#38352f;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{font-family:serif;color:#444;border-left:4px solid #aaa;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #d4d4d4;border-radius:2px}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.hidden{display:none;visibility:hidden;width:0;height:0}.emoji{font-family:Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols}.svg-icon{width:16px;height:16px;display:inline-block;fill:#444;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#1f1d1a;border-collapse:collapse;border:1px solid #aaa}table tr:nth-child(even){background-color:#b9b9b9}table th,table td{padding:10px 15px}table th{background-color:#b2b2b2;border:1px solid #a0a0a0;border-bottom-color:#8b8b8b}table td{border:1px solid #aaa}.site-header{border-bottom:1px dashed #aaa;min-height:55.95px;display:flex;align-items:flex-end;position:relative}.site-nav{font-family:Cambria,Cochin,Georgia,Times,times new roman,serif;font-weight:700;display:inline;vertical-align:bottom}.site-nav ol{margin:0;padding:0;list-style:none}.site-nav ol li{display:inline}.page-description{font-size:13.92px;padding:0;margin:0}.site-footer{font-size:10px;border-top:1px dashed #aaa;margin-bottom:20px}.site-footer .left{float:left}.site-footer .right{float:right}.page-content{padding:30px 0}.page-heading{font-size:32px}.post-meta{font-size:14px;font-family:trebuchet ms,lucida sans unicode,lucida grande,lucida sans,Arial,sans-serif;color:#444}.post-meta ul{float:right}.post-meta ul li{display:inline-block}section.item-list .item{font-family:Cambria,Cochin,Georgia,Times,times new roman,serif;font-weight:700;width:100%;display:flex;flex-wrap:wrap}section.item-list .item h3{font-weight:700;width:35%;white-space:nowrap;overflow:hidden;text-align:left;text-overflow:ellipsis;flex:auto;margin:0 16px 0 0}section.item-list .item span{width:calc(60% - 128px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:auto;margin-right:16px}section.item-list .item time{box-sizing:border-box;width:96px;text-align:right}h3.item-title{display:inline-block;font-size:16px;margin:.2em}.pagination{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:30px}.post-header{margin-bottom:15px;border-bottom:1px dotted #aaa}.post-title{font-size:20px;letter-spacing:-1px;line-height:1}#disqus_thread{font-size:14.24px}.post-content{font-family:Tahoma,Arial,sans-serif;margin-bottom:30px}.post-content p,.post-content li{font-size:14.24px}.post-content pre,.post-content code{font-size:13.12px}.post-content h2{font-size:17.6px;font-weight:700}.post-content h3{font-weight:700;font-size:17.2px}.post-content h4{font-weight:700;font-size:14.8px}article~.pagination{padding:30px 0;border-top:1px dashed #aaa}.__h_instagram.card{font-size:14px;border:1px solid #bfbaba;padding:10px 0;background:#fff}.__h_instagram.card .card-link{padding-left:16px}.highlight{background:#eee4d0}.highlight .chroma{background-color:#eee4d0}.highlight .chroma .err{display:inline}.highlight .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.highlight .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.highlight .chroma .hl{display:block;width:100%;background-color:#ffc}.highlight .chroma .lnt{margin-right:.4em;padding:0 .4em}.highlight .chroma .ln{margin-right:.4em;padding:0 .4em}.highlight .chroma .k{color:#00f}.highlight .chroma .kc{color:#00f}.highlight .chroma .kd{color:#00f}.highlight .chroma .kn{color:#00f}.highlight .chroma .kp{color:#00f}.highlight .chroma .kr{color:#00f}.highlight .chroma .kt{color:#2b91af}.highlight .chroma .nc{color:#2b91af}.highlight .chroma .s{color:#a31515}.highlight .chroma .sa{color:#a31515}.highlight .chroma .sb{color:#a31515}.highlight .chroma .sc{color:#a31515}.highlight .chroma .dl{color:#a31515}.highlight .chroma .sd{color:#a31515}.highlight .chroma .s2{color:#a31515}.highlight .chroma .se{color:#a31515}.highlight .chroma .sh{color:#a31515}.highlight .chroma .si{color:#a31515}.highlight .chroma .sx{color:#a31515}.highlight .chroma .sr{color:#a31515}.highlight .chroma .s1{color:#a31515}.highlight .chroma .ss{color:#a31515}.highlight .chroma .ow{color:#00f}.highlight .chroma .c{color:green}.highlight .chroma .ch{color:green}.highlight .chroma .cm{color:green}.highlight .chroma .c1{color:green}.highlight .chroma .cs{color:green}.highlight .chroma .cp{color:#00f}.highlight .chroma .cpf{color:#00f}.highlight .chroma .ge{font-style:italic}.highlight .chroma .gh{font-weight:700}.highlight .chroma .gp{font-weight:700}.highlight .chroma .gs{font-weight:700}.highlight .chroma .gu{font-weight:700}@media screen and (min-width:900px){.post-title{font-size:26.4px}.post-content h1{font-size:28.8px}.post-content h2{font-size:22.4px}.post-content h3{font-size:19.2px}.post-content h4{font-size:16.8px}.post-content h5{font-size:15.68px}.post-content h6{font-size:13.12px}}@media print{@page{margin:1.2cm}body{font:12pt Georgia,times new roman,Times,serif;line-height:1.3;background:#fff!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}p{orphans:2;widows:2}pre,code{font-size:inherit}body>:not(main),main>:not(article),.pagination{display:none}h1{column-span:all;break-before:column;break-inside:avoid-column;break-after:avoid-column;font-size:24pt;background:#5c5c5c;color:#fff!important;-moz-color:#fff!important;padding:0 5pt;border:none;line-height:1.4;display:inline}h2{font-size:14pt;margin-top:25px;break-after:avoid}blockquote,ul{margin:0}ul{list-style:none}li{content:"» ";word-wrap:break-word}a{color:#000;word-wrap:break-word}p a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href)")";font-weight:400;font-size:10pt;font-style:italic;border:none}abbr:after{content:" (" attr(title)")";font-weight:100;font-style:italic;border:none}p a[href^="#"]:after{display:none}.wrapper{max-width:100%!important;float:none;margin:0;padding:0}.post-meta{margin:0 0 .5cm}img{display:block;margin:0 auto}}
\ No newline at end of file
+@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:16px/1.5 -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;color:#38352f;background-color:#ebe4d1;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;margin:0 auto;padding:0 15px;max-width:700px}hr{border:1px dashed #828282;margin:25px 0}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block;margin:16.5px 0}img{max-width:100%;vertical-align:middle;margin:0 auto}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400;font-family:Cambria,Cochin,Georgia,Times,times new roman,serif}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#38352f;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{font-family:serif;color:#444;border-left:4px solid #aaa;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #d4d4d4;border-radius:2px}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.hidden{display:none;visibility:hidden;width:0;height:0}.emoji{font-family:Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols}.svg-icon{width:16px;height:16px;display:inline-block;fill:#444;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#1f1d1a;border-collapse:collapse;border:1px solid #aaa}table tr:nth-child(even){background-color:#b9b9b9}table th,table td{padding:10px 15px}table th{background-color:#b2b2b2;border:1px solid #a0a0a0;border-bottom-color:#8b8b8b}table td{border:1px solid #aaa}.site-header{border-bottom:1px dashed #aaa;min-height:55.95px;display:flex;align-items:flex-end;position:relative}.site-nav{font-family:Cambria,Cochin,Georgia,Times,times new roman,serif;font-weight:700;display:inline;vertical-align:bottom}.site-nav ol{margin:0;padding:0;list-style:none}.site-nav ol li{display:inline}.page-description{font-size:13.92px;padding:0;margin:0}.site-footer{font-size:10px;border-top:1px dashed #aaa;margin-bottom:20px}.site-footer .left{float:left}.site-footer .right{float:right}.page-content{padding:30px 0}.page-heading{font-size:32px}.post-meta{font-size:14px;font-family:trebuchet ms,lucida sans unicode,lucida grande,lucida sans,Arial,sans-serif;color:#444}.post-meta ul{float:right}.post-meta ul li{display:inline-block}section.item-list .item{font-family:Cambria,Cochin,Georgia,Times,times new roman,serif;font-weight:700;width:100%;display:flex;flex-wrap:wrap}section.item-list .item h3{font-weight:700;width:35%;white-space:nowrap;overflow:hidden;text-align:left;text-overflow:ellipsis;flex:auto;margin:0 16px 0 0}section.item-list .item span{width:calc(60% - 128px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:auto;margin-right:16px}section.item-list .item time{box-sizing:border-box;width:96px;text-align:right}h3.item-title{display:inline-block;font-size:16px;margin:.2em}.pagination{font-family:Cambria,Cochin,Georgia,Times,times new roman,serif;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:30px}.post-header{margin-bottom:15px;border-bottom:1px dotted #aaa}.post-title{font-size:20px;letter-spacing:-1px;line-height:1}#disqus_thread{font-size:14.24px}.post-content{font-family:Tahoma,Arial,sans-serif;margin-bottom:30px}.post-content p,.post-content li{font-size:14.24px}.post-content pre,.post-content code{font-size:13.12px}.post-content h2{font-size:17.6px;font-weight:700}.post-content h3{font-weight:700;font-size:17.2px}.post-content h4{font-weight:700;font-size:14.8px}article~.pagination{padding:30px 0;border-top:1px dashed #aaa}.__h_instagram.card{font-size:14px;border:1px solid #bfbaba;padding:10px 0;background:#fff}.__h_instagram.card .card-link{padding-left:16px}.highlight{background:#eee4d0}.highlight .chroma{background-color:#eee4d0}.highlight .chroma .err{display:inline}.highlight .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.highlight .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.highlight .chroma .hl{display:block;width:100%;background-color:#ffc}.highlight .chroma .lnt{margin-right:.4em;padding:0 .4em}.highlight .chroma .ln{margin-right:.4em;padding:0 .4em}.highlight .chroma .k{color:#00f}.highlight .chroma .kc{color:#00f}.highlight .chroma .kd{color:#00f}.highlight .chroma .kn{color:#00f}.highlight .chroma .kp{color:#00f}.highlight .chroma .kr{color:#00f}.highlight .chroma .kt{color:#2b91af}.highlight .chroma .nc{color:#2b91af}.highlight .chroma .s{color:#a31515}.highlight .chroma .sa{color:#a31515}.highlight .chroma .sb{color:#a31515}.highlight .chroma .sc{color:#a31515}.highlight .chroma .dl{color:#a31515}.highlight .chroma .sd{color:#a31515}.highlight .chroma .s2{color:#a31515}.highlight .chroma .se{color:#a31515}.highlight .chroma .sh{color:#a31515}.highlight .chroma .si{color:#a31515}.highlight .chroma .sx{color:#a31515}.highlight .chroma .sr{color:#a31515}.highlight .chroma .s1{color:#a31515}.highlight .chroma .ss{color:#a31515}.highlight .chroma .ow{color:#00f}.highlight .chroma .c{color:green}.highlight .chroma .ch{color:green}.highlight .chroma .cm{color:green}.highlight .chroma .c1{color:green}.highlight .chroma .cs{color:green}.highlight .chroma .cp{color:#00f}.highlight .chroma .cpf{color:#00f}.highlight .chroma .ge{font-style:italic}.highlight .chroma .gh{font-weight:700}.highlight .chroma .gp{font-weight:700}.highlight .chroma .gs{font-weight:700}.highlight .chroma .gu{font-weight:700}@media screen and (min-width:900px){.post-title{font-size:26.4px}.post-content h1{font-size:28.8px}.post-content h2{font-size:22.4px}.post-content h3{font-size:19.2px}.post-content h4{font-size:16.8px}.post-content h5{font-size:15.68px}.post-content h6{font-size:13.12px}}@media(prefers-color-scheme:dark){body{color:#c7c3bb;background-color:#231f14}}@media print{@page{margin:1.2cm}body{font:12pt Georgia,times new roman,Times,serif;line-height:1.3;background:#fff!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}p{orphans:2;widows:2}pre,code{font-size:inherit}body>:not(main),main>:not(article),.pagination{display:none}h1{column-span:all;break-before:column;break-inside:avoid-column;break-after:avoid-column;font-size:24pt;background:#5c5c5c;color:#fff!important;-moz-color:#fff!important;padding:0 5pt;border:none;line-height:1.4;display:inline}h2{font-size:14pt;margin-top:25px;break-after:avoid}blockquote,ul{margin:0}ul{list-style:none}li{content:"» ";word-wrap:break-word}a{color:#000;word-wrap:break-word}p a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href)")";font-weight:400;font-size:10pt;font-style:italic;border:none}abbr:after{content:" (" attr(title)")";font-weight:100;font-style:italic;border:none}p a[href^="#"]:after{display:none}.wrapper{max-width:100%!important;float:none;margin:0;padding:0}.post-meta{margin:0 0 .5cm}img{display:block;margin:0 auto}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.json b/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.json
index 5193f60..65195e2 100644
--- a/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.json
+++ b/exampleSite/resources/_gen/assets/scss/main.scss_e86386c8bae1cd02295de71a1be078d6.json
@@ -1 +1 @@
-{"Target":"css/main.min.20083f44abfdc62a6379c18d9e5077d2661fc4fe8746d94625f94bf90fe973d7.css","MediaType":"text/css","Data":{"Integrity":"sha256-IAg/RKv9xipjecGNnlB30mYfxP6HRtlGJflL+Q/pc9c="}}
\ No newline at end of file
+{"Target":"css/main.min.7fdf1d02dafd1a6eb5cfd0d707e17e33515b866f5d305a0ab01a4095577484fe.css","MediaType":"text/css","Data":{"Integrity":"sha256-f98dAtr9Gm61z9DXB+F+M1Fbhm9dMFoKsBpAlVd0hP4="}}
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index e9a92fe..575996c 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -24,22 +24,22 @@
                 {{end}}
             </a>
         </h3>
-        <span>{{with .GitInfo }} <em>@{{.AbbreviatedHash}}</em> {{.Subject }} {{ end }}</span>
-        <time datetime="2006-01-02">{{ .Date.Format "2 Jan 2006" | }}</time>
+        {{with .GitInfo }}<span><em>@{{.AbbreviatedHash}}</em> {{.Subject }}</span>{{ end }}
+        <time datetime="2006-01-02">{{ .Date.Format "2 Jan 2006" }}</time>
     </div>
     {{ end }}         
     {{ with .Paginator}}
     <div class="pagination">
-        <div class="next">
-            {{ if .HasNext }}
-            <a href="{{.Next.URL}}">Oldest</a>
-            {{ end }}
-        </div>
         <div class="prev">
             {{ if .HasPrev }}
             <a href="{{.Prev.URL}}">Newest</a>
         {{ end }}
         </div>
+        <div class="next">
+            {{ if .HasNext }}
+            <a href="{{.Next.URL}}">Oldest</a>
+            {{ end }}
+        </div>
     </div>
     {{ end }}
 </section>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index dd61457..b3d7c16 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -20,16 +20,12 @@
     </div>
 </article>
 <div class="pagination">
-    <div class="prev">
-        {{ if .PrevInSection }}
-        <a href="{{.PrevInSection.Permalink}}">Previous Post</a>
-        {{ end }}
-    </div>
-    <div class="next">
-        {{ if .NextInSection }}
-        <a href="{{.NextInSection.Permalink}}">Next Post</a>
-        {{ end }}
-    </div>
+    {{ if .PrevInSection }}
+    <div class="prev"> <a href="{{.PrevInSection.Permalink}}">Previous Post</a> </div>
+    {{ end }}
+    {{ if .NextInSection }}
+    <div class="next"> <a href="{{.NextInSection.Permalink}}">Next Post</a> </div>
+    {{ end }}
 </div>
 {{ template "_internal/disqus.html" . }}
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index a568395..e1b3cd4 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,7 +1,6 @@
 <footer class="site-footer">
-	<span class="left">Gohugo/{{ hugo.Version }}</span> 
+	<span class="left">Gohugo/{{ hugo.Version }} </span> 
 	<span class="right">
-		<em>The Root's Home</em> By 
-		<a href="https://github.com/rmsubekti" target="_blank" rel="noopener noreferrer">rmsubekti</a>
+		<em>{{ if .Site.Title }}{{.Site.Title}}{{else}}tThe Root's Home{{end}}</em>
 	</span>
 </footer>