97 lines
No EOL
2.6 KiB
HTML
97 lines
No EOL
2.6 KiB
HTML
{{ define "main" }}
|
|
<div class="content-wrapper">
|
|
{{ .Content }}
|
|
</div>
|
|
|
|
<style>
|
|
.content-wrapper h2 {
|
|
color: #f7931a;
|
|
font-size: 2rem;
|
|
margin: 2rem 0 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.content-wrapper h3 {
|
|
color: #f7931a;
|
|
font-size: 1.5rem;
|
|
margin: 1.5rem 0 1rem;
|
|
}
|
|
|
|
.content-wrapper h4 {
|
|
color: #f7931a;
|
|
font-size: 1.25rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.content-wrapper p {
|
|
max-width: 800px;
|
|
margin: 0 auto 1rem;
|
|
font-size: 1.1rem;
|
|
color: #ccc;
|
|
text-align: center;
|
|
}
|
|
|
|
.content-wrapper strong {
|
|
color: #fff;
|
|
}
|
|
|
|
.content-wrapper a {
|
|
color: #f7931a;
|
|
text-decoration: none;
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
.content-wrapper a:hover {
|
|
color: #ff9500;
|
|
}
|
|
|
|
/* Card styling for section content */
|
|
.content-wrapper > h3 + p {
|
|
background: #111;
|
|
padding: 2rem;
|
|
border-radius: 10px;
|
|
box-shadow: 0 2px 10px rgba(255,255,255,0.1);
|
|
text-align: center;
|
|
}
|
|
|
|
/* Special styling for sections with multiple h4 elements */
|
|
.content-wrapper h3[id="meetup-info"],
|
|
.content-wrapper h3[id="get-involved"] {
|
|
text-align: center;
|
|
}
|
|
|
|
.content-wrapper h3[id="meetup-info"] ~ h4,
|
|
.content-wrapper h3[id="get-involved"] ~ h4 {
|
|
background: #111;
|
|
padding: 2rem;
|
|
border-radius: 10px;
|
|
box-shadow: 0 2px 10px rgba(255,255,255,0.1);
|
|
text-align: center;
|
|
margin: 2rem auto;
|
|
max-width: 400px;
|
|
}
|
|
|
|
.content-wrapper h3[id="meetup-info"] ~ h4 h4,
|
|
.content-wrapper h3[id="get-involved"] ~ h4 h4 {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* Questionnaire button styling */
|
|
.content-wrapper a[href*="google.com/forms"] {
|
|
display: inline-block;
|
|
background: white;
|
|
color: #f7931a;
|
|
padding: 1rem 2rem;
|
|
text-decoration: none;
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.content-wrapper a[href*="google.com/forms"]:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
|
}
|
|
</style>
|
|
{{ end }} |