mirror of
https://github.com/WhoIsFishie/Fishie-Honesty-UI.git
synced 2025-04-20 09:46:53 +00:00
commit
e5d7909622
9
src/lib/components/navbar.svelte
Normal file
9
src/lib/components/navbar.svelte
Normal file
@ -0,0 +1,9 @@
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<section>
|
||||
<nav>
|
||||
|
||||
</nav>
|
||||
</section>
|
62
src/routes/getPost/+page.svelte
Normal file
62
src/routes/getPost/+page.svelte
Normal file
@ -0,0 +1,62 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<section>
|
||||
<div class="text-center mt-10">
|
||||
<h1 class="text-3xl font-bold">Honesty</h1>
|
||||
<p class="text-sm font-bold">by Fishie</p>
|
||||
</div>
|
||||
|
||||
<div class=" container flex justify-center items-center mt-20 mb-10">
|
||||
<div class="card w-96 bg-base-100 shadow-xl">
|
||||
<div class="card-body bg-red-600 p-10 rounded-lg">
|
||||
<div class="avatar">
|
||||
<div class="w-20 rounded-full">
|
||||
<img
|
||||
src="https://plus.unsplash.com/premium_photo-1679596990314-7296548d8acb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"
|
||||
alt="profile pic"
|
||||
/>
|
||||
<div />
|
||||
</div>
|
||||
<h1 class="mr-10">@Username</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="flex items-center justify-center my-10">
|
||||
<div class="card w-96 bg-base-100 shadow-xl">
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">@Username</h2>
|
||||
<p class="text-gray-500">lorem ipsum something</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class='mb-10'>
|
||||
<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>
|
||||
|
||||
|
||||
<div class="flex justify-center items-center">
|
||||
<!-- i will change all buttons colours to match scheme during debugging -->
|
||||
<button class="btn btn-secondary">
|
||||
Share
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
42
src/routes/posting/+page.svelte
Normal file
42
src/routes/posting/+page.svelte
Normal file
@ -0,0 +1,42 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<section>
|
||||
<div class="text-center mt-10">
|
||||
<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="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>
|
Loading…
x
Reference in New Issue
Block a user