PRABODHA

Awakening through knowledge — a monthly, newspaper-style front page covering technology, science, and innovation. Built as static HTML/CSS/JS (no backend, no build step).

Overview

PRABODHA renders each month's "issue" from a plain JS data file into a broadsheet-newspaper-style front page. Past issues stay permanently accessible and full-text searchable in the Archive.

Pages

File	Purpose
index.html	Current issue front page (or a specific issue via ?edition= query param)
archive.html	List of all past issues with full-text search
about.html	About / masthead explanation page

Data / Logic Files

File	Purpose
script.js	Renders window.ISSUE data into the DOM on index.html (highlights, lead story, market watch, infographic, footer, etc.) and handles the article overlay
archive-data.js	Registry of all published issues — add one entry per month here (newest first)

| qrcode-gen.js | Generates the QR code in each page's footer, linking back to that exact edition | | html2canvas-gen.js | Powers the "Download as Image" button on index.html | | style.css | All styling — newsprint palette, typography (Fraunces / Source Serif 4 / JetBrains Mono), light + dark theme via [data-theme="dark"] |

How an Issue is Structured

Each issue is a JS file that sets window.ISSUE to an object containing:

• motto, issueline — masthead text
• highlights — top headline strip
• lead — cover story
• demoTab — table/section below the cover story
• inBrief — "Short Story" sidebar items
• market — Market Watch table
• startupSpotlight — sidebar spotlight block
• secondary — 3-column secondary stories
• featured, featured2 — featured story pair
• infographic — donut-chart infographic data
• bottomStrip — anchor stories row
• footer — links, tag, extra text

See data-sample.js for a full working example.

Publishing a New Issue

1. Open editor.html, fill in the fields (or paste/edit JSON), and use the live preview.
2. Export the generated window.ISSUE = {...} data file and save it under issues/VOL-X/issue-Y.js.
3. Add a new entry to the top of the array in archive-data.js:

   {
     date: "MONTH YEAR",
     issue: "VOL. X · ISSUE Y",
     headline: "Lead story headline",
     data: "issues/VOL-X/issue-Y.js",
   }

4. The new issue automatically becomes the current issue on index.html and appears in the Archive.

Features

• Archive search — fuzzy, typo-tolerant full-text search across every issue's headlines and body text (indexed client-side on load).
• QR code per issue — every page footer embeds a QR code linking to that exact edition.
• Download as Image — exports the current front page as a PNG (via html2canvas-gen.js).
• Light/Dark theme — toggle persisted in localStorage.
• Live masthead clock — current date/time/timezone shown in the header.
• Auto-updating copyright year — footer copyright (© YYYY PRABODHA...) is generated with new Date().getFullYear(), so it always shows the current year with no manual updates needed.

Tech Stack

Plain HTML, CSS, and vanilla JavaScript — no frameworks, no build tools, no server required. Fonts loaded from Google Fonts (Fraunces, Source Serif 4, JetBrains Mono).

License

All Rights Reserved.

The source code of this project is licensed under the MIT License.

The project name, logo, branding, original articles, illustrations, and other creative assets are © 2026 TANMAY SAHA and are not licensed under MIT.

ADDITIONAL NOTICE

The MIT License applies only to the source code of this project.

The following are NOT covered by the MIT License and remain Copyright © 2026 Tanmay Saha. All rights reserved:

• Project name and trademarks
• Logo and favicon
• Branding and visual identity
• Original written content and articles
• Original illustrations, graphics, and artwork
• Original images, photographs, and other creative assets

No permission is granted to copy, modify, reproduce, distribute, or use these assets for another project or brand without prior written permission.

The use of the source code under the MIT License does not grant any rights to the project's name, logo, trademarks, branding, or other copyrighted creative assets.

The MIT License does not grant permission to imply endorsement, sponsorship, or official association with the original project or its author.