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>
<summary>guestbook</summary>
<pre set:html={[
...guestbookEntries.map(e => `<span class="muted">${formatDate(e.createdAt)}</span> ${e.url ? `<a href="${e.url}">${e.name}</a>` : e.name}: ${e.message}`),
'',
'<a href="#" id="sign-guestbook">sign</a><span id="guestbook-status"></span>'
].join('\n')} />
<div class="guestbook-entries">
{guestbookEntries.map(e => (
<div class="guestbook-entry">
<span class="date">{formatDate(e.createdAt)}</span>
<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>
<script>

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

@ -46,3 +46,23 @@ summary::-webkit-details-marker {
details pre {
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;
}