single.html

{{ define "main" }}
{{- $icons := dict
  "apple-silicon-native" "spark"
  "clipboard-preservation" "clipboard"
  "custom-vocabulary" "vocabulary"
  "double-tap-toggle" "hotkey"
  "fully-configurable" "sliders"
  "github-release-updates" "refresh"
  "languages" "globe"
  "launch-at-login" "launch"
  "push-to-talk" "mic"
  "silence-detection" "clock"
  "smart-model-selection" "chip"
  "system-wide-text-injection" "caret"
  "translation" "translate"
  "usage-stats" "chart"
  "visual-feedback" "levels"
-}}
{{- $icon := default "shield" (index $icons .File.ContentBaseName) -}}
<section class="page-hero" aria-labelledby="page-title">
    <div class="shell">
        <a class="back-link" href="/features/"><span class="btn-arrow btn-arrow-back" aria-hidden="true">←</span> All features</a>
        <div class="page-hero-head">
            <span class="page-hero-icon">{{ partial "icon.html" $icon }}</span>
            <div>
                <p class="section-tag">VocaMac feature</p>
                <h1 id="page-title">{{ .Title }}</h1>
                <p>{{ .Params.subtitle }}</p>
            </div>
        </div>
    </div>
</section>
<section class="section">
    <div class="shell doc-layout">
        <article class="prose">
            {{ .Content }}
            <div class="feature-cta">
                <p>Ready to try {{ .Title }}?</p>
                <a class="btn btn-primary" href="/#install">Install VocaMac <span class="btn-arrow btn-arrow-down" aria-hidden="true">↓</span></a>
            </div>
        </article>
        {{ with .TableOfContents }}
        <aside class="doc-aside" aria-label="On this page">
            <div class="doc-aside-inner" data-toc>
                <p class="doc-aside-title">On this page</p>
                {{/* Hugo emits a bare <nav>; name it so it is not an anonymous landmark. */}}
                {{ . | replaceRE `<nav id="TableOfContents">` `<nav id="TableOfContents" aria-label="Sections of this page">` | safeHTML }}
                <a class="text-link doc-aside-link" href="/#install">Install VocaMac <span class="btn-arrow btn-arrow-down" aria-hidden="true">↓</span></a>
            </div>
        </aside>
        {{ end }}
    </div>
</section>
{{ end }}