diff options
Diffstat (limited to 'layouts/unix-history/baseof.html')
| -rw-r--r-- | layouts/unix-history/baseof.html | 242 |
1 files changed, 135 insertions, 107 deletions
diff --git a/layouts/unix-history/baseof.html b/layouts/unix-history/baseof.html index 19e557e..b5390b9 100644 --- a/layouts/unix-history/baseof.html +++ b/layouts/unix-history/baseof.html @@ -3,126 +3,154 @@ <head> <meta name="viewport" content="width=device-width, initial-scale=1"> - {{ partial "header/meta" . }} - {{- $bg := resources.Get "unix-history/bg.gif" -}} - - <style> - :root { - --bg-color: #E8E9EB; - --heading-color: #738678; - --text-color: #000; - } + <meta charset="utf-8"> + <title> {{ .Page.Title }} </title> - body { - width: 800px; - max-width: 70%; - margin-left: auto; - margin-right: auto; - font-family: helvetica; - font-size: 1em; - line-height: 1.5em; - text-align: justify; - background-image: url({{ $bg.Permalink }}); - background-repeat: repeat-y; - background-size: 200px; - background-color: var(--bg-color); - padding-top: 20px; - padding-bottom: 30px; - padding-left: 210px; - padding-right: 30px; - overflow-x: hidden; - color: var(--text-color); - } - @media only screen and (max-width: 700px) { - body { - background-image: unset; - max-width: 95%; - padding: 10px; - margin-left: 0; - } - } + <meta name="viewport" content="width=device-width, initial-scale=1"> - a { - color: var(--text-color); - } - p { - padding-left: 40px; - } - article figure { - text-align: center; - margin: 0; - max-width: 100%; - font-size: 0.8em; - } + {{- $header_rect := resources.Get "unix-history/header-rect.png" }} + {{- $header_rect_180 := $header_rect.Resize "180x webp q90"}} + <link rel="apple-touch-icon" sizes="180x180" href="{{ $header_rect_180.Permalink }}"> - img { - max-width: 60%; - height: auto; - } - - h1 { - font-style: italic; - color: var(--heading-color); - } - - h2 { - font-size:1.1em; - color: var(--heading-color); - } + {{- $header_rect_32 := $header_rect.Resize "32x webp q90"}} + <link rel="icon" type="image/png" sizes="32x32" href="{{ $header_rect_32.Permalink }}"> - .wip { - width: 80%; - background-color: #EEE; - border-radius: 5px; - margin: 20px; - margin-left: auto; - margin-right: auto; - padding: 10px; - padding-top: 20px; - padding-bottom: 20px; - border-style: solid; - border-color: #000; - border-width: 1px; - vertical-align: middle; - } - .wip img { - vertical-align: middle; - padding-left: 10px; - padding-right: 10px; - } + {{- $header_rect_16 := $header_rect.Resize "16x webp q90"}} + <link rel="icon" type="image/png" sizes="16x16" href="{{ $header_rect_16.Permalink }}"> + + <meta name="description" content="{{ .Params.Abstract | default .Site.Params.DefaultDescription}}"> + + <meta property="og:title" content="{{ .Page.Title }}"> + <meta property="og:type" content="website"> + <meta property="og:url" content="{{ .Permalink }}"> + <meta property="og:image" content="{{ $header_rect.Permalink }}"> + <meta property="og:description" content="{{ .Params.Abstract | default .Site.Params.DefaultDescription}}"> + + <link rel="canonical" href="{{ .Permalink }}"> + <link rel='alternate' type='application/rss+xml' title="Feed with all changes" href='/index.xml'> + <link rel='alternate' type='application/rss+xml' title="Feed with Unix History changes" href='/unix-history/index.xml'> + <meta name="robots" content="index, follow"> + <link rel="me" href="https://emacs.ch/@mms"> + + <link rel="webmention" href="https://webmention.io/d-s.sh/webmention"> + <link rel="pingback" href="https://webmention.io/d-s.sh/xmlrpc"> + + {{- $bg := resources.Get "unix-history/bg.gif" -}} + + <style> + :root { + --bg-color: #E8E9EB; + --heading-color: #738678; + --text-color: #000; + } + + body { + width: 800px; + max-width: 70%; + margin-left: auto; + margin-right: auto; + font-family: helvetica; + font-size: 1em; + line-height: 1.5em; + text-align: justify; + background-image: url({{ $bg.Permalink }}); + background-repeat: repeat-y; + background-size: 200px; + background-color: var(--bg-color); + padding-top: 20px; + padding-bottom: 30px; + padding-left: 210px; + padding-right: 30px; + overflow-x: hidden; + color: var(--text-color); + } + + @media only screen and (max-width: 700px) { + body { + background-image: unset; + max-width: 95%; + padding: 10px; + margin-left: 0; + } + } + + a { + color: var(--text-color); + } + p { + padding-left: 40px; + } + article figure { + text-align: center; + margin: 0; + max-width: 100%; + font-size: 0.8em; + } + + img { + max-width: 60%; + height: auto; + } + + h1 { + font-style: italic; + color: var(--heading-color); + } + + h2 { + font-size:1.1em; + color: var(--heading-color); + } + + .wip { + width: 80%; + background-color: #EEE; + border-radius: 5px; + margin: 20px; + margin-left: auto; + margin-right: auto; + padding: 10px; + padding-top: 20px; + padding-bottom: 20px; + border-style: solid; + border-color: #000; + border-width: 1px; + vertical-align: middle; + } + .wip img { + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + } - .top-menu { - display: flex; - } - .top-menu-element { - width: 50%; - flex-shrink: 0; - } + .top-menu { + display: flex; + } + .top-menu-element { + width: 50%; + flex-shrink: 0; + } - .header-sep { - margin-top: 30px; - margin-bottom: 30px; - } + .header-sep { + margin-top: 30px; + margin-bottom: 30px; + } - .footnotes p { - margin: 0; - padding: 0; - } - </style> + .footnotes p { + margin: 0; + padding: 0; + } + </style> </head> <body> <header> - <nav> - {{ range $parent := first 1 .Ancestors}} - <a href="{{ .Permalink }}"> < Back</a> - {{ end }} - </nav> - <hr> + {{ block "head" . }} + {{ end }} - <h1>{{ .Title }}</h1> + <h1>{{ .Page.Params.shortname }}</h1> </header> <article> @@ -131,7 +159,7 @@ <img src="{{$wip.Permalink}}" alt="Work in progress" width="{{ $wip.Width}}" height="{{ $wip.Height }}"> This text is still work in progress and will be updated. </aside> - + {{ block "main" . }} {{ end }} |