feat: restyle homepage

Author: SKalt

assets/critical.css

@@ -68,6 +68,7 @@ main {
 }
 footer {
   flex-shrink: 0;
+  margin: 0 1ch;
 }
 
 pre {

assets/icon_ln.svg renamed to assets/icon_li.svg

@@ -4,8 +4,6 @@ date: 2017-03-23
 publishDate: 2017-03-24
 ---
 
-# Steven Kalt
-
 I am full-stack engineer working in data science, renewable energy, and GIS.
 I graduated from Amherst College with a degree in Environmental Studies and French.
 In my spare time, I climb, run, and cross-country ski.

content/_index.md

@@ -48,7 +48,7 @@
     {{ end }}
 
     {{ block "footer" . }}
-      <footer style="font-size: smaller; margin-left: 1ch;">
+      <footer class="bg-info">
         {{ partial "footer.html" . }}
       </footer>
     {{ end }}

layouts/_default/baseof.html

@@ -0,0 +1,30 @@
+{{- define "main" -}}
+  {{- $gh := resources.Get "icon_gh.svg" | resources.Minify | resources.Fingerprint -}}
+  {{- $li := resources.Get "icon_li.svg" | resources.Minify | resources.Fingerprint -}}
+  {{- $so := resources.Get "icon_so.svg" | resources.Minify | resources.Fingerprint -}}
+  <style>
+    /* centered */
+    .centered {
+      margin: auto;
+      text-align: center;
+    }
+    .centered a {
+      text-decoration: none;
+    }
+  </style>
+  <main>
+    <h1 class="centered">{{ .Title }}</h1>
+    <div class="centered">
+      <a href="https://github.com/skalt" target="gh">
+        <img src="{{ $gh.Permalink }}" alt="GitHub profile" title="GitHub profile">
+      </a>
+      <a href="https://linkedin.com/in/steven-kalt" target="li">
+        <img src="{{ $li.Permalink }}" alt="LinkedIn profile" title="LinkedIn profile">
+      </a>
+      <a href="https://stackoverflow.com/users/1234567" target="so">
+        <img src="{{ $so.Permalink }}" alt="Stack Overflow profile" title="Stack Overflow profile">
+      </a>
+    </div>
+    {{- .Content -}}
+  </main>
+{{- end -}}

layouts/home.html

@@ -11,9 +11,8 @@
       <li><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></li>
     {{- end -}}
 
-    <li><a href="https://github.com/skalt"><img alt="GitHub" title="GitHub" src="{{ $gh.Permalink }}"></a>
     {{- with $.OutputFormats.Get "rss" -}}
-      <a href="{{ .Permalink }}" style="margin-left: 1ch;"><img alt="rss" title="rss" src="{{(resources.Get "icon_rss.svg" | resources.Fingerprint).Permalink}}"></a>
+      <a href="{{ .Permalink }}"><img alt="rss" title="rss" src="{{(resources.Get "icon_rss.svg" | resources.Fingerprint).Permalink}}"></a>
     {{ end -}}
     </li>
   </ul>