add menu

assets/scss/colors.scss

@@ -0,0 +1,23 @@
+$backgroundcolor:   #ffe7d6;
+$foregroundcolor: #73464c;
+$linkcolor: #ab5675;
+$active:  #72dcbb;
+
+body {
+    background-color: $backgroundcolor;
+    color: $foregroundcolor;
+}
+
+a {
+    background-color: $linkcolor;
+    color: $backgroundcolor;
+}
+
+a.footer-nav-item.active{
+    color: $linkcolor;
+}
+
+footer, footer a{
+    background-color: $foregroundcolor;
+    color: $backgroundcolor;
+}

assets/scss/font.scss

@@ -0,0 +1,18 @@
+@font-face {
+    font-family: CaskaydiaCove;
+    src: url(/font/CaskaydiaCove.ttf);
+}
+
+* {
+    font-family: CaskaydiaCove;
+    font-size: 16pt;
+    }
+h1 {font-size: 42pt;}
+
+a {
+    text-decoration: none;
+}
+
+footer {
+    font-size: 20pt;
+}

assets/scss/layout.scss

@@ -0,0 +1,30 @@
+html, body {
+    height: 100%;
+    flex: auto;
+}
+
+footer {
+    height: 10%;
+    min-height: 24pt;
+    position: sticky;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#footer-content{
+    width: 100%;
+}
+
+#content {
+    min-height:90%;
+}
+
+#footer-right{
+    justify-self: right;
+}
+
+* {
+    padding: 0;
+    margin: 0;
+}

assets/scss/main.scss

@@ -1 +1,3 @@
-*{color:red;}
+@import "./colors";
+@import "./font";
+@import "./layout";

layouts/_default/list.html

@@ -0,0 +1,19 @@
+{{ define "main" }}
+<main>
+    <article>
+        <header>
+            <h1>List - {{.Title}}</h1>
+        </header>
+        <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
+        {{.Content}}
+    </article>
+    <ul>
+    <!-- Ranges through content/posts/*.md -->
+    {{ range .Pages }}
+        <li>
+            <a href="{{.Permalink}}">{{.Title}}</a>
+        </li>
+    {{ end }}
+    </ul>
+</main>
+{{ end }}

layouts/_default/single.html

@@ -0,0 +1,38 @@
+{{ define "main" }}
+<section id="main">
+  <h1 id="title">Single Page {{ .Title }}</h1>
+  <div>
+        <article id="content">
+           {{ .Content }}
+        </article>
+  </div>
+</section>
+<aside id="meta">
+    <div>
+    <section>
+    </section>
+    {{ with .Params.topics }}
+    <ul id="topics">
+      {{ range . }}
+        <li><a href="{{ "topics" | absURL}}{{ . | urlize }}">{{ . }}</a> </li>
+      {{ end }}
+    </ul>
+    {{ end }}
+    {{ with .Params.tags }}
+    <ul id="tags">
+      {{ range . }}
+        <li> <a href="{{ "tags" | absURL }}{{ . | urlize }}">{{ . }}</a> </li>
+      {{ end }}
+    </ul>
+    {{ end }}
+    </div>
+    <div>
+        {{ with .PrevInSection }}
+          <a class="previous" href="{{.Permalink}}">previous: {{.Title}}</a>
+        {{ end }}
+        {{ with .NextInSection }}
+          <a class="next" href="{{.Permalink}}">next: {{.Title}}</a>
+        {{ end }}
+    </div>
+</aside>
+{{ end }}

layouts/index.html

@@ -2,4 +2,9 @@
 <div>
   <h1 class="title">{{ .Site.Title }}</h1>
 </div>
+<div>
+  <p>
+    {{ .Content }}
+  </p>
+</div>
 {{ end }}

layouts/partials/footer.html

@@ -0,0 +1,13 @@
+<footer>
+<div id="footer-center">
+<nav id="footer-nav">
+    {{ $currentPage := . }}
+    {{ range .Site.Menus.nav }}
+    <a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
+    {{ end }}
+</nav>
+</div>
+<div id="footer-right">
+    <input type="checkbox" id="darkmode-toggle">
+</div>
+</footer>

layouts/partials/head.html

@@ -5,4 +5,5 @@
     {{ $css := resources.Get "scss/main.scss" }}
     {{ $css = $css | toCSS }}
     <link rel="stylesheet" href="{{ $css.RelPermalink }}">
+    <link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
 </head>