From ec516cf9b34626f26dc8ec3648b1366506ff1c10 Mon Sep 17 00:00:00 2001
From: Dooho Yi <pilotedeguerre@gmail.com>
Date: Tue, 29 Jun 2021 19:08:34 +0900
Subject: [PATCH] theme update + tidy up

---
 themes/aurora/templates/base.html   | 130 ++++++++++++++-------------
 themes/moe-dark/templates/base.html | 126 +++++++++++++-------------
 themes/white/templates/base.html    | 109 ++++++++++++-----------
 themes/yoshi/templates/base.html    | 131 ++++++++++++++--------------
 4 files changed, 255 insertions(+), 241 deletions(-)

diff --git a/themes/aurora/templates/base.html b/themes/aurora/templates/base.html
index eb330be..d2b3414 100644
--- a/themes/aurora/templates/base.html
+++ b/themes/aurora/templates/base.html
@@ -8,83 +8,89 @@
     <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
     <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
     <style>
-     body {
-       font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
-       letter-spacing: +0.02em;
-       word-spacing: +0.2em;
+      html {
+        scrollbar-width: none;
+      }
 
-       color: rgba(100, 255, 200, 1.0); /* chartreuse */
-       /* color: rgba(255, 20, 147, 1.0); */ /* deeppink */
-       background-color: rgba(0, 20, 40, 1.0); /* black */
-       scrollbar-width: none;
-     }
+      body {
+        font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
+        letter-spacing: +0.02em;
+        word-spacing: +0.2em;
+        color: rgba(100, 255, 200, 1.0);
+        /* chartreuse */
+        /* color: rgba(255, 20, 147, 1.0); */
+        /* deeppink */
+        background-color: rgba(0, 20, 40, 1.0);
+        /* black */
+        scrollbar-width: none;
+      }
 
-     header {
-       font-size: 3.6em;
-       font-family: AppleGothic, NanumGothic, Sans-serif;
-     }
+      header {
+        font-size: 3.6em;
+        font-family: AppleGothic, NanumGothic, Sans-serif;
+      }
 
-     .shrinkingtitle {
-       font-size: 0.8em;
-     }
+      .shrinkingtitle {
+        font-size: 0.8em;
+      }
 
-     @media only screen and (max-width: 600px) {
-       .shrinkingtitle {
-         font-size: 0.5em;
-       }
-     }
+      @media only screen and (max-width: 600px) {
+        .shrinkingtitle {
+          font-size: 0.5em;
+        }
+      }
 
-     body::-webkit-scrollbar {
-       width: 0;
-       height: 0;
-     }
+      body::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+      }
 
-     a {
-       color: rgba(100, 255, 200, 0.5);
-       text-decoration: none;
-     }
+      a {
+        color: rgba(100, 255, 200, 0.5);
+        text-decoration: none;
+      }
 
-     a.noticeable:hover {
-       backgrounda-color: rgba(100, 255, 200, 0.15);
-       opacity: 0.4;
-     }
+      a.noticeable:hover {
+        backgrounda-color: rgba(100, 255, 200, 0.15);
+        opacity: 0.4;
+      }
 
-     a.exlink {
-       color: rgba(100, 255, 200, 0.5);
-       border-width: 1px;
-       border-color: rgba(100, 255, 200, 0.5);
-       border-style: solid;
-     }
+      a.exlink {
+        color: rgba(100, 255, 200, 0.5);
+        border-width: 1px;
+        border-color: rgba(100, 255, 200, 0.5);
+        border-style: solid;
+      }
 
-     p {
-       margin: 0;
-     }
+      p {
+        margin: 0;
+      }
 
-     .paginator {
-       color: rgba(100, 255, 200, 0.5);
-     }
+      .paginator {
+        color: rgba(100, 255, 200, 0.5);
+      }
 
-     article.title {
-       font-size: 1.1em;
-     }
+      article.title {
+        font-size: 1.1em;
+      }
 
-     time {
-       font-size: 0.65em;
-     }
+      time {
+        font-size: 0.65em;
+      }
 
-     h1, h2, h3, h4, h5, h6 {
-       opacity: 0.3;
-     }
+      h1, h2, h3, h4, h5, h6 {
+        opacity: 0.3;
+      }
 
-     ul {
-       padding-bottom: 1em;
-       padding-inline-start: 2em;
-     }
+      ul {
+        padding-bottom: 1em;
+        padding-inline-start: 2em;
+      }
 
-     .footnote-reference {
-       font-size: 0.65em;
-       vertical-align: super;
-     }
+      .footnote-reference {
+        font-size: 0.65em;
+        vertical-align: super;
+      }
     </style>
   </head>
 
diff --git a/themes/moe-dark/templates/base.html b/themes/moe-dark/templates/base.html
index 75866bc..64197a1 100644
--- a/themes/moe-dark/templates/base.html
+++ b/themes/moe-dark/templates/base.html
@@ -8,82 +8,84 @@
     <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
     <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
     <style>
-     body {
-       font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
-       letter-spacing: +0.02em;
-       word-spacing: +0.2em;
+      html {
+        scrollbar-width: none;
+      }
+      body {
+        font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
+        letter-spacing: +0.02em;
+        word-spacing: +0.2em;
+        color: rgba(206, 201, 201, 1.0);
+        background-color: rgba(48, 48, 48, 1.0);
+        scrollbar-width: none;
+      }
 
-       color: rgba(206, 201, 201, 1.0);
-       background-color: rgba(48, 48, 48, 1.0);
-       scrollbar-width: none;
-     }
+      header {
+        font-size: 3.6em;
+        font-family: AppleGothic, NanumGothic, Sans-serif;
+      }
 
-     header {
-       font-size: 3.6em;
-       font-family: AppleGothic, NanumGothic, Sans-serif;
-     }
+      .shrinkingtitle {
+        font-size: 0.8em;
+      }
 
-     .shrinkingtitle {
-       font-size: 0.8em;
-     }
+      @media only screen and (max-width: 600px) {
+        .shrinkingtitle {
+          font-size: 0.5em;
+        }
+      }
 
-     @media only screen and (max-width: 600px) {
-       .shrinkingtitle {
-         font-size: 0.5em;
-       }
-     }
+      body::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+      }
 
-     body::-webkit-scrollbar {
-       width: 0;
-       height: 0;
-     }
+      a {
+        color: rgba(255, 124, 0, 1.0);
+        text-decoration: none;
+      }
 
-     a {
-       color: rgba(255, 124, 0, 1.0);
-       text-decoration: none;
-     }
+      a.noticeable:hover {
+        backgrounda-color: rgba(255, 124, 0, 0.5);
+        opacity: 0.4;
+      }
 
-     a.noticeable:hover {
-       backgrounda-color: rgba(255, 124, 0, 0.5);
-       opacity: 0.4;
-     }
+      a.exlink {
+        color: rgba(255, 124, 0, 1.0);
+        /* border-width: 1px;
+        border-color: rgba(255, 124, 0, 0.5);
+        border-style: solid; */
+      }
 
-     a.exlink {
-       color: rgba(255, 124, 0, 1.0);
-       /* border-width: 1px;
-          border-color: rgba(255, 124, 0, 0.5);
-          border-style: solid; */
-     }
+      p {
+        margin: 0;
+      }
 
-     p {
-       margin: 0;
-     }
+      .paginator {
+        color: rgba(206, 201, 201, 0.5);
+      }
 
-     .paginator {
-       color: rgba(206, 201, 201, 0.5);
-     }
+      article.title {
+        font-size: 1.1em;
+      }
 
-     article.title {
-       font-size: 1.1em;
-     }
+      time {
+        font-size: 0.65em;
+      }
 
-     time {
-       font-size: 0.65em;
-     }
+      h1, h2, h3, h4, h5, h6 {
+        opacity: 0.3;
+      }
 
-     h1, h2, h3, h4, h5, h6 {
-       opacity: 0.3;
-     }
+      ul {
+        padding-bottom: 1em;
+        padding-inline-start: 2em;
+      }
 
-     ul {
-       padding-bottom: 1em;
-       padding-inline-start: 2em;
-     }
-
-     .footnote-reference {
-       font-size: 0.65em;
-       vertical-align: super;
-     }
+      .footnote-reference {
+        font-size: 0.65em;
+        vertical-align: super;
+      }
     </style>
   </head>
 
diff --git a/themes/white/templates/base.html b/themes/white/templates/base.html
index ccaf0a8..f0b1297 100644
--- a/themes/white/templates/base.html
+++ b/themes/white/templates/base.html
@@ -8,72 +8,75 @@
     <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
     <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
     <style>
-     body {
-       font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
-       letter-spacing: +0.02em;
-       word-spacing: +0.2em;
+      html {
+        scrollbar-width: none;
+      }
+      body {
+        font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
+        letter-spacing: +0.02em;
+        word-spacing: +0.2em;
 
-       scrollbar-width: none;
-     }
+        scrollbar-width: none;
+      }
 
-     header {
-       font-size: 3.6em;
-       font-family: AppleGothic, NanumGothic, Sans-serif;
-     }
+      header {
+        font-size: 3.6em;
+        font-family: AppleGothic, NanumGothic, Sans-serif;
+      }
 
-     .shrinkingtitle {
-       font-size: 0.8em;
-     }
+      .shrinkingtitle {
+        font-size: 0.8em;
+      }
 
-     @media only screen and (max-width: 600px) {
-       .shrinkingtitle {
+      @media only screen and (max-width: 600px) {
+        .shrinkingtitle {
          font-size: 0.5em;
-       }
-     }
+        }
+      }
 
-     body::-webkit-scrollbar {
-       width: 0;
-       height: 0;
-     }
+      body::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+      }
 
-     a {
-       color: black;
-       text-decoration: none;
-     }
+      a {
+        color: black;
+        text-decoration: none;
+      }
 
-     a.noticeable:hover {
-       background-color: rgba(0, 0, 0, 0.1);
-     }
+      a.noticeable:hover {
+        background-color: rgba(0, 0, 0, 0.1);
+      }
 
-     p {
-       margin: 0;
-     }
+      p {
+        margin: 0;
+      }
 
-     .paginator {
-       opacity: 0.5;
-     }
+      .paginator {
+        opacity: 0.5;
+      }
 
-     article.title {
-       font-size: 1.2em;
-     }
+      article.title {
+        font-size: 1.2em;
+      }
 
-     time {
-       font-size: 0.65em;
-     }
+      time {
+        font-size: 0.65em;
+      }
 
-     h1, h2, h3, h4, h5, h6 {
-       opacity: 0.5;
-     }
+      h1, h2, h3, h4, h5, h6 {
+        opacity: 0.5;
+      }
 
-     ul {
-       padding-bottom: 1em;
-       padding-inline-start: 2em;
-     }
+      ul {
+        padding-bottom: 1em;
+        padding-inline-start: 2em;
+      }
 
-     .footnote-reference {
-       font-size: 0.65em;
-       vertical-align: super;
-     }
+      .footnote-reference {
+        font-size: 0.65em;
+        vertical-align: super;
+      }
     </style>
   </head>
 
@@ -92,9 +95,9 @@
     </div>
 
     <script type="text/javascript">
-     $(document).ready(function () {
+      $(document).ready(function () {
        $('a[class*=external]').attr('target', '_blank').css('background-color', 'rgba(0, 0, 0, 0.1)');
-     });
+      });
     </script>
 
   </body>
diff --git a/themes/yoshi/templates/base.html b/themes/yoshi/templates/base.html
index 6e0c9d2..c35a4ee 100644
--- a/themes/yoshi/templates/base.html
+++ b/themes/yoshi/templates/base.html
@@ -8,86 +8,89 @@
     <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
     <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
     <style>
-     body {
-       font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
-       letter-spacing: +0.02em;
-       word-spacing: +0.2em;
+      html {
+        scrollbar-width: none;
+      }
 
-       color: rgba(37, 176, 118, 1.0);
-       background-color: rgba(16, 20, 20, 1.0);
-       scrollbar-width: none;
-     }
+      body {
+        font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
+        letter-spacing: +0.02em;
+        word-spacing: +0.2em;
+        color: rgba(37, 176, 118, 1.0);
+        background-color: rgba(16, 20, 20, 1.0);
+        scrollbar-width: none;
+      }
 
-     header {
-       font-size: 3.6em;
-       font-family: AppleGothic, NanumGothic, Sans-serif;
-     }
+      header {
+        font-size: 3.6em;
+        font-family: AppleGothic, NanumGothic, Sans-serif;
+      }
 
-     .shrinkingtitle {
-       font-size: 0.8em;
-     }
+      .shrinkingtitle {
+        font-size: 0.8em;
+      }
 
-     @media only screen and (max-width: 600px) {
-       .shrinkingtitle {
-         font-size: 0.5em;
-       }
-     }
+      @media only screen and (max-width: 600px) {
+        .shrinkingtitle {
+          font-size: 0.5em;
+        }
+      }
 
-     body::-webkit-scrollbar {
-       width: 0;
-       height: 0;
-     }
+      body::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+      }
 
-     a {
-       color: rgba(180, 64, 134, 1.0);
-       text-decoration: none;
-     }
+      a {
+        color: rgba(180, 64, 134, 1.0);
+        text-decoration: none;
+      }
 
-     a.noticeable:hover {
-       backgrounda-color: rgba(180, 64, 134, 0.5);
-       opacity: 0.4;
-     }
+      a.noticeable:hover {
+        backgrounda-color: rgba(180, 64, 134, 0.5);
+        opacity: 0.4;
+      }
 
-     a.exlink {
-       color: rgba(180, 64, 134, 1.0);
-       border-width: 1px;
-       border-color: rgba(180, 64, 134, 0.5);
-       border-style: solid;
-     }
+      a.exlink {
+        color: rgba(180, 64, 134, 1.0);
+        border-width: 1px;
+        border-color: rgba(180, 64, 134, 0.5);
+        border-style: solid;
+      }
 
-     p {
-       margin: 0;
-     }
+      p {
+        margin: 0;
+      }
 
-     .paginator {
-       color: rgba(37, 176, 118, 0.5);
-     }
+      .paginator {
+        color: rgba(37, 176, 118, 0.5);
+      }
 
-     article.title {
-       font-size: 1.1em;
-     }
+      article.title {
+        font-size: 1.1em;
+      }
 
-     time {
-       font-size: 0.65em;
-     }
+      time {
+        font-size: 0.65em;
+      }
 
-     h1, h2, h3, h4, h5, h6 {
-       opacity: 0.3;
-     }
+      h1, h2, h3, h4, h5, h6 {
+        opacity: 0.3;
+      }
 
-     ul {
-       padding-bottom: 1em;
-       padding-inline-start: 2em;
-     }
+      ul {
+        padding-bottom: 1em;
+        padding-inline-start: 2em;
+      }
 
-     hr {
-       border-color: rgba(37, 176, 118, 0.7);
-     }
+      hr {
+        border-color: rgba(37, 176, 118, 0.7);
+      }
 
-     .footnote-reference {
-       font-size: 0.65em;
-       vertical-align: super;
-     }
+      .footnote-reference {
+        font-size: 0.65em;
+        vertical-align: super;
+      }
     </style>
   </head>