Breadcrumbs nav. bar, general posts layout

Added back in article partials to base layouts.

config.yaml

@@ -15,6 +15,9 @@ menu:
   - name: resume
     url: /resume
     weight: 5
+  - name: posts/
+    url: /posts
+    weight: 6
   # - name: credits
     # url: /credits
     # weight: 10

content/posts/wallpaper-playlist.md

@@ -0,0 +1,12 @@
+---
+title: Wallpaper Playlist for pywal
+date: 2019-02-16T11:42:33-05:00
+draft: false
+---
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a neque efficitur, consectetur elit a, porttitor velit. Vestibulum maximus nisl sit amet ligula auctor, eu condimentum turpis sagittis. Sed massa ligula, posuere vel varius quis, consectetur et mauris. In hac habitasse platea dictumst. Nunc volutpat ex eu vestibulum consectetur. Fusce mollis egestas felis, vel tristique nisl semper quis. Morbi id sollicitudin justo. Duis iaculis dolor dictum, elementum quam scelerisque, hendrerit nulla. Pellentesque ac venenatis lorem, et fringilla magna. Pellentesque blandit tristique arcu. Sed mollis leo ligula, eu pretium nisl accumsan ac.
+
+Nulla sit amet ultricies tellus. Phasellus quis urna sit amet nisi sagittis eleifend quis eu orci. Aenean non metus luctus, faucibus justo at, viverra risus. Fusce vehicula tincidunt malesuada. In eget posuere tellus, a tristique orci. Aenean a feugiat ex, quis posuere dolor. Etiam gravida id nunc et rutrum. Sed enim erat, sodales ac arcu vitae, bibendum eleifend odio. Etiam a bibendum risus. Curabitur commodo gravida ipsum id condimentum. Duis cursus libero ipsum, a ultricies justo fermentum et.
+
+Maecenas erat ipsum, vulputate vel egestas eget, lobortis convallis eros. Suspendisse porta dolor sed tempus lacinia. In fermentum rutrum enim, ac sodales dui mollis sed. Pellentesque ut consequat quam. Maecenas sollicitudin auctor porttitor. Duis feugiat faucibus mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum molestie, sem sit amet finibus cursus, mi nunc lacinia nunc, eget sollicitudin sem turpis at metus. Sed sit amet magna orci. Praesent consequat nunc maximus turpis consectetur tincidunt. Donec non maximus quam, a fermentum neque. Etiam fringilla mollis eros sed sagittis. Suspendisse malesuada neque non egestas sollicitudin. Donec ullamcorper diam dui, vel ornare massa aliquet eget. Pellentesque pharetra condimentum pretium.
+
+Ut volutpat, orci viverra vulputate congue, elit dui suscipit eros, ac posuere odio purus id mi. Donec imperdiet sem et ligula malesuada venenatis. Donec tincidunt, turpis ac cursus tristique, sem diam blandit justo, at laoreet mauris libero in mauris. Pellentesque at ex lacus. Aliquam facilisis nunc accumsan quam facilisis dapibus. Duis suscipit ex sed mauris fermentum, id mollis risus volutpat. Maecenas et nulla velit. Fusce in nisl eget tortor molestie auctor. Nullam aliquet quam nec elit iaculis tincidunt. Sed malesuada, ligula ac congue suscipit, tortor augue accumsan nisi, ut luctus ipsum metus lobortis lectus. Praesent iaculis varius ex, ac maximus libero lobortis vel. Vivamus at justo non quam eleifend sagittis. Duis porta tincidunt commodo. Sed sed neque vel sem maximus sollicitudin. Pellentesque mattis eleifend sodales. Proin lobortis libero eget mattis facilisis.

ideas.md

@@ -2,12 +2,14 @@
 - resume
   - fix title
   - printable version
+    - JS to change CSS
   - list of things done with diff. langs.
 - add CSS grid layout
   - add tooltip saying responsive 
 - articles (ideas)
 
 - loop through URL sections
+- ask about most efficient way for custom layout for each section
 - JS snippets?
 - rewrite CSS in Sass
   - push to base16 repo

layouts/_default/list.html

@@ -6,6 +6,12 @@
 
 {{ partial "base16-logo.html" . }}
 
-{{ .Content }}
+<main role="main" class="article-list">
+  <h1 class="list-title">{{ .Title }}</h1>
+  {{ range .Data.Pages }}
+    {{ partial "article-list-item.html" . }}
+  {{ end }}
+</main>
 
 {{ partial "footer.html" . }}
+

layouts/_default/single.html

@@ -6,6 +6,8 @@
 
 {{ partial "base16-logo.html" . }}
 
-{{ .Content }}
+<main role="main" class="article">
+  {{ partial "article.html" . }}
+</main>
 
 {{ partial "footer.html" . }}

layouts/partials/article-list-item.html

@@ -1,5 +1,5 @@
 <article class="list-item" itemscope itemtype="http://schema.org/Blog">
-  <h2 class="headline" itemprop="headline"><a href="{{ .RelPermalink }}">{{ .Title }}{{ if .Draft }} (Draft){{ end }}</a></h2>
+  <h2 class="headline" itemprop="headline"><a href="{{ .RelPermalink }}#content">{{ .Title }}{{ if .Draft }} (Draft){{ end }}</a></h2>
   <div class="meta">
 {{ if not .Date.IsZero }}
     <span class="key">published on</span>

layouts/partials/article.html

@@ -5,7 +5,7 @@
 
 {{ if not .Page.Date.IsZero }}
     <!-- <span class="key">published </span> -->
-    <span class="val"><time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 02, 2006" }}</time></span>
+    <span class="val" id="content"><time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 02, 2006" }}</time></span>
 {{ end }}
 
 {{ with .Params.categories }}

layouts/partials/nav-bar.html

@@ -1,8 +1,25 @@
 <div class="container clearfix nav-bar">
-  [ <a href="{{ .Site.BaseURL }}">~</a> /
-  <a href="{{ .Page.Permalink }}">{{ .Page.Dir }}</a>
-  
-   ]
+
+  {{ define "breadcrumbnav" }}
+    {{ if .p1.Parent }}
+      <!-- <p>{{ .p1 }} {{ .p2 }}</p> -->
+      {{ template "breadcrumbnav" (dict "p1" .p1.Parent "p2" .p2 )  }}
+    {{ else if not .p1.IsHome }}
+      {{ template "breadcrumbnav" (dict "p1" .p1.Site.Home "p2" .p2 )  }}
+    {{ end }}
+    <a href="{{ .p1.RelPermalink }}">
+      {{ if .p1.IsHome }}~{{ else }}
+        {{- replace .p1.Title " " "-" | lower -}}
+      {{ end }}</a>
+    {{ if ne .p1 .p2 }}
+      / 
+    {{ end }}
+  {{ end }}
+
+  [
+  {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
+  ]
+
   <span class="caret"># _</span>
   <div class="nav-bar-links">
     {{ range .Site.Menus.main }}

layouts/resume/section.html

@@ -5,3 +5,4 @@
 {{ partial "base16-logo.html" . }}
 
 {{ .Content }}
+