← back to Petitionyour
views/partials/head.ejs
35 lines
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
(function(){try{var t=localStorage.getItem('theme');if(!t){t=window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();
</script>
<title><%= typeof title !== 'undefined' && title ? title + ' — Petition Your Representatives' : 'Petition Your Representatives — petitionyour.org' %></title>
<meta name="description" content="<%= typeof description !== 'undefined' && description ? description : 'Start a petition, gather real signatures, and find your elected representatives — free, transparent, and built for civic action.' %>">
<meta name="theme-color" content="#f7f5ef" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0d1420" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="/css/site.css">
</head>
<body>
<a href="#main" class="skip-link">Skip to content</a>
<header class="site-header" id="top">
<div class="wrap header-inner">
<a href="/" class="brand">
<span class="brand-mark" aria-hidden="true">☰</span>
Petition<span class="brand-accent">Your</span>
</a>
<nav class="site-nav">
<a href="/">Browse</a>
<a href="/petitions/new">Start a Petition</a>
<a href="/find-reps">Find Your Reps</a>
<button type="button" id="theme-toggle" class="theme-toggle" aria-label="Toggle dark mode" aria-pressed="false" title="Toggle dark / light">
<svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>
<svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12.79A9 9 0 1 1 11.21 3a7 7 0 0 0 9.79 9.79z"/></svg>
</button>
</nav>
</div>
</header>
<main id="main">