Merge pull request #15 from jtom38/features/ui/meta-tags
Features/UI/meta tags
This commit is contained in:
GitHub
commit
b5ff37e179
@ -1,6 +1,7 @@
|
|||||||
baseURL: 'https://jtom38.github.io/cookbook/'
|
baseURL: 'https://jtom38.github.io/cookbook/'
|
||||||
|
#baseURL: 'https://cookbook.jamestombleson.com/'
|
||||||
languageCode: 'en-us'
|
languageCode: 'en-us'
|
||||||
title: 'Cookbook'
|
title: 'Tombleson Family Cookbook'
|
||||||
theme: "hugo-bulma-cookbook"
|
theme: "hugo-bulma-cookbook"
|
||||||
|
|
||||||
taxonomies:
|
taxonomies:
|
||||||
|
|||||||
@ -1,12 +1,18 @@
|
|||||||
{{ partial "header.html" . }}
|
<!DOCTYPE html>
|
||||||
{{ partial "hero.html" . }}
|
<html lang="{{ .Page.Language | default "en" }}">
|
||||||
|
<head>
|
||||||
<div class="container">
|
{{ partial "header.html"}}
|
||||||
|
{{ partial "header.meta.html" .}}
|
||||||
|
{{ partial "script.menu.html"}}
|
||||||
|
<title>{{ .Title }}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{ partial "navbar" . }}
|
||||||
|
{{ partial "hero.html" . }}
|
||||||
|
<div class="container">
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -1,12 +1,23 @@
|
|||||||
{{ partial "header.html" . }}
|
<!DOCTYPE html>
|
||||||
{{ partial "hero.html" . }}
|
<html lang="{{ .Page.Language | default "en" }}">
|
||||||
|
<head>
|
||||||
|
{{ partial "header.html"}}
|
||||||
|
{{ partial "header.meta.html" .}}
|
||||||
|
{{ partial "script.menu.html"}}
|
||||||
|
<title>{{ .Title }}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{ partial "navbar" . }}
|
||||||
|
{{ partial "hero.html" . }}
|
||||||
|
<div class="container">
|
||||||
|
<br>
|
||||||
|
{{ if $.Site.Params.UseListRows }}
|
||||||
|
{{ partial "list.rows.html" . }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
{{ if $.Site.Params.UseListRows }}
|
{{ if $.Site.Params.UseCardView }}
|
||||||
{{ partial "list.rows.html" . }}
|
{{ partial "list.cards.html" . }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
{{ if $.Site.Params.UseCardView }}
|
|
||||||
{{ partial "list.cards.html" . }}
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
|
||||||
@ -1,7 +1,15 @@
|
|||||||
{{ partial "header.html" . }}
|
<!DOCTYPE html>
|
||||||
{{ partial "hero.html" . }}
|
<html lang="{{ .Page.Language | default "en" }}">
|
||||||
|
<head>
|
||||||
<div class="container">
|
{{ partial "header.html"}}
|
||||||
|
{{ partial "header.meta.single.html" .}}
|
||||||
|
{{ partial "script.menu.html"}}
|
||||||
|
<title>{{ .Title }}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{ partial "navbar" . }}
|
||||||
|
{{ partial "hero.html" . }}
|
||||||
|
<div class="container">
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
@ -26,7 +34,7 @@
|
|||||||
|
|
||||||
{{ range . }}
|
{{ range . }}
|
||||||
<button class="button">
|
<button class="button">
|
||||||
<a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a>
|
<a href="{{ " tags" | absURL }}/{{ . | urlize }}">{{ . }}</a>
|
||||||
</button>
|
</button>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
@ -34,7 +42,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,39 +1,8 @@
|
|||||||
<!DOCTYPE html>
|
<meta charset="utf-8">
|
||||||
<html lang="{{ .Page.Language | default "en" }}">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<head>
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
<meta charset="utf-8">
|
<link rel="stylesheet" type="text/css" href="https://unpkg.com/bulma-prefers-dark" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<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="{{ .Site.BaseURL }}favicon.svg">
|
<link rel="icon" href="{{ .Site.BaseURL }}favicon.svg">
|
||||||
<link rel="mask-icon" href="{{ .Site.BaseURL }}favicon.svg" color="#000000">
|
<link rel="mask-icon" href="{{ .Site.BaseURL }}favicon.svg" color="#000000">
|
||||||
<link rel="apple-touch-icon" href="{{ .Site.BaseURL }}apple-touch-icon.svg">
|
<link rel="apple-touch-icon" href="{{ .Site.BaseURL }}apple-touch-icon.svg">
|
||||||
|
|
||||||
<script>
|
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
|
||||||
|
|
||||||
// Get all "navbar-burger" elements
|
|
||||||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
||||||
|
|
||||||
// Add a click event on each of them
|
|
||||||
$navbarBurgers.forEach(el => {
|
|
||||||
el.addEventListener('click', () => {
|
|
||||||
|
|
||||||
// Get the target from the "data-target" attribute
|
|
||||||
const target = el.dataset.target;
|
|
||||||
const $target = document.getElementById(target);
|
|
||||||
|
|
||||||
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
|
||||||
el.classList.toggle('is-active');
|
|
||||||
$target.classList.toggle('is-active');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<title>{{ .Title }}</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
{{ partial "navbar" . }}
|
|
||||||
|
|||||||
@ -0,0 +1,7 @@
|
|||||||
|
<meta name="og:site_name" content="Tombleson Cookbook" >
|
||||||
|
<meta name="og:title" content="{{ .Title }}">
|
||||||
|
<meta name="og:image" content="{{ .Site.BaseURL }}favicon.svg">
|
||||||
|
|
||||||
|
<meta name="twitter:card" charset="summary_large_image">
|
||||||
|
<meta name="twitter:title" content="{{ .Title }}">
|
||||||
|
<meta name="twitter:image" content="{{ .Site.BaseURL }}favicon.svg">
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
<meta name="og:site_name" content="Tombleson Cookbook" >
|
||||||
|
<meta name="og:title" content="{{ .Title }}">
|
||||||
|
<meta name="og:description" content="{{ .Params.subtitle }}">
|
||||||
|
<meta name="og:image" content="{{ .Permalink }}thumbnail.png">
|
||||||
|
|
||||||
|
<meta name="twitter:card" charset="summary_large_image">
|
||||||
|
<meta name="twitter:title" content="{{ .Title }}">
|
||||||
|
<meta name="twitter:description" content="{{ .Params.subtitle }}">
|
||||||
|
<meta name="twitter:image" content="{{ .Permalink }}thumbnail.png">
|
||||||
22
themes/hugo-bulma-cookbook/layouts/partials/script.menu.html
Normal file
22
themes/hugo-bulma-cookbook/layouts/partials/script.menu.html
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
|
||||||
|
// Get all "navbar-burger" elements
|
||||||
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||||||
|
|
||||||
|
// Add a click event on each of them
|
||||||
|
$navbarBurgers.forEach(el => {
|
||||||
|
el.addEventListener('click', () => {
|
||||||
|
|
||||||
|
// Get the target from the "data-target" attribute
|
||||||
|
const target = el.dataset.target;
|
||||||
|
const $target = document.getElementById(target);
|
||||||
|
|
||||||
|
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
||||||
|
el.classList.toggle('is-active');
|
||||||
|
$target.classList.toggle('is-active');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -1,7 +1,17 @@
|
|||||||
{{ partial "header.html" . }}
|
<!DOCTYPE html>
|
||||||
{{ partial "hero.html" . }}
|
<html lang="{{ .Page.Language | default " en" }}">
|
||||||
|
|
||||||
<div class="container">
|
<head>
|
||||||
|
{{ partial "header.html"}}
|
||||||
|
{{ partial "header.meta.html" .}}
|
||||||
|
{{ partial "script.menu.html"}}
|
||||||
|
<title>{{ .Title }}</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
{{ partial "navbar" . }}
|
||||||
|
{{ partial "hero.html" . }}
|
||||||
|
<div class="container">
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
@ -11,6 +21,5 @@
|
|||||||
</button>
|
</button>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
{{ partial "footer.html" . }}
|
|
||||||
Loading…
Reference in New Issue
Block a user