mirror of
https://github.com/WhoIsFishie/Fishie-Honesty-UI.git
synced 2025-02-22 17:22:14 +00:00
Merge branch 'main' of https://github.com/WhoIsFishie/Fishie-Honesty-UI
This commit is contained in:
commit
13e901316c
9
.build/Dockerfile
Normal file
9
.build/Dockerfile
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
FROM node:18.15.0-alpine3.17
|
||||||
|
|
||||||
|
WORKDIR /root
|
||||||
|
COPY . .
|
||||||
|
|
||||||
|
RUN npm install \
|
||||||
|
&& rm -rf /usr/local/share/.cache
|
||||||
|
|
||||||
|
CMD npm run dev
|
||||||
9
.build/docker-compose.yml
Normal file
9
.build/docker-compose.yml
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
version: '3.5'
|
||||||
|
services:
|
||||||
|
#########################
|
||||||
|
honestyui:
|
||||||
|
build:
|
||||||
|
context: ..
|
||||||
|
dockerfile: .build/Dockerfile
|
||||||
|
hostname: honestyui
|
||||||
|
image: git.shihaam.dev/dockerfiles/fishie-honestyui
|
||||||
21
docker-compose.yml
Normal file
21
docker-compose.yml
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
version: '3.5'
|
||||||
|
services:
|
||||||
|
#########################
|
||||||
|
honestyui:
|
||||||
|
hostname: honestyui
|
||||||
|
image: git.shihaam.dev/dockerfiles/fishie-honestyui
|
||||||
|
ports:
|
||||||
|
- 5173:5173
|
||||||
|
restart: always
|
||||||
|
########################
|
||||||
|
# mongodb:
|
||||||
|
# container_name: mongodb
|
||||||
|
# image: mongo:latest
|
||||||
|
# environment:
|
||||||
|
# MONGO_INITDB_ROOT_USERNAME: root
|
||||||
|
# MONGO_INITDB_ROOT_PASSWORD: example
|
||||||
|
# ports:
|
||||||
|
# - 27017:27017
|
||||||
|
# volumes:
|
||||||
|
# - ./data:/data/db
|
||||||
|
# restart: always
|
||||||
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>
|
||||||
@ -15,10 +15,7 @@
|
|||||||
<div />
|
<div />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1 class="mr-10">
|
<h1 class="mr-10">@Username</h1>
|
||||||
@Username
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
52
src/routes/bio/+page.svelte
Normal file
52
src/routes/bio/+page.svelte
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<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>
|
||||||
|
|
||||||
|
<div class="flex justify-center items-center">
|
||||||
|
<button class='btn btn-secondary'>
|
||||||
|
save
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</section>
|
||||||
50
src/routes/feed/+page.svelte
Normal file
50
src/routes/feed/+page.svelte
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<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-10">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Search"
|
||||||
|
class="input input-bordered input-md w-full max-w-xs rounded-md shadow-xl"
|
||||||
|
/>
|
||||||
|
</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</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</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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>
|
||||||
65
src/routes/leaderboard/+page.svelte
Normal file
65
src/routes/leaderboard/+page.svelte
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<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="mt-10 mb-10 flex justify-center items-center">
|
||||||
|
<p class="text-sm font-bold">Leaderboard</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-col gap-4 items-center justify-center">
|
||||||
|
|
||||||
|
<div class="card w-96 bg-base-100 shadow-xl">
|
||||||
|
<div class="card-body 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 class="card w-96 bg-base-100 shadow-xl">
|
||||||
|
<div class="card-body 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 class="card w-96 bg-base-100 shadow-xl">
|
||||||
|
<div class="card-body 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>
|
||||||
|
</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 class="form-control">
|
||||||
|
<label class="label cursor-pointer">
|
||||||
|
<input type="checkbox" checked class="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