docs(web): use a colon in public document titles

Match Linux and drop the em dash from browser, Open Graph, and Twitter titles.

Author: jatinkrmalik

web/content/_index.md

@@ -1,5 +1,5 @@
 ---
-title: "VocaMac — native voice typing for macOS"
+title: "VocaMac: native voice typing for macOS"
 description: "Native voice typing for macOS. Hold a hotkey, speak, and text appears at your cursor — transcribed by a Whisper model running on your own Mac. Free and open source."
 keywords: "voice to text macOS, on-device dictation, speech to text mac, whisperkit, coreml speech recognition, push to talk mac, open source dictation, privacy voice typing, apple silicon voice recognition"
 ---

web/hugo.toml

@@ -1,6 +1,6 @@
 baseURL = "https://vocamac.com/"
 locale = "en-us"
-title = "VocaMac — native voice typing for macOS"
+title = "VocaMac: native voice typing for macOS"
 
 [params]
   description = "Native voice typing for macOS. Hold a hotkey, speak, and text appears at your cursor — transcribed by a Whisper model running on your own Mac. Free and open source."

web/layouts/partials/head.html

@@ -1,5 +1,5 @@
 {{- $p := hugo.Data.product -}}
-{{- $title := cond .IsHome "VocaMac — native voice typing for macOS, transcribed on your Mac" (printf "%s | VocaMac" .Title) -}}
+{{- $title := cond .IsHome "VocaMac: native voice typing for macOS" (printf "%s | VocaMac" .Title) -}}
 {{- $description := cond (ne .Params.description nil) .Params.description site.Params.description -}}
 {{- /* absURL, not a hardcoded domain string: a literal "https://vocamac.com/..."
    can't follow a --baseURL override, so a Netlify preview build kept
@@ -29,7 +29,7 @@
     <meta property="og:image:type" content="image/png">
     <meta property="og:image:width" content="1200">
     <meta property="og:image:height" content="630">
-    <meta property="og:image:alt" content="VocaMac — native voice typing for macOS">
+    <meta property="og:image:alt" content="VocaMac: native voice typing for macOS">
     <meta property="og:site_name" content="VocaMac">
     <meta property="og:locale" content="en_US">
 
@@ -38,7 +38,7 @@
     <meta name="twitter:title" content="{{ $title }}">
     <meta name="twitter:description" content="{{ $description }}">
     <meta name="twitter:image" content="{{ $ogImage }}">
-    <meta name="twitter:image:alt" content="VocaMac — native voice typing for macOS">
+    <meta name="twitter:image:alt" content="VocaMac: native voice typing for macOS">
     <meta name="twitter:creator" content="{{ site.Params.twitterHandle }}">
 
     <link rel="stylesheet" href="/style.css">

web/static/og-image.svg

@@ -36,7 +36,7 @@ function pngDimensions(buffer) {
 }
 
 test("renders a complete VocaMac homepage", () => {
-  assert.match(index, /<title>VocaMac — native voice typing for macOS, transcribed on your Mac<\/title>/);
+  assert.match(index, /<title>VocaMac: native voice typing for macOS<\/title>/);
   assert.equal((index.match(/<h1\b/g) ?? []).length, 1);
   assert.match(index, /<main id="main">/);
   assert.match(index, /class="skip-link" href="#main"/);