From ae5706bfb132efa2231c46e84fcd78a0595153f2 Mon Sep 17 00:00:00 2001 From: Luke Curley Date: Wed, 3 Jun 2026 16:04:18 -0700 Subject: [PATCH 1/2] Add Pro sidebar link and split nav wordmarks into icon + word Add a "Pro" link at the bottom of the sidebar: a green rocket icon (reused from moq/doc) plus a white "Pro" wordmark (derived from the moq-pro logo). It points to pro.moq.dev on live and pro.moq.wtf on staging, switched via import.meta.env.MODE. To support an icon-only hover effect, split each combined nav wordmark (demo/blog/docs/github/discord) into separate `-icon` and `-word` SVGs. Each path keeps its original coordinates; only the viewBox is cropped, so the artwork is pixel-identical. Every nav icon now rotates -6deg on hover (group-hover:-rotate-6) while its word stays put. Also recenter the Discord viewBox (its source art sat high in the canvas, leaving a gap before Pro) so the column has even spacing. Co-Authored-By: Claude Opus 4.8 (1M context) --- public/layout/blog-icon.svg | 28 ++++++ public/layout/{blog.svg => blog-word.svg} | 32 +------ public/layout/demo-icon.svg | 28 ++++++ public/layout/{demo.svg => demo-word.svg} | 32 +------ public/layout/discord-icon.svg | 66 ++++++++++++++ .../layout/{discord.svg => discord-word.svg} | 67 +------------- public/layout/docs-icon.svg | 61 +++++++++++++ public/layout/{docs.svg => docs-word.svg} | 65 +------------- public/layout/github-icon.svg | 50 +++++++++++ public/layout/{github.svg => github-word.svg} | 54 +----------- public/layout/pro.svg | 88 +++++++++++++++++++ public/layout/rocket.svg | 1 + src/layouts/global.astro | 44 +++++++--- 13 files changed, 365 insertions(+), 251 deletions(-) create mode 100644 public/layout/blog-icon.svg rename public/layout/{blog.svg => blog-word.svg} (81%) create mode 100644 public/layout/demo-icon.svg rename public/layout/{demo.svg => demo-word.svg} (86%) create mode 100644 public/layout/discord-icon.svg rename public/layout/{discord.svg => discord-word.svg} (63%) create mode 100644 public/layout/docs-icon.svg rename public/layout/{docs.svg => docs-word.svg} (60%) create mode 100644 public/layout/github-icon.svg rename public/layout/{github.svg => github-word.svg} (68%) create mode 100644 public/layout/pro.svg create mode 100644 public/layout/rocket.svg diff --git a/public/layout/blog-icon.svg b/public/layout/blog-icon.svg new file mode 100644 index 0000000..71c1378 --- /dev/null +++ b/public/layout/blog-icon.svg @@ -0,0 +1,28 @@ + + + + diff --git a/public/layout/blog.svg b/public/layout/blog-word.svg similarity index 81% rename from public/layout/blog.svg rename to public/layout/blog-word.svg index a39ce04..f48ed0c 100644 --- a/public/layout/blog.svg +++ b/public/layout/blog-word.svg @@ -1,6 +1,4 @@ - - + - - - \ No newline at end of file + diff --git a/public/layout/demo-icon.svg b/public/layout/demo-icon.svg new file mode 100644 index 0000000..3a6610d --- /dev/null +++ b/public/layout/demo-icon.svg @@ -0,0 +1,28 @@ + + + + diff --git a/public/layout/demo.svg b/public/layout/demo-word.svg similarity index 86% rename from public/layout/demo.svg rename to public/layout/demo-word.svg index a763037..4b9b7cd 100644 --- a/public/layout/demo.svg +++ b/public/layout/demo-word.svg @@ -1,6 +1,4 @@ - - + - - - \ No newline at end of file + diff --git a/public/layout/discord-icon.svg b/public/layout/discord-icon.svg new file mode 100644 index 0000000..df2ce33 --- /dev/null +++ b/public/layout/discord-icon.svg @@ -0,0 +1,66 @@ + + + + + diff --git a/public/layout/discord.svg b/public/layout/discord-word.svg similarity index 63% rename from public/layout/discord.svg rename to public/layout/discord-word.svg index c85cccf..e977b76 100644 --- a/public/layout/discord.svg +++ b/public/layout/discord-word.svg @@ -1,51 +1,4 @@ - - + - - diff --git a/public/layout/docs-icon.svg b/public/layout/docs-icon.svg new file mode 100644 index 0000000..1b9688d --- /dev/null +++ b/public/layout/docs-icon.svg @@ -0,0 +1,61 @@ + + + + + + + diff --git a/public/layout/docs.svg b/public/layout/docs-word.svg similarity index 60% rename from public/layout/docs.svg rename to public/layout/docs-word.svg index 3bfc092..e636625 100644 --- a/public/layout/docs.svg +++ b/public/layout/docs-word.svg @@ -1,6 +1,4 @@ - - + - - - - - - \ No newline at end of file + diff --git a/public/layout/github-icon.svg b/public/layout/github-icon.svg new file mode 100644 index 0000000..1ddcb5c --- /dev/null +++ b/public/layout/github-icon.svg @@ -0,0 +1,50 @@ + + + diff --git a/public/layout/github.svg b/public/layout/github-word.svg similarity index 68% rename from public/layout/github.svg rename to public/layout/github-word.svg index 55d4a04..3687ed0 100644 --- a/public/layout/github.svg +++ b/public/layout/github-word.svg @@ -1,54 +1,4 @@ - - - + - \ No newline at end of file + diff --git a/public/layout/pro.svg b/public/layout/pro.svg new file mode 100644 index 0000000..1ff3724 --- /dev/null +++ b/public/layout/pro.svg @@ -0,0 +1,88 @@ + + + + + diff --git a/public/layout/rocket.svg b/public/layout/rocket.svg new file mode 100644 index 0000000..d9f6534 --- /dev/null +++ b/public/layout/rocket.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/layouts/global.astro b/src/layouts/global.astro index 84164fb..f6bc933 100644 --- a/src/layouts/global.astro +++ b/src/layouts/global.astro @@ -29,6 +29,9 @@ const fullDescription = description ? `Media over QUIC: ${description}` : "Media over QUIC is a new live media protocol designed for simplicity and scale. It uses new browser technologies like WebTransport and WebCodecs to deliver media with latency that rivals WebRTC."; const ogImage = new URL(frontmatter?.cover ?? "/layout/icon.png", siteUrl).toString(); + +// pro.moq.wtf for staging builds, pro.moq.dev for live (and local dev). +const proUrl = import.meta.env.MODE === "staging" ? "https://pro.moq.wtf" : "https://pro.moq.dev"; --- @@ -70,20 +73,41 @@ const ogImage = new URL(frontmatter?.cover ?? "/layout/icon.png", siteUrl).toStr
- - Demo + + + + + Demo + + + + + + Blog - - Blog + + + + + Docs - - Docs + + + + + Github - - Github + + + + + Discord - - Discord + + + + + Pro
From dc4e5525cd882fe32d5d4305a53c4d82b3bc6c04 Mon Sep 17 00:00:00 2001 From: Luke Curley Date: Wed, 3 Jun 2026 16:07:25 -0700 Subject: [PATCH 2/2] Fix GitHub brand casing in nav alt text Co-Authored-By: Claude Opus 4.8 (1M context) --- src/layouts/global.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/layouts/global.astro b/src/layouts/global.astro index f6bc933..855a519 100644 --- a/src/layouts/global.astro +++ b/src/layouts/global.astro @@ -95,7 +95,7 @@ const proUrl = import.meta.env.MODE === "staging" ? "https://pro.moq.wtf" : "htt - Github + GitHub