foodogsquared/hugo-theme-contentful
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/hugo-theme-contentful.git synced 2025-02-07 06:19:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update the layout

Browse Source
This commit is contained in:
foo-dogsquared 2020-05-11 23:59:06 +08:00
parent 2a978de093
commit 6baee9b923
13 changed files with 225 additions and 192 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
i18n/en.toml
View File

@ -27,6 +27,9 @@ other = "Translations"
# General # General
[and]
other = "And"
[back_to_home] [back_to_home]
other = "Back to home" other = "Back to home"

3
i18n/tl.toml
View File

@ -27,6 +27,9 @@ other = "Mga pagsasalin"
# General # General
[and]
other = "At"
[back_to_home] [back_to_home]
other = "Balik sa homepage" other = "Balik sa homepage"

48
layouts/_default/list.atom
View File

@ -1,29 +1,49 @@
{{- /* This template was based from the Atom syndication format at IETF RFC #4287 (https://tools.ietf.org/html/rfc4287). */ -}}
{{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" ?>" | safeHTML }} {{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" ?>" | safeHTML }}
<feed xmlns="http://www.w3.org/2005/Atom"> <feed xmlns="http://www.w3.org/2005/Atom">
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>{{ with .Site.Params.Subtitle }} <title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
<subtitle type="html">{{ . | safeHTML }}</subtitle>{{ end }}
<link rel="alternate" type="text/html" href="{{ .Site.BaseURL }}"/> {{- range .AlternativeOutputFormats }}
<link rel="self" type="application/atom+xml" href="{{ with .OutputFormats.Get "ATOM" }}{{ .Permalink }}{{ end }}"/> {{- printf "<link rel=%q type=%q href=%q/>" .Rel .MediaType .Permalink | safeHTML }}
<rights>{{ with .Site.Copyright }}{{ . }}{{ else }}© {{ now.Year }} {{ $.Site.Author.name }}{{ end }}</rights> {{- end }}
<rights>{{ with .Site.Copyright }}{{ . }}{{ else }}© {{ now.Year }} {{ with .Site.Author.name }}{{ . }}{{ end }}{{ end }}</rights>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<updated>{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</updated> <updated>{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</updated>
{{ with .Site.Author }}
<author> <author>
<name>{{ .Site.Author.name }}</name>{{ with .Site.Author.email }} <name>{{ .name }}</name>
<email>{{ . }}</email>{{ end }} {{ with .email }}<email>{{ . }}</email>{{ end }}
</author> </author>
{{ end }}
<id>{{ .Permalink }}</id> <id>{{ .Permalink }}</id>
{{- /* Generate each valid regular pages (with as an individual entry in the feed. */ -}}
{{ $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 }} {{ $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 }}
{{ range first $limit (where .RegularPages "File.Dir" "!=" "/") }} {{ range first $limit (where .Site.RegularPages ".Params.date" "!=" nil) }}
<entry> <entry>
<id>{{ .Permalink }}</id> <id>{{ .Permalink }}</id>
<title type="text">{{ .Title }}</title> <title type="text">{{ .Title }}</title>
<link rel="alternate" href="{{ .Permalink }}" hreflang="{{ .Site.Language.Lang }}" title="{{ .Title | safeHTML }}"/>{{ with .Params.author }} <link rel="alternate" href="{{ .Permalink }}" hreflang="{{ .Site.Language.Lang }}" title="{{ .Title | safeHTML }}"/>
<author><name>{{ . }}<name></author>{{ end }}{{ range .Params.tags }}
<category term="{{ . }}"/>{{ end }} {{- range .Params.author }}
<author>
<name>{{ .name }}<name>{{ with .email }}
<email>{{ . }}</email>{{ end }}
</author>
{{- end }}
{{- range .Params.tags }}
<category term="{{ . }}"/>
{{- end }}
<published>{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</published> <published>{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</published>
<updated>{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</updated>{{ with .Params.license }} <updated>{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</updated>
<rights type="html">{{ . | safeHTML }}<rights>{{ end }}
{{ with .Params.copyright }}
<rights type="html">{{ . | safeHTML }}<rights>
{{ end }}
<content type="html">{{ .Content | html }}</content> <content type="html">{{ .Content | html }}</content>
</entry> </entry>
{{ end }} {{ end }}
</feed> </feed>

26
layouts/_default/list.html
View File

@ -12,22 +12,22 @@
<date datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</date> <date datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</date>
</article> </article>
{{ end }} {{ end }}
<div class="pagination"> <div class="pagination">
{{- if .Paginator.HasPrev }}
{{- if ne .Paginator.First .Paginator.Prev -}}
<a rel="first" href="{{ .Paginator.First.URL }}">{{ i18n "first_page" }}</a>
{{- end }}
{{ if .Paginator.HasPrev }} <a rel="prev" href="{{ .Paginator.Prev.URL }}">{{ i18n "prev_page" }}</a>
{{ if ne .Paginator.First .Paginator.Prev }} {{- end }}
<a rel="first" href="{{ .Paginator.First.URL }}">{{ i18n "first_page" }}</a>
{{ end }}
<a rel="prev" href="{{ .Paginator.Prev.URL }}">{{ i18n "prev_page" }}</a> {{- if .Paginator.HasNext -}}
{{ end }} <a rel="next" href="{{ .Paginator.Next.URL }}">{{ i18n "next_page" }}</a>
{{ if .Paginator.HasNext }} {{- if ne .Paginator.Last .Paginator.Next -}}
<a rel="next" href="{{ .Paginator.Next.URL }}">{{ i18n "next_page" }}</a> <a rel="last" href="{{ .Paginator.Last.URL }}">{{ i18n "last_page" }}</a>
{{- end }}
{{ if ne .Paginator.Last .Paginator.Next }} {{- end }}
<a rel="last" href="{{ .Paginator.Last.URL }}">{{ i18n "last_page" }}</a>
{{ end }}
{{ end }}
</div> </div>
{{ end }} {{ end }}

13
layouts/_default/list.json
View File

@ -6,15 +6,20 @@
"description": "Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}", "description": "Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}",
"favicon": "{{ "assets/icon.png" | absURL }}", "favicon": "{{ "assets/icon.png" | absURL }}",
"icon": "{{ "assets/icon.png" | absURL }}", "icon": "{{ "assets/icon.png" | absURL }}",
{{- with .Site.Author }}
"author": { "author": {
"name": "{{ with .Site.Author.name }}{{ . }}{{ end }}" "name": "{{ .name }}"
{{- with .email }},
"url": "mailto:{{ . }}"
{{ end }}
}, },
{{- end }}
"items": "items":
{{- $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 -}} {{- $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 -}}
{{- $pages := first $limit (where .RegularPages "File.Dir" "!=" "/") -}} {{- $pages := first $limit (where .Site.RegularPages "Params.date" "!=" nil) -}}
{{- $.Scratch.Add "index" slice -}} {{- $.Scratch.Add "index" slice -}}
{{- range $pages -}} {{- range $pages -}}
{{- $.Scratch.Add "index" (dict "id" .Permalink "url" .Permalink "title" .Title "summary" .Summary "content_html" .Content "tags" .Params.tags "date_published" (.Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML) "date_modified" ( .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML ) ) -}} {{- $.Scratch.Add "index" (dict "id" .Permalink "url" .Permalink "title" .Title "summary" .Summary "content_html" .Content "tags" .Params.tags "date_published" (.Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML) "date_modified" ( .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML ) ) -}}
{{- end -}} {{- end -}}
{{- $.Scratch.Get "index" | jsonify -}} {{- $.Scratch.Get "index" | jsonify -}}
} }

53
layouts/_default/list.rss
View File

@ -1,30 +1,61 @@
{{- /*
The reference used to create this template is at https://cyber.harvard.edu/rss/rss.html.
The template does miss out on certain things which I put it on a list for those who are interested:
* Since there's no standard for multiple authors (with <author>) in the <item> element, I decided it would be best to leave it out for now.
* The name was left out for certain elements that requires an email address (like <managingEditor>, <webMaster>, or <author> in the <item>.
* <item:guid> is a permalink to the HTML post.
* No <item:enclosure>.
* <item:description> contains the whole post; if you want to change it to <item:content:encoded> and make <item:description> a summarized version, refer to https://www.rssboard.org/rss-profile and change the description tag with `.Summary | safeHTML`.
*/ -}}
{{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\" ?>" | safeHTML }} {{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\" ?>" | safeHTML }}
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title> <title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
<link>{{ .Permalink }}</link> <link>{{ .Permalink }}</link>
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description> <description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
<generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }} <generator>Hugo -- gohugo.io</generator>
<language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
<managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }} {{ with .Site.LanguageCode }}
<webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}} <language>{{.}}</language>
<copyright>{{ with .Site.Copyright }}{{ . }}{{ else }}© {{ now.Year }} {{ $.Site.Author.name }}{{ end }}</copyright>{{ if not .Date.IsZero }} {{end}}
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
{{ with .Site.Author.email }}
<managingEditor>{{.}}</managingEditor>
<webMaster>{{.}}</webMaster>
{{end}}
<copyright>{{ with .Site.Copyright }}{{ . }}{{ else }}© {{ now.Year }} to the author(s) behind {{ .Site.Title }}{{ end }}</copyright>
{{ if not .Date.IsZero }}
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>
{{ end }}
<docs>https://cyber.harvard.edu/rss/rss.html</docs> <docs>https://cyber.harvard.edu/rss/rss.html</docs>
{{ with .OutputFormats.Get "RSS" }} {{ with .OutputFormats.Get "RSS" }}
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }} {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
{{ end }} {{ end }}
{{- /* Point the alternative output formats. */ -}}
{{ range .AlternativeOutputFormats }}
{{ printf "<atom:link href=%q rel=%q type=%q />" .Permalink .Rel .MediaType | safeHTML }}
{{ end }}
{{- /* Iterate each valid regular page. */ -}}
{{ $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 }} {{ $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 }}
{{ range first $limit (where .RegularPages "File.Dir" "!=" "/") }} {{ range first $limit (where .Site.RegularPages ".Params.date" "!=" nil) }}
<item> <item>
<title>{{ .Title }}</title> <title>{{ .Title }}</title>
<link>{{ .Permalink }}</link>{{ range .Params.tags }} <link>{{ .Permalink }}</link>
<category>{{ . }}</category>{{ end }}
{{ range .Params.tags }}
<category>{{ . }}</category>
{{ end }}
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate> <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
<guid>{{ .Permalink }}</guid> <guid>{{ .Permalink }}</guid>
<description>{{ .Content | html }}</description> <description>{{ .Content | html }}</description>
</item> </item>
{{ end }} {{ end }}
</channel> </channel>
</rss> </rss>

11
layouts/_default/single.html
View File

@ -6,11 +6,16 @@
<div class="post__meta"> <div class="post__meta">
<!-- List the author(s) of the article. --> <!-- List the author(s) of the article. -->
{{- with .Params.author }} {{- with .Params.author }}
<p class="author">{{ i18n "published_by" }}: {{ range . }}{{ . }}; {{ end }}</p> {{- $names := slice }}
{{- range . }}{{ $names = $names | append .name }}{{ end }}
<p class="author">{{ i18n "published_by" }}: {{ delimit $names ", " ", and " }}</p>
{{- end }} {{- end }}
<!-- Only show the creation date if the `date` field is valid. -->
{{- if ne (.Date.Format "2006") "0001" }}
<!-- Publication date. --> <!-- Publication date. -->
<p class="created-date">{{ i18n "published_on" }}: <date datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</date></p> <p class="created-date">{{ i18n "published_on" }}: <date datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</date></p>
{{- end }}
<!-- Modification date (will only appear if the publication date is less than the modified date.) --> <!-- Modification date (will only appear if the publication date is less than the modified date.) -->
{{- if ne .Date .Lastmod }} {{- if ne .Date .Lastmod }}
@ -21,8 +26,9 @@
{{- if .IsTranslated }} {{- if .IsTranslated }}
<p> <p>
{{- i18n "available_translations" }}: {{- i18n "available_translations" }}:
|
{{ range .Translations }} {{ range .Translations }}
<a href="{{ .Permalink }}">{{ with .Language.LanguageName }}{{ . }}{{ else }}{{ .Lang }}{{ end }}</a> <a href="{{ .Permalink }}">{{ with .Language.LanguageName }}{{ . }}{{ else }}{{ .Lang }}{{ end }}</a> |
{{- end }} {{- end }}
</p> </p>
{{- end }} {{- end }}
@ -36,7 +42,6 @@
{{ .TableOfContents }} {{ .TableOfContents }}
{{ end }} {{ end }}
<!-- The article content. -->
<article> <article>
{{ .Content }} {{ .Content }}
</article> </article>

29
layouts/index.atom
View File

@ -1,29 +0,0 @@
{{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" ?>" | safeHTML }}
<feed xmlns="http://www.w3.org/2005/Atom">
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>{{ with .Site.Params.Subtitle }}
<subtitle type="html">{{ . | safeHTML }}</subtitle>{{ end }}
<link rel="alternate" type="text/html" href="{{ .Site.BaseURL }}"/>
<link rel="self" type="application/atom+xml" href="{{ with .OutputFormats.Get "ATOM" }}{{ .Permalink }}{{ end }}"/>
<rights>{{ with .Site.Copyright }}{{ . }}{{ else }}© {{ now.Year }} {{ $.Site.Author.name }}{{ end }}</rights>
<generator>Hugo -- gohugo.io</generator>
<updated>{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</updated>
<author>
<name>{{ .Site.Author.name }}</name>{{ with .Site.Author.email }}
<email>{{ . }}</email>{{ end }}
</author>
<id>{{ .Permalink }}</id>
{{ $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 }}
{{ range first $limit (where .Site.RegularPages "File.Dir" "!=" "/") }}
<entry>
<id>{{ .Permalink }}</id>
<title type="text">{{ .Title }}</title>
<link rel="alternate" href="{{ .Permalink }}" hreflang="{{ .Site.Language.Lang }}" title="{{ .Title | safeHTML }}"/>{{ with .Params.author }}
<author><name>{{ . }}<name></author>{{ end }}{{ range .Params.tags }}
<category term="{{ . }}"/>{{ end }}
<published>{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</published>
<updated>{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}</updated>{{ with .Params.license }}
<rights type="html">{{ . | safeHTML }}<rights>{{ end }}
<content type="html">{{ .Content | html }}</content>
</entry>
{{ end }}
</feed>

20
layouts/index.json
View File

@ -1,20 +0,0 @@
{
"version": "https://jsonfeed.org/version/1",
"title": "{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}",
"home_page_url": "{{ .Site.BaseURL }}",
"feed_url": "{{ with .OutputFormats.Get "json" }}{{ .Permalink }}{{ end }}",
"description": "Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}",
"favicon": "{{ "assets/icon.png" | absURL }}",
"icon": "{{ "assets/icon.png" | absURL }}",
"author": {
"name": "{{ with .Site.Author.name }}{{ . }}{{ end }}"
},
"items":
{{- $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 -}}
{{- $pages := first $limit (where .Site.RegularPages "File.Dir" "!=" "/") -}}
{{- $.Scratch.Add "index" slice -}}
{{- range $pages -}}
{{- $.Scratch.Add "index" (dict "id" .Permalink "url" .Permalink "title" .Title "summary" .Summary "content_html" .Content "tags" .Params.tags "date_published" (.Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML) "date_modified" ( .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML ) ) -}}
{{- end -}}
{{- $.Scratch.Get "index" | jsonify -}}
}

30
layouts/index.rss
View File

@ -1,30 +0,0 @@
{{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\" ?>" | safeHTML }}
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
<link>{{ .Permalink }}</link>
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
<generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
<language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
<managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
<webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}
<copyright>{{ with .Site.Copyright }}{{ . }}{{ else }}© {{ now.Year }} {{ $.Site.Author.name }}{{ end }}</copyright>{{ if not .Date.IsZero }}
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
<docs>https://cyber.harvard.edu/rss/rss.html</docs>
{{ with .OutputFormats.Get "RSS" }}
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
{{ end }}
{{ $limit := cond (gt .Site.Params.feedLimit 0) .Site.Params.feedLimit 10 }}
{{ range first $limit (where .Site.RegularPages "File.Dir" "!=" "/") }}
<item>
<title>{{ .Title }}</title>
<link>{{ .Permalink }}</link>{{ range .Params.tags }}
<category>{{ . }}</category>{{ end }}
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
<guid>{{ .Permalink }}</guid>
<description>{{ .Content | html }}</description>
</item>
{{ end }}
</channel>
</rss>

5
layouts/partials/footer.html
View File

@ -7,11 +7,12 @@
<!-- Linking to other languages' homepage. --> <!-- Linking to other languages' homepage. -->
{{ if $.Site.IsMultiLingual }} {{ if $.Site.IsMultiLingual }}
<p>{{ i18n "multilingual" }}: <p>{{ i18n "multilingual" }}:
|
{{ range $.Site.Languages }} {{ range $.Site.Languages }}
<a href="{{ . | relURL }}">{{ with .LanguageName }}{{ . }}{{ else }}{{ .Lang }}{{ end }}</a> <a href="{{ . | relURL }}">{{ with .LanguageName }}{{ . }}{{ else }}{{ .Lang }}{{ end }}</a> |
{{ end }} {{ end }}
</p> </p>
{{ end }} {{ end }}
<!-- Copyright info. --> <!-- Copyright info. -->
<p>{{ with $.Site.Copyright }}{{ . | markdownify }}{{ else }}© {{ now.Year }} {{ with $.Site.Author.name }}{{ . }}{{ else }}{{ $.Site.Title }}{{ end }}{{ end }}</p> <p>{{ with $.Site.Copyright }}{{ . | markdownify }}{{ else }}© {{ now.Year }} {{ with $.Site.Author.name }}{{ . }}{{ else }}{{ $.Site.Title }}{{ end }}{{ end }}</p>

26
layouts/partials/head.html
View File

@ -1,14 +1,26 @@
<title>{{ if .IsHome }}{{ $.Site.Title | safeHTML }}{{ else }}{{ .Title | safeHTML }}{{ end }}</title>
<link rel="stylesheet" href="{{ "css/main.css" | absURL }}" />
{{- /* Some sane <meta> tags default */ -}}
{{ hugo.Generator }}
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="{{ .Param "author.name" }}" />
<title>{{ if .IsHome }}{{ $.Site.Title }}{{ else }}{{ .Title }}{{ end }}</title> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="{{"css/main.css" | absURL }}" /> <meta name="referrer" content="no-referrer" />
<meta name="description" content="{{ if (and (eq .Kind "home") .IsHome) }}{{ .Site.Title }}{{ else }}{{ .Summary | safeHTML }}{{ end }}" />
{{- /* Linking all of the output formats for discovery. */ -}}
{{ range .OutputFormats }}
{{ printf "<link rel=%q type=%q href=%q />" .Rel .MediaType.Type .Permalink | safeHTML }}
{{ end }}
{{- /* Persistent theme.
It's a very small script so there's little effect on perceived performance. */ -}}
<script> <script>
const theme = window.localStorage.getItem('theme'); const theme = window.localStorage.getItem('theme');
if (theme) { if (theme) {
document.documentElement.dataset.theme = theme; document.documentElement.dataset.theme = theme;
} }
</script> </script>
<!-- MathJax -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" defer src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

150
static/css/main.css
View File

@ -1,16 +1,24 @@
html:root { :root {
--foreground: #000000; /* The color palette. */
--foreground-light: #363537;
--background: #ffffff; --background: #ffffff;
--background-light: #E6E6E6; --background-light: #E6E6E6;
--foreground: #000000;
--foreground-light: #363537;
--grey: #454545; --grey: #454545;
--fontFamily: serif;
--fontSize: 1.7vw; /* The fonts. */
--verticalRhythm: 24px; --body-family: serif;
--contentWidth: 900px; --header-family: sans-serif;
/* Spacing options. */
--font-size: 1.7vw;
--vertical-rhythm: 24px;
--content-width: 900px;
--border-style: var(--foreground) solid 1px;
} }
html[data-theme="dark"]:root { [data-theme="dark"]:root {
--foreground: #FFFFFF; --foreground: #FFFFFF;
--foreground-light: #E6E6E6; --foreground-light: #E6E6E6;
--background: #000000; --background: #000000;
@ -18,7 +26,8 @@ html[data-theme="dark"]:root {
--grey: #919191; --grey: #919191;
} }
html { :root {
font-size: var(--font-size);
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -28,31 +37,31 @@ html {
body { body {
background: var(--background); background: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--fontFamily); font-family: var(--body-family);
font-size: var(--fontSize); font-size: var(--font-size);
line-height: var(--verticalRhythm); line-height: var(--vertical-rhythm);
margin: 0 auto; margin: 0 auto;
max-width: var(--contentWidth); max-width: var(--content-width);
padding: 1rem; padding: 1rem;
} }
nav { nav {
margin: var(--verticalRhythm) auto; margin: 1rem auto;
} }
article h2 { article h2 {
margin-top: calc(var(--verticalRhythm) * 3); margin-top: 3rem;
} }
article h3 { article h3 {
margin-top: calc(var(--verticalRhythm) * 2); margin-top: 2rem;
} }
/* Text formatting */ /* Text formatting */
h1, h2, h3, h1, h2, h3,
h4, h5, h6 { h4, h5, h6 {
font-family: sans-serif; font-family: var(--header-family);
line-height: 1.25; line-height: 1.25;
} }
@ -69,19 +78,8 @@ dd, li, p, td {
} }
dd, p { dd, p {
margin-top: var(--verticalRhythm); margin-top: 1rem;
margin-bottom: var(--verticalRhythm); margin-bottom: 1rem;
}
table, thead, tbody {
border: var(--foreground) solid 1px;
margin: 0 auto;
border-collapse: collapse;
}
th, td {
border: var(--foreground) solid 1px;
padding: 1rem;
} }
tr:nth-child(even) { tr:nth-child(even) {
@ -91,10 +89,11 @@ tr:nth-child(even) {
pre { pre {
background: var(--background-light); background: var(--background-light);
border: var(--background) solid 1px; border: var(--background) solid 1px;
font-size: 1rem;
line-height: 1.5; line-height: 1.5;
margin-top: var(--verticalRhythm); margin-top: 1rem;
margin-bottom: var(--verticalRhythm); margin-bottom: 1rem;
padding: calc(var(--verticalRhythm) / 2); padding: 0.5rem;
overflow: auto; overflow: auto;
} }
@ -103,40 +102,63 @@ aside {
color: var(--grey); color: var(--grey);
border: 1px solid var(--grey); border: 1px solid var(--grey);
border-left: 3px solid var(--grey); border-left: 3px solid var(--grey);
font-size: calc(var(--fontSize) * (1 - var(--vertical-rhythm-reduction))); font-size: calc(1rem * (1 - var(--vertical-rhythm-reduction)));
line-height: calc(var(--verticalRhythm) * (1 + var(--vertical-rhythm-reduction))); line-height: calc(1rem * (1 + var(--vertical-rhythm-reduction)));
margin: var(--verticalRhythm) 0; margin: 1rem 0;
padding: calc(var(--verticalRhythm) / 2); padding: 0.5rem;
width: 100%; width: 100%;
} }
/* Multimedia blocks */ /* Multimedia blocks */
img, video, audio, iframe { img, video, audio, iframe {
width: 100%; display: block;
height: auto; height: auto;
max-width: 100%;
margin: auto;
}
table {
border: var(--border-style);
border-collapse: collapse;
margin: auto;
}
thead, tbody {
margin: 0 auto;
}
th, td {
border: var(--border-style);
padding: 1rem;
}
ol, ul {
line-height: 1.5;
} }
figure { figure {
margin-bottom: calc(var(--verticalRhythm) * 2); margin: 2rem auto;
}
figure > * {
margin: 1rem auto;
}
figcaption {
text-align: center;
font-size: 1rem;
} }
svg { svg {
--size: var(--fontSize); --size: var(--font-size);
height: var(--size); height: var(--size);
width: var(--size); width: var(--size);
fill: currentColor; fill: currentColor;
} }
footer {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-flow: column nowrap;
}
blockquote { blockquote {
width: 100%; margin: 2rem 1rem;
} }
blockquote footer { blockquote footer {
@ -146,12 +168,21 @@ blockquote footer {
} }
/* Semantic blocks */
footer {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-flow: column wrap;
}
/* Layout styles. */ /* Layout styles. */
.site__title { .site__title {
display: inline-block; display: inline-block;
font-size: calc(var(--fontSize) * 2); font-size: calc(var(--font-size) * 2);
margin-bottom: var(--verticalRhythm); margin-bottom: 1rem;
margin-right: calc(var(--verticalRhythm) / 2); margin-right: 0.5rem;
} }
.site__links { .site__links {
@ -163,7 +194,7 @@ blockquote footer {
border: var(--foreground) solid 1px; border: var(--foreground) solid 1px;
color: var(--foreground); color: var(--foreground);
cursor: pointer; cursor: pointer;
padding: calc(var(--verticalRhythm) / 2); padding: 0.5rem;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
@ -174,14 +205,14 @@ blockquote footer {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
padding: 0; padding: 0;
margin: var(--verticalRhythm); margin: 1rem;
} }
.post { .post {
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: var(--verticalRhythm); margin-top: 1rem;
} }
.post h1 { .post h1 {
@ -189,7 +220,7 @@ blockquote footer {
} }
.post__meta > * { .post__meta > * {
margin: calc(var(--verticalRhythm) / 2) auto; margin: 0.5rem auto;
} }
.icon { .icon {
@ -203,18 +234,19 @@ blockquote footer {
/* Mobile styles */ /* Mobile styles */
@media (max-width: 860px) { @media (max-width: 860px) {
html:root { html:root {
--fontSize: 18px; --font-size: 18px;
} }
.post { .post {
align-items: unset; align-items: unset;
flex-flow: column; flex-flow: column;
margin-bottom: var(--verticalRhythm); margin-bottom: 1rem;
} }
} }
@media all and (min-width: 1000px) { @media all and (min-width: 1000px) {
html:root { html:root {
--fontSize: 24px; --font-size: 20px;
} }
} }