Reduce font size across site

- change footer background to line above

Resume:
- add LinkedIn
- fix Unicode expand icon not showing on mobile

layouts/partials/base/footer.html

@@ -7,39 +7,39 @@
 <footer>
   <div class="container">
     <!-- <span class="copyright">&copy; {{ .Site.LastChange.Year }} {{ .Site.Title }} - <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></span> -->
-    <div class="row justify-content-center">
-      <span id="copyright" class="col-xs-6">
-        &copy; {{ now.Year }} {{ .Site.Title }} · 
-        <!-- <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> ·  -->
-        <!-- <a href="{{ "credits" | relURL }}">Credits</a> ·  -->
-      </span>
-      <span id="social-icons" class="col-xs-4">
-        <a href="https://github.com/Kevin-Mok" target="_blank">
-          <img src="{{ "img/social/github.svg" | relURL }}"
-          alt="github-logo">
-        </a>
-        <a href="https://www.linkedin.com/in/kevin-kh-mok" target="_blank">
-          <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
-        </a>
-        <a href="https://git.kevin-mok.com/" target="_blank">
-          <img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
-        </a>
-        <a href="mailto:me@kevin-mok.com" target="_blank">
-          <img src="{{ "img/social/email.svg" | relURL }}"
-          alt="envelope">
-        </a>
-        <a href="https://fosstodon.org/web/accounts/93113" target="_blank">
-          <img src="{{ "img/social/mastodon.svg" | relURL }}"
-          alt="mastodon-logo">
-        </a>
-      </span>
-      <span id="social-icons" class="col-xs-2">
+    <div id="footer-row" class="row justify-content-center">
+      <span id="footer-content" class="name">
+        <span id="copyright" class="col-xs-6">
+          &copy; {{ now.Year }} {{ .Site.Title }} · 
+          <!-- <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> ·  -->
+          <!-- <a href="{{ "credits" | relURL }}">Credits</a> ·  -->
+        </span>
+        <span id="social-icons" class="col-xs-4">
+          <a href="https://github.com/Kevin-Mok" target="_blank">
+            <img src="{{ "img/social/github.svg" | relURL }}"
+            alt="github-logo">
+          </a>
+          <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
+            <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
+          </a>
+          <a href="https://git.kevin-mok.com/" target="_blank">
+            <img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
+          </a>
+          <a href="mailto:me@kevin-mok.com" target="_blank">
+            <img src="{{ "img/social/email.svg" | relURL }}"
+            alt="envelope">
+          </a>
+          <a href="https://fosstodon.org/web/accounts/93113" target="_blank">
+            <img src="{{ "img/social/mastodon.svg" | relURL }}"
+            alt="mastodon-logo">
+          </a>
+        </span>
+        <span class="col-xs-2">
+        </span>
       </span>
     </div>
   </div>
-
 </footer>
 
-
 </body>
 </html>

layouts/partials/base/site-title.html

@@ -1,7 +1,7 @@
 <h1 class="site-title">
-  [<a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
+  <span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
     class="base0f">e</span><span class="base09">v</span><span
     class="base0a">i</span><span class="base0b">n </span><span
     class="base0c">M</span><span class="base0d">o</span><span
-    class="base0e">k</span></a>] # _
+    class="base0e">k</span></a><span class="surrounding">] # _</span>
 </h1>