feat: lady of the lake

author: mms <michal@sapka.me> 2024-06-15 23:20:35 +0200
committer: mms <michal@sapka.me> 2024-06-15 23:20:35 +0200
commit: 985c17739a6bf3fb1d85bc858eccedb13150b3bb (patch)
tree: 3bcdf5dc1ef905c702963f23d5359d14c37c6d2e /layouts/brain-rot/baseof.html
parent: 4cd53f87fe1466017ed18611bc2b8479409f5c67 (diff)
1 files changed, 196 insertions, 164 deletions
diff --git a/layouts/brain-rot/baseof.html b/layouts/brain-rot/baseof.html
index 5c8711f..f31c0ad 100644
--- a/layouts/brain-rot/baseof.html
+++ b/layouts/brain-rot/baseof.html
@@ -1,184 +1,216 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8">
+    <title> {{ .Page.Title }} | Michal's Brain Rots  </title>
+    
     <meta name="viewport" content="width=device-width, initial-scale=1">
-      {{- $bg := resources.Get "brain-rot/bg-stars.jpg" -}}
-
-  {{ partial "header/meta" .  }}
-  {{- if strings.Contains .Permalink "witcher" -}}
-  {{- $bg = resources.Get "brain-rot/bg-witcher.jpg" -}}
-  {{- end -}}
-  
-  <style>
-    :root {
-        --content-bg: #fff;
-        --highlight-color: #978b27;
-        --text-color: #000;
-        --cool-border: conic-gradient(from -135deg at right,#000,#000 1deg 89deg,#0000 90deg) 50%/100% 35px;
- 
-        --info-bg: #f2f2f2;
-    }
-    @media (prefers-color-scheme: dark) {
-        :root  {
-            --content-bg: #000;
-            --text-color: #fff;
-            --info-bg: #484343;
-        }
-    }
-    html {
-        height:100%;
-        font-family: helvetica;
-        font-size: 1em;
-        color: var(--text-color);
-    }
-    body {
-        margin: 0;
-        padding: 0;
-        height: 100%;
-        background-color: var(--content-bg);
-    }
-    a {
-        color: var(--text-color);
-    }
-    a:hover {
-        color: var(--highlight-color);
-    }    
-    .container {
-        display: flex;
-        min-height: 100%;
-        max-width: 1020px;
-    }
-
-    .decoration-left {
-        background-color: #000;
-        width: 200px;
-        min-height: 100%;
-        flex-shrink: 0;
-        mask: var(--cool-border);
-        background-image: url("{{ $bg.Permalink }}");
-    }
-
-    .main {
-        flex-grow: 1;
-        padding: 15px;
-        padding-left: 40px;
-        padding-top: 70px;
-        padding-bottom: 40px;
-        overflow-x: hidden;
-    }
-
-
     
-    .breadcrumbs, .lastup {
-        font-size: 0.8em;
-    }
-
-    h1 {
-        margin-top: 5px;
-        margin-bottom: 10px;
-        font-family: sans-serif;
-        font-size: 1.8em;
-        font-weight: 500;
-    }
-
-    article {
-        text-align: justify;
-        line-height: 1.6em;
-    }
-
-    img {
-        max-width: 99%;
-        height: auto;
-    }
+    {{- $header_rect := resources.Get "/icons/apple-touch-icon.png" }}
+    {{- $header_rect_180 := $header_rect.Resize "180x webp q90"}}
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ $header_rect_180.Permalink }}">
     
-    article figure {
-        text-align: center;
-        margin: 0;
-        max-width: 100%;
-        font-size: 0.8em;
-    }
-    img.float-right {
-        float: right;
-        display: inline;
-        margin-left: 10px;
-    }
-    img.center {
-        max-width: 100%;
-        height: auto;
-    }
-    img.small {
-        max-width: 50%;
-        height: auto;
-    }
-    figure.graph {
-        background-color: var(--highlight-bg);
-        padding: 5px;
-        padding-top: 20px;
-    }
-    figure.graph img {
-        width: 95%;
-    }
+    {{- $header_rect_32 := $header_rect.Resize "32x webp q90"}}
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ $header_rect_32.Permalink }}">
     
-    .rating-box {
-        float: right;
-        padding: 10px;
-        text-align: center;
-        font-size: 0.8em;
-        line-height: 1em;
-    }
-
-    footer {
-        margin-top: 20px;
-        text-align: center;
-        padding-bottom: 20px;
-    }
-
-    .recent-updates {
-        margin-top: 20px;
-        margin-bottom: 20px;
-        background-color: var(--info-bg);
-        padding: 10px;
-        border-radius: 10px;
-        width: 500px;
-        margin-left: auto;
-        margin-right: auto;
-        border-color: #000;
-        border-style: solid;
-        border-width: 1px;
-        max-width:  90%;
-    }
-
-    .recent-updates h2 {
-        font-size: inherit;
-        margin: 0;
-        padding: 0;
-    }
+    {{- $header_rect_16 := $header_rect.Resize "16x webp q90"}}
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ $header_rect_16.Permalink }}">
     
-    @media only screen and (max-width: 600px) {
-        .decoration-left {
-            width: 30px;
-        }
-
-        .main {
-            padding-left: 20px;
-        }
-
-        .recent-updates {
-            margin-left: -10px;
-        }
-    }    
+    <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 }}">
 
-   </style>
+    {{- $imageUrl := default "logos/right.png" .Params.image }}
+    {{- $image := resources.Get $imageUrl }}
+    <meta property="og:image" content="{{ $image.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 "brain-rot/bg-stars.jpg" -}}
+    {{- if strings.Contains .Permalink "witcher" -}}
+    {{- $bg = resources.Get "brain-rot/bg-witcher.jpg" -}}
+    {{- end -}}
+    
+    <style>
+      :root {
+          --content-bg: #fff;
+          --highlight-color: #978b27;
+          --text-color: #000;
+          --cool-border: conic-gradient(from -135deg at right,#000,#000 1deg 89deg,#0000 90deg) 50%/100% 35px;
+          
+          --info-bg: #f2f2f2;
+      }
+      @media (prefers-color-scheme: dark) {
+          :root  {
+              --content-bg: #000;
+              --text-color: #fff;
+              --info-bg: #484343;
+          }
+      }
+      html {
+          height:100%;
+          font-family: helvetica;
+          font-size: 1em;
+          color: var(--text-color);
+      }
+      body {
+          margin: 0;
+          padding: 0;
+          height: 100%;
+          background-color: var(--content-bg);
+      }
+      a {
+          color: var(--text-color);
+      }
+      a:hover {
+          color: var(--highlight-color);
+      }    
+      .container {
+          display: flex;
+          min-height: 100%;
+          max-width: 1020px;
+      }
+
+      .decoration-left {
+          background-color: #000;
+          width: 200px;
+          min-height: 100%;
+          flex-shrink: 0;
+          mask: var(--cool-border);
+          background-image: url("{{ $bg.Permalink }}");
+      }
+
+      .main {
+          flex-grow: 1;
+          padding: 15px;
+          padding-left: 40px;
+          padding-top: 70px;
+          padding-bottom: 40px;
+          overflow-x: hidden;
+      }
+
+      .breadcrumbs, .lastup {
+          font-size: 0.8em;
+      }
+
+      h1 {
+          margin-top: 5px;
+          margin-bottom: 10px;
+          font-family: sans-serif;
+          font-size: 1.8em;
+          font-weight: 500;
+      }
+
+      article {
+          text-align: justify;
+          line-height: 1.6em;
+      }
+
+      img {
+          max-width: 99%;
+          height: auto;
+      }
+      
+      article figure {
+          text-align: center;
+          margin: 0;
+          max-width: 100%;
+          font-size: 0.8em;
+      }
+      img.float-right {
+          float: right;
+          display: inline;
+          margin-left: 10px;
+      }
+      img.center {
+          max-width: 100%;
+          height: auto;
+      }
+      img.small {
+          max-width: 50%;
+          height: auto;
+      }
+      figure.graph {
+          background-color: var(--highlight-bg);
+          padding: 5px;
+          padding-top: 20px;
+      }
+      figure.graph img {
+          width: 95%;
+      }
+      
+      .rating-box {
+          float: right;
+          padding: 10px;
+          text-align: center;
+          font-size: 0.8em;
+          line-height: 1em;
+      }
+
+      footer {
+          margin-top: 20px;
+          text-align: center;
+          padding-bottom: 20px;
+      }
+
+      .recent-updates {
+          margin-top: 20px;
+          margin-bottom: 20px;
+          background-color: var(--info-bg);
+          padding: 10px;
+          border-radius: 10px;
+          width: 500px;
+          margin-left: auto;
+          margin-right: auto;
+          border-color: #000;
+          border-style: solid;
+          border-width: 1px;
+          max-width:  90%;
+      }
+
+      .recent-updates h2 {
+          font-size: inherit;
+          margin: 0;
+          padding: 0;
+      }
+      
+      @media only screen and (max-width: 600px) {
+          .decoration-left {
+              width: 30px;
+          }
+
+          .main {
+              padding-left: 20px;
+          }
+
+          .recent-updates {
+              margin-left: -10px;
+          }
+      }    
+
+    </style>
+    </head>
   <body>
     <div class="container">
       <div class="decoration-left"></div>
       <div class="main">
-
+        
         <header>
           <nav class="home">
             <a href="/brain-rot/">Michal's Brain Rot:</a>
           </nav>
-                  <hr>
+          <hr>
 
           <h1> {{ .Page.Title }}</h1>
         </header>
author	mms <michal@sapka.me>	2024-06-15 23:20:35 +0200
committer	mms <michal@sapka.me>	2024-06-15 23:20:35 +0200
commit	985c17739a6bf3fb1d85bc858eccedb13150b3bb (patch)
tree	3bcdf5dc1ef905c702963f23d5359d14c37c6d2e /layouts/brain-rot/baseof.html
parent	4cd53f87fe1466017ed18611bc2b8479409f5c67 (diff)