Fixed header and added footer to every page

assets/css/style.css

@@ -67,7 +67,7 @@ a:active {
   max-width: 800px;
 }
 
-.header-top .title { margin-right: 1rem; }
+.header-top .title { margin-right: 1rem; max-width: 400px; }
 
 .header-top .h-card {
   display: flex;
@@ -264,6 +264,7 @@ main {
   padding: 20px 10px;
   max-width: 800px;
   margin: 0 auto;
+  min-height: calc(100vh - 250px);
 }
 
 main .e-content {
@@ -313,10 +314,30 @@ main .e-content h2 {
 /*
 ** Footer
 */
+
 footer {
+  padding-top: 0.5rem;
+  background-color: #363636;
+  color: #ededed;
+  min-height: 100%;
   font-size: 12px;
   box-sizing:border-box;
 }
+footer a:link {
+  color: white;
+}
+
+.footer-navs {
+  font-size: 1rem;
+  max-width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+  display: flex;
+  justify-content: space-between;
+  text-align: left;
+  flex-wrap: wrap;
+  padding: 1rem;
+}
 
 /* END FOOTER */
 

layouts/partials/footer.html

@@ -4,6 +4,40 @@
   Powered by <a href="https://gohugo.io/">Hugo</a>
   using a modified version of the <a href="https://github.com/koirand/pulp/">pulp</a> theme.
   </p>
+  <div class="footer-navs">
+    <nav>
+      <p>Content Pages</p>
+      <ul id="footer-nav-sections">
+      {{ range .Site.Sections }}
+      {{ if not .Params.hidden }}
+        <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+      {{ end }}
+      {{ end }}
+      </ul>
+    </nav>
+
+    <nav>
+      <p>Social</p>
+      <ul>
+      {{ range .Site.Menus.profile }}
+        <li><a href="{{ .URL }}" rel="me" aria-label="{{ .Identifier }}">{{ .Name }}</a></li>
+      {{ end }}
+      </ul>
+    </nav>
+
+    <nav>
+      <p>More Pages</p>
+      <ul>
+      {{ $sectionPages := where .Site.Pages "Section" "" }}
+        {{ range $sectionPages }}
+        {{ if and (not .Params.hidden) (ne .Permalink .Site.BaseURL)}}
+          <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+        {{ end }}
+      {{ end }}
+      </ul>
+    </nav>
+
+  </div>
 </footer>
 <script type="application/ld+json">
   {