From 0312f241d5b5605c895558a8c34b3637d0d4a758 Mon Sep 17 00:00:00 2001
From: Gabriel <gabriel@libresolutions.network>
Date: Fri, 16 Sep 2022 16:04:37 -0400
Subject: [PATCH] better media integration

---
 layouts/partials/header.html  |  2 +-
 layouts/shortcodes/audio.html |  2 +-
 layouts/shortcodes/gif.html   |  4 ++++
 layouts/shortcodes/image.html |  2 +-
 layouts/shortcodes/video.html |  2 +-
 static/css/theme.css          | 23 ++++++++++++++++++++---
 6 files changed, 28 insertions(+), 7 deletions(-)
 create mode 100644 layouts/shortcodes/gif.html

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 4f98bff..2ef2922 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,5 @@
 <header>
-    <img src="{{.Site.Data.details.logo}}">
+    <img src="{{.Site.Params.default_img}}">
     <div>
     <h1>{{.Site.Title }}</h1>
     <i>{{.Site.Params.subtitle}}</i>
diff --git a/layouts/shortcodes/audio.html b/layouts/shortcodes/audio.html
index db86c1a..ddbb0be 100644
--- a/layouts/shortcodes/audio.html
+++ b/layouts/shortcodes/audio.html
@@ -1,3 +1,3 @@
-<audio controls>
+<audio controls preload="false">
     <source src='{{.Get "src" }}'>
 </audio>
\ No newline at end of file
diff --git a/layouts/shortcodes/gif.html b/layouts/shortcodes/gif.html
new file mode 100644
index 0000000..0f39d02
--- /dev/null
+++ b/layouts/shortcodes/gif.html
@@ -0,0 +1,4 @@
+<video autoplay muted loop preload="true">
+    <source src='{{.Get "src" }}'>
+    <source src='{{.Get 0 }}'>
+</video>
\ No newline at end of file
diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html
index 60c0c88..a46c7a2 100644
--- a/layouts/shortcodes/image.html
+++ b/layouts/shortcodes/image.html
@@ -1,7 +1,7 @@
 {{ if .Get "href"}}
 <a href='{{.Get "href"}}'>
 {{end}}
-<img 
+<img loading="lazy"
 src='{{.Get "src"}}' 
 {{if .Get "alt"}}
  alt='{{.Get "alt"}}'
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
index 5dbbd4c..372a77f 100644
--- a/layouts/shortcodes/video.html
+++ b/layouts/shortcodes/video.html
@@ -1,3 +1,3 @@
-<video {{if .Get "autoplay"}}autoplay muted loop{{else}}controls {{end}}>
+<video {{if .Get "autoplay"}}autoplay muted loop preload="true"{{else}}controls preload="false"{{end}}>
     <source src='{{.Get "src" }}'>
 </video>
\ No newline at end of file
diff --git a/static/css/theme.css b/static/css/theme.css
index 5a7fe19..0a7ed65 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -152,7 +152,6 @@ header {
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-evenly;
-    bottom: 0;
     font-size:1.25rem
 }
 
@@ -173,7 +172,12 @@ section {
     flex-direction: column;
     align-items: center;
 }
-
+h1{
+    font-size:200%;
+}
+h2{
+    font-size:150%;
+}
 article {
     margin-top: 1rem;
     margin-bottom: 1rem;
@@ -181,7 +185,6 @@ article {
     display: flex;
     flex-direction: column;
     align-items: center;
-    font-size:1.5rem;
     font-family:Verdana, Geneva, Tahoma, sans-serif;
     max-width:80rem;
 }
@@ -408,4 +411,18 @@ aside .listing img{
     border-radius: 1.5rem;
     padding:1.5rem;
     font-weight: bolder;
+}
+
+.gallery{
+    width:90%;
+    display:flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-evenly;
+
+}
+.gallery>*{
+    margin:0.1rem;
+    border:1px solid var(--theme-color-accent);
 }
\ No newline at end of file