dnoulet/go-tell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

build and ready for demo

Browse source 
login screen
This commit is contained in:
Daniel Noulet 2026-09-19 17:33:44 +02:00
parent 0ae2dc3888
commit 6af2853faa
33 changed files with 2020 additions and 1221 deletions
Download patch file Download diff file Expand all files Collapse all files

73
ui/app/src/styles.css
View file

@ -58,6 +58,7 @@ p { line-height: 1.65; }
.content-card h2 a { color: #f5e0e8; text-decoration: none; }
.content-card h2 a:hover, .read-link:hover { color: #89b4fa; }
.content-card p { color: #a6adc8; margin: 0 0 18px; }
.content-card .content-meta { margin-top: -8px; color: #7f849c; font-size: .82rem; }
.status { display: inline-block; color: #94e2d5; background: #193d3a; border-radius: 999px; padding: 4px 9px; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.read-link, .back-link { color: #89b4fa; font-weight: 650; text-decoration: none; }
.list-status { text-align: center; min-height: 54px; padding: 14px; }
@ -82,6 +83,78 @@ p { line-height: 1.65; }
.actions .secondary-button { margin: 0; background: #45475a; color: #cdd6f4; }
.inline-button { margin-top: 22px; }
.protected-card { text-align: center; }
.terminal-backdrop {
position: fixed;
z-index: 20;
inset: 0;
display: grid;
place-items: center;
padding: 24px;
background: #000000b8;
backdrop-filter: blur(3px);
}
.terminal-window {
width: min(100%, 620px);
overflow: hidden;
border: 1px solid #4d4d4d;
border-radius: 8px;
background: #000;
color: #fff;
box-shadow: 0 24px 90px #000;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.terminal-titlebar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 14px;
color: #fff;
background: #252525;
border-bottom: 1px solid #454545;
font-size: .82rem;
}
.terminal-close {
border: 0;
color: #fff;
background: transparent;
cursor: pointer;
font-size: 1.35rem;
line-height: 1;
}
.terminal-close:hover { color: #ff6b6b; }
.terminal-body { display: grid; gap: 14px; padding: 24px; }
.terminal-body p { margin: 0; line-height: 1.5; }
.terminal-body label {
display: flex;
align-items: center;
gap: 8px;
color: #fff;
font: inherit;
white-space: nowrap;
}
.terminal-prompt { color: #fff; font-weight: 700; }
.terminal-body input {
min-width: 0;
flex: 1;
border: 0;
outline: 0;
padding: 0;
color: #fff;
background: #000;
font: inherit;
}
.terminal-body input::placeholder { color: #777; }
.terminal-submit {
justify-self: start;
border: 0;
padding: 0;
color: #fff;
background: transparent;
font: inherit;
cursor: pointer;
}
.terminal-submit:hover { color: #a6e3a1; }
.terminal-error { color: #ff6b6b; }
html[data-theme="light"] {
color: #4c4f69;
background: #eff1f5;