n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Implement guestbook

Browse Source
This commit is contained in:
Nathan Upchurch
2025-08-14 21:54:26 -05:00
parent 23bee4569d
commit e962fd1ebe
7 changed files with 118 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
public/css/index.css
View File

@ -116,7 +116,7 @@
--transition-normal: all 0.3s;
/* Links */
--link-decoration-thickness: 0.1rem;
--link-decoration-thickness: 0.06rem;
/* Borders */
--border-details: 1px solid var(--color-gray-20);
@ -180,6 +180,29 @@ html {
font-size: 13px;
overflow-y: scroll;
}
input,
textarea {
background-color: var(--background-color);
border: var(--border-details);
border-color: var(--contrast-color);
border-radius: var(--border-radius);
color: var(--text-color);
font-family: var(--font-family);
font-size: var(--step-0);
font-variation-settings: var(--font-variation-default);
margin-block: 0 1lh;
min-height: var(--space-l);
padding: 0 var(--space-3xs);
width: 100%;
&:focus {
box-shadow: 0 0 0 2px var(--contrast-color);
outline: none;
}
}
label {
display: block;
margin-bottom: var(--space-3xs);
}
article:not(.postlist-item) h3 {
margin-bottom: var(--space-s);
margin-top: var(--space-m);
@ -188,12 +211,14 @@ blockquote p {
font-style: italic;
}
blockquote:before {
color: var(--contrast-color);
content: "“";
font-size: 10rem;
margin-left: -4rem;
margin-top: -2rem;
position: fixed;
position: absolute;
filter: opacity(0.15);
z-index: 0;
}
.blogroll {
h2:first-of-type {
@ -294,7 +319,7 @@ ul {
a {
text-decoration-color: var(--contrast-color);
/*text-decoration-thickness: var(--link-decoration-thickness);*/
text-decoration-thickness: var(--link-decoration-thickness);
transition: var(--transition-normal);
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
@ -1043,6 +1068,27 @@ article.post {
}
}
/* Guestbook */
.guestbook-message blockquote {
margin-bottom: var(--space-m);
margin-top: var(--space-3xs);
}
.guestbook-message p {
margin-block: 0 0;
position: relative;
z-index: 1;
}
.guestbook-message p b,
.guestbook-message p small {
font-family: var(--meta-font-family);
font-size: var(--meta-font-size);
font-variation-settings: var(--meta-font-variation-settings);
}
#guestbooks___challenge-answer-container br,
.guestbooks___input-container br {
display: none;
}
/* Add fleuron after <p> in article when footnotes are present */
p:has(+ hr.footnotes-sep):after {
content: "\2766";