sirlilpanda/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated style on guest book

Browse Source
This commit is contained in:
panda
2026-07-30 22:44:34 +12:00
parent 52fd67721f
commit ad980f5349
1 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/index.astro
View File

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