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

feat: tweaks to guestbook messages after port

Browse source
This commit is contained in:
Lewis Wynne 2026-01-23 05:23:01 +00:00
parent 6d7f022230
commit 920bb7bbeb
2 changed files with 29 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
apps/blog/src/pages/index.astro
View file

@ -89,11 +89,15 @@ function extractDomain(url: string): string {
<details open> <details open>
<summary>guestbook</summary> <summary>guestbook</summary>
<pre set:html={[ <div class="guestbook-entries">
...guestbookEntries.map(e => `<span class="muted">${formatDate(e.createdAt)}</span> ${e.url ? `<a href="${e.url}">${e.name}</a>` : e.name}: ${e.message}`), {guestbookEntries.map(e => (
'', <div class="guestbook-entry">
'<a href="#" id="sign-guestbook">sign</a><span id="guestbook-status"></span>' <span class="date">{formatDate(e.createdAt)}</span>
].join('\n')} /> <span set:html={`${e.url ? `<a href="${e.url}">${e.name}</a>` : e.name}: ${e.message}`} />
</div>
))}
</div>
<pre class="guestbook-sign"><a href="#" id="sign-guestbook">sign</a><span id="guestbook-status"></span></pre>
</details> </details>
<script> <script>

20
apps/blog/src/styles/global.css
View file

@ -46,3 +46,23 @@ summary::-webkit-details-marker {
details pre { details pre {
margin: 0; margin: 0;
} }
.guestbook-entries {
font-family: monospace;
white-space: pre-wrap;
}
.guestbook-entry {
display: grid;
grid-template-columns: auto 1fr;
gap: 0 4ch;
}
.guestbook-entry .date {
color: #888;
}
.guestbook-sign {
font-family: monospace;
white-space: pre;
}