Merge pull request #13 from jtom38/features/site/100822

Features/site/100822

archetypes/default.md

@@ -7,7 +7,7 @@ draft: true
 tags: []
 categories: []
 
-listthumbnail: "./recipie-folder-name/thumbnail.png"
+listthumbnail: "./{{ title }}/thumbnail.png"
 thumbnail: "./thumbnail.png"
 
 parenturl: "https://site.com"

archetypes/recipie/index.md

@@ -0,0 +1,20 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+subtitle: Any Subtext you might want to append
+date: {{ .Date }}
+draft: true
+
+tags: []
+categories: []
+
+listthumbnail: "./{{ title }}/thumbnail.png"
+thumbnail: "./thumbnail.png"
+
+parenturl: "https://site.com"
+---
+
+## Ingredients
+
+## Instructions
+
+## Notes

config.yaml

@@ -1,4 +1,4 @@
-baseURL: 'https://jtom38.github.io/cookbook/'
+baseURL: 'https://jtom38.github.io/cookbook'
 languageCode: 'en-us'
 title: 'Cookbook'
 theme: "hugo-bulma-cookbook"
@@ -6,7 +6,6 @@ theme: "hugo-bulma-cookbook"
 taxonomies:
   category: 'categories'
   tag: 'tags'
-  #season: 'seasons'
 
 # Used to bring the /tags/ forward
 preserveTaxonomyNames: true
@@ -14,4 +13,11 @@ preserveTaxonomyNames: true
 sitemap:
   changefreq: monthly
   filename: sitemap.xml
-  priority: 0.5
+  priority: 0.5
+
+params:
+  # This tells hugp-bulma-cookbook theme to use the list display view
+  UseListRows: true
+
+  # Enable this line to use the card view
+  #UseCardView: true

content/recipies/chicken-tikka-masala/index.md

@@ -7,9 +7,6 @@ draft: false
 tags: [Dinner, Bon Apptite Recipie, Indian]
 categories: ["Main Dish"]
 
-listthumbnail: https://assets.bonappetit.com/photos/5b69f163d3d14670539a2174/1:1/w_2240,c_limit/ba-tikka-masala-2.jpg
-thumbnail: https://assets.bonappetit.com/photos/5b69f163d3d14670539a2174/1:1/w_2240,c_limit/ba-tikka-masala-2.jpg
-
 parenturl: https://www.bonappetit.com/recipe/chicken-tikka-masala
 ---
 

content/recipies/drop-biscuits/index.md

@@ -6,7 +6,6 @@ draft: false
 tags: ["Breakfast", "Sides"]
 categories: ["Sides"]
 
-thumbnail: 
 parenturl: https://www.seriouseats.com/recipes/2014/06/quick-easy-drop-biscuits-recipe.html
 ---
 

themes/hugo-bulma-cookbook/layouts/_default/list.html

@@ -1,59 +1,12 @@
 {{ partial "header.html" . }}
 {{ partial "hero.html" . }}
 
-<div class="container">
+{{ if $.Site.Params.UseListRows }}
-    <br>
+{{ partial "list.rows.html" . }}
-    
+{{ end }}
-    {{ range .RegularPages }}
 
-        <div class="card">
+{{ if $.Site.Params.UseCardView }}
-            <div class="card-content">
+{{ partial "list.cards.html" . }}
-                <div class="media">
+{{ end }}
-
-                    
-                    <div class="media-left">
-                        <figure class="image is-128x128">
-                            <a href="{{ .Permalink }}" >
-                            {{ with .Params.listthumbnail }}
-                                <img src="{{ . }}" alt="Placeholder image" >
-                            {{ end }}
-                            </a>
-                        </figure>
-                    </div>
-                    
-
-                    <div class="media-content">
-                        <p class="title is-4">
-                            <a href="{{ .Permalink }}"> {{ .Title }}</a>
-                        </p>
-                        <p class="subtitle is-6">{{ .Params.subtitle }}</p>
-                        
-                        {{ with .Params.tags }}
-                        <div class="buttons">
-                            {{ range . }}
-                            <button class="button">
-                                <a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a>
-                            </button>
-                            {{ end }}
-                        </div>
-                        {{ end }}
-
-
-                        {{ with .Params.categories }}
-                        <div class="buttons">
-                            {{ range . }}
-                            <button class="button">
-                                <a href="{{ "categories" | absURL }}/{{ . | urlize }}">{{ . }}</a>
-                            </button>
-                            {{ end }}
-                        </div>
-                        {{ end }}
-                    </div>
-                </div>
-            </div>
-        </div>
-    {{ end }}
-    
-</div>
 
 {{ partial "footer.html" . }}

themes/hugo-bulma-cookbook/layouts/_default/single.html

@@ -6,11 +6,9 @@
     
     <div class="columns">
 
-        {{ if .Params.thumbnail }}
         <div class="column">
-            <img src="{{ .Params.thumbnail }}" />
+            <img src="{{ .Site.BaseURL }}{{.File.Dir}}thumbnail.png" alt="Missing thumbnail :(" />
         </div>
-        {{ end }}
     
         <div class="column">
             <div class="content">

themes/hugo-bulma-cookbook/layouts/partials/header.html

@@ -6,9 +6,9 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
     <link rel="stylesheet" type="text/css" href="https://unpkg.com/bulma-prefers-dark" />
 
-    <link rel="icon" href="favicon.svg">
+    <link rel="icon" href="{{ .Site.BaseURL }}favicon.svg">
-    <link rel="mask-icon" href="favicon.svg" color="#000000">
+    <link rel="mask-icon" href="{{ .Site.BaseURL }}favicon.svg" color="#000000">
-    <link rel="apple-touch-icon" href="apple-touch-icon.svg">
+    <link rel="apple-touch-icon" href="{{ .Site.BaseURL }}apple-touch-icon.svg">
 
     <script>
         document.addEventListener('DOMContentLoaded', () => {

themes/hugo-bulma-cookbook/layouts/partials/hero.html

@@ -1,6 +1,14 @@
 <section class="hero is-primary">
-    <div class="hero-body">
+
-      <h1 class="title">{{ .Title }}</h1>
+  <div class="hero-body">
-      <p class="subtitle">{{ .Params.subtitle }}</p>
+    <div class="container has-text-centered">
+      <p class="title">
+        {{ .Title }}
+      </p>
+      <p class="subtitle">
+        {{ .Params.subtitle}}
+      </p>
     </div>
+  </div>
+
 </section>

themes/hugo-bulma-cookbook/layouts/partials/list.card.html

@@ -0,0 +1,22 @@
+<div class="card">
+    <div class="card-image">
+        <figure class="image is-4x3">
+            <img src="{{ .Site.BaseURL }}{{ .File.Dir }}thumbnail.png" alt="">
+        </figure>
+    </div>
+    <div class="card-content">
+        <div class="media">
+
+            <div class="media-content">
+                <p class="title is-4">{{ .Title }}</p>
+                <p class="subtitle is-6">@johnsmith</p>
+            </div>
+        </div>
+
+        <div class="content">
+            <a href="#">#css</a> <a href="#">#responsive</a>
+            <br>
+            <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
+        </div>
+    </div>
+</div>

themes/hugo-bulma-cookbook/layouts/partials/list.cards.html

@@ -0,0 +1,30 @@
+<div class="container">
+    <br>
+
+    <div class="columns is-desktop">
+
+        <div class="column">
+
+            {{ range first 3 .RegularPages }}
+                {{ partial "list.card.html" . }}
+            <br>
+            {{ end }}
+        </div>
+
+        <div class="column">
+            {{ range first 3 (after 3 .RegularPages ) }}
+                {{ partial "list.card.html" . }}
+            <br>
+            {{ end }}
+        </div>
+
+        <div class="column">
+            {{ range first 3 (after 6 .RegularPages ) }}
+                {{ partial "list.card.html" . }}
+            <br>
+            {{ end }}
+        </div>
+    </div>
+
+
+</div>

themes/hugo-bulma-cookbook/layouts/partials/list.rows.html

@@ -0,0 +1,49 @@
+<div class="container mt-8">
+    
+    {{ range .RegularPages }}
+
+        <div class="card">
+            <div class="card-content">
+                <div class="media">
+
+                    <div class="media-left">
+                        <figure class="image is-128x128">
+                            <a href="{{ .Permalink }}" >
+                                <img src="{{ .Site.BaseURL }}{{ .File.Dir }}thumbnail.png" alt="" >
+                            </a>
+                        </figure>
+                    </div>
+                    
+                    <div class="media-content">
+                        <p class="title is-4">
+                            <a href="{{ .Permalink }}"> {{ .Title }}</a>
+                        </p>
+                        <p class="subtitle is-6">{{ .Params.subtitle }}</p>
+                        
+                        {{ with .Params.tags }}
+                        <div class="buttons">
+                            {{ range . }}
+                            <button class="button">
+                                <a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a>
+                            </button>
+                            {{ end }}
+                        </div>
+                        {{ end }}
+
+
+                        {{ with .Params.categories }}
+                        <div class="buttons">
+                            {{ range . }}
+                            <button class="button">
+                                <a href="{{ "categories" | absURL }}/{{ . | urlize }}">{{ . }}</a>
+                            </button>
+                            {{ end }}
+                        </div>
+                        {{ end }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    {{ end }}
+    
+</div>