mirror of
https://github.com/WhoIsFishie/Fishie-Honesty-UI.git
synced 2025-06-05 08:06:22 +00:00
Bio
This commit is contained in:
parent
e5d7909622
commit
e01d1c929f
47
src/routes/bio/+page.svelte
Normal file
47
src/routes/bio/+page.svelte
Normal file
@ -0,0 +1,47 @@
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<section>
|
||||
<div class="text-center mt-5">
|
||||
<h1 class="text-3xl font-bold">Honesty</h1>
|
||||
<p class="text-sm font-bold">by Fishie</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-center mt-20">
|
||||
<!-- if you wanna show the user is offline, change the classname to offline using jscript -->
|
||||
<div class="avatar online">
|
||||
<div class="w-20 rounded-full">
|
||||
<!-- 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" />
|
||||
</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">Bio</h2>
|
||||
<p class="text-gray-500">lorem ipsum something</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<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="Twitch" 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="Twitter" class="input w-full max-w-xs" />
|
||||
<input type="text" placeholder="Tik Tok" class="input w-full max-w-xs" />
|
||||
<input type="text" placeholder="SnapChat" class="input w-full max-w-xs" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
@ -28,9 +28,9 @@
|
||||
|
||||
<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" />
|
||||
<div class="form-control">
|
||||
<label class="label cursor-pointer">
|
||||
<input type="checkbox" checked class="checkbox" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user