apophenia-news/apophenia.news
1
0
Fork 0
mirror of https://github.com/apophenia-news/apophenia.news.git synced 2026-08-28 06:45:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: add store link to nav menus

Browse Source 
Co-authored-by: Opus 5 <noreply@anthropic.com>
This commit is contained in:
multipleof4
2026-08-10 17:18:26 -07:00
parent ea301e35a3
commit 88b410d28c
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
scripts/lib/templates.mjs
View File

@@ -1,6 +1,8 @@
import { SITE_URL } from "./constants.mjs"; import { SITE_URL } from "./constants.mjs";
import { escapeHtml } from "./utils.mjs"; import { escapeHtml } from "./utils.mjs";
const STORE_URL = "https://store.apophenia.news";
const logo = ` const logo = `
<svg class="h-10 w-10 brand-glow" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Apophenia News logo"> <svg class="h-10 w-10 brand-glow" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Apophenia News logo">
<defs> <defs>
@@ -18,6 +20,22 @@ const logo = `
<circle cx="60" cy="60" r="10" fill="#111827"/> <circle cx="60" cy="60" r="10" fill="#111827"/>
</svg>`; </svg>`;
const links = [
{ href: "/", label: "Home" },
{ href: "/newsletter/", label: "Newsletter" },
{ href: STORE_URL, label: "Store", external: true },
{ href: "/write/", label: "Become a writer" },
{ href: "/rss.xml", label: "RSS" }
];
const navLinks = (cls = "") =>
links
.map(
(l) =>
`<a ${cls ? `class="${cls}" ` : ""}href="${l.href}"${l.external ? ` target="_blank" rel="noopener"` : ""}>${l.label}</a>`
)
.join("\n ");
export const shellHead = ({ title, desc, image, url, type = "website" }) => `<!doctype html> export const shellHead = ({ title, desc, image, url, type = "website" }) => `<!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
@@ -54,16 +72,10 @@ export const nav = `
<i data-lucide="menu" class="h-4 w-4"></i> <i data-lucide="menu" class="h-4 w-4"></i>
</button> </button>
<nav class="hidden sm:flex items-center gap-6 text-sm"> <nav class="hidden sm:flex items-center gap-6 text-sm">
<a href="/">Home</a> ${navLinks()}
<a href="/newsletter/">Newsletter</a>
<a href="/write/">Become a writer</a>
<a href="/rss.xml">RSS</a>
</nav> </nav>
<nav class="sm:hidden absolute left-4 right-4 top-[70px] card p-3" x-show="open" x-transition> <nav class="sm:hidden absolute left-4 right-4 top-[70px] card p-3" x-show="open" x-transition>
<a class="block py-1.5" href="/">Home</a> ${navLinks("block py-1.5")}
<a class="block py-1.5" href="/newsletter/">Newsletter</a>
<a class="block py-1.5" href="/write/">Become a writer</a>
<a class="block py-1.5" href="/rss.xml">RSS</a>
</nav> </nav>
</div> </div>
</header> </header>