Fixed thumbnails

content/projects/monq.md

@@ -1,7 +1,7 @@
 ---
 title: "Monq"
 date: 2023-10-25T14:44:18+01:00
-thumbnail: /img/fof.png
+thumbnail: /thumbnails/monq.jpg
 tags: ["unreal","c++"]
 ---
 Monq is my most complete game project. I made it in my second year of

themes/warwick_portfolio/assets/css/main.css

@@ -77,12 +77,18 @@ a:hover {
   max-width: 800px;
 }
 
+.summary {
+  z-index: 1;
+  max-width: 500px;
+}
+
 div.summary__img_container {
-  position:relative; top:0; left:0; width:300px; height:250px;
+  position:relative; top:0; left:0; width:600px; height:250px;
+  z-index: 0;
 }
 
 img.summary__img {
-  position:absolute; top:0; right:0; width:300px; height:100%;
+  position:absolute; top:0; right:0; width:600px; height:100%;
    -webkit-mask-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
       mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
 }

themes/warwick_portfolio/layouts/_default/summary.html

@@ -12,12 +12,18 @@
     </div>
       {{ if .Params.thumbnail }}
       {{- $image := resources.Get .Params.thumbnail -}}
+      {{ if $image }}
+
     <div class="summary__img_container" style="align-self: center">
       <a style="display: block" href="{{ .Permalink }}">
-        <img class="summary__img" src="{{ ($image.Fill "300x250 q100 Center").RelPermalink }}">
+        <img 
+          class="summary__img" 
+          src="{{ ($image.Fill "600x200 q100 Center").RelPermalink }}"
+        >
       </a>
     </div>
-      {{ end }}
+    {{ end }}
+    {{ end }}
   </div>
 </div>