cleanup site layout, merge notes and recipes into main list/homepage

config.toml

@@ -12,7 +12,8 @@ pygmentscodefencesguesssyntax = true
 pygmentsOptions = "linenos=table"
 
 [permalinks]
-posts = "/posts/:year/:month/:title"
+recipes = "/recipes/:title"
+notes = "/notes/:title"
 
 [outputs]
     home = ["HTML", "RSS", "JSON"]
@@ -27,11 +28,7 @@ hidecredits = false
 hidecopyright = false
 showNavTitle = true
 custom_css = [ "style.css" ]
-
+mainSections = ["recipe", "recipes", "note", "notes"]
-#[[menu.main]]
-#name = "Home"
-#weight = 1
-#url = "/"
 
 [[menu.main]]
 name = "By Category"

themes/gochowdown/layouts/notes/single.html

@@ -4,6 +4,51 @@
 {{ define "content" }}
 
 <div class="container" itemscope itemtype="http://schema.org/Recipe">
+<!-- call up the image and image credit link -->
+  <article class="post-content px2">
+    <!-- call up the main recipe title and content -->
+    <header class="post-header">
+      <h1 class="post-title center m1 sm-mt3" itemprop="name">{{ .Title }}</h1>
+    </header>
+
+   <div class="recipe-source">
+    <div class="clearfix mt3">
+     Chef:
+     {{if .Params.authorurl }}
+       <a href="{{.Params.authorurl}}">{{.Params.AuthorName}}</a>
+       {{else}}
+       {{.Params.AuthorName}}
+     {{end}}
+    </div>
+    </div>
+
+    {{ with .Params.Category }}{{ partial "taxonomy/notes" . }}{{ end }}
+    {{ with .Params.Tags }}{{ partial "taxonomy/tags" . }}{{ end }}
+    </div>
+
+    <div class="px2 mt3 clearfix">
+      <div class="sm-col-8 mx-auto" itemprop="description">{{.Content}}</div>
+    </div>
+
+    <br />
+
+     {{ if .Params.inspiration }}
+     <div class="px2 mt3 clearfix"><div class="sm-col-8 mx-auto" itemprop="description">
+     <h3 class="blue mt0 mb2 xs-center">Inspiration & Resources</h3>
+     {{ range .Params.inspiration }}
+       <ul class="recipe-source">
+       {{ if .url }}
+         <li><a href="{{ .URL }}">{{ .title }}</a></li>
+       {{ else }}
+         <li>{{ .title }}</li>
+       {{ end }}
+       </ul>
+     {{ end }}
+     {{ end }}
+     </div></div>
+
+    </div>
+  
 <!-- call up the image and image credit link -->
   {{ if .Params.image }}
     <div class="xs-p2 center">
@@ -15,44 +60,6 @@
       </figure>
     </div>
   {{ end }}
-
-  <article class="post-content px2">
-    <!-- call up the main recipe title and content -->
-    <header class="post-header">
-      <h1 class="post-title center m1 sm-mt3" itemprop="name">{{ .Title }}</h1>
-    </header>
-
-    <div class="px2 mt3 clearfix">
-      <div class="sm-col-8 mx-auto" itemprop="description">{{.Content}}</div>
-    </div>
-
-    <br />
-
-    <div class="recipe-source">
-     <p>Chef:
-     {{if .Params.authorurl }}
-       <a href="{{.Params.authorurl}}">{{.Params.AuthorName}}</a>
-       {{else}}
-       {{.Params.AuthorName}}
-     {{end}}
-     {{ if .Params.inspiration }}
-     <p>Inspiration & Resources</p>
-     {{ range .Params.inspiration }}
-       <ul>
-       {{ if .url }}
-         <li><a href="{{ .URL }}">{{ .title }}</a></li>
-       {{ else }}
-         <li>{{ .title }}</li>
-       {{ end }}
-       </ul>
-     {{ end }}
-     {{ end }}
-
-    {{ with .Params.Category }}{{ partial "taxonomy/notes" . }}{{ end }}
-    {{ with .Params.Tags }}{{ partial "taxonomy/tags" . }}{{ end }}
-
-    </div>
-    
   </article>
 </div>
 {{ end }}

themes/gochowdown/layouts/partials/home.html

@@ -1,7 +1,7 @@
 <div class="home">
   <div class="recipes xs-px1 xs-mt2">
     <div class="clearfix">
-    {{ range sort (where .Site.RegularPages "Section" "recipes") "Title" }}
+    {{ range sort (where site.RegularPages "Type" "in" site.Params.mainSections) "Title" }}
       <div class="sm-col sm-col-6 md-col-6 lg-col-4 xs-px1 xs-mb2">
           <a class="block relative bg-blue" href="{{ .RelPermalink }}">
             {{ if .Params.Image }}

themes/gochowdown/layouts/recipes/single.html

@@ -4,26 +4,31 @@
 {{ define "content" }}
 
 <div class="container" itemscope itemtype="http://schema.org/Recipe">
-<!-- call up the image and image credit link -->
-  {{ if .Params.image }}
-    <div class="xs-p2 center">
-      <figure  itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
-        <img itemprop="image" src="{{ .Params.image }}" {{ if .Params.imagecaption }}alt="{{.Params.imagecaption}}"{{ end }} style="max-width:480px"/>
-        {{ if .Params.imagecaption }}
-        <figcaption><p><b>Pictured:</b> {{ .Params.imagecaption }}</p></figcaption>
-        {{ end }}
-      </figure>
-    </div>
-  {{ end }}
-
   <article class="post-content px2">
     <!-- call up the main recipe title and content -->
     <header class="post-header">
       <h1 class="post-title center m1 sm-mt3" itemprop="name">{{ .Title }}</h1>
     </header>
 
-    <div class="px2 mt3 clearfix">
+    <div class="recipe-source">
-      <div class="sm-col-8 mx-auto" itemprop="description">{{.Content}}</div>
+    <div class="clearfix mt3">
+     <div class="sm-col sm-col-3">
+     Chef:
+     {{if .Params.authorurl }}
+       <a href="{{.Params.authorurl}}">{{.Params.AuthorName}}</a>
+       {{else}}
+       {{.Params.AuthorName}}
+     {{end}}
+    </div>
+    <div class="sm-col sm-col-3">
+    {{ with .Params.Category }}{{ partial "taxonomy/category" . }}{{ end }} 
+    </div>
+    <div class="sm-col sm-col-3">
+    {{ with .Params.Cuisine }}{{ partial "taxonomy/cuisine" . }}{{ end }}
+    </div>
+    </div>
+
+    {{ with .Params.Tags }}{{ partial "taxonomy/tags" . }}{{ end }}
     </div>
 
     <div class="clearfix mt3">
@@ -85,6 +90,10 @@
     </div>
     <!-- end recipe and directions -->
 
+    <div class="px2 mt3 clearfix">
+      <div class="sm-col-8 mx-auto" itemprop="description">{{.Content}}</div>
+    </div>
+
     <!-- check if it's a component-based recipe, render it -->
     {{ with .Params.Components }}
     <div class="components bg-darken-2 p2 mt3 mb3 center">
@@ -138,17 +147,10 @@
     <!-- end components -->
     <br />
 
-    <div class="recipe-source">
+    {{ if .Params.inspiration }}
-     <p>Chef:
+     <h3 class="blue mt0 mb2 xs-center center">Inspiration & Resources</h3>
-     {{if .Params.authorurl }}
-       <a href="{{.Params.authorurl}}">{{.Params.AuthorName}}</a>
-       {{else}}
-       {{.Params.AuthorName}}
-     {{end}}
-     {{ if .Params.inspiration }}
-     <p>Inspiration & Resources</p>
      {{ range .Params.inspiration }}
-       <ul>
+       <ul class="center">
        {{ if .url }}
          <li><a href="{{ .URL }}">{{ .title }}</a></li>
        {{ else }}
@@ -158,12 +160,17 @@
      {{ end }}
      {{ end }}
 
-    {{ with .Params.Category }}{{ partial "taxonomy/category" . }}{{ end }}
+  <!-- call up the image and image credit link -->
-    {{ with .Params.Cuisine }}{{ partial "taxonomy/cuisine" . }}{{ end }}
+  {{ if .Params.image }}
-    {{ with .Params.Tags }}{{ partial "taxonomy/tags" . }}{{ end }}
+    <div class="xs-p2 center">
-
+      <figure  itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
+        <img itemprop="image" src="{{ .Params.image }}" {{ if .Params.imagecaption }}alt="{{.Params.imagecaption}}"{{ end }} style="max-width:480px"/>
+        {{ if .Params.imagecaption }}
+        <figcaption><p><b>Pictured:</b> {{ .Params.imagecaption }}</p></figcaption>
+        {{ end }}
+      </figure>
     </div>
-  
+  {{ end }}
   </article>
 </div>
 {{ end }}