Design tweaks

- Enforce a maximum width and center contents
- Move navigatin from footer to header (don't know why I thought the
  footer was a good place for navigation)

themes/alejandro-angulo/layouts/404.html

@@ -6,6 +6,6 @@
 </pre>
 
 <p>
-	<a href="{{ .Site.BaseURL  }}">Go home</a> or use the navigation at the bottom of the page to navigate to another page.
+	<a href="{{ .Site.BaseURL  }}">Go home</a> or use the navigation at the top to navigate to another page.
 </p>
 {{ end }}

themes/alejandro-angulo/layouts/_default/list.html

@@ -4,9 +4,7 @@
 <p>
     <h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
     {{ partial "metadata.html" . }}
-    <a class="summary" href="{{ .RelPermalink }}">
-        <p>{{ .Summary }}</p>
-    </a>
+    <p class="summary">{{ .Summary }}</p>
 </p>
 {{ end }}
 {{ end }}

themes/alejandro-angulo/layouts/_default/single.html

@@ -1,6 +1,5 @@
 {{ define "main" }}
 <h1>{{ .Title }}</h1>
 {{ partial "metadata.html" . }}
-<br><br>
 {{ .Content }}
 {{ end }}

themes/alejandro-angulo/layouts/partials/footer.html

@@ -1,16 +0,0 @@
-<div id="site-footer">
-    <div class="lhs">
-        <a class="home-link" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-    </div>
-    <div class="rhs">
-        <nav id="nav" class="nav justify-content-center">
-            {{ range .Site.Menus.main }}
-            <a class="nav-link" href="{{ .URL }}">
-            {{ $text := print .Name | safeHTML }}
-            {{ $text }}
-            </a>
-            {{ end }}
-        </nav>
-        <span class="current-page">[{{ .Title }}]</span>
-    </div>
-</div>

themes/alejandro-angulo/layouts/partials/header.html

@@ -1,8 +1,18 @@
-{{ $currentPage := . }}
-{{ if $currentPage.IsHome  }}
-<pre>
-░█░█░█▀▀░█░░░█░░░█▀█░░░█░█░█▀█░█▀▄░█░░░█▀▄
-░█▀█░█▀▀░█░░░█░░░█░█░░░█▄█░█░█░█▀▄░█░░░█░█
-░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░░░▀░▀░▀▀▀░▀░▀░▀▀▀░▀▀░
-</pre>
+<div id="header">
+    <div id="banner">
+        <div class="lhs">
+            <a class="home-link" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+        </div>
+        <div class="rhs">
+            <nav id="nav" class="nav justify-content-center">
+                {{ range .Site.Menus.main }}
+                <a class="nav-link" href="{{ .URL }}">
+                {{ $text := print .Name | safeHTML }}
+                {{ $text }}
+                </a>
                 {{ end }}
+            </nav>
+            <span class="current-page">[{{ .Title }}]</span>
+        </div>
+    </div>
+</div>

themes/alejandro-angulo/static/css/style.css

@@ -2,6 +2,8 @@ body {
     background-color: #1d2021;
     color: #ffffdf;
 	margin: 1em;
+    max-width: 800px;
+    margin: 1em auto 0;
 }
 
 a {
@@ -15,17 +17,14 @@ a:hover {
 	color: #1d2021;
 }
 
-#header-link {
-    text-decoration: none;
-}
-
 #content {
-    margin-bottom: 2em;
+    margin-top: 2em;
+    padding-top: 0.1em;
 }
 
-#site-footer {
+#header {
     background-color: #3a3a3a;
-    bottom: 0;
+    top: 0;
     left: 0;
     margin: 0;
 	padding: 3px 0;
@@ -33,7 +32,12 @@ a:hover {
     width: 100%;
 }
 
-#site-footer .current-page {
+#banner {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0.3em 0;
+}
+#banner .current-page {
     color: #ffaf00;
 	padding: 0 5px;
 }
@@ -69,4 +73,5 @@ a:hover {
 
 .highlight .chroma {
 	padding: 1em;
+    overflow-x: scroll;
 }