Allow images to be suppressed in the blog but used for cards

_posts/2022-07-06-command_line_slides.md

@@ -4,6 +4,9 @@ excerpt: |
   I made a set of interactive slides for a course on the command line, complete with command line playback!
   <script async id="asciicast-498583" src="https://asciinema.org/a/498583.js" data-autoplay="true"></script>
 layout: post
+hide_image: true # Only use this image for static previews
+image: /assets/images/command_line_slides.png
+alt: A screenshot of a slide deck with computer code on it.
 ---
 
 I had to give a quick lecture on using the command line and came up with this to do live demos of using the command line. Embedded below.

_posts/2023-06-21-my_first_PCB.md

@@ -4,6 +4,9 @@ excerpt: |
     I've had a longstanding ambition to get a PCB manufactured but I've always put it off. Lately I had a need for a little adapter board to break out these 1.27mm spaced pins to 2.54mm pins that would fit into a breadboard. Feeling like it was a simple enough board I finally decided to fire up KiCad and give it a go.   <model-viewer alt="An interactive 3D render of a PCB with 2.54mm headers on one side to fit a breadboard and 1.27 inch headers on the other." src="/assets/blog/PCB/model/pcb.glb" ar camera-controls poster="/assets/blog/PCB/model/poster.webp" interaction-prompt="none" shadow-intensity="1" shadow-softness="1" exposure="0.5" camera-orbit="196.6deg 59.73deg 0.1m" field-of-view="30deg" auto-rotate> </model-viewer>
 layout: post
 commentid: 110810437631337327
+hide_image: true # Only use this image for static previews
+image: /assets/blog/PCB/horizontal.png
+alt: A 3D render of a simple PCB.
 ---
 I made my first PCB!
 

_posts/2023-07-31-toothbrush-holder.md

@@ -3,6 +3,9 @@ title: Toothbrush Shelf
 excerpt: |
     It can be hard to find genuine everyday uses of 3D printing, but after a while you do find some. <model-viewer alt="An interactive 3D render of a small 3D printed shelf to hold a toothbrush near the bathroom shaver socket without the cables being messy" src="/assets/blog/toothbrush_shelf/model/toothbrush_shelf.glb" ar poster="/assets/blog/toothbrush_shelf/model/poster.webp" camera-controls shadow-intensity="1.38" shadow-softness="2" exposure="0.8" auto-rotate camera-orbit="-35deg 78.72deg 411.2m" field-of-view="30deg" interaction-prompt="none"> </model-viewer>
 layout: post
+hide_image: true # Only use this image for static previews
+image: /assets/blog/toothbrush_shelf/spin.gif
+alt: A render of a 3D printed shelf sitting above a shaver outlet, it spins slowly. 
 ---
 
 It can be hard to find genuine everyday uses of 3D printing, but after a while you do find some! I made this little shelf to tidy up the wires to our devices in the bathroom. The wires are now hidden, coiled up, inside the shelf.

blog.html

@@ -8,6 +8,6 @@ permalink: /blog/
     <h2 class="p-name blogroll-title"><a class="u-uid u-url" href="{{ post.url }}">{{ post.title }}</a></h2>
     <time class="dt-published" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time>
     <summary class="p-summary">{{ post.excerpt | markdownify | remove: '<p>' | remove: '</p>' }}</summary>
-    <figure class="blogroll"><img class="u-photo" src = "{{post.image}}"></figure>
+    <figure {% if post.hide_image %} style="display:none;" {% endif %} class="blogroll"><img class="u-photo" src = "{{post.image}}"></figure>
 </article>
 {% endfor %}