diff options
Diffstat (limited to 'themes/hugo-classic/layouts/partials')
-rw-r--r-- | themes/hugo-classic/layouts/partials/foot_custom.html | 25 | ||||
-rw-r--r-- | themes/hugo-classic/layouts/partials/footer.html | 13 | ||||
-rw-r--r-- | themes/hugo-classic/layouts/partials/head_custom.html | 33 | ||||
-rw-r--r-- | themes/hugo-classic/layouts/partials/header.html | 16 |
4 files changed, 87 insertions, 0 deletions
diff --git a/themes/hugo-classic/layouts/partials/foot_custom.html b/themes/hugo-classic/layouts/partials/foot_custom.html new file mode 100644 index 0000000..3d9fb1d --- /dev/null +++ b/themes/hugo-classic/layouts/partials/foot_custom.html @@ -0,0 +1,25 @@ +<!-- Automagically centers images. Original Author Yihui Xie: https://yihui.name --> +<script> +(function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + // center an image if it is the only element of its parent + if (parent.childNodes.length === 1) { + // if there is a link on image, check grandparent + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } +})(); +</script> diff --git a/themes/hugo-classic/layouts/partials/footer.html b/themes/hugo-classic/layouts/partials/footer.html new file mode 100644 index 0000000..932d541 --- /dev/null +++ b/themes/hugo-classic/layouts/partials/footer.html @@ -0,0 +1,13 @@ + <footer> + {{ partial "foot_custom.html" . }} + {{ with .Site.Params.footer }} + <hr/> + {{ . | markdownify }} + {{ end }} + <div id="license-info"> + ©2018 by Sebastian Götte. This work is licensed under + <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0</a>. + </div> + </footer> + </body> +</html> diff --git a/themes/hugo-classic/layouts/partials/head_custom.html b/themes/hugo-classic/layouts/partials/head_custom.html new file mode 100644 index 0000000..6520ca0 --- /dev/null +++ b/themes/hugo-classic/layouts/partials/head_custom.html @@ -0,0 +1,33 @@ +<header> + + <!-- + Syntax highlighting - defaults to atom light theme. + List here: https://github.com/isagalaev/highlight.js/tree/master/src/styles + --> + <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-light.min.css"> + <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script> + <script>hljs.initHighlightingOnLoad();</script> + <nav> + <ul> + {{ $title := lower .Title }} + {{ $section := lower .Section }} + <li class="pull-left {{ if .IsHome }}current{{ end }}"> + <a href="{{ .Site.BaseURL }}">/home/{{ lower .Site.Title}}</a> + </li> + {{ range .Site.Menus.main }} + {{ $name := lower .Name }} + <li class="pull-left {{ if eq $name $title }}current{{ else if eq $section $name }}current{{ else if eq $title (pluralize $name) }}current{{ end }}"> + <a href="{{ .URL }}">~/{{ lower .Name }}</a> + </li> + {{end}} + + {{ range .Site.Menus.feed }} + {{ $name := lower .Name}} + <li class="pull-right"> + <a href="{{ .URL }}">~/{{ lower .Name}}</a> + </li> + {{end}} + + </ul> + </nav> +</header> diff --git a/themes/hugo-classic/layouts/partials/header.html b/themes/hugo-classic/layouts/partials/header.html new file mode 100644 index 0000000..6ef9a69 --- /dev/null +++ b/themes/hugo-classic/layouts/partials/header.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html lang="{{ .Site.LanguageCode }}"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>{{ .Title }} | {{ .Site.Title }}</title> + <link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" /> + <link rel="stylesheet" href="{{ "/css/fonts.css" | relURL }}" /> + {{ range .Site.Params.custom_css -}} + <link rel="stylesheet" href="{{ . | absURL }}"> + {{- end }} + {{ partial "head_custom.html" . }} + </head> + + <body> + <br/> |