dockerfiles/Fishie-Honesty-UI
1
0
Fork 0
mirror of https://github.com/WhoIsFishie/Fishie-Honesty-UI.git synced 2025-04-20 01:36:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #16 from Elgius/main

Browse Source 
navbar Spam
This commit is contained in:
Elgius 2023-04-17 22:17:09 +05:00 committed by GitHub
commit e13fc0d930
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 125 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/components/navbar.svelte
View File

@ -1,17 +1,16 @@
<script> <script>
import Icon from 'svelte-icons-pack/Icon.svelte' import Icon from 'svelte-icons-pack/Icon.svelte';
import BiArrowBack from "svelte-icons-pack/bi/BiArrowBack"; import BiArrowBack from 'svelte-icons-pack/bi/BiArrowBack';
import BiSolidHome from "svelte-icons-pack/bi/BiSolidHome"; import BiSolidHome from 'svelte-icons-pack/bi/BiSolidHome';
import BsPerson from "svelte-icons-pack/bs/BsPerson"; import BsPerson from 'svelte-icons-pack/bs/BsPerson';
</script> </script>
<div class='border border-black rounded-lg'> <div class="border border-black rounded-lg">
<div class="p-2"> <div class="p-2">
<ul class="flex flex-row gap-2 items-center justify-between"> <ul class="flex flex-row gap-2 items-center justify-between">
<li><Icon src ={BiArrowBack} size={20} /></li> <li><Icon src={BiArrowBack} size={20} /></li>
<li><Icon src={BiSolidHome} size={20} /></li> <li><Icon src={BiSolidHome} size={20} /></li>
<li><Icon src={BsPerson} size={20} /></li> <li><Icon src={BsPerson} size={20} /></li>
</ul> </ul>
</div> </div>
</div> </div>

6
src/routes/account/+page.svelte
View File

@ -1,4 +1,5 @@
<script> <script>
import Navbar from '../../lib/components/navbar.svelte';
</script> </script>
<section> <section>
@ -44,5 +45,10 @@
</div> </div>
</div> </div>
</div> </div>
<footer class="justify-items-end">
<div class="container mt-20">
<Navbar />
</div>
</footer>
</div> </div>
</section> </section>

84
src/routes/bio/+page.svelte
View File

@ -1,52 +1,56 @@
<script> <script>
import Navbar from '../../lib/components/navbar.svelte';
</script> </script>
<section> <section>
<div class="text-center mt-5"> <div class="text-center mt-5">
<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> <p class="text-sm font-bold">by Fishie</p>
</div> </div>
<div class="flex items-center justify-center mt-20"> <div class="flex items-center justify-center mt-20">
<!-- if you wanna show the user is offline, change the classname to offline using jscript --> <!-- if you wanna show the user is offline, change the classname to offline using jscript -->
<div class="avatar online"> <div class="avatar online">
<div class="w-20 rounded-full"> <div class="w-20 rounded-full">
<!-- there is an issuee here that i will definetly deal with later....hopefully --> <!-- there is an issuee here that i will definetly deal with later....hopefully -->
<img src='https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80' alt="profile pic" /> <img
</div> src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80"
</div> alt="profile pic"
</div> />
</div>
</div>
</div>
<div class="container"> <div class="container">
<div class="flex items-center justify-center my-10"> <div class="flex items-center justify-center my-10">
<div class="card w-96 bg-base-100 shadow-xl"> <div class="card w-96 bg-base-100 shadow-xl">
<div class="card-body"> <div class="card-body">
<h2 class="card-title">Bio</h2> <h2 class="card-title">Bio</h2>
<p class="text-gray-500">lorem ipsum something</p> <p class="text-gray-500">lorem ipsum something</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<div class="flex justify-center items-center flex-col gap-1"> <div class="flex justify-center items-center flex-col gap-1">
<input type="text" placeholder="Youtube" class="input w-full max-w-xs" /> <input type="text" placeholder="Youtube" class="input w-full max-w-xs" />
<input type="text" placeholder="Twitch" class="input w-full max-w-xs" /> <input type="text" placeholder="Twitch" class="input w-full max-w-xs" />
<input type="text" placeholder="Instagram" class="input w-full max-w-xs" /> <input type="text" placeholder="Instagram" class="input w-full max-w-xs" />
<input type="text" placeholder="Discord" class="input w-full max-w-xs" /> <input type="text" placeholder="Discord" class="input w-full max-w-xs" />
<input type="text" placeholder="Twitter" class="input w-full max-w-xs" /> <input type="text" placeholder="Twitter" class="input w-full max-w-xs" />
<input type="text" placeholder="TikTok" class="input w-full max-w-xs" /> <input type="text" placeholder="TikTok" class="input w-full max-w-xs" />
<input type="text" placeholder="SnapChat" class="input w-full max-w-xs" /> <input type="text" placeholder="SnapChat" class="input w-full max-w-xs" />
</div> </div>
</div> </div>
<div class="flex justify-center items-center"> <div class="flex justify-center items-center">
<button class='btn btn-secondary'> <button class="btn btn-secondary"> save </button>
save </div>
</button>
</div>
<footer class="justify-items-end">
</section> <div class="container mt-20">
<Navbar />
</div>
</footer>
</section>

8
src/routes/feed/+page.svelte
View File

@ -1,4 +1,5 @@
<script> <script>
import Navbar from '../../lib/components/navbar.svelte';
</script> </script>
<section> <section>
@ -47,4 +48,11 @@
</div> </div>
</div> </div>
</div> </div>
<footer>
<div class="container mt-10">
<Navbar />
</div>
</footer>
</section> </section>

63
src/routes/getPost/+page.svelte
View File

@ -1,4 +1,5 @@
<script> <script>
import Navbar from '../../lib/components/navbar.svelte';
</script> </script>
<section> <section>
@ -24,39 +25,37 @@
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<div class="flex items-center justify-center my-10"> <div class="flex items-center justify-center my-10">
<div class="card w-96 bg-base-100 shadow-xl"> <div class="card w-96 bg-base-100 shadow-xl">
<div class="card-body"> <div class="card-body">
<h2 class="card-title">@Username</h2> <h2 class="card-title">@Username</h2>
<p class="text-gray-500">lorem ipsum something</p> <p class="text-gray-500">lorem ipsum something</p>
</div> </div>
</div> </div>
</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>
<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>
<footer>
<div class="container mt-10">
<Navbar />
</div>
</footer>
</section> </section>

41
src/routes/posting/+page.svelte
View File

@ -1,13 +1,14 @@
<script> <script>
import Navbar from '../../lib/components/navbar.svelte';
</script> </script>
<section> <section>
<div class="text-center mt-10"> <div class="text-center mt-10">
<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> <p class="text-sm font-bold">by Fishie</p>
</div> </div>
<div class='mt-40 mb-10'> <div class="mt-40 mb-10">
<div class="flex justify-center items-center"> <div class="flex justify-center items-center">
<textarea <textarea
placeholder="Post contents here" placeholder="Post contents here"
@ -18,25 +19,31 @@
<div class="flex justify-center items-center"> <div class="flex justify-center items-center">
<div class="rating"> <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" />
<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" 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" /> <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>
<div class="flex justify-center items-center flex-col mt-40"> <div class="flex justify-center items-center flex-col mt-40">
<p>anon</p> <p>anon</p>
<div class="form-control"> <div class="form-control">
<label class="label cursor-pointer"> <label class="label cursor-pointer">
<input type="checkbox" checked class="checkbox" /> <input type="checkbox" checked class="checkbox" />
</label> </label>
</div> </div>
</div> </div>
<div class="flex justify-center items-center my-10"> <div class="flex justify-center items-center my-10">
<div class="btn btn-secondary"> <div class="btn btn-secondary">
<button>Submit</button> <button>Submit</button>
</div>
</div> </div>
</div>
<footer>
<div class="container mt-5">
<Navbar />
</div>
</footer>
</section> </section>