leonstafford · sandorfalot · Jun 17, 2021
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -1,12 +1,12 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html lang="{{ .Site.LanguageCode }}" xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     {{- partial "head.html" . -}}
     <body>
         {{- partial "header.html" . -}}
-
+     <div id="content">
         {{- block "main" . }}{{- end }}
-
+    </div>
         {{- partial "footer.html" . -}}
+
     </body>
 </html>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -1,12 +1,12 @@
 {{ define "main" }}
 <h1>{{ .Title }}</h1>
-
+<div class="middle">
 {{ if ne .Params.Type "page" }}
   {{ partial "metadata.html" . }}
 {{ end }}
 
 {{ .Content }}
-
+</div>
 {{ if .Params.categories }}
 
   <p><strong>Related categories:</strong></p>

diff --git a/layouts/index.html b/layouts/index.html
@@ -1,6 +1,7 @@
 {{ define "main" }}
+<div class="middle">
   <h1 class="title">{{ .Site.Title }}</h1>
 
   {{ .Content }}
-
+</div>
 {{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,14 +1,2 @@
-<p><a name="nav-menu" id="nav-menu"><strong>Site menu</strong></a></p>
 
-<ul>
-    {{ range .Site.Menus.main }}
-    <li>
-      <a href="{{ .URL }}">
-      {{ $text := print .Name | safeHTML }}
-      {{ $text }}
-      </a>
-    </li>
-    {{ end }}
-</ul>
-
-<p><a href="#">Back to top</a></p>
+<p><a href="#top">Back to top</a></p>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -1,12 +1,128 @@
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
-    {{ with .OutputFormats.Get "rss" -}}
-        {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
-    {{ end -}}
-    {{ $title := print .Site.Title " | " .Title }}
-    {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
-    <title>{{ $title }}</title>
-    {{ partial "style.html" . }}
-</head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald|Noto+Sans">
+    <title>{{ .Site.Title }}</title>
+    <style>
+        html, body{
+            width: 100%;
+            min-height: 70%;
+            padding: 0;
+margin: 0;
+background-color:   #dfe6ec;
+color: #435b70;
+font-family: "Noto Sans", sans-serif;
+
+        }
+         .box{background-color: #D9AFD9;
+background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(100,130,159,1) 0%, rgba(103,56,96,1) 90% );
+width: 100%;
+min-height: 45%;
+height: 45vh;
+padding: 0;
+margin: 0;
+         }
+ul {
+list-style-type: none;
+margin: 0;
+padding-left: 22px;
+padding-right: 22px;
+padding-top: 4px;
+overflow: hidden;
+}
+
+li {
+float: left;
+}
+
+li a {
+display: block;
+color: white;
+text-align: center;
+padding: 5px 10px;
+text-decoration: none;
+margin-top: 15px;
+}
+
+li a:hover:not(.active) {
+background-color: rgba(255, 255, 255, 0.2);
+border-style: solid;
+border-width: 1px;
+border-color: #ffffff;
+border-radius: 5px;
+}
+
+.active {
+background-color: rgba(255, 255, 255, 0.2);
+border-style: solid;
+border-width: 1px;
+border-color: #ffffff;
+margin:20px;
+    border-radius: 12px;
+}
+
+
+
+.left, .right {
+float: left;
+width: 20%; /* The width is 20%, by default */
+}
+
+.main {
+ position: relative;
+float: left;
+width: 60%; /* The width is 60%, by default */
+ left: 20%;
+ right: 20%;
+padding: 15px;
+
+}
+p{
+font-size: 15px;
+font-weight: 400;
+
+}
+
+#content{
+    position: absolute;
+    top: 30%;
+    left: 30%;
+    width: 40%;
+    background-color: #ffffff;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.35);
+}
+/* Use a media query to add a breakpoint at 800px: */
+@media screen and (max-width: 800px) {
+.left,  .main, .right {
+width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
+}
+}
+
+
+.headtext{
+
+    font-weight: 400;
+font-family: Oswald, sans-serif;
+
+}
+
+h2{
+  font-family: Oswald, sans-serif;
+font-weight: 400;
+}
+
+.label {
+color: white;
+padding: 8px;
+}
+
+.success {background-color: #04AA6D;} /* Green */
+.info {background-color: #2196F3;} /* Blue */
+.warning {background-color: #ff9800;} /* Orange */
+.danger {background-color: #f44336;} /* Red */
+.other {background-color: #e7e7e7; color: black;} /* Gray */
+
+
+</style>
+</head>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -1,3 +1,17 @@
-<p><a href="#nav-menu">Menu</a></p>
+<header>
+    <div class="box">
+        <ul>
+<li><a href="/">Home</a></li>
+<li><a href="/about">About</a></li>
+<li><a href="/posts">Blog</a></li>
+<li><a href="/projects">Projects</a></li>
+<li><a href="/contact">Contact</a></li>
 
 
+ <li style="float:right"><a class="active" href="#updates">Updates</a></li>
+
+
+</ul><h1 class="headtext" style="text-align: center; font-size:72px; padding: 0; margin: 0; color: #ffffff; opacity: 0.75;">SanZORB</h1>
+</span>
+        </div>
+        </header>
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
@@ -1,10 +1,13 @@
 {{if .Params.author}}
-  <p>by {{.Params.author}}{{else}}{{ .Site.Params.author }}</p>
+  <p>by {{.Params.author}}{{else}}{{ .Site.Params.author }}
 {{end}}
+</p>
 
 {{ if not .Date.IsZero }}
   {{ $dateTime := .PublishDate.Format "2006-01-02" }}
   {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
 
   <p>{{ .PublishDate.Format $dateFormat }}</p>
 {{end}}
+
+