← back to Wallpapercontractor
views/partials/head.ejs
60 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title><%= title || (site.name + ' — ' + site.tagline) %></title>
<meta name="description" content="<%= description || site.description %>">
<meta property="og:image" content="https://wallpapercontractor.com/hero-bg.jpg">
<link rel="canonical" href="https://<%= site.domain %><%= typeof canonicalPath !== 'undefined' ? canonicalPath : '/' %>">
<meta property="og:type" content="website">
<meta property="og:site_name" content="<%= site.name %>">
<meta property="og:title" content="<%= title || (site.name + ' — ' + site.tagline) %>">
<meta property="og:description" content="<%= description || site.description %>">
<meta property="og:url" content="https://<%= site.domain %>/">
<meta name="theme-color" content="#0e1c26">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&display=swap">
<link rel="stylesheet" href="/css/styles.css">
<script>
(function(){
try {
var t = localStorage.getItem('wpc-theme');
if (t === 'light' || (t == null && window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches)) {
document.documentElement.setAttribute('data-theme','light');
}
} catch(e){}
})();
</script>
<!-- GA4 gtag (auto) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=<%= site.ga_id %>"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '<%= site.ga_id %>');
</script>
<!-- /GA4 gtag -->
</head>
<body>
<header class="site-header">
<div class="wrap header-row">
<a class="brand" href="/">
<span class="brand-mark" aria-hidden="true">
<span class="brand-mark-w">W</span><span class="brand-mark-c">c</span>
</span>
<span class="brand-name"><%= site.name %></span>
</a>
<nav class="site-nav">
<a href="/">Directory</a>
<a href="/about">About</a>
<a href="mailto:<%= site.email %>">Contact</a>
</nav>
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme" title="Toggle dark/light">
<span class="moon">☽</span><span class="sun">☀</span>
</button>
</div>
</header>