Fixed issue with JS vs. YAML content location, and link styling

This commit is contained in:
Nathan Schneider
2025-11-14 12:27:29 -07:00
parent 847b603734
commit 9bb5739568
15 changed files with 163 additions and 712 deletions

View File

@@ -139,6 +139,19 @@ nav ul li a:hover {
color: var(--danger-color);
}
/* General content link styles */
#content a {
color: var(--dark-color);
text-decoration: underline;
text-decoration-color: var(--accent-color);
text-underline-offset: 2px;
transition: text-decoration-color 0.3s;
}
#content a:hover {
text-decoration-color: var(--dark-color);
}
/* Footer styles */
footer {
padding: 3rem 0;
@@ -150,7 +163,14 @@ footer {
footer a {
color: var(--dark-color);
text-decoration: none;
text-decoration: underline;
text-decoration-color: var(--accent-color);
text-underline-offset: 2px;
transition: text-decoration-color 0.3s;
}
footer a:hover {
text-decoration-color: var(--dark-color);
}
/* Home page styles */
@@ -261,17 +281,9 @@ footer a {
margin-top: 2rem;
}
/* Style links in page content */
/* Style links in page content - inherits from #content a but can be customized */
.page-content a {
color: var(--dark-color);
text-decoration: none;
border-bottom: 1px solid var(--border-color);
padding-bottom: 2px;
transition: border-color 0.3s;
}
.page-content a:hover {
border-color: var(--dark-color);
/* Uses general content link styles from #content a */
}
/* CTA button styling */
@@ -293,6 +305,7 @@ footer a {
font-weight: 600;
font-size: 1.1rem;
border: none !important;
text-decoration: none !important;
transition: transform 0.3s, background-color 0.3s;
}
@@ -306,7 +319,7 @@ footer a {
padding: 0.75rem 1.75rem;
margin: 0.5rem;
border-radius: 0;
text-decoration: none;
text-decoration: none !important;
font-weight: 500;
transition: all 0.3s;
}
@@ -609,7 +622,7 @@ input:checked + .toggle-slider:before {
padding: 10px;
background-color: transparent;
color: var(--dark-color);
text-decoration: none;
text-decoration: none !important;
text-align: center;
border: 1px solid var(--dark-color);
border-radius: 4px;
@@ -786,6 +799,7 @@ input:checked + .toggle-slider:before {
border: none;
padding: 0;
text-align: left;
text-decoration: none !important;
cursor: inherit;
}
@@ -1034,6 +1048,7 @@ textarea {
border: none;
border-radius: 0;
cursor: pointer;
text-decoration: none !important;
transition: all 0.3s;
font-weight: 500;
}