Setup menu

- split hero into title, nav. bar and logo
- put top-level pages directly in layout dir. vs. individ. sections
- converted toml config to yaml
- modified meta description

assets/sass/main.scss

@@ -446,6 +446,19 @@ h1.site-title {// {{{
   // margin-top: .75em;
   @include vert-padding-rem(1);
 
+  .caret {
+      color: #f2f0ec;
+      margin-right: .75rem;
+  }
+
+  .nav-bar-links {
+    display: inline;
+
+    .nav-bar-link {
+      padding-right: .5em;
+    }
+  }
+
   @media (max-width: $phone-width) {
     // font-size: .9em;
     font-size: .8em;

config.toml → config.toml_

@@ -8,4 +8,4 @@ enableRobotsTXT = "true"
 
 [params]
   author = "Kevin Mok"
-  description = "I'm Kevin Mok - a CS (Computer Science) student at the University of Toronto. Come check out my personal website!" 
+  description = "I'm a Computer Science (CS) student at the University of Toronto and an avid Linux/FOSS user. Come check out my personal site!" 

config.yaml

@@ -0,0 +1,23 @@
+# baseURL: http://localhost:1313/
+baseURL: https://kevin-mok.com/
+# baseURL: /home/kevin/coding/mf-site/public
+languageCode: en-us
+title: Kevin Mok's Website
+# theme: base16
+enableRobotsTXT: true
+
+params:
+  author: Kevin Mok
+  description: I'm a Computer Science (CS) student at the University of Toronto and an avid Linux/FOSS user. Come check out my personal site! 
+
+menu:
+  main:
+  - name: resume
+    url: /resume
+    weight: 5
+  # - name: credits
+    # url: /credits
+    # weight: 10
+  # - name: config
+    # url: /config
+

content/credits.md

@@ -0,0 +1,6 @@
+---
+title: "Credits"
+date: 2019-02-11T03:10:25-05:00
+draft: true
+layout: single
+---

content/credits/_index.md

@@ -1,13 +0,0 @@
----
-title: "Credits"
-date: 2019-01-31T03:10:25-05:00
-draft: false
-layout: single
----
-<span>
-  Icons made by <a href="https://www.freepik.com/"
-    title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/"
-    title="Flaticon">www.flaticon.com</a> is licensed by <a
-  href="http://creativecommons.org/licenses/by/3.0/"
-  title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
-</span>

content/resume.md

@@ -0,0 +1,5 @@
+---
+title: "Resume"
+date: 2019-02-11T07:50:51-05:00
+draft: true
+---

ideas.md

@@ -33,8 +33,8 @@
 
 # Tiny
 - SEO
-  - be more specific with robots.txt when have content
   - add/redirect aliases
+  - be more specific with robots.txt when have content
 
 Break> {{{
 > }}}

layouts/_default/baseof.html

@@ -1,6 +1,10 @@
 {{ partial "header.html" . }}
 
-{{ partial "hero.html" . }}
+{{ partial "site-title.html" . }}
+
+{{ partial "nav-bar.html" . }}
+
+{{ partial "base16-logo.html" . }}
 
 {{ block "main" . }}
 {{ end }}

layouts/index-old.html

@@ -1,5 +0,0 @@
-{{ partial "header.html" . }}
-
-<!-- {{ partial "homepage.html" . }} -->
-
-{{ partial "footer.html" . }}

layouts/partials/base16-logo.html

@@ -0,0 +1,3 @@
+<div class="hero-logo">
+  <img src="{{ "img/base16-eighties.svg" | relURL }}" alt="base16-colors">
+</div>

layouts/partials/hero.html

@@ -1,42 +1,7 @@
 {{ $baseurl := .Site.BaseURL }}
-<h1 class="site-title">
-  <!-- <span class="base05">[</span><span class="base08">K</span><span
-    class="base09">e</span><span class="base0a">v</span><span
-    class="base0b">i</span><span class="base0c">n</span><span
-  class="base05">]</span>  <span class="base05"># _</span> -->
-  [<a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
-    class="base0f">e</span><span class="base09">v</span><span
-    class="base0a">i</span><span class="base0b">n </span><span
-    class="base0c">M</span><span class="base0d">o</span><span
-    class="base0e">k</span></a>] # _
 
-</h1>
+{{ partial "site-title.html" . }}
 
-<div class="container clearfix nav-bar">
-  [ <a href="{{ .Site.BaseURL }}">~</a> /
-  <a href="{{ .Page.Permalink }}">{{ .Page.Dir }}</a>
+{{ partial "nav-bar.html" . }}
 
-   ]
-  <span class="caret"># _</span>
-  <div class="right">
-    {{ range $i, $page := (where .Site.Pages "Section" "pages") }}
-      {{ if not (eq $i 0) }}|{{ end }}
-      <a class="path" href="{{ $page.RelPermalink }}">{{ $page.Title }}</a>
-    {{ end }}
-  </div>
-</div>
-
-<div>
-</div>
-
-<div class="hero-logo">
-  <img src="{{ "img/base16-eighties.svg" | relURL }}" alt="base16-colors">
-</div>
-
-<!-- <div style="text-align: center;"> -->
-<!-- <div class="hero-tagline"> -->
-  <!-- [> “Live, love and Linux.” <] -->
-  <!-- <p>Live, love and <img src="{{ "/img/linux-icon.svg" | relURL }}" -->
-                          <!-- class="icon" -->
-  <!-- alt="linux-icon"/>.</p> -->
-<!-- </div> -->
+{{ partial "base16-logo.html" . }}

layouts/partials/nav-bar.html

@@ -0,0 +1,12 @@
+<div class="container clearfix nav-bar">
+  [ <a href="{{ .Site.BaseURL }}">~</a> /
+  <a href="{{ .Page.Permalink }}">{{ .Page.Dir }}</a>
+  
+   ]
+  <span class="caret"># _</span>
+  <div class="nav-bar-links">
+    {{ range .Site.Menus.main }}
+      <a href="{{ .URL }}" class="nav-bar-link">{{ .Name }}</a> 
+    {{ end }}
+  </div>
+</div>

layouts/partials/site-title.html

@@ -0,0 +1,7 @@
+<h1 class="site-title">
+  [<a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
+    class="base0f">e</span><span class="base09">v</span><span
+    class="base0a">i</span><span class="base0b">n </span><span
+    class="base0c">M</span><span class="base0d">o</span><span
+    class="base0e">k</span></a>] # _
+</h1>

layouts/partials/tagline.html

@@ -0,0 +1,7 @@
+<div style="text-align: center;">
+<div class="hero-tagline">
+  <!-- [> “Live, love and Linux.” <] -->
+  <p>Live, love and <img src="{{ "/img/linux-icon.svg" | relURL }}"
+                          class="icon"
+  alt="linux-icon"/>.</p>
+</div>

resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -325,6 +325,13 @@ h1.site-title {
   margin-left: .5em;
   padding-top: 1rem;
   padding-bottom: 1rem; }
+  .nav-bar .caret {
+    color: #f2f0ec;
+    margin-right: .75rem; }
+  .nav-bar .nav-bar-links {
+    display: inline; }
+    .nav-bar .nav-bar-links .nav-bar-link {
+      padding-right: .5em; }
   @media (max-width: 800px) {
     .nav-bar {
       font-size: .8em; } }