`views/partials/head.ejs`

66 lines
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><%= typeof title !== 'undefined' ? title : 'Ventura Claw' %></title>
  <%
    var _metaDesc = (typeof metaDescription !== 'undefined' && metaDescription)
      ? metaDescription
      : 'Ventura Claw — directory and lead-routing service for small businesses on Ventura Blvd.';
    var _canonicalBase = (typeof publicUrl !== 'undefined' && publicUrl) ? publicUrl.replace(/\/+$/, '') : 'https://venturaclaw.com';
    // Canonical priority: explicit canonicalPath (route override) > path (req.path).
    // Routes with meaningful query params (filters, pagination) should pass
    // canonicalPath so Google indexes each filter combination separately
    // instead of folding them all under the bare /find canonical.
    var _canonicalRel = (typeof canonicalPath === 'string' && canonicalPath)
      ? canonicalPath
      : (typeof path === 'string' ? path : '/');
    var _canonicalUrl = _canonicalBase + _canonicalRel;
  %>
  <meta name="description" content="<%= _metaDesc %>">
  <link rel="canonical" href="<%= _canonicalUrl %>">
  <% if (typeof prevUrl !== 'undefined' && prevUrl) { %>
    <link rel="prev" href="<%= prevUrl %>">
  <% } %>
  <% if (typeof nextUrl !== 'undefined' && nextUrl) { %>
    <link rel="next" href="<%= nextUrl %>">
  <% } %>
  <% if (typeof alternateJsonUrl !== 'undefined' && alternateJsonUrl) { %>
    <link rel="alternate" type="application/json" href="<%= alternateJsonUrl %>" title="JSON results">
  <% } %>
  <meta property="og:type" content="website">
  <meta property="og:url" content="<%= _canonicalUrl %>">
  <meta property="og:site_name" content="Ventura Claw">
  <meta property="og:title" content="<%= typeof title !== 'undefined' ? title : 'Ventura Claw' %>">
  <meta property="og:description" content="<%= _metaDesc %>">
  <% if (typeof ogImage !== 'undefined' && ogImage) { %>
    <meta property="og:image" content="<%= ogImage %>">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="<%= ogImage %>">
    <meta name="twitter:title" content="<%= typeof title !== 'undefined' ? title : 'Ventura Claw' %>">
    <meta name="twitter:description" content="<%= _metaDesc %>">
  <% } else { %>
    <meta name="twitter:card" content="summary">
  <% } %>
  <meta name="theme-color" content="#0e0e0e">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="/css/theme.css">
  <link rel="stylesheet" href="/css/public.css">
  <script>
    (function(){
      try {
        var t = localStorage.getItem('vcl-theme');
        if (!t) t = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
        document.documentElement.setAttribute('data-theme', t);
      } catch (e) {}
    })();
  </script>
  <script src="/js/theme-toggle.js" defer></script>
</head>
<body>