Sass structure full rebuild

5 files changed, 19 insertions, 17 deletions

diff --git a/layouts/partials/comment-disqus.html b/layouts/partials/comment-disqus.html
index 81c9c68..539f8c7 100644
--- a/layouts/partials/comment-disqus.html
+++ b/layouts/partials/comment-disqus.html
@@ -1,5 +1,5 @@
 {{ with .Site.Params.disqusShortname }}
-<div id="post-comment">
+<div class="post-comment">
     <div id="disqus_thread"></div>
     <script>
         var disqus_config = function () {
diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html
index b3edfbd..3e56201 100644
--- a/layouts/partials/comment-utterances.html
+++ b/layouts/partials/comment-utterances.html
@@ -1,9 +1,9 @@
 {{ with .Site.Params.utterancesRepo }}
-<div id="post-loading">
+<div class="post-loading">
     <i class="fas fa-circle-notch fa-spin"></i>
     <p>{{ i18n "postCommentLoading" }}</p>
 </div>
-<div id="post-comment">
+<div class="post-comment">
     <script src="https://utteranc.es/client.js" repo="{{ . }}" issue-term="{{ $.Site.Params.utterancesIssueTerm }}" theme="{{ $.Site.Params.utterancesTheme }}" crossorigin="anonymous" async></script>
 </div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index e4fcaae..3166a36 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,8 +1,10 @@
 <header>
     <div class="container-lg clearfix">
-        <div class="col-12 p-3">
-            <a id="main-title" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-            {{ with .Site.Params.subTitle }}<span id="sub-title">{{ . }}</span>{{ end }}
+        <div class="col-12 link-primary">
+            <a class="main-title" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+            {{ with .Site.Params.subTitle }}
+            <span class="sub-title">{{ . }}</span>
+            {{ end }}
         </div>
     </div>
 </header>
\ No newline at end of file
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 894d5c3..839a87a 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -7,19 +7,19 @@
         var commentCheckInterval = self.setInterval(checkUtterances, 500);
 
         function checkUtterances() {
-            commentStatus = $('#post-comment .utterances').attr('style');
+            commentStatus = $('.post-comment .utterances').attr('style');
             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-comment').hide();
+                    $('.post-loading p').text('{{ i18n "postCommentLoadingFailed" }}');
+                    $('.post-loading i').attr('class', 'far fa-times-circle');
                 }
                 return;
             } else {
                 clearInterval(commentCheckInterval);
-                $('#post-loading').hide();
+                $('.post-loading').hide();
             }
         }
     });
@@ -29,7 +29,7 @@
 <!-- toc smooth scroll & APlayer cjk html anchor fix -->
 {{ if in .Site.Params.mainSections .Type }}
 <script>
-    $('#widget-toc a').click(function () {
+    $('.widget-toc a').click(function () {
         $('html, body').animate({
             scrollTop: $($(this).attr('href')).offset().top
         });
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 1f6ce45..aa375f4 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,12 +1,12 @@
 <!-- in-post toc -->
 {{ if in .Site.Params.mainSections .Type }}
-<div id="widget-toc">
+<div class="widget-toc link-alter">
     <h5>{{ i18n "sidebarToc" }}</h5>
     {{.TableOfContents}}
 </div>
 {{ end }}
 <!-- pages -->
-<div id="widget-pages">
+<div class="widget-pages link-alter">
     <h5>{{ i18n "sidebarPages" }}</h5>
     <ul>
         {{ $currentPage := . }}
@@ -18,7 +18,7 @@
     </ul>
 </div>
 <!-- tags -->
-<div id="widget-tags">
+<div class="widget-tags link-alter">
     <h5>{{ i18n "sidebarTags" }}</h5>
     <div>
         {{ range .Site.Taxonomies.tags }}
@@ -29,7 +29,7 @@
     </div>
 </div>
 <!-- links -->
-<div id="widget-links">
+<div class="widget-links link-alter">
     <h5>{{ i18n "sidebarLinks" }}</h5>
     <ul>
         {{ range .Site.Menus.link }}
@@ -41,7 +41,7 @@
 </div>
 <!-- bgm.tv image chart -->
 {{ with .Site.Params.bgmImageChart }}
-<div id="widget-bgm">
+<div class="widget-bgm">
     <h5>{{ i18n "sidebarBangumiChart" }}</h5>
     <img class="lazyload" src="{{ $.Site.Params.lazyPlaceholder }}" data-src="https://bgm.tv/chart/img/{{ . }}" />
 </div>