many updates

layouts/_default/rss.xml

@@ -14,7 +14,9 @@
 		<link>{{ .Permalink }}</link>
 		<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
 		{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
-		<guid>{{ .Permalink }}</guid>{{ if .Params.video}}
+		<guid>{{ .Permalink }}</guid>{{ if .Params.gif}}
+		<enclosure url="{{.Site.BaseURL}}{{.Params.gif}}" />
+		{{end}}{{ if .Params.video}}
 		<enclosure url="{{.Site.BaseURL}}{{.Params.video}}" />
 		{{end}}{{ if .Params.audio}}
 		<enclosure url="{{.Site.BaseURL}}{{.Params.audio}}" />

layouts/partials/head.html

@@ -16,6 +16,7 @@
 <meta property="og:type" content="video">	
 <meta name="twitter:player:width" content="480" />
 <meta name="twitter:player:height" content="360" />
+<link rel="alternate" type="application/rss+xml" href="{{.Site.BaseURL}}/index.xml">
 <meta property="twitter:player" content="{{.Site.BaseURL}}embed?v={{.Params.video}}">
 {{else}}
 {{if .Params.peertubeURL}}

layouts/partials/item.html

@@ -1,5 +1,11 @@
 <section class="listing">
     <div>
+
+        {{ if .Params.gif}}
+        <video autoplay loop preload="true">
+            <source src="{{.Site.BaseURL}}{{.Params.gif}}">
+        </video>
+        {{else}}
         {{ if .Params.video}}
         <video controls preload="false">
             <source src="{{.Site.BaseURL}}{{.Params.video}}">
@@ -15,14 +21,17 @@
     </a>
     {{end}}
     {{end}}
+    {{end}}
     </div>
     <div>
     <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
     <p>{{.Params.description}}</p>
+    {{if .GetTerms "tags"}}
     <div class="tags">
         {{ range (.GetTerms "tags")}}
         <a href="{{.Permalink}}">{{.LinkTitle}}</a>
         {{end}}
     </div>
+    {{end}}
     </div>
 </section>

layouts/partials/sidebar.html

@@ -5,6 +5,11 @@
 {{range first 3 .Site.RegularPages}}
 <section class="recent">
     <a href="{{.Permalink}}">
+        {{ if .Params.gif}}
+        <video autoplay loop preload="true">
+            <source src="{{.Site.BaseURL}}{{.Params.gif}}">
+        </video>
+        {{else}}
         {{ if .Params.video}}
         <video controls preload="false">
             <source src="{{.Site.BaseURL}}{{.Params.video}}">
@@ -20,6 +25,7 @@
     </a>
     {{end}}
     {{end}}
+    {{end}}
     </a>
     <div>
     <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
@@ -42,6 +48,7 @@
             </a>
             <p>{{.description}}</p>
         </div>
+        
 </section>
 {{end}}
 {{end}}

static/css/theme.css

@@ -317,7 +317,7 @@ aside .listing img{
 .featured img,
 .recent video,
 .featured video{
-    max-width: 10vw;
+    max-width:15vw;
     margin:0.25rem;
 }
 
@@ -396,6 +396,16 @@ aside .listing img{
         flex-direction: column;
         align-items: center;
     }
+    .recent img,
+.featured img,
+.recent video,
+.featured video{
+    max-width:100%;
+    margin:0.25rem;
+}
+    .listing{
+        flex-direction: column;
+    }
 }
 
 #tags{