From 41ef0bdcde0534402d430185052f4c553144487c Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Wed, 6 May 2020 20:30:07 +0800
Subject: General template fix

---
 layouts/partials/head.html        | 18 ++++----
 layouts/partials/header.html      |  3 +-
 layouts/partials/post-exlink.html |  4 +-
 layouts/partials/post-meta.html   | 24 ++++-------
 layouts/partials/scripts.html     | 87 ++++++++++++++++++---------------------
 layouts/partials/sidebar.html     |  5 +++
 6 files changed, 62 insertions(+), 79 deletions(-)

(limited to 'layouts/partials')

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 2b12e1d..a458be1 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,3 +1,4 @@
+<!-- basic meta -->
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 <meta name="HandheldFriendly" content="True" />
@@ -6,8 +7,10 @@
 <meta http-equiv="Cache-Control" content="no-siteapp" />
 {{ hugo.Generator }}
 
+<!-- favicon -->
 {{ partial "favicon.html" . }}
 
+<!-- seo metadata -->
 {{ if and (.IsHome) (.Site.Params.subTitle) }}
 <title>{{ .Site.Title }} - {{ .Site.Params.subTitle }}</title>
 {{ else if .IsHome }}
@@ -20,18 +23,17 @@
 {{ if .Params.tags }}
 <meta name="keywords" content="{{ delimit .Params.tags ", " }}" />
 {{ end }}
-
 {{ template "_internal/opengraph.html" . }}
 {{ template "_internal/twitter_cards.html" . }}
 {{ template "_internal/google_analytics_async.html" . }}
 
-<!-- global css -->
+<!-- global main css -->
 {{ $options := (dict "targetPath" "css/main.min.css" "outputStyle" "compressed") }}
 {{ $style := resources.Get "sass/main.scss" | resources.ToCSS $options }}
 <link rel="stylesheet" href="{{ $style.Permalink }}" />
 
+<!-- global dependency (CDN) -->
 {{ if .Site.Params.useCDN }}
-<!-- global dependency -->
 <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.0/dist/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/lazysizes@5.2.0/lazysizes.min.js" integrity="sha256-h2tMEmhemR2IN4wbbdNjj9LaDIjzwk2hralQwfJmBOE=" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/css/all.min.css" integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous" />
@@ -39,13 +41,13 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css" integrity="sha256-uqQQGnDcmRKvhKwc5Vm4XT1GQ2oV6t1U0NR2N9tV+BQ=" crossorigin="anonymous" />
 <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js" integrity="sha256-6Y7CJDaltoeNgk+ZftgCD9jLgmGv4xKUo8nQ0HgAwVo=" crossorigin="anonymous"></script>
 {{ end }}
+<!-- global dependency (LOCAL) -->
 {{ else }}
-<!-- global dependency -->
 {{ $jquery := resources.Get "js/jquery.min.js" }}
 <script src="{{ $jquery.Permalink }}"></script>
 {{ $lazysizes := resources.Get "js/lazysizes.min.js" }}
 <script src="{{ $lazysizes.Permalink }}"></script>
-{{ $fontawesome := resources.Get "css/all.min.css" }}
+{{ $fontawesome := resources.Get "css/fontawsome.min.css" }}
 <link rel="stylesheet" href="{{ $fontawesome.Permalink }}" />
 {{ if or (.Site.Params.playerURL) (.Params.playerURL) }}
 {{ $aplayerCSS := resources.Get "css/APlayer.min.css" }}
@@ -60,10 +62,4 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous" />
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
-{{ end }}
-
-<!-- dev use -->
-{{ if .Site.Params.webpChecker }}
-{{ $webp := resources.Get "js/modernizr-webp.min.js" }}
-<script src="{{ $webp.Permalink }}"></script>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index ca01fa6..e4fcaae 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,9 +1,8 @@
 <header>
-    <!-- fake navbar header-->
     <div class="container-lg clearfix">
         <div class="col-12 p-3">
             <a id="main-title" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-            <span id="sub-title">{{ .Site.Params.subTitle }}</span>
+            {{ with .Site.Params.subTitle }}<span id="sub-title">{{ . }}</span>{{ end }}
         </div>
     </div>
 </header>
\ No newline at end of file
diff --git a/layouts/partials/post-exlink.html b/layouts/partials/post-exlink.html
index 5691ede..da81614 100644
--- a/layouts/partials/post-exlink.html
+++ b/layouts/partials/post-exlink.html
@@ -1,3 +1 @@
-<span>
-    <a href="{{ .Permalink }}"><i class="fas fa-angle-right"></i>&nbsp;READ MORE&nbsp;<i class="fas fa-angle-left"></i></a>
-</span>
\ No newline at end of file
+<a href="{{ .Permalink }}"><i class="fas fa-angle-right"></i>&nbsp;READ MORE&nbsp;<i class="fas fa-angle-left"></i></a>
\ No newline at end of file
diff --git a/layouts/partials/post-meta.html b/layouts/partials/post-meta.html
index 4864808..f208210 100644
--- a/layouts/partials/post-meta.html
+++ b/layouts/partials/post-meta.html
@@ -1,15 +1,9 @@
-<span>
-    <time datetime="{{ .Date }}">{{ .Date.Format "2006-01-02" }}</time> |
-</span>
-<span>
-    <span>{{ .WordCount }}{{ i18n "postMetaWordCount" }}</span> |
-</span>
-<span>
-    {{ if .Params.tags }}
-    {{ range .Params.tags }}
-    <a href="/tags/{{ . | urlize }}/">{{ . }}</a>
-    {{ end }}
-    {{ else }}
-    <span>{{ i18n "postMetaNoTag" }}</span>
-    {{ end }}
-</span>
\ No newline at end of file
+<time datetime="{{ .Date }}">{{ .Date.Format "2006-01-02" }}</time> |
+<span>{{ .WordCount }}{{ i18n "postMetaWordCount" }}</span> |
+{{ if .Params.tags }}
+{{ range .Params.tags }}
+<a href="/tags/{{ . | urlize }}/">{{ . }}</a>
+{{ end }}
+{{ else }}
+<span>{{ i18n "postMetaNoTag" }}</span>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 85346f2..894d5c3 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,5 +1,5 @@
+<!-- utterances comment loading indicator -->
 {{ if and (.IsPage) (.Site.Params.utterancesRepo) }}
-<!-- comment loading indicator -->
 <script>
     $(function () {
         var commentStatus;
@@ -8,13 +8,13 @@
 
         function checkUtterances() {
             commentStatus = $('#post-comment .utterances').attr('style');
-            if (commentStatus === undefined) {
+            if (commentStatus == undefined) {
                 commentLoadingTime += 1;
                 if (commentLoadingTime > 20) {
                     clearInterval(commentCheckInterval);
                     $('#post-comment').hide();
                     $('#post-loading p').text('{{ i18n "postCommentLoadingFailed" }}');
-                    $('#post-loading i').attr("class", "far fa-times-circle");
+                    $('#post-loading i').attr('class', 'far fa-times-circle');
                 }
                 return;
             } else {
@@ -25,71 +25,62 @@
     });
 </script>
 {{ end }}
+
+<!-- toc smooth scroll & APlayer cjk html anchor fix -->
+{{ if in .Site.Params.mainSections .Type }}
+<script>
+    $('#widget-toc a').click(function () {
+        $('html, body').animate({
+            scrollTop: $($(this).attr('href')).offset().top
+        });
+    });
+</script>
+{{ end }}
+{{ if .Site.Params.scrollTop }}
+<!-- scroll to top button -->
+<script>
+    $('#scroll-top').click(function () {
+        $('html, body').animate({
+            scrollTop: 0
+        });
+    });
+</script>
+{{ end }}
+
+<!-- in-post APlayer -->
 {{ with .Params.playerURL }}
 <script>
     $(function () {
         const postAPlayer = new APlayer({
-            container: document.getElementById("post-aplayer"),
-            theme: "#8F82BC",
+            container: document.getElementById('post-aplayer'),
+            theme: '#8F82BC',
             volume: 0.1,
             audio: [{
-                name: "{{ $.Params.playerName }}",
-                artist: "{{ $.Params.playerArtist }}",
-                url: "{{ . }}",
-                cover: "{{ $.Params.playerCover }}"
+                name: '{{ $.Params.playerName }}',
+                artist: '{{ $.Params.playerArtist }}',
+                url: '{{ . }}',
+                cover: '{{ $.Params.playerCover }}'
             }]
         });
     });
 </script>
 {{ end }}
+<!-- site global APlayer -->
 {{ with .Site.Params.playerURL }}
 <script>
     $(function () {
         const siteAPlayer = new APlayer({
-            container: document.getElementById("aplayer"),
+            container: document.getElementById('aplayer'),
             fixed: true,
-            theme: "#8F82BC",
+            theme: '#8F82BC',
             volume: 0.1,
             audio: [{
-                name: "{{ $.Site.Params.playerName }}",
-                artist: "{{ $.Site.Params.playerArtist }}",
-                url: "{{ . }}",
-                cover: "{{ $.Site.Params.playerCover }}"
+                name: '{{ $.Site.Params.playerName }}',
+                artist: '{{ $.Site.Params.playerArtist }}',
+                url: '{{ . }}',
+                cover: '{{ $.Site.Params.playerCover }}'
             }]
         });
     });
 </script>
-{{ end }}
-{{ if in .Site.Params.mainSections .Type }}
-<!-- toc smooth scroll & aplayer cjk html anchor fix -->
-<script>
-    $("#widget-toc a").click(function () {
-        $("html, body").animate({
-            scrollTop: $($(this).attr("href")).offset().top
-        });
-        return false;
-    });
-</script>
-{{ end }}
-{{ if .Site.Params.scrollTop }}
-<!-- scroll to top button -->
-<script>
-    $("#scroll-top").click(function () {
-        $("html, body").animate({
-            scrollTop: 0
-        });
-    });
-</script>
-{{ end }}
-{{ if .Site.Params.webpChecker }}
-<!-- webp checker -->
-<script>
-    $(function () {
-        Modernizr.on("webp", function (result) {
-            if (!result) {
-                $('<blockquote><p>{{ i18n "webpCheckerFront" }}<a href="https://caniuse.com/#feat=webp" target="_blank">WebP</a>{{ i18n "webpCheckerEnd" }}</p></blockquote>').replaceAll("#content img");
-            }
-        });
-    });
-</script>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index a39eb3f..1f6ce45 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,9 +1,11 @@
+<!-- in-post toc -->
 {{ if in .Site.Params.mainSections .Type }}
 <div id="widget-toc">
     <h5>{{ i18n "sidebarToc" }}</h5>
     {{.TableOfContents}}
 </div>
 {{ end }}
+<!-- pages -->
 <div id="widget-pages">
     <h5>{{ i18n "sidebarPages" }}</h5>
     <ul>
@@ -15,6 +17,7 @@
         {{ end }}
     </ul>
 </div>
+<!-- tags -->
 <div id="widget-tags">
     <h5>{{ i18n "sidebarTags" }}</h5>
     <div>
@@ -25,6 +28,7 @@
         {{ end }}
     </div>
 </div>
+<!-- links -->
 <div id="widget-links">
     <h5>{{ i18n "sidebarLinks" }}</h5>
     <ul>
@@ -35,6 +39,7 @@
         {{ end }}
     </ul>
 </div>
+<!-- bgm.tv image chart -->
 {{ with .Site.Params.bgmImageChart }}
 <div id="widget-bgm">
     <h5>{{ i18n "sidebarBangumiChart" }}</h5>
-- 
cgit v1.2.3