jtom38/cookbook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated the theme to start having beta features, pictures work, and favicon should work

Browse Source
This commit is contained in:
James Tombleson 2022-10-09 12:54:50 -07:00
parent 7cfd056f83
commit 05692386e3
7 changed files with 122 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
themes/hugo-bulma-cookbook/layouts/_default/list.html
View File

@ -1,59 +1,12 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
{{ partial "hero.html" . }} {{ partial "hero.html" . }}
<div class="container"> {{ if $.Site.Params.UseListRows }}
<br> {{ partial "list.rows.html" . }}
{{ range .RegularPages }}
<div class="card">
<div class="card-content">
<div class="media">
<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 }} {{ end }}
{{ if $.Site.Params.UseCardView }}
{{ with .Params.categories }} {{ partial "list.cards.html" . }}
<div class="buttons">
{{ range . }}
<button class="button">
<a href="{{ "categories" | absURL }}/{{ . | urlize }}">{{ . }}</a>
</button>
{{ end }} {{ end }}
</div>
{{ end }}
</div>
</div>
</div>
</div>
{{ end }}
</div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

4
themes/hugo-bulma-cookbook/layouts/_default/single.html
View File

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

6
themes/hugo-bulma-cookbook/layouts/partials/header.html
View File

@ -6,9 +6,9 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"> <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="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> <script>
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {

12
themes/hugo-bulma-cookbook/layouts/partials/hero.html
View File

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

22
themes/hugo-bulma-cookbook/layouts/partials/list.card.html Normal file
View File

@ -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>

30
themes/hugo-bulma-cookbook/layouts/partials/list.cards.html Normal file
View File

@ -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>

49
themes/hugo-bulma-cookbook/layouts/partials/list.rows.html Normal file
View File

@ -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>