From cc813c7a5252856026a697da168ff0d2ecd6724d Mon Sep 17 00:00:00 2001
From: Alejandro Angulo <iam@alejandr0angul0.dev>
Date: Sat, 2 Oct 2021 01:10:15 -0700
Subject: [PATCH] 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      |  2 +-
 .../layouts/_default/list.html                |  4 +--
 .../layouts/_default/single.html              |  1 -
 .../layouts/partials/footer.html              | 16 ------------
 .../layouts/partials/header.html              | 26 +++++++++++++------
 themes/alejandro-angulo/static/css/style.css  | 21 +++++++++------
 6 files changed, 33 insertions(+), 37 deletions(-)

diff --git a/themes/alejandro-angulo/layouts/404.html b/themes/alejandro-angulo/layouts/404.html
index bd6d00a..f4cd7c8 100644
--- a/themes/alejandro-angulo/layouts/404.html
+++ b/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 }}
diff --git a/themes/alejandro-angulo/layouts/_default/list.html b/themes/alejandro-angulo/layouts/_default/list.html
index 6309d79..0d73060 100644
--- a/themes/alejandro-angulo/layouts/_default/list.html
+++ b/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 }}
diff --git a/themes/alejandro-angulo/layouts/_default/single.html b/themes/alejandro-angulo/layouts/_default/single.html
index 8bc28ad..4987eef 100644
--- a/themes/alejandro-angulo/layouts/_default/single.html
+++ b/themes/alejandro-angulo/layouts/_default/single.html
@@ -1,6 +1,5 @@
 {{ define "main" }}
 <h1>{{ .Title }}</h1>
 {{ partial "metadata.html" . }}
-<br><br>
 {{ .Content }}
 {{ end }}
diff --git a/themes/alejandro-angulo/layouts/partials/footer.html b/themes/alejandro-angulo/layouts/partials/footer.html
index 6df38bd..e69de29 100644
--- a/themes/alejandro-angulo/layouts/partials/footer.html
+++ b/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>
diff --git a/themes/alejandro-angulo/layouts/partials/header.html b/themes/alejandro-angulo/layouts/partials/header.html
index ca56d22..6c47cde 100644
--- a/themes/alejandro-angulo/layouts/partials/header.html
+++ b/themes/alejandro-angulo/layouts/partials/header.html
@@ -1,8 +1,18 @@
-{{ $currentPage := . }}
-{{ if $currentPage.IsHome  }}
-<pre>
-░█░█░█▀▀░█░░░█░░░█▀█░░░█░█░█▀█░█▀▄░█░░░█▀▄
-░█▀█░█▀▀░█░░░█░░░█░█░░░█▄█░█░█░█▀▄░█░░░█░█
-░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░░░▀░▀░▀▀▀░▀░▀░▀▀▀░▀▀░
-</pre>
-{{ end }}
+<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>
diff --git a/themes/alejandro-angulo/static/css/style.css b/themes/alejandro-angulo/static/css/style.css
index c527c60..710d7a7 100644
--- a/themes/alejandro-angulo/static/css/style.css
+++ b/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;
 }