Add helper function to find page-specific CSS files Add CSS loading to base template Update rendering functions to include page CSS Update router to include page CSS for static pages
34 lines
610 B
CSS
34 lines
610 B
CSS
/* Page-specific styles for homepage */
|
|
|
|
.hero {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
padding: 1rem .4rem;
|
|
background-color: oklch(0.85 0.05 250);
|
|
min-height: 40vh;
|
|
text-align: center;
|
|
}
|
|
|
|
.hero h1 {
|
|
font-size: clamp(2.5rem, 6vw, 4rem);
|
|
margin: 0;
|
|
}
|
|
|
|
.cta-section {
|
|
background: linear-gradient(135deg, oklch(0.65 0.15 250), oklch(0.50 0.12 250));
|
|
padding: 2rem 1rem;
|
|
margin-top: 3rem;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
|
|
.cta-section p {
|
|
color: white;
|
|
font-size: clamp(1.1rem, 3vw, 1.3rem);
|
|
}
|
|
|
|
.cta-content {
|
|
max-width: 42rem;
|
|
margin: 0 auto;
|
|
}
|