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

Merge pull request #5 from Elgius/main

Browse Source 
4 pages done, speed run still going on
This commit is contained in:
Elgius 2023-04-08 14:16:13 +05:00 committed by GitHub
commit 9962ac65a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 99 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package-lock.json generated
View File

@ -1,3 +1,4 @@
{
"name": "myapp",
"version": "0.0.1",

51
src/routes/account/+page.svelte Normal file
View File

@ -0,0 +1,51 @@
<script>
</script>
<section>
<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 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="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 again and asdadadadasdadsadsadasdadnadadada
</p>
</div>
</div>
</div>
</div>
</div>
</section>

47
src/routes/mainPage/+page.svelte Normal file
View File

@ -0,0 +1,47 @@
<script>
</script>
<section>
<div class="container">
<div class="flex justify-center items-center flex-col my-10">
<h1 class="text-5xl font-bold">Honesty</h1>
<p class="text-sm fint-bold">by fishie</p>
</div>
</div>
<div class="flex justify-center items-center mt-30 mb-20">
<div class="avatar">
<div class="w-60 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2">
<img src="https://images.unsplash.com/photo-1578507065211-1c4e99a5fd24?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80" alt="sample image" />
</div>
</div>
</div>
<div class="flex items-center justify-center">
<div class="form-control w-full max-w-xs">
<label class="label">
<span class="label-text">What is your Username?</span>
</label>
<input type="text" placeholder="@UserName" class="input input-bordered w-full max-w-xs" />
<label class="label">
<span class="label-text-alt text-green-500 text-xl">Username is available</span>
</label>
</div>
</div>
<div class='container'>
<div class="flex items-center justify-center mt-10">
<button class="btn btn-secondary">
Submit
</button>
</div>
</div>
</section>
<style>
.container {
max-width: 640px;
margin: 0 auto;
}
</style>