minor changes

layouts/index.html

@@ -8,6 +8,12 @@
       {{ if .Content}}
          <article>{{.Content}}</article>
       {{end}}
+
+      <div class="posts">
+        {{range .Site.RegularPages | first 3}}
+           {{partial "post" .}}
+        {{end}}
+     </div>
       </main>
       {{partial "footer" .}}
     </body>

static/css/theme.css

@@ -24,6 +24,7 @@ body {
 
 header,
 footer {
+    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     font-size:16px;
     min-width: min-content;
     width:20vw;
@@ -34,6 +35,7 @@ footer {
     justify-content: flex-start;
     flex-wrap: nowrap;
     padding:5px;
+    text-align: center;
 }
 
 main {
@@ -106,20 +108,32 @@ a:hover {
     color: var(--theme-accent);
 }
 
-
-iframe {
-    width: 100%;
-    min-height: 25rem;
-    height: 25vw;
-}
-
 img,
 video,
 iframe,
 audio {
-    max-width: 90vw;
+    width: max-content;
+    height:max-content;
+    max-width: 90%;
     max-height: 100%;
 }
+article img,
+article video,
+article iframe,
+article audio{
+    margin:15px;
+}
+
+
+iframe {
+    width: 100%;
+    height: 60vh;
+}
+
+
+.gallery img{
+    margin:1px;
+}
 
 .gif {
     max-height: 50vh;
@@ -192,6 +206,7 @@ article {
     width: 60rem;
     max-width: 100%;
     font-size: 20px;
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
 }
 
 article img {
@@ -301,3 +316,12 @@ hr{
     margin-top:1rem;
     margin-bottom:1rem;
 }
+
+blockquote {
+    border-left: 5px solid var(--theme-accent);
+    padding-left: 15px;
+}
+code{
+    font-family: monospace;
+    color:var(--theme-accent)
+}