cosmetics

layouts/partials/head.html

@@ -1,5 +1,6 @@
 <title>{{ .Title}}</title>
-<link rel="stylesheet" href="/css/theme.css">
+<link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css">
+<link rel="stylesheet" href="{{.Site.BaseURL}}style.css">
 <meta charset="utf-8" />
 <meta name="title" content="{{ .Site.Title }}">
 <meta name="description" content="{{.Params.description}}">

layouts/partials/header.html

@@ -5,7 +5,7 @@
     <i>{{.Site.Params.subtitle}}</i>
     </div>
     <nav>
-        <a href="/"><h2>Home</h2></a>
+        <a href="{{.Site.BaseURL}}"><h2>Home</h2></a>
         {{ range .Site.Sections}}
         <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
         {{end}}

layouts/partials/item.html

@@ -2,16 +2,16 @@
     <div>
         {{ if .Params.video}}
         <video controls preload="false">
-            <source src="{{.Params.video}}">
+            <source src="{{.Site.BaseURL}}{{.Params.video}}">
         </video>
     {{else}}
     {{if .Params.image}}
-    <a href="{{.Permalink}}">
-        <img src="{{.Params.image}}">
+    <a href="{{.Site.BaseURL}}{{.Permalink}}">
+        <img src="{{.Site.BaseURL}}{{.Params.image}}">
     </a>
     {{else}}
-    <a href="{{.Permalink}}">
-        <img src="/res/default.png">
+    <a href="{{.Site.BaseURL}}{{.Permalink}}">
+        <img src="{{.Site.BaseURL}}/res/default.png">
     </a>
     {{end}}
     {{end}}

layouts/partials/sidebar.html

@@ -7,16 +7,16 @@
     <a href="{{.Permalink}}">
         {{ if .Params.video}}
         <video controls preload="false">
-            <source src="{{.Params.video}}">
+            <source src="{{.Site.BaseURL}}{{.Params.video}}">
         </video>
     {{else}}
     {{if .Params.image}}
-    <a href="{{.Permalink}}">
-        <img src="{{.Params.image}}">
+    <a href="{{.Site.BaseURL}}{{.Permalink}}">
+        <img src="{{.Site.BaseURL}}{{.Params.image}}">
     </a>
     {{else}}
-    <a href="{{.Permalink}}">
-        <img src="/res/default.png">
+    <a href="{{.Site.BaseURL}}{{.Permalink}}">
+        <img src="{{.Site.BaseURL}}/res/default.png">
     </a>
     {{end}}
     {{end}}

layouts/shortcodes/audio.html

@@ -1,3 +1,3 @@
 <audio controls preload="false">
-    <source src='{{.Get "src" }}'>
+    <source src='{{.Site.BaseURL}}{{.Get "src" }}'>
 </audio>

layouts/shortcodes/gif.html

@@ -1,4 +1,4 @@
 <video autoplay muted loop preload="true">
-    <source src='{{.Get "src" }}'>
-    <source src='{{.Get 0 }}'>
+    <source src='{{.Site.BaseURL}}{{.Get "src" }}'>
+    <source src='{{.Site.BaseURL}}{{.Get 0 }}'>
 </video>

layouts/shortcodes/video.html

@@ -1,3 +1,3 @@
 <video {{if .Get "autoplay"}}autoplay muted loop preload="true"{{else}}controls preload="false"{{end}}>
-    <source src='{{.Get "src" }}'>
+    <source src='{{.Site.BaseURL}}{{.Get "src" }}'>
 </video>

static/css/theme.css

@@ -8,12 +8,9 @@ body{
         --theme-color-primary:black;
         --theme-color-secondary:white;
         --theme-color-accent: #dcb806;
-
     }
-
 }
 
-
 body {
     line-height: 1.25;
     width: 100vw;
@@ -187,13 +184,14 @@ article {
     align-items: center;
     font-family:Verdana, Geneva, Tahoma, sans-serif;
     max-width:80rem;
+    font-size: 1.5rem;
 }
 
 blockquote {
     margin-left: 10%;
     padding-left: 2.5rem;
     width:80%;
-    border-left: 0.5rem solid var(--theme-color-accent2);
+    border-left: 0.5rem solid var(--theme-color-accent);
     font-style: italic;
 }
 
@@ -219,6 +217,7 @@ section h4,
 article h5,
 article p {
     width: 100%;
+    text-align: left;
 }
 
 article h3 {
@@ -414,7 +413,7 @@ aside .listing img{
 }
 
 .gallery{
-    width:90%;
+    width:70%;
     display:flex;
     flex-direction: row;
     flex-wrap: wrap;