131 lines
5.7 KiB
HTML
131 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ if and .Title (ne .Title .Site.Title) }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>
|
|
<meta name="description" content="{{ .Description | default .Site.Params.description }}">
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
|
|
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<nav>
|
|
<a href="/" class="logo">
|
|
<img src="/img/yellow_e2c.png" alt="Exit to Community" />
|
|
</a>
|
|
<button class="mobile-menu-toggle" aria-label="Toggle mobile menu">
|
|
<span class="hamburger-line"></span>
|
|
<span class="hamburger-line"></span>
|
|
<span class="hamburger-line"></span>
|
|
</button>
|
|
<ul class="nav-links">
|
|
<li><a href="/case-studies/">Case Studies</a></li>
|
|
<li><a href="/legal-snippets/">Legal Snippets</a></li>
|
|
<li><a href="/resources/">Resources</a></li>
|
|
<li><a href="/contact/">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="mobile-menu-overlay"></div>
|
|
|
|
<main>
|
|
<div class="container">
|
|
{{ block "main" . }}{{ end }}
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h3>Get occasional updates</h3>
|
|
<div class="newsletter-signup">
|
|
<!-- Action Network Email Subscription Form -->
|
|
<div id="e2c-newsletter-form">
|
|
<link href='https://actionnetwork.org/css/style-embed-v3.css' rel='stylesheet' type='text/css' />
|
|
<script src='https://actionnetwork.org/widgets/v3/form/e2c-website-newsletter-form?format=js&source=widget&clear_id=true'></script>
|
|
<div id='can-form-area-e2c-website-newsletter-form' style='width: 100%'></div>
|
|
|
|
<!-- Fallback for no-JS -->
|
|
<noscript>
|
|
<form class="custom-newsletter-form" action="https://actionnetwork.org/forms/e2c-website-newsletter-form" method="post">
|
|
<div class="form-group">
|
|
<input type="email" name="person[email]" placeholder="Enter your email" required class="email-input">
|
|
<button type="submit" class="subscribe-btn">Subscribe</button>
|
|
</div>
|
|
</form>
|
|
</noscript>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-section">
|
|
<div class="footer-links">
|
|
<p>© {{ now.Year }} <a href="/contact">E2C Collective</a><br />
|
|
In collaboration with <a href="https://www.colorado.edu/lab/medlab/exit-to-community">MEDLab at CU Boulder</a><br />
|
|
This work is licensed under a Creative Commons Attribution 4.0 License</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const mobileMenuToggle = document.querySelector('.mobile-menu-toggle');
|
|
const navLinks = document.querySelector('.nav-links');
|
|
const overlay = document.querySelector('.mobile-menu-overlay');
|
|
const body = document.body;
|
|
|
|
function toggleMenu() {
|
|
const isActive = mobileMenuToggle.classList.contains('active');
|
|
|
|
if (isActive) {
|
|
mobileMenuToggle.classList.remove('active');
|
|
navLinks.classList.remove('active');
|
|
overlay.classList.remove('active');
|
|
body.classList.remove('menu-open');
|
|
} else {
|
|
mobileMenuToggle.classList.add('active');
|
|
navLinks.classList.add('active');
|
|
overlay.classList.add('active');
|
|
body.classList.add('menu-open');
|
|
}
|
|
}
|
|
|
|
function closeMenu() {
|
|
mobileMenuToggle.classList.remove('active');
|
|
navLinks.classList.remove('active');
|
|
overlay.classList.remove('active');
|
|
body.classList.remove('menu-open');
|
|
}
|
|
|
|
if (mobileMenuToggle && navLinks && overlay) {
|
|
mobileMenuToggle.addEventListener('click', toggleMenu);
|
|
|
|
// Close menu when clicking on overlay
|
|
overlay.addEventListener('click', closeMenu);
|
|
|
|
// Close menu when clicking on a link
|
|
const navLinksItems = navLinks.querySelectorAll('a');
|
|
navLinksItems.forEach(link => {
|
|
link.addEventListener('click', closeMenu);
|
|
});
|
|
|
|
// Close menu on escape key
|
|
document.addEventListener('keydown', function(event) {
|
|
if (event.key === 'Escape') {
|
|
closeMenu();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|