Massive changes regarding the core templates, static and config backbone

Soon will be abstracted into a Hermit V3 theme that focuses on:
- speed
- efficiency
- modularity
- SEO:
  - good WCAG &
  - pagespeed metrics
- suckless

Changes to be committed:
    modified:   config.toml

    modified:   content/posts/code_test.md
    modified:   content/posts/How I made this Blog with Zola.md

    deleted:    sass/_icons.scss
    modified:   sass/_predefined.scss
    modified:   sass/style.scss

    modified:   static/js/main.js

    modified:   templates/404.html
    modified:   templates/index.html
    modified:   templates/macros.html
    modified:   templates/page.html
    modified:   templates/section.html
    modified:   templates/tags/list.html
    modified:   templates/tags/single.html

3 files changed, 8 insertions, 82 deletions

diff --git a/sass/_icons.scss b/sass/_icons.scss
deleted file mode 100644
index 6722894..0000000
--- a/sass/_icons.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-/* From: https://css.gg/app */
-
-.gg-check {
-  box-sizing: border-box;
-  position: relative;
-  display: block;
-  transform: scale(var(--ggs, 1));
-  width: 22px;
-  height: 22px;
-  border: 2px solid transparent;
-  border-radius: 100px;
-}
-.gg-check::after {
-  content: "";
-  display: block;
-  box-sizing: border-box;
-  position: absolute;
-  left: 3px;
-  top: -1px;
-  width: 6px;
-  height: 10px;
-  border-width: 0 2px 2px 0;
-  border-style: solid;
-  transform-origin: bottom left;
-  transform: rotate(45deg);
-}
-
-.gg-clipboard {
-  box-sizing: border-box;
-  position: relative;
-  display: block;
-  transform: scale(var(--ggs, 1));
-  width: 18px;
-  height: 18px;
-  border: 2px solid;
-  border-radius: 2px;
-}
-.gg-clipboard::after,
-.gg-clipboard::before {
-  content: "";
-  display: block;
-  box-sizing: border-box;
-  position: absolute;
-  border-radius: 2px;
-  width: 10px;
-  left: 2px;
-}
-.gg-clipboard::before {
-  border: 2px solid;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  top: -2px;
-  height: 6px;
-}
-.gg-clipboard::after {
-  height: 2px;
-  background: currentColor;
-  box-shadow: 0 -4px 0 0;
-  bottom: 2px;
-}
diff --git a/sass/_predefined.scss b/sass/_predefined.scss
index 0cb193b..ac955ed 100644
--- a/sass/_predefined.scss
+++ b/sass/_predefined.scss
@@ -1,5 +1,6 @@
 // Colors
 //
+
 //bkup
 $theme: #018574; // links // green
 $text: #c6cddb; // general text // white grey
diff --git a/sass/style.scss b/sass/style.scss
index d110fec..18ff1d0 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,8 +1,7 @@
 @import "predefined.scss";
 @import "normalize.scss";
-@import "syntax.scss";
 @import "animate.scss";
-@import "icons.scss";
+@import "syntax.scss";
 
 /* Webkit Scrollbar Customize */
 ::-webkit-scrollbar {
@@ -51,7 +50,7 @@ pre {
   word-wrap: break-word;
   color: #eee;
   border-radius: 4px;
-  // -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; // For iOS improved scrolling
 
   code {
     padding: 0;
@@ -245,6 +244,11 @@ table {
   padding: 0;
   margin-left: 0.4em;
   cursor: pointer;
+
+  &:hover {
+    color: #fff;
+  }
+
 }
 
 #menu-btn {
@@ -807,22 +811,3 @@ hr.post-end {
     right: 1.2em;
   }
 }
-
-.code-badge {
-  margin: 0.4em 0em;
-}
-
-.highlight-copy-btn {
-  margin-right: 7px;
-  float: right;
-  border: 0;
-  border-radius: 4px;
-  padding: 1px;
-  font-size: 0.7em;
-  line-height: 1.8;
-  color: #fff;
-  background-color: #777;
-  opacity: 0.6;
-  min-width: 55px;
-  text-align: center;
-}