footer and javascript updates

layouts/_default/baseof.html

@@ -8,11 +8,11 @@
     {{ block "header" . }}
       {{ partial "nav" . }}
     {{ end }}
-    <main role="main" class="container">
+    <main role="main" class="container mb-5">
       {{ block "main" . }}
       {{ end }}
     </main>
-    <footer class="container">
+    <footer class="container mb-4">
       {{ block "footer" . }}
         {{ partial "footer" . }}
       {{ end }}

layouts/partials/copyright.html

@@ -0,0 +1,9 @@
+<div class="col-12 col-md-4">
+  <div class="small-print">
+    <small>{{ .Site.Copyright | safeHTML }}</small>
+  </div>
+  <div class="small-print">
+    <small>Built with&nbsp;<a href="https://gohugo.io/" target="_blank">Hugo</a></small>
+    <small>Theme&nbsp;<a href="https://github.com/gardient/hugo-bootswatch-slate" target="_blank">Hugo Bootswatch Slate</a></small>
+  </div>
+</div>

layouts/partials/disqus.html

@@ -0,0 +1,19 @@
+{{ with .Site.Params.disqus }}
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+
+(function() {
+    // Don't ever inject Disqus on localhost--it creates unwanted
+    // discussions from 'localhost:1313' on your Disqus account...
+    if (window.location.hostname == "localhost")
+        return;
+
+    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+    var disqus_shortname = '{{ . }}';
+    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+})();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+<a href="http://disqus.com/" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+{{ end }}

layouts/partials/footer.html

@@ -1 +1,4 @@
-{{ partial "social.html" . }}
+<div class="row">
+  {{ partial "social.html" . }}
+  {{ partial "copyright" . }}
+</div>

layouts/partials/head.html

@@ -8,7 +8,7 @@
 <!-- CSS -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.0.0-beta.3/slate/bootstrap.min.css" integrity="sha256-XuLfpTfBrr1SFUTEBsuCZAyEL9FaMqJHX6v2Clowmu8=" crossorigin="anonymous" />
 
-<link rel="stylesheet" href="{{ .Site.BaseURL }}css/hugo-bootswatch-slate.css">
+<link rel="stylesheet" href="/css/hugo-bootswatch-slate.css">
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
 
@@ -24,5 +24,5 @@
 {{ partial "favicon.html" . }}
 
 {{ range .Site.Params.custom_css }}
-  <link rel="stylesheet" href="{{ $.Site.BaseURL }}{{ . }}">
+  <link rel="stylesheet" href="{{ . }}">
 {{ end }}

layouts/partials/javascript.html

@@ -11,8 +11,8 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha256-JNyuT3QsYBdyeKxKBwnGJAJiACWcow2TjhNruIFFPMQ=" crossorigin="anonymous"></script>
 
-<script src="{{ .Site.BaseURL }}js/hugo-bootswatch-slate.js"></script>
+<script src="/js/hugo-bootswatch-slate.js"></script>
 
 {{ range .Site.Params.custom_js }}
-<script src="{{ $.Site.BaseURL }}{{ . }}"></script>
+<script src="{{ . }}"></script>
 {{ end }}

layouts/partials/social.html

@@ -1,159 +1,159 @@
-<ul class="col-md-6 row list-unstyled">
+<ul class="col-12 col-md-8 row list-unstyled">
   {{ if .RSSLink }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="{{ .RSSLink }}"><i class="fa fa-rss fa-fw"></i>RSS</a>
     </li>
   {{ end }}
   <!-- SNS microblogging -->
   {{ with .Site.Social.twitter }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://twitter.com/{{ . }}" target="_blank"><i class="fa fa-twitter-square fa-fw"></i>Twitter</a>
     </li>
   {{ end }}
   {{ with .Site.Social.gnusocial }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="{{ . }}" target="_blank"><i class="fa fa-comment fa-fw"></i>GNU social</a>
     </li>
   {{ end }}
   {{ with .Site.Social.facebook }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://facebook.com/{{ . }}" target="_blank"><i class="fa fa-facebook-square fa-fw"></i>Facebook</a>
     </li>
   {{ end }}
   {{ with .Site.Social.googleplus }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://plus.google.com/+{{ . }}" target="_blank"><i class="fa fa-google-plus-square fa-fw"></i>Google+</a>
     </li>
   {{ end }}
   {{ with .Site.Social.weibo }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="http://weibo.com/{{ . }}" target="_blank"><i class="fa fa-weibo fa-fw"></i>Weibo</a>
     </li>
   {{ end }}
   {{ with .Site.Social.tumblr }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://{{ . }}.tumblr.com/" target="_blank"><i class="fa fa-tumblr-square fa-fw"></i>Tumblr</a>
     </li>
   {{ end }}
   <!-- SNS photo/video sharing -->
   {{ with .Site.Social.instagram }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://instagram.com/{{ . }}" target="_blank"><i class="fa fa-instagram fa-fw"></i>Instagram</a>
     </li>
   {{ end }}
   {{ with .Site.Social.flickr }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://flickr.com/photos/{{ . }}" target="_blank"><i class="fa fa-flickr fa-fw"></i>Flickr</a>
     </li>
   {{ end }}
   {{ with .Site.Social.photo500px }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://500px.com/{{ . }}" target="_blank"><i class="fa fa-500px fa-fw"></i>500px</a>
     </li>
   {{ end }}
   {{ with .Site.Social.pinterest }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://pinterest.com/{{ . }}" target="_blank"><i class="fa fa-pinterest-square fa-fw"></i>Pinterest</a>
     </li>
   {{ end }}
   {{ with .Site.Social.youtube }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://youtube.com/user/{{ . }}" target="_blank"><i class="fa fa-youtube-square fa-fw"></i>YouTube</a>
     </li>
   {{ end }}
   {{ with .Site.Social.vimeo }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://vimeo.com/{{ . }}" target="_blank"><i class="fa fa-vimeo-square fa-fw"></i>Vimeo</a>
     </li>
   {{ end }}
   {{ with .Site.Social.vine }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://vine.co/{{ . }}" target="_blank"><i class="fa fa-vine fa-fw"></i>Vine</a>
     </li>
   {{ end }}
   {{ with .Site.Social.slideshare }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="http://slideshare.net/{{ . }}" target="_blank"><i class="fa fa-slideshare fa-fw"></i>SlideShare</a>
     </li>
   {{ end }}
   {{ with .Site.Social.deviantart }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://{{ . }}.deviantart.com/" target="_blank"><i class="fa fa-deviantart fa-fw"></i>Deviantart</a>
     </li>
   {{ end }}
   <!-- SNS career oriented -->
   {{ with .Site.Social.linkedin }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://linkedin.com/in/{{ . }}" target="_blank"><i class="fa fa-linkedin-square fa-fw"></i>LinkedIn</a>
     </li>
   {{ end }}
   {{ with .Site.Social.xing }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://xing.com/profile/{{ . }}" target="_blank"><i class="fa fa-xing-square fa-fw"></i>Xing</a>
     </li>
   {{ end }}
   <!-- SNS news -->
   {{ with .Site.Social.reddit }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://reddit.com/user/{{ . }}" target="_blank"><i class="fa fa-reddit-square fa-fw"></i>Reddit</a>
     </li>
   {{ end }}
   {{ with .Site.Social.hackernews }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://news.ycombinator.com/user?id={{ . }}" target="_blank"><i class="fa fa-hacker-news fa-fw"></i>Hacker News</a>
     </li>
   {{ end }}
   <!-- Techie -->
   {{ with .Site.Social.github }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://github.com/{{ . }}" target="_blank"><i class="fa fa-github-square fa-fw"></i>GitHub</a>
     </li>
   {{ end }}
   {{ with .Site.Social.gitlab }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://gitlab.com/{{ . }}" target="_blank"><i class="fa fa-gitlab fa-fw"></i>GitLab</a>
     </li>
   {{ end }}
   {{ with .Site.Social.bitbucket }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://bitbucket.org/{{ . }}" target="_blank"><i class="fa fa-bitbucket-square fa-fw"></i>Bitbucket</a>
     </li>
   {{ end }}
   {{ with .Site.Social.stackoverflow }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://stackoverflow.com/users/{{ . }}" target="_blank"><i class="fa fa-stack-overflow fa-fw"></i>Stack Overflow</a>
     </li>
   {{ end }}
   {{ with .Site.Social.serverfault }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://serverfault.com/users/{{ . }}" target="_blank"><i class="fa fa-server fa-fw"></i>Server Fault</a>
     </li>
   {{ end }}
   <!-- Gaming -->
   {{ with .Site.Social.steam }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://steamcommunity.com/id/{{ . }}" target="_blank"><i class="fa fa-steam-square fa-fw"></i>Steam</a>
     </li>
   {{ end }}
   {{ with .Site.Social.mobygames }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://www.mobygames.com/developer/sheet/view/developerId,{{ . }}" target="_blank"><i class="fa fa-gamepad fa-fw"></i>MobyGames</a>
     </li>
   {{ end }}
   <!-- Music -->
   {{ with .Site.Social.lastfm }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="http://last.fm/user/{{ . }}" target="_blank"><i class="fa fa-lastfm-square fa-fw"></i>Last.fm</a>
     </li>
   {{ end }}
   {{ with .Site.Social.discogs }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://www.discogs.com/user/{{ . }}" target="_blank"><i class="fa fa-music fa-fw"></i>Discogs</a>
     </li>
   {{ end }}
   <!-- Other -->
   {{ with .Site.Social.keybase }}
-    <li class="col-sm-6 col-md-4 col-lg-3">
+    <li class="col-sm-4 col-lg-3">
       <a href="https://keybase.io/{{ . }}" target="_blank"><i class="fa fa-key fa-fw"></i>Keybase</a>
     </li>
   {{ end }}