add livefridge mini article

andyleclair · Nov 13, 2024 · ce55fad · ce55fad
1 parent 779457f
commit ce55fad
Show file tree

Hide file tree

Showing 6 changed files with 523 additions and 451 deletions.
diff --git a/output/index.html b/output/index.html
@@ -21,6 +21,8 @@ <h1>[email protected]$><span class="blink">_</span></h1>
   <h2 class="text-xl">Blog!</h2>
   <ul>
     <li>
+      2024-10-28 - <a href="posts/2024/10-28-live-fridge.html">Live Fridge</a>
+    </li><li>
       2024-09-11 - <a href="posts/2024/09-11-opengl-part-3.html">OpenGL Part 3</a>
     </li><li>
       2024-09-10 - <a href="posts/2024/09-10-opengl-part-2.html">OpenGL Part 2</a>

diff --git a/output/posts/2024/09-09-gltest.html b/output/posts/2024/09-09-gltest.html
diff --git a/output/posts/2024/09-10-opengl-part-2.html b/output/posts/2024/09-10-opengl-part-2.html
diff --git a/output/posts/2024/09-11-opengl-part-3.html b/output/posts/2024/09-11-opengl-part-3.html
diff --git a/output/posts/2024/10-28-live-fridge.html b/output/posts/2024/10-28-live-fridge.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/assets/app.css">
+    <script type="text/javascript" src="/assets/app.js"></script>
+
+    <title>Live Fridge</title>
+    <meta name="description" content="My take on an internet fridge magnet poetry experience using Elixir, Ash, and LiveView.">
+
+  </head>
+
+  <body class="bg-nor-easter text-smurf-blood">
+    <div class="flex h-60 min-h-screen flex-col items-center">
+      <header class="bg-bludacris p-10 my-4 lg:mt-10 lg:mb-14">
+        <h1>[email protected]$><span class="blink">_</span></h1>
+      </header>
+      <main class="relative grow min-h-96 flex-1 p-4">
+
+  <article class="prose lg:prose-xl prose-pre:bg-codebg">
+    <h1>Live Fridge</h1>
+    <h3>My take on an internet fridge magnet poetry experience using Elixir, Ash, and LiveView.</h3>
+    <h3><a href="https://open.spotify.com/playlist/0hTDYi34toP4tTE8rCAkgY?si=671fa097213c4103">Related Listening</a></h3>
+    <p class="text-smurf-blood">Posted on 2024-10-28</p>
+    <p>
+I’ve spent some time over the past few weeks putting this little project together. It’s a realtime multiplayer fridge magnet poetry experience built with LiveView, Ash and a little JS (just hooks!).</p>
+<p>
+I’m working on putting together a video walkthrough of the design choices and how I go about building code like this, but it’s still WIP (never made a screencast before!). 
+That said, I tried to structure the commits into atomic chunks, so if you checkout any commit, you should be able to see the state of the project at that point and how I evolved it over time.</p>
+<p>
+There are some cool Elixir tricks in here (hashing terms to HSL color space! Atomic counters for online presence!) but I want to show off how easy it is to get super slick realtime multiplayer experiences going in Elixir </p>
+<p>
+The code is available here:</p>
+<p>
+<a href="https://github.com/andyleclair/live_fridge">Source</a></p>
+<p>
+The site is live here:</p>
+<p>
+<a href="https://live-fridge.fly.dev">livefridge</a></p>
+
+  </article>
+
+      </main>
+      <footer class="bg-bludacris p-4 text-center">© Andy LeClair 2024</footer>
+    </div>
+  </body>
+</html>
diff --git a/posts/2024/10-28-live-fridge.md b/posts/2024/10-28-live-fridge.md
@@ -0,0 +1,22 @@
+%{
+  title: "Live Fridge",
+  description: "My take on an internet fridge magnet poetry experience using Elixir, Ash, and LiveView.",
+  author: "Andy LeClair",
+  tags: ["elixir", "ash", "liveview"],
+  related_listening: "https://open.spotify.com/playlist/0hTDYi34toP4tTE8rCAkgY?si=671fa097213c4103",
+}
+---
+I’ve spent some time over the past few weeks putting this little project together. It’s a realtime multiplayer fridge magnet poetry experience built with LiveView, Ash and a little JS (just hooks!).
+
+I’m working on putting together a video walkthrough of the design choices and how I go about building code like this, but it’s still WIP (never made a screencast before!). 
+That said, I tried to structure the commits into atomic chunks, so if you checkout any commit, you should be able to see the state of the project at that point and how I evolved it over time.
+
+There are some cool Elixir tricks in here (hashing terms to HSL color space! Atomic counters for online presence!) but I want to show off how easy it is to get super slick realtime multiplayer experiences going in Elixir 
+
+The code is available here:
+
+[Source](https://github.com/andyleclair/live_fridge)
+
+The site is live here:
+
+[livefridge](https://live-fridge.fly.dev)