@@ -241,7 +241,7 @@ export default function AlternativesPage() {
key={con}
className="flex items-start gap-2 text-sm text-muted-foreground"
>
-
+
{con}
))}
diff --git a/web/src/app/autostart/page.tsx b/web/src/app/autostart/page.tsx
index 284f442..d1d275a 100644
--- a/web/src/app/autostart/page.tsx
+++ b/web/src/app/autostart/page.tsx
@@ -219,7 +219,7 @@ export default function AutostartPage() {
| {de.autostartMethod} |
{de.supported ? (
-
+
Yes
diff --git a/web/src/app/changelog/page.tsx b/web/src/app/changelog/page.tsx
index 6cdb79f..a5163e4 100644
--- a/web/src/app/changelog/page.tsx
+++ b/web/src/app/changelog/page.tsx
@@ -312,24 +312,24 @@ const getTypeStyles = (type: string) => {
case "stable":
return {
badge:
- "bg-primary/10 text-primary dark:text-[color:var(--terminal-fg)]",
+ "bg-primary/10 text-primary",
label: "Stable",
};
case "beta":
return {
badge:
- "bg-primary/10 text-primary dark:text-primary",
+ "bg-primary/10 text-primary",
label: "Beta",
};
case "alpha":
return {
badge:
- "bg-muted text-muted-foreground dark:text-muted-foreground",
+ "bg-muted text-muted-foreground",
label: "Alpha",
};
default:
return {
- badge: "bg-muted text-zinc-700",
+ badge: "bg-muted text-muted-foreground",
label: type,
};
}
diff --git a/web/src/app/install/[distro]/page.tsx b/web/src/app/install/[distro]/page.tsx
index 21b8d31..ffb55d4 100644
--- a/web/src/app/install/[distro]/page.tsx
+++ b/web/src/app/install/[distro]/page.tsx
@@ -304,7 +304,7 @@ export default async function DistroInstallPage({
className={`rounded-[12px] border border-border p-6 ${styles.panelClass}`}
>
-
+
Install command
diff --git a/web/src/app/install/page.tsx b/web/src/app/install/page.tsx
index 481f226..22f144a 100644
--- a/web/src/app/install/page.tsx
+++ b/web/src/app/install/page.tsx
@@ -2,10 +2,15 @@ import Link from "next/link";
import { type Metadata } from "next";
import { ChevronRight, Cpu, Laptop, Terminal } from "lucide-react";
import { SeoSubpageShell } from "@/components/seo-subpage-shell";
+import { TerminalBlock } from "@/components/terminal-block";
import { buildPageMetadata } from "@/lib/seo";
const installCommand =
"curl -fsSL https://raw.githubusercontent.com/VocaHQ/vocalinux/main/install.sh -o /tmp/vl.sh && bash /tmp/vl.sh --interactive";
+const installDisplayCommand = `curl -fsSL \\
+ https://raw.githubusercontent.com/VocaHQ/vocalinux/main/install.sh \\
+ -o /tmp/vl.sh && \\
+bash /tmp/vl.sh --interactive`;
const distroGuides = [
{
@@ -56,26 +61,42 @@ export default function InstallGuidesPage() {
speech-to-text on Linux. Every guide is written for real desktop usage.
-
-
-
- install.sh --interactive
-
-
- {installCommand}
-
+
+
- Prefer no installer? Download an{" "}
-
- AppImage
- {" "}
- for x86_64 or aarch64 from GitHub Releases (host text-injection tools
- still required).
+ Then launch vocalinux.
+
diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx
index 9c41b52..058f5c0 100644
--- a/web/src/app/layout.tsx
+++ b/web/src/app/layout.tsx
@@ -1,9 +1,7 @@
import "@/styles/globals.css";
import React from "react";
-import { Bricolage_Grotesque, Source_Sans_3 } from "next/font/google";
import { type Metadata } from "next";
import Script from "next/script";
-import { ThemeProvider } from "@/components/theme-provider";
import {
absoluteUrl,
DEFAULT_OG_IMAGE_ALT,
@@ -15,26 +13,11 @@ import {
VOCAHQ_URL,
} from "@/lib/seo";
-const display = Bricolage_Grotesque({
- subsets: ["latin"],
- variable: "--font-display",
- display: "swap",
-});
-
-const body = Source_Sans_3({
- subsets: ["latin"],
- variable: "--font-body",
- display: "swap",
-});
-
export const viewport = {
width: "device-width",
initialScale: 1,
maximumScale: 5,
- themeColor: [
- { media: "(prefers-color-scheme: light)", color: "#ffffff" },
- { media: "(prefers-color-scheme: dark)", color: "#0c0c0e" },
- ],
+ themeColor: "#f4f1e8",
};
export const metadata: Metadata = {
@@ -69,15 +52,16 @@ export const metadata: Metadata = {
publisher: SITE_NAME,
icons: {
icon: [
- { url: "/vocalinux.png", type: "image/png" },
+ { url: "/brand/vocalinux-mark-circle.svg", type: "image/svg+xml" },
{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
{ url: "/favicon-96x96.png", sizes: "96x96", type: "image/png" },
+ { url: "/vocalinux.png", type: "image/png", sizes: "512x512" },
],
apple: [
{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
],
- shortcut: "/vocalinux.png",
+ shortcut: "/favicon-32x32.png",
},
manifest: "/site.webmanifest",
appleWebApp: {
@@ -174,8 +158,7 @@ const webSiteJsonLd = {
"@type": "SearchAction",
target: {
"@type": "EntryPoint",
- urlTemplate:
- `${GITHUB_REPO_URL}/issues?q={search_term_string}`,
+ urlTemplate: `${GITHUB_REPO_URL}/issues?q={search_term_string}`,
},
"query-input": {
"@type": "PropertyValueSpecification",
@@ -193,11 +176,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
-
+
|
+ Vocalinux
+