hobokenchicken/webdev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated site

Browse Source
This commit is contained in:
Dustin Newkirk
2026-02-12 09:27:05 -05:00
parent 7a76d61bd3
commit d01bd46f5c
10 changed files with 2043 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
styles.css
View File

@@ -1271,32 +1271,46 @@ footer a:hover {
transform: translateY(-5px);
}
/* Metric Gauge Refinement */
.gauge {
width: 100px;
height: 100px;
width: 120px; /* Slightly larger */
height: 120px;
border-radius: 50%;
background: conic-gradient(var(--color-secondary) var(--percent), rgba(255,255,255,0.1) 0);
background: conic-gradient(var(--color-secondary) var(--percent), rgba(255,255,255,0.05) 0);
position: relative;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Softer shadow */
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.gauge:hover {
transform: scale(1.1);
}
.gauge::before {
content: attr(data-score);
position: absolute;
width: 84%;
height: 84%;
background-color: var(--color-coffee-dark);
width: 88%; /* Thinner rim */
height: 88%;
background-color: var(--bg-surface); /* Match card surface */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 1.75rem;
color: var(--color-cream);
font-family: var(--font-sans);
font-size: 2.5rem; /* Larger font */
color: var(--color-coffee-dark);
font-family: var(--font-display);
box-shadow: inset 0 2px 10px rgba(0,0,0,0.05); /* Inner depth */
}
@media (prefers-color-scheme: dark) {
.gauge::before {
color: var(--color-gold);
background-color: var(--bg-surface);
}
}
.metric-label {