Add devlog 2024-12-15

Author: joelpaulkoch

_posts/devlogs/2024_12_15.md

@@ -0,0 +1,31 @@
+---
+title: Planning for Devlogs
+permalink: /devlogs/:year-:month-:day
+date: 2024-12-15
+layout: JoelKoch.Dev.PageLayout
+summary: Read about my plan to publish devlogs
+image: /images/2024_12_15_devlog.webp
+---
+# Devlogs
+
+I got the idea to write a dev diary from this talk and want to try it.
+
+<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/8OUyP9p_CNc?si=AWLkALaesx3GMWND" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+I prefer the term "devlog", so I'm going with that.
+I'm not sure yet what I'm going to publish, it might be summaries of a number of weeks.
+I think I will keep a running note and publish it after some while. 
+
+## Current Plan
+
+### Difficulties
+What is hard to do?
+
+### Observations
+What did I learn that was interesting?
+Which were the tradeoffs I made?
+
+### Questions
+What do I want to figure out?
+
+Let's see how it goes.

extra/images/2024_12_15_devlog.webp

@@ -41,16 +41,14 @@ defmodule JoelKoch.Dev.ContentPage do
 
     <h1 id="devlogs">Devlogs</h1>
     <ul role="list" class="cluster">
-      <li :for={post <- @posts} class="transitions zoom">
+      <li :for={post <- @posts}>
         <.card>
           <img :if={post[:image]} src={post.image} alt="" width="256" height="256" />
           <h2>{post.title}</h2>
           <p>
             {post.summary}
           </p>
-          <p>
-            Devlog from {DateTime.to_date(post.date)}
-          </p>
+          <a href={post.permalink}>Devlog from {DateTime.to_date(post.date)}</a>
         </.card>
       </li>
     </ul>