A thin, static one-page draft that now renders verified publish-ready assets from the register CSV.
index.htmlwith page structure and dynamic card mount pointsstyles.csswith responsive layout and status stylingapp.jsfor CSV parsing and card renderingSample-Asset-Register.csvas source data
- scraping logic
- backend/database
- authentication
- deployment setup
Because browsers usually block CSV fetch on file://, run a local server:
cd "D:\Obsidian vault\LLM Cluster Project\LLM Cluster Project\site"
python -m http.server 8080Then open:
http://localhost:8080
- Confirm page loads with no hardcoded sample card block in HTML.
- Confirm visible card count equals rows where
publish_ready=Yesandverification_status=Verified. - Confirm source links open in a new tab.
- Confirm rights notice remains visible.
Use only user-owned, public-domain, or clearly licensed media.
- Cards now attempt to show real preview media from
preview_video_urlorpreview_image_urlin the register. - If a source blocks metadata extraction, the card shows a labeled fallback preview block.
- This keeps the page stable while you gradually enrich previews.
- Category, Duration, and Aspect Ratio filters are now active.
- Filters apply only to rows already marked
publish_ready=Yesandverification_status=Verified. - Use
Reset filtersto return to the full verified set.
- A text search filter now matches
title,category,suggested_use, andloop_quality. - Search combines with Category/Duration/Aspect filters.
- Click
Detailson any card to open a larger preview and full metadata. - Inside the modal you can open the source page or copy the source link.
- Close via the
xbutton, backdrop click, orEsckey.
- Left vertical brand rail added for identity and quick recognition.
- Rotating creator banner cycles practical editing prompts.
- "Loop of the Month" highlights the highest-scored verified asset with quick-use guidance.
- Push
site/files to a Git repo. - Create a new Pages project.
- Set build command to none and output folder to root (
/). - Bind your domain and enable HTTPS.
- Import repo in Vercel.
- Set framework preset to "Other".
- Set output directory to
siteif deploying from repo root. - Bind domain and verify HTTPS.
Homepage now links to:
terms.htmlusage-policy.html
pricing.htmlincludes 3 starter offers with temporary monetization placeholders.- Homepage includes a creator plan CTA panel.
- Replace these placeholders before launch:
- Starter Pack CTA
- Pro Monthly CTA
- sponsor email target in
pricing.html
- Pricing page now includes refund line, FAQ, and testimonial placeholders.
- Replace placeholder testimonials with real creator quotes before public launch.
- Confirm refund wording matches your final policy.
analytics.jstracks clicks on revenue-focused CTAs without adding backend complexity.- If Plausible,
gtag, ordataLayerexists later, the same clicks are forwarded there automatically. - For local verification, recent events are stored in browser local storage under
loopslate_event_log.
favicon.svgprovides a lightweight brand icon for browser tabs.social-preview.svgprovides a lightweight share image for link previews.- Public pages now include title, description, canonical URL, Open Graph, and Twitter card metadata.
- If the production domain changes, update the canonical and social-preview URLs in the page
<head>tags.
404.htmlprovides a branded fallback page for broken or outdated links.- The page routes visitors back to homepage, pricing, or usage guidance instead of leaving them on a generic host error page.