Skip to content

Commit ce55fad

Browse files
andyleclairandyleclair
committed
add livefridge mini article
1 parent 779457f commit ce55fad

File tree

6 files changed

+523
-451
lines changed

6 files changed

+523
-451
lines changed

‎output/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,8 @@ <h1>andy@andyleclair.dev$><span class="blink">_</span></h1>
2121
<h2 class="text-xl">Blog!</h2>
2222
<ul>
2323
<li>
24+
2024-10-28 - <a href="posts/2024/10-28-live-fridge.html">Live Fridge</a>
25+
</li><li>
2426
2024-09-11 - <a href="posts/2024/09-11-opengl-part-3.html">OpenGL Part 3</a>
2527
</li><li>
2628
2024-09-10 - <a href="posts/2024/09-10-opengl-part-2.html">OpenGL Part 2</a>

‎output/posts/2024/09-09-gltest.html

Lines changed: 174 additions & 174 deletions
Large diffs are not rendered by default.

‎output/posts/2024/09-10-opengl-part-2.html

Lines changed: 96 additions & 96 deletions
Large diffs are not rendered by default.

‎output/posts/2024/09-11-opengl-part-3.html

Lines changed: 181 additions & 181 deletions
Large diffs are not rendered by default.

‎output/posts/2024/10-28-live-fridge.html

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="/assets/app.css">
7+
<script type="text/javascript" src="/assets/app.js"></script>
8+
9+
<title>Live Fridge</title>
10+
<meta name="description" content="My take on an internet fridge magnet poetry experience using Elixir, Ash, and LiveView.">
11+
12+
</head>
13+
14+
<body class="bg-nor-easter text-smurf-blood">
15+
<div class="flex h-60 min-h-screen flex-col items-center">
16+
<header class="bg-bludacris p-10 my-4 lg:mt-10 lg:mb-14">
17+
<h1>andy@andyleclair.dev$><span class="blink">_</span></h1>
18+
</header>
19+
<main class="relative grow min-h-96 flex-1 p-4">
20+
21+
<article class="prose lg:prose-xl prose-pre:bg-codebg">
22+
<h1>Live Fridge</h1>
23+
<h3>My take on an internet fridge magnet poetry experience using Elixir, Ash, and LiveView.</h3>
24+
<h3><a href="https://open.spotify.com/playlist/0hTDYi34toP4tTE8rCAkgY?si=671fa097213c4103">Related Listening</a></h3>
25+
<p class="text-smurf-blood">Posted on 2024-10-28</p>
26+
<p>
27+
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>
28+
<p>
29+
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!).
30+
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>
31+
<p>
32+
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>
33+
<p>
34+
The code is available here:</p>
35+
<p>
36+
<a href="https://github.com/andyleclair/live_fridge">Source</a></p>
37+
<p>
38+
The site is live here:</p>
39+
<p>
40+
<a href="https://live-fridge.fly.dev">livefridge</a></p>
41+
42+
</article>
43+
44+
</main>
45+
<footer class="bg-bludacris p-4 text-center">© Andy LeClair 2024</footer>
46+
</div>
47+
</body>
48+
</html>

‎posts/2024/10-28-live-fridge.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
%{
2+
title: "Live Fridge",
3+
description: "My take on an internet fridge magnet poetry experience using Elixir, Ash, and LiveView.",
4+
author: "Andy LeClair",
5+
tags: ["elixir", "ash", "liveview"],
6+
related_listening: "https://open.spotify.com/playlist/0hTDYi34toP4tTE8rCAkgY?si=671fa097213c4103",
7+
}
8+
---
9+
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!).
10+
11+
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!).
12+
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.
13+
14+
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
15+
16+
The code is available here:
17+
18+
[Source](https://github.com/andyleclair/live_fridge)
19+
20+
The site is live here:
21+
22+
[livefridge](https://live-fridge.fly.dev)

0 commit comments

Comments
 (0)