chore: valid HTML verified <3

author: Michał M. Sapka <michal@sapka.me> 2023-03-03 10:52:35 +0100
committer: Michał M. Sapka <michal@sapka.me> 2023-03-03 10:52:35 +0100
commit: d21e833113ce31245b4e96d761227a2aa9dfcb71 (patch)
tree: 80c705bbb8340e1680ed841282555648a6f16232 /layouts
parent: df1726590fb9a7a16325e881682246bf27f4941c (diff)
3 files changed, 50 insertions, 51 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 0379192..c473262 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -4,31 +4,31 @@
     <meta charset="utf-8">
     <title>
       {{- block "title" . }}
-        [{{ .Site.Title}}] {{ .Page.Title }}
+      [{{ .Site.Title}}] {{ .Page.Title }}
       {{- end }}
     </title>
     <link rel='stylesheet' type='text/css' href='/style.css'>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     {{- $image := resources.Get "/icons/apple-touch-icon.png"}}
     <link rel="apple-touch-icon" sizes="180x180" href="{{ $image.Permalink }}">
     {{- $image := resources.Get "/icons/favicon-32x32.png" }}
     <link rel="icon" type="image/png" sizes="32x32" href="{{ $image.Permalink }}">
     {{- $image := resources.Get "/icons/favicon-16x16.png" }}
     <link rel="icon" type="image/png" sizes="16x16" href="{{ $image.Permalink }}">
-    <meta name="description" content="{{ .Params.Abstract | default .Site.Params.DefaultDescription}}"/>
+    <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:title" content="{{ .Page.Title }}">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="{{ .Permalink }}">
     {{- $imageUrl := default "logo.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}}"/>
+    <meta property="og:image" content="{{ $image.Permalink }}">
+    <meta property="og:description" content="{{ .Params.Abstract | default .Site.Params.DefaultDescription}}">
 
     <meta name="twitter:title" content="{{ .Page.Title }}">
     <meta name="twitter:image" content="{{ $image.Permalink }}">
     <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:description" content="{{ .Params.Abstract | default .Site.Params.DefaultDescription}}" />
+    <meta name="twitter:description" content="{{ .Params.Abstract | default .Site.Params.DefaultDescription}}" >
 
     <link rel="canonical" href="{{ .Permalink }}">
     <link rel='alternate' type='application/rss+xml' title="{{ .Site.Title }} RSS" href='/index.xml'>
@@ -36,9 +36,13 @@
     {{ if isset .Params "tags" }}<meta name="keywords" content="{{ with .Params.tags }}{{ delimit . ", " }}{{ end }}">{{end}}
 
     <script defer data-api="/api/event" data-domain="{{ .Site.Params.PlausibleDomain}}" src="/js/script.js"></script>
+
+    <link href="https://github.com/michalsapka" rel="me">
+    <link rel="webmention" href="https://webmention.io/d-s.sh/webmention">
+    <link rel="pingback" href="https://webmention.io/d-s.sh/xmlrpc">
   </head>
   <body>  
-    <section class="the-site">
+    <div class="the-site">
       <aside class="left-column">
         <a href="/">
           {{ $logo := resources.Get "logo.png" }}
@@ -49,43 +53,41 @@
               alt="logo"
               src="{{ $logo.Permalink }}"
               srcset="
-                 {{ $logo1x.RelPermalink }} 1x,
-                 {{ $logo2x.RelPermalink }} 2x,
-              "
+                      {{ $logo1x.RelPermalink }} 1x,
+                      {{ $logo2x.RelPermalink }} 2x
+                      "
               width="{{$logo.Width}}"
-              height="{{$logo.Height}}"/>
+              height="{{$logo.Height}}">
           </div>
-          <h1>{{ .Site.Title }}</h1>
-          <nav id="mainnav">
-            <a href="/">Home</a>
-            <a href="/about">About</a>
-            <a href="https://git.sapka.me">Git</a>
-            <a href="/index.xml">RSS</a>
-          </nav>
+        </a>
+        <h1>{{ .Site.Title }}</h1>
+        <nav id="mainnav">
+          <a href="/">Home</a>
+          <a href="/about">About</a>
+          <a href="https://git.sapka.me">Git</a>
+          <a href="/index.xml">RSS</a>
+        </nav>
 
       </aside>
-      <maim class="right-column">
+      <main class="right-column">
         {{ block "main" . }}
         {{ end }}
         
         {{ block "pagination" . }}
         {{ end }} 
-       </main>
-     </section>   
+      </main>
+    </div>   
 
     {{ block "FOOTER" . }}
     <footer>
-    <div>
-      <a href="https://git.sapka.me/michal-sapka-me.git/" target="_blank">Source code is available</a>. Theme is temporary. <a href="https://plausible.io/{{ .Site.Params.PlausibleDomain }}">Statistics are public</a>. Only glory of Satan is eternal.
-      <BR><BR>
-      
-      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/80x15.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
-    </div>
-
+      <div>
+        <a href="https://git.sapka.me/michal-sapka-me.git/" target="_blank">Source code is available</a>. Theme is temporary. <a href="https://plausible.io/{{ .Site.Params.PlausibleDomain }}">Statistics are public</a>. Only glory of Satan is eternal.
+        <BR><BR>
+        
+        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/80x15.png"></a><br>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
+      </div>
     </footer>
     {{ end }}
-    <link href="https://github.com/michalsapka" rel="me"/>
-    <link rel="webmention" href="https://webmention.io/d-s.sh/webmention" />
-    <link rel="pingback" href="https://webmention.io/d-s.sh/xmlrpc" />
+
   </body>
 </html>
diff --git a/layouts/shortcodes/img-center.html b/layouts/shortcodes/img-center.html
index c247cc6..e3e3a4b 100644
--- a/layouts/shortcodes/img-center.html
+++ b/layouts/shortcodes/img-center.html
@@ -5,24 +5,23 @@
 {{- $source := .Get 2 }}
 {{- $img1x := $img.Resize "450x webp q90"}}
 {{- $img2x := $img.Resize "900x webp q90"}}
-<center>
 <figure>
   <img 
     class="center"
     alt="{{ $caption }}" 
     src="{{ $img1x.RelPermalink }}" 
     srcset="
-      {{ $img1x.RelPermalink }} 1x,
-      {{ $img2x.RelPermalink }} 2x,
-    "
+            {{ $img1x.RelPermalink }} 1x,
+            {{ $img2x.RelPermalink }} 2x
+            "
     width="{{ $img1x.Width }}" 
-    height="{{ $img1x.Height }}">
-	<figcaption>
+    height="{{ $img1x.Height }}"
+    >
+  <figcaption>
     {{ $caption }}
 
     {{- if $source }}
-      <a href="{{ $source }}" target="_blank" title="source">[source]</a>
+    <a href="{{ $source }}" target="_blank" title="source">[source]</a>
     {{ end }}
-	</figcaption>
+  </figcaption>
 </figure>
-</center>
diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
index c29eed1..7e175c5 100644
--- a/layouts/shortcodes/youtube.html
+++ b/layouts/shortcodes/youtube.html
@@ -5,20 +5,18 @@
 {{- $img1x := $img.Resize "x300 webp q90" }}
 {{- $img2x := $img.Resize "x600 webp q90" }}
 
-<center>
+<figure>
   <a href="https://www.youtube.com/watch?v={{$id}}" target="_blank">
     <img 
       class="center"
       src="{{ $img1x.Permalink }}" 
       srcset="
-        {{ $img1x.RelPermalink }} 1x,
-        {{ $img2x.RelPermalink }} 2x,
-      "
+              {{ $img1x.RelPermalink }} 1x,
+              {{ $img2x.RelPermalink }} 2x
+              "
       width="{{ $img1x.Width }}" 
       height="{{ $img1x.Height }}"
       alt="{{$title}} on Youtube" 
-      width="{{$img.Width}}" 
-      height="{{$img.Height}}"
-    />
+      >
   </a>
-</center>
+</figure>
author	Michał M. Sapka <michal@sapka.me>	2023-03-03 10:52:35 +0100
committer	Michał M. Sapka <michal@sapka.me>	2023-03-03 10:52:35 +0100
commit	d21e833113ce31245b4e96d761227a2aa9dfcb71 (patch)
tree	80c705bbb8340e1680ed841282555648a6f16232 /layouts
parent	df1726590fb9a7a16325e881682246bf27f4941c (diff)