From eee6f6014126ee2f4f746067d7b0a0b88def96a5 Mon Sep 17 00:00:00 2001
From: Thu Savory <thu@yrovas.com>
Date: Sat, 11 Jan 2025 00:44:19 +1100
Subject: [PATCH] index file with tailwind

---
 .gitignore                        |  2 +-
 lib/wild_web/live/index.html.heex | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index d432482..4d73a08 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+.DS_Store
 # The directory Mix will write compiled artifacts to.
 /_build/
 
@@ -38,4 +39,3 @@ npm-debug.log
 # Database files
 *.db
 *.db-*
-
diff --git a/lib/wild_web/live/index.html.heex b/lib/wild_web/live/index.html.heex
index 88990aa..68b26c6 100644
--- a/lib/wild_web/live/index.html.heex
+++ b/lib/wild_web/live/index.html.heex
@@ -1 +1,20 @@
-<div>Hello World</div>
+<h1>Hello World</h1>
+<div class="size-1/3 mr-4 mt-4">
+  <div class="p-10 bg-pink-100 shadow-md rounded-xl">
+    <h2>Books</h2>
+  </div>
+
+  <div class="p-10 bg-pink-200 shadow-md rounded-xl mt-2">
+    <.link patch={~p"/books/thoughts"}>Share my thought</.link>
+  </div>
+</div>
+
+<div class="size-1/3 mr-4 mt-4">
+  <div class="p-10 bg-blue-100 shadow-md rounded-xl">
+    <h2>Movies</h2>
+  </div>
+
+  <div class="p-10 bg-blue-200 shadow-md rounded-xl mt-2">
+    <.link patch={~p"/books/thoughts"}>Share my critics</.link>
+  </div>
+</div>