From dd956c82f857af98d58bd0c084396bf2000d618b Mon Sep 17 00:00:00 2001
From: Elgius <114131653+Elgius@users.noreply.github.com>
Date: Sat, 8 Apr 2023 17:49:09 +0500
Subject: [PATCH] post page+rating system that works on static site

---
 src/routes/posting/+page.svelte | 52 ++++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/routes/posting/+page.svelte b/src/routes/posting/+page.svelte
index 5633cce..f43e801 100644
--- a/src/routes/posting/+page.svelte
+++ b/src/routes/posting/+page.svelte
@@ -3,28 +3,40 @@
 
 <section>
 	<div class="text-center">
-
-        <h1 class='text-3xl font-bold'>Honesty</h1>
+		<h1 class="text-3xl font-bold">Honesty</h1>
+        <p class="text-sm font-bold">by Fishie</p>
 	</div>
 
+	<div class='mt-40 mb-10'>
+		<div class="flex justify-center items-center">
+			<textarea
+				placeholder="Post contents here"
+				class="textarea textarea-bordered textarea-lg w-full max-w-xs shadow-md"
+			/>
+		</div>
+	</div>
 
-    <div class='border-black'>
-        <textarea name="cool" id="" cols="30" rows="10"></textarea>
-    </div>
-
-    <div>
-        <!-- star rating thing here, probab;y first JS script thing i gotta write this project -->
-    </div>
-
-
-    <div>
-        <input type="checkbox">
-        <p>Anon</p>
-    </div>
-
-
-    <div class="btn btn-secondary">
-        <button>Submit</button>
-    </div>
+	<div class="flex justify-center items-center">
+		<div class="rating">
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" checked />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+          </div>
+	</div>
 
+	<div class="flex justify-center items-center flex-col mt-40">
+        <p>anon</p>
+		<div className="form-control">
+            <label className="label cursor-pointer">
+              <input type="checkbox" checked className="checkbox" />
+            </label>
+          </div>
+	</div>
+    <div class="flex justify-center items-center my-10">
+	<div class="btn btn-secondary">
+		<button>Submit</button>
+	</div>
+</div>
 </section>