Fixing the sizing on images in feeds and posts

main-site/hugo.yaml

@@ -10,7 +10,7 @@ Params:
   description: I like to make stuff
   name: temper.tv
   twitch: https://twitch.tv/shockrah
-  gitlab: https://gitlab.com/shockrah
+  gitlab: https://git.shockrah.xyz/shockrah
   github: https://github.com/tempersama
   mastodon: https://mastodon.social/@tempertv
 

main-site/themes/temper/layouts/_default/single.html

@@ -4,14 +4,14 @@
   {{  if .Params.Description }}
   <div class="container">
     <h5>{{ .Params.Description }}</h5>
-  </div>
-  {{ end }}
-  {{  if .Params.Thumbnail }}
-    {{ if .Params.ContentThumbnail }}
-      <a href="{{ .Params.Thumbnail }}">
-        <img class="card-img" src="{{ .Params.Thumbnail }}">
-      </a>
+    {{  if .Params.Thumbnail }}
+      {{ if .Params.ContentThumbnail }}
+        <a href="{{ .Params.Thumbnail }}">
+          <img class="card-img" src="{{ .Params.Thumbnail }}">
+        </a>
+      {{ end }}
     {{ end }}
+  </div>
   {{ end }}
   <div class="container">{{ .Content }}</div>
 {{ end }}

main-site/themes/temper/static/css/style.css

@@ -171,13 +171,17 @@ a:hover { color: #EAA221; }
 	width: 80%;
 	padding-bottom: 1em;
 }
+.feed-container .a .card-img {
+  max-width: 60%;
+}
+
 .card { 
   background-color: transparent; 
   border-style: solid;
   border-width: 3px;
   padding: 1em;
   margin: 1em;
-  max-width: 75%;
+  max-width: 60%;
   min-width: 250px;
 }