lew/guestbook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: update to defaults, less assumptions about layout

Browse source
This commit is contained in:
Lewis Wynne 2026-04-28 00:30:08 +01:00
parent 1d993fb6cc
commit 6bbdb50ab8
7 changed files with 113 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

38
templates/default.css
View file

@ -1,7 +1,10 @@
/* Page container */
body {
margin: 0;
line-height: 1.5;
}
.page-container {
max-width: 70ch;
margin: 0 auto;
padding: 1rem;
word-wrap: break-word;
}
@ -13,22 +16,28 @@
}
.guestbook-form {}
.guestbook-label {
display: block;
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.guestbook-input {
display: block;
margin-bottom: 0.5em;
margin-bottom: 0.2em;
}
.guestbook-textarea {
display: block;
box-sizing: border-box;
max-width: 100%;
margin-bottom: 0.5em;
margin-bottom: 0.2em;
}
.guestbook-button {
display: block;
margin-top: 1em;
margin-bottom: 1.5em;
}
/* Drawings */
@ -47,7 +56,6 @@
}
.guestbook-drawing-wrap {
display: block;
margin-bottom: 0.5em;
}
.guestbook-drawing-inline a {
cursor: pointer;
@ -57,7 +65,6 @@
}
.guestbook-drawing-content {
display: block;
margin-bottom: 0.5em;
}
.guestbook-swatch {
display: inline-block;
@ -84,7 +91,6 @@
/* Voice notes */
.guestbook-voice-wrap {
display: block;
margin-bottom: 0.5em;
}
.guestbook-voice-record.recording {
color: red;
@ -101,19 +107,21 @@
}
audio {
display: block;
margin-bottom: 0.3em;
height: 2em;
}
/* Entries */
.entry {
margin: 0.5em 0;
.entries {
margin: 0;
line-height: 1;
}
.entry-header {
margin-bottom: 0.2em;
.entries dt:not(:first-child) {
margin-top: 0.5rem;
}
.entry-date {}
.entry-name {}
.entry-name {
font-weight: bold;
}
.entry-website {}
.entry-body {
white-space: pre-wrap;

6
templates/default.html
View file

@ -30,14 +30,12 @@
</head>
<body>
<div class="page-container">
{{title}}
=========
<h1>{{title}}</h1>
{{prompt}}
{{form}}
entries
=======
<h1>entries</h1>
{{entries}}
</div>
</body>