diff options
Diffstat (limited to 'layouts/cool-emacs/baseof.html')
| -rw-r--r-- | layouts/cool-emacs/baseof.html | 149 |
1 files changed, 144 insertions, 5 deletions
diff --git a/layouts/cool-emacs/baseof.html b/layouts/cool-emacs/baseof.html index 41f693d..5608fea 100644 --- a/layouts/cool-emacs/baseof.html +++ b/layouts/cool-emacs/baseof.html @@ -1,8 +1,147 @@ - +<!DOCTYPE html> +<html lang="en"> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta charset="utf-8"> + <title> {{ .Page.Title }} | Cool Emacs </title> + + <meta name="viewport" content="width=device-width, initial-scale=1"> + + {{- $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 }}"> + + {{- $header_rect_32 := $header_rect.Resize "32x webp q90"}} + <link rel="icon" type="image/png" sizes="32x32" href="{{ $header_rect_32.Permalink }}"> + + {{- $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 Cool Emacs changes" href='/cool-emacs/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 "cool-emacs/bg.gif" -}} + <style> + :root { + --bg-color: #F5F5F5; + --text-color: #000; + --heading-color: #9b0000; + --heading-shadow: 14px 7px 16px rgba(166, 168, 191, 1); + } + body { + font-family: helvetica; + background-color: #B2BEB5; + font-size: 1em; + background-image: url({{ $bg.Permalink }}); + background-repeat: repeat-y; + background-size: 30px; + background-color: var(--bg-color); + color: var(--text-color); + } + + .site { + width: 800px; + max-width: 80%; + margin-top: 0; + margin-bottom: 0; + padding: 20px; + margin-left: 50px; + } + @media only screen and (max-width: 600px) { + .site { + margin-left: 10px; + } + } + + article figure { + text-align: center; + margin: 0; + max-width: 100%; + font-size: 0.8em; + } + + img { + max-width: 60%; + height: auto; + } + + figure img { + border-width: 5px; + border-style: solid; + border-color: var(--heading-color); + } + + p, ul { + line-height: 1.4em; + text-align: justify; + } + p, ul, .highlight, pre code { + margin-left: 40px; + } + @media only screen and (max-width: 600px) { + p, ul, .highlight, pre code { + margin-left: 20px; + } + } + .highlight { + display: block; + max-width: 90%; + overflow-x: scroll; + width: 750px; + } + pre { + padding: 10px; + } + h1 { + padding-bottom: 50px; + text-shadow: var(--heading-shadow); + } + h2, h3 { + text-shadow: var(--heading-shadow); + font-family: monospace; + color: var(--heading-color); + } + + </style> + + +</head> <body> + <div class="site"> + <header> + {{ block "head" . }} + {{ end }} - <header> - Cool Emacs - <hr> - <h1>{{ .Title }}</h1> </header> + <article> + <h1>{{ .Title }}</h1> + + {{ block "main" . }} + {{ end }} + </article> + + <footer> + <hr> + Website created and operated by <a href="https://michal.sapka.me">Michał</a> + <div style="padding: 15px; text-align: center;"> + {{ partial "buttons/valid_html" . }} + {{ partial "buttons/emacs" . }} + {{ partial "buttons/openbsd" . }} + </div> + </footer> + </div> +</body> |