peter/siftlode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
siftlode/frontend/index.html

28 lines
1 KiB
HTML
Raw Normal View History

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" />
feat(share): rich link previews (Open Graph) for /watch pages A shared /watch/{token} link is a client-rendered SPA, so a social crawler only saw the generic index.html — a blank link card. The server now injects per-video Open Graph / Twitter tags (title, channel, thumbnail) into the served HTML for that route, so links unfurl richly in Messenger and other chat apps; real browsers ignore the extra tags and hydrate the page as usual. Password / expired / invalid links fall back to the generic card with no metadata leak. Also shortens the generic site description used for search engines and link previews.
2026-07-07 20:19:30 +02:00
<!-- OG:START — the server replaces this block for /watch/{token} so shared links unfurl with
the video's title/channel/thumbnail; every other route keeps these generic defaults. -->
<!--OG:START-->
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"
feat(share): rich link previews (Open Graph) for /watch pages A shared /watch/{token} link is a client-rendered SPA, so a social crawler only saw the generic index.html — a blank link card. The server now injects per-video Open Graph / Twitter tags (title, channel, thumbnail) into the served HTML for that route, so links unfurl richly in Messenger and other chat apps; real browsers ignore the extra tags and hydrate the page as usual. Password / expired / invalid links fall back to the generic card with no metadata leak. Also shortens the generic site description used for search engines and link previews.
2026-07-07 20:19:30 +02:00
content="A self-hosted, multi-user reader, subscription organizer and media center with download capabilities."
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 property="og:title" content="Siftlode" />
<meta
property="og:description"
feat(share): rich link previews (Open Graph) for /watch pages A shared /watch/{token} link is a client-rendered SPA, so a social crawler only saw the generic index.html — a blank link card. The server now injects per-video Open Graph / Twitter tags (title, channel, thumbnail) into the served HTML for that route, so links unfurl richly in Messenger and other chat apps; real browsers ignore the extra tags and hydrate the page as usual. Password / expired / invalid links fall back to the generic card with no metadata leak. Also shortens the generic site description used for search engines and link previews.
2026-07-07 20:19:30 +02:00
content="A self-hosted, multi-user reader, subscription organizer and media center with download capabilities."
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 property="og:type" content="website" />
feat(share): rich link previews (Open Graph) for /watch pages A shared /watch/{token} link is a client-rendered SPA, so a social crawler only saw the generic index.html — a blank link card. The server now injects per-video Open Graph / Twitter tags (title, channel, thumbnail) into the served HTML for that route, so links unfurl richly in Messenger and other chat apps; real browsers ignore the extra tags and hydrate the page as usual. Password / expired / invalid links fall back to the generic card with no metadata leak. Also shortens the generic site description used for search engines and link previews.
2026-07-07 20:19:30 +02:00
<!--OG:END-->
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>
Reference in a new issue Copy permalink