updated style on guest book

This commit is contained in:
2026-07-30 22:44:34 +12:00
parent 52fd67721f
commit ad980f5349

View File

@@ -39,9 +39,6 @@ const posts = (await getCollection('blog')).sort(
(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
);
---
<!doctype html>
@@ -82,10 +79,10 @@ const posts = (await getCollection('blog')).sort(
</a>
</div>
<ul class="lastest-guestbook-logs">
<h3>consider adding to the <a href="/guestBook">guestbook</a></h3>
<h5>heres what others had to say already</h5>
<ul class="lastest-guestbook-logs">
<hr/>
{
guest_logs.map((log) => (
<li>
@@ -93,6 +90,7 @@ const posts = (await getCollection('blog')).sort(
{log.website_link? (<a href={log.website_link}>{log.website_link}</a>) : ""}:</p>
<p class="message">{log.message}</p>
</li>
<hr/>
))
}
</ul>
@@ -201,9 +199,12 @@ const posts = (await getCollection('blog')).sort(
}
.lastest-guestbook-logs {
padding-top: 2em;
border-radius: 2em;
padding: 1em;
background: var(--background-colour);
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
background: var(--guest-book-background);
border-style: solid;
border-color: blanchedalmond;
box-shadow: var(--box-shadow);
@@ -212,23 +213,25 @@ const posts = (await getCollection('blog')).sort(
ul > li {
margin-top: 1em;
border-radius: 1em;
padding-left: 1em;
padding-right: 1em;
border-style: solid;
border-color: blanchedalmond;
transition: 250ms;
background: var(--background-colour);
list-style-type: none;
}
ul > li:hover {
hr {
color: blue;
border-top: 2px solid #1e0ff5;
}
/* ul > li:hover {
transform: translateY(-0.5em);
box-shadow: var(--box-shadow);
}
ul > li:nth-of-type(odd) {
background: var(--main-background-colour);
}
} */
</style>