rob/entretien
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: blurb on login page

Browse source
This commit is contained in:
Robert Perce 2026-06-01 01:29:44 -05:00
parent ed8a5dae9c
commit edcab054b5
2 changed files with 46 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/web/auth.rs
View file

@ -92,14 +92,21 @@ mod get {
} }
body hx-ext="response-targets" { body hx-ext="response-targets" {
h1 { "Entretien" } h1 { "Entretien" }
form hx-post=(post_url) hx-target-error="#error" x-data=(json!({"user": state.autologin_user, "pass": state.autologin_pass, "htmx": false})) "x-on:htmx:load.document"="htmx = true" hx-trigger=(if state.autologin_pass.is_empty() { "submit" } else { "load" }) { main {
label for="username" { "username" } form hx-post=(post_url) hx-target-error="#error" x-data=(json!({"user": state.autologin_user, "pass": state.autologin_pass, "htmx": false})) "x-on:htmx:load.document"="htmx = true" hx-trigger=(if state.autologin_pass.is_empty() { "submit" } else { "load" }) {
input name="username" #username autofocus x-model="user" x-cloak; label for="username" { "username" }
label for="password" { "password" } input name="username" #username autofocus x-model="user" x-cloak;
input name="password" #password type="password" x-model="pass" x-cloak; label for="password" { "password" }
input name="password" #password type="password" x-model="pass" x-cloak;
input type="submit" value="login" x-bind:disabled="!(user.length && pass.length && htmx)" hx-disabled-elt; input type="submit" value="login" x-bind:disabled="!(user.length && pass.length && htmx)" hx-disabled-elt;
#error {} #error {}
}
#blurb {
p { "Task manager for repeating tasks like home maintenance." }
p { "Try " code { "demo" } " for both username and password to try it out." }
p { "Contact me if you want an account!" }
}
} }
} }
} }

32
static/login.css
View file

@ -1,11 +1,16 @@
body { body {
padding-top: 2em; padding-top: 2em;
font-family: sans-serif; font-family: sans-serif;
max-width: 600px;
margin: auto;
} }
form { form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: fit-content;
padding: 1em;
width: 60%;
} }
@ -18,3 +23,30 @@ h1 {
font-weight: bold; font-weight: bold;
margin-bottom: 2em; margin-bottom: 2em;
} }
main {
display: flex;
flex-direction: row;
gap: 1em;
height: fit-content;
}
#blurb {
border: 1px solid var(--line-color);
border-radius: var(--input-border-radius);
padding: 1em;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 1.5em;
height: fit-content;
width: 40%;
code {
font-family: monospace;
font-size: 115%;
}
}