1
0
Fork 0
mirror of https://git.sr.ht/~roxwize/mipilin synced 2025-05-15 01:33:06 +00:00

this is the initial commit for my AWESOME website

Signed-off-by: roxwize <rae@roxwize.xyz>
This commit is contained in:
Rae 5e 2024-11-13 22:51:08 -05:00
commit e3c09d7f0d
Signed by: rae
GPG key ID: 5B1A0FAB9BAB81EE
42 changed files with 5710 additions and 0 deletions

56
views/dashboard.pug Normal file
View file

@ -0,0 +1,56 @@
extends site.pug
block head
link(rel="stylesheet", href="/css/dashboard.css")
style
| #content { margin-left: 256px; }
block page
#sidebar
h1 Profile
form#dashboard-profile(action=`/users/${user.name}/edit`, method="post")
textarea(placeholder="bio (max 1024 chars)", maxlength="1024", name="bio", rows=5)= user.bio
input(type="url", name="website", placeholder="website", value=user.website)
button(type="submit") Edit
h1(style="margin-top:1em;") Mood history
ul#dashboard-mood-history
for mood of moodHistory
li
strong= mood.mood
|
| #{mood.date}
block content
if user.moderator
details(style="margin-bottom:1em;")
summary Moderation
p If you're seeing this, you are part of the exclusive club of moderators! You are now entitled to pizza for the rest of your life! And the ability to ban people and create new moods! For FREE!
form#dashboard-update-form(action="/update", method="post", onsubmit="disable(this);")
select(name="mood")
//- Maybe put the index of the mood in the value of the option element
//- so that indexOf (slow) wont have to be used everytime mood is updated
for mood of moodsSorted
option= mood
textarea(name="desc", placeholder="mood description (max 512 chars)", rows="5", maxlength="512")
button(type="submit") Update
h1(style="margin-top:0.5em;") Feed
if recentUpdates.length > 0
#dashboard-feed
for update of recentUpdates
.feed-update
div
a(href=`/users/${update.user}`)= update.user
strong= update.mood
div= update.desc || "[no mood description provided]"
div= update.date
else
span [no updates]
script.
function disable(form) {
const btn = form.querySelector("button");
btn.setAttribute("disabled", true);
setTimeout(() => {
btn.removeAttribute("disabled");
}, 3000)
}