siftlode/frontend/index.html

<!doctype html>
<html lang="en" data-theme="dark" data-scheme="midnight">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <title>Siftlode</title>
    <meta
      name="description"
      content="Siftlode is a self-hosted, multi-user reader for your YouTube subscriptions — filter, sort, tag and search your feed, build playlists that sync both ways, and watch in a clean, ad-free interface."
    />
    <meta property="og:title" content="Siftlode" />
    <meta
      property="og:description"
      content="A self-hosted, multi-user reader for your YouTube subscriptions — filter, sort, tag and search, build two-way-syncing playlists, and watch ad-free."
    />
    <meta property="og:type" content="website" />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
feat: M4 (part 2) — React reader UI with theming - Vite + React + TS + Tailwind SPA served by FastAPI (multi-stage Docker build) - Four color schemes (Midnight default, Forest, Slate, YouTube) x dark/light, adjustable text size; persisted to user preferences and localStorage - Header search, grid/list toggle, theme menu; sidebar filters (show state, sort, include Shorts/live, language + topic tag chips with any/all matching) - Infinite-scroll feed of video cards; click opens youtube.com in a new tab; per-video watched / saved / hidden actions with optimistic updates - SPA fallback routing; login screen for unauthenticated users 2026-06-11 02:19:47 +02:00			`<!doctype html>`
			`<html lang="en" data-theme="dark" data-scheme="midnight">`
			`<head>`
			`<meta charset="utf-8" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1" />`
feat(ui): favicon, dynamic tab title, clickable logo, styled module headers Session-close cosmetics: 1. Favicon — an 'S' monogram (indigo→violet rounded square, path-drawn so it's font-independent) at public/favicon.svg, linked in index.html (tab had none before). 2. Dynamic document.title — reflects the current module ('Downloads · Siftlode'); Feed = brand only; an open channel page shows the channel name. Shared pageTitleKey() in lib/pageMeta.ts keeps the tab title and the top-bar header in lockstep. 3. The 'Siftlode' logo already navigated to Feed but read as static text — added a hover background + cursor affordance so it's clearly clickable. 4. Module header — new shared PageTitle component (used by every non-feed module via Header) with a tracked small-caps 'eyebrow' + leading accent dot (user-picked style B), styled in one place. Verified in a real browser: favicon served (image/svg+xml), title updates per module, logo→feed, header restyled; no console errors. 2026-07-04 06:17:40 +02:00			`<link rel="icon" type="image/svg+xml" href="/favicon.svg" />`
chore: rebrand Subfeed -> Siftlode Rename all user-facing references (UI wordmark Sift+lode, titles, app name, legal pages, onboarding wizard, emails, README/docs) and infra paths (/srv/subfeed -> /srv/siftlode, image tag, deploy script, backup filenames). Internal identifiers kept on purpose: Postgres user/db "subfeed", logger namespace, localStorage keys, and the subfeed_pgdata volume (renaming would orphan the migrated production data). 2026-06-14 04:40:22 +02:00			`<title>Siftlode</title>`
feat(seo): meta description, Open Graph tags and robots.txt The public landing had no meta description and no robots.txt (the SPA fallback returned index.html for /robots.txt, so crawlers saw an invalid file). Add a description + basic OG tags to index.html and a real robots.txt that allows the landing but disallows the API/auth/watch surfaces. Lighthouse (dev): SEO 83->100. 2026-07-04 18:17:24 +02:00			`<meta`
			`name="description"`
			`content="Siftlode is a self-hosted, multi-user reader for your YouTube subscriptions — filter, sort, tag and search your feed, build playlists that sync both ways, and watch in a clean, ad-free interface."`
			`/>`
			`<meta property="og:title" content="Siftlode" />`
			`<meta`
			`property="og:description"`
			`content="A self-hosted, multi-user reader for your YouTube subscriptions — filter, sort, tag and search, build two-way-syncing playlists, and watch ad-free."`
			`/>`
			`<meta property="og:type" content="website" />`
feat: M4 (part 2) — React reader UI with theming - Vite + React + TS + Tailwind SPA served by FastAPI (multi-stage Docker build) - Four color schemes (Midnight default, Forest, Slate, YouTube) x dark/light, adjustable text size; persisted to user preferences and localStorage - Header search, grid/list toggle, theme menu; sidebar filters (show state, sort, include Shorts/live, language + topic tag chips with any/all matching) - Infinite-scroll feed of video cards; click opens youtube.com in a new tab; per-video watched / saved / hidden actions with optimistic updates - SPA fallback routing; login screen for unauthenticated users 2026-06-11 02:19:47 +02:00			`</head>`
			`<body>`
			`<div id="root"></div>`
			`<script type="module" src="/src/main.tsx"></script>`
			`</body>`
			`</html>`