css changes and blog supportHEADmaster

6 files changed, 54 insertions, 6 deletions

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 547c29f..7cede5d 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -31,8 +31,11 @@
 
     <link rel="stylesheet" href="{{ "css/main.css" | absURL }}"/>
 
+    <link rel="stylesheet" href="{{ "css/toggle.css" | absURL }}"/>
+
+
     {{ if .Site.Params.highlightjs }}
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/vs.min.css" integrity="sha256-w6kCMnFvhY2tI1OnsYR/rb5DG9yFGodJknvFZOkp51E=" crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/dracula.min.css" crossorigin="anonymous" />
     {{ end }}
 
     {{ if .Site.Params.progressively }}
diff --git a/layouts/_default/section.html b/layouts/_default/section.html
new file mode 100644
index 0000000..9d19f41
--- /dev/null
+++ b/layouts/_default/section.html
@@ -0,0 +1,28 @@
+{{ define "main" }}
+    {{ partial "header" . }}
+
+    <div class="content">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-sm-12 col-md-10">
+                    <div class="markdown">
+                        {{ partial "content" . }}
+                    </div>
+
+                    <div class="mx-0 mx-md-4 posts">
+                        <h1>{{ i18n "sections" }}</h1>
+                        <ul>
+                            {{ range sort .Pages "Title" "asc" }}
+                                <li>
+                                    <a href="{{ .Permalink }}"><span>{{ .Title }}</span></a>
+                                </li>
+                            {{ end }}
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    {{ partial "footer" . }}
+{{ end }}
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 774cb38..9dae847 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -21,7 +21,7 @@
                         {{ end }}
 
                         <span class="reading-time middot">
-                            {{ .ReadingTime }} minute read
+                            ⏱️ {{ .ReadingTime }} minute read
                         </span>
 
                         <div class="d-none d-md-inline tags">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 4751017..1afd117 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -45,13 +45,13 @@
                     {{ end }}
 
                     {{ if .Site.Params.email }}
-                        <a href="mailto:{{ .Site.Params.email }}">
+                        <a href="mailto:{{ .Site.Params.email }}" target="_blank">
                             <img class="icon" src="{{ .Site.BaseURL }}img/email.svg" alt="email" title="email me" />
                         </a>
                     {{ end }}
 
                     {{ if .Site.Params.fork}}
-                        <a href="{{ .Site.Params.fork }}">
+                        <a href="{{ .Site.Params.fork }}" target="_blank">
                             <img class="icon" src="{{ .Site.BaseURL }}img/git.svg" alt="fork this page" title="fork this theme" />
                         </a>
                     {{ end }}
@@ -65,6 +65,11 @@
                         {{ end }}
                     {{ end }}
                 </div>
+                <!-- dark mode toggle example -->
+                <!-- <div class="toggle toggle--daynight">
+                  <input type="checkbox" id="toggle--daynight" class="toggle--checkbox">
+                  <label class="toggle--btn" for="toggle--daynight"><span class="toggle--feature"></span></label>
+                </div> -->
             </div>
         </div>
     </div>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 1b982ea..39d0056 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -12,7 +12,6 @@
                 <a href="{{ .Site.BaseURL }}">
                     <h1 class="font-weight-bold name">{{ .Site.Title }}</h1>
                 </a>
-
                 <ul class="nav nav-primary">
                     {{ range .Site.Menus.primary.ByWeight }}
                         <li class="nav-item">
@@ -24,7 +23,7 @@
                     {{ end }}
 
                     {{ if .IsTranslated }}
-                        <li class="ml-4">
+                        <li class="ml-4 langToggle">
                             <ul class="nav nav-languages">
                                 {{ range .Translations }}
                                     <li>
@@ -35,7 +34,15 @@
                                 {{ end }}
                             </ul>
                         </li>
+
+
+
                     {{ end }}
+
+                    <!-- {{ if .Site.Params.darkMode }} -->
+
+                    <!-- {{ end }} -->
+
                 </ul>
 
                 <ul class="nav nav-secondary">
@@ -47,6 +54,7 @@
                             </a>
                         </li>
                     {{ end }}
+
                 </ul>
             </div>
         </div>
diff --git a/layouts/partials/list.html b/layouts/partials/list.html
new file mode 100644
index 0000000..142130c
--- /dev/null
+++ b/layouts/partials/list.html
@@ -0,0 +1,4 @@
+<li class="pl-3 post-item">
+    <span class="meta">{{ .Date.Format  "Jan 02, 2006" }}</span>
+    <a href="{{ .Permalink }}"><span>{{ .Title }}</span></a>
+</li>