4o1x5/archie-shades-of-purple
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity
archie-shades-of-purple/layouts/partials/header.html

62 lines
2.8 KiB
HTML
Raw Normal View History

Init
2020-04-08 20:44:29 +02:00
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{{- $title := ( .Title ) -}}
{{- $siteTitle := ( .Site.Title ) -}}
{{- if .IsHome -}}
Better Seo and Images
2020-06-24 09:57:58 +02:00
<title>{{ $siteTitle }} | Home </title>
Init
2020-04-08 20:44:29 +02:00
{{- else -}}
<title>{{ $title }} - {{ $siteTitle }}</title>
{{- end -}}
{{- if isset .Site.Params "favicon" -}}
<link rel="icon" type="image/png" href={{ .Site.Params.favicon }} />
{{- end -}}
<meta name="viewport" content="width=device-width, initial-scale=1">
Improve meta description Rather than use the same description on every page, prefer the post summary if it's available and only use .Params.description on the root page. This mimics the behavior of the [opengraph internal template](https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/opengraph.html#L2) for the `og:description` tag.
2021-05-22 17:54:55 +02:00
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
Better Seo and Images
2020-06-24 09:57:58 +02:00
<meta property="og:image" content="{{ .Site.Params.og_image }}"/>
Init
2020-04-08 20:44:29 +02:00
{{ with .OutputFormats.Get "rss" -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
cache busting for custom CSS, update readme
2021-06-08 21:57:36 +02:00
Init
2020-04-08 20:44:29 +02:00
{{- template "_internal/opengraph.html" . -}}
{{- template "_internal/twitter_cards.html" . -}}
Option to use local font files instead of Google fonts, combined option for CDN use (#16) * option to use local font files instead of GoogleFonts, combined config for CDN use * set new combined config in exampleSite config * fix path to fonts when hugo is serving in a subdirectory * update README for new option * switch to Fira Sans
2020-10-20 20:03:23 +02:00
{{ if and (isset .Site.Params "social") (.Site.Params.useCDN | default false) -}}
Add exampleSite and footer updates
2020-04-10 21:41:05 +02:00
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
{{- else if (isset .Site.Params "social") -}}
<script src="{{ .Site.BaseURL }}js/feather.min.js"></script>
{{ end }}
Option to use local font files instead of Google fonts, combined option for CDN use (#16) * option to use local font files instead of GoogleFonts, combined config for CDN use * set new combined config in exampleSite config * fix path to fonts when hugo is serving in a subdirectory * update README for new option * switch to Fira Sans
2020-10-20 20:03:23 +02:00
{{ if .Site.Params.useCDN | default false -}}
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@1,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
{{- else -}}
add cache busting for CSS files via Hugo Pipes
2021-06-04 23:34:27 +02:00
{{ $fontstyle := resources.Get "css/fonts.css" | fingerprint }}
<link href="{{ $fontstyle.Permalink }}" rel="stylesheet">
Option to use local font files instead of Google fonts, combined option for CDN use (#16) * option to use local font files instead of GoogleFonts, combined config for CDN use * set new combined config in exampleSite config * fix path to fonts when hugo is serving in a subdirectory * update README for new option * switch to Fira Sans
2020-10-20 20:03:23 +02:00
{{ end }}
cache busting for custom CSS, update readme
2021-06-08 21:57:36 +02:00
add cache busting for CSS files via Hugo Pipes
2021-06-04 23:34:27 +02:00
{{ $style := resources.Get "css/main.css" | fingerprint }}
<link rel="stylesheet" type="text/css" media="screen" href="{{ $style.Permalink }}" />
cache busting for custom CSS, update readme
2021-06-08 21:57:36 +02:00
Add dark mode toggle
2021-09-24 19:38:28 +02:00
{{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") (eq .Site.Params.mode "toggle") -}}
add cache busting for CSS files via Hugo Pipes
2021-06-04 23:34:27 +02:00
{{ $darkstyle := resources.Get "css/dark.css" | fingerprint }}
Add dark mode toggle
2021-09-24 19:38:28 +02:00
<link id="darkModeStyle" rel="stylesheet" type="text/css" href="{{ $darkstyle.Permalink }}" {{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)"{{ end }} {{ if eq .Site.Params.mode "toggle" }}disabled{{ end }} />
Add custom CSS option - fixes issue #14 Borrowed some code from https://github.com/gadenbuie/garrickadenbuie-com/blob/main/layouts/partials/head.html and blended it in. I hope the syntax is still valid and makes sense. I'm not sure if it ought to say `if isset .Site.Params "customCSS"` but I left it as `customcss` as you suggested.
2020-10-04 18:11:49 +02:00
{{ end }}
cache busting for custom CSS, update readme
2021-06-08 21:57:36 +02:00
Add custom CSS option - fixes issue #14 Borrowed some code from https://github.com/gadenbuie/garrickadenbuie-com/blob/main/layouts/partials/head.html and blended it in. I hope the syntax is still valid and makes sense. I'm not sure if it ought to say `if isset .Site.Params "customCSS"` but I left it as `customcss` as you suggested.
2020-10-04 18:11:49 +02:00
<!-- Custom CSS style get applied last -->
{{- if isset .Site.Params "customcss" }}
{{ range .Site.Params.customCSS }}
cache busting for custom CSS, update readme
2021-06-08 21:57:36 +02:00
{{ $customstyle := resources.Get . | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $customstyle.Permalink }}">
Add custom CSS option - fixes issue #14 Borrowed some code from https://github.com/gadenbuie/garrickadenbuie-com/blob/main/layouts/partials/head.html and blended it in. I hope the syntax is still valid and makes sense. I'm not sure if it ought to say `if isset .Site.Params "customCSS"` but I left it as `customcss` as you suggested.
2020-10-04 18:11:49 +02:00
{{ end }}
Dark Mode Support
2020-04-16 09:20:38 +02:00
{{- end -}}
Init
2020-04-08 20:44:29 +02:00
{{- range .Site.Params.customJS }}
{{- if or (hasPrefix . "http://") (hasPrefix . "https://") }}
<script src="{{ . }}"></script>
{{- else }}
<script src="{{ $.Site.BaseURL }}{{ . }}"></script>
{{- end }}
{{- end }}
Add custom CSS option - fixes issue #14 Borrowed some code from https://github.com/gadenbuie/garrickadenbuie-com/blob/main/layouts/partials/head.html and blended it in. I hope the syntax is still valid and makes sense. I'm not sure if it ought to say `if isset .Site.Params "customCSS"` but I left it as `customcss` as you suggested.
2020-10-04 18:11:49 +02:00
</head>
Reference in a new issue Copy permalink