From f9ba02a1606fdd9437b5cb888b86d7ac74160cd6 Mon Sep 17 00:00:00 2001
From: Lucas Schumacher <technolucas@protonmail.com>
Date: Thu, 20 Jun 2024 20:16:27 -0400
Subject: [PATCH] Add alpinejs frontend

---
 alpinejs/index.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 alpinejs/index.html
diff --git a/alpinejs/index.html b/alpinejs/index.html
new file mode 100644
index 0000000..61778db
--- /dev/null
+++ b/alpinejs/index.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+</head>
+  <body x-data="{
+    blurb_data: {
+      title: 'Fart Man Comes To Town!',
+      blurb: 'Will this controversial figure finally cause the downfall of the town? Sally Smith from town center says that she can already smell trouble brewing but other members of the town believe the imminent winds of change will revitalize the towns central business district.'
+    }
+  }">
+    <div x-data="{blurbs: [blurb_data]}">
+      <template x-for="blurb in blurbs">
+        <div>
+          <h1 x-text="blurb.title"></h1>
+          <p x-text="blurb.blurb"></p>
+          <a href="#">Read more...</a>
+        </div>
+      </template>
+      <br />
+      <button x-on:click="blurbs.push(blurb_data)">Load More</button>
+    </div>
+</body>
+</html>
