// ---- configuration: edit these ----
const sellerEmail = "your-email@[Link]"; // used in mailto for manual proof
const upiId = "yourupi@upi"; // your UPI id for manual payments
// List your notes here. Add as many items as you need.
// Fields:
// id: unique id
// title: shown to visitors
// clazz: "Class 9" or "Class 10"
// price: 0 for free, or number (e.g., 30)
// downloadLink: direct PDF link (Google Drive public link). If you use
Payhip/Gumroad, you can leave this empty.
// payLink: Payhip/Gumroad product link for automatic delivery (optional)
const notes = [
{
id: "n1",
title: "Class 9 Science - Chapter 1 (Sample)",
clazz: "Class 9",
price: 0,
downloadLink: "[Link]
payLink: ""
},
{
id: "n2",
title: "Class 10 Maths - Chapter 2 (Full Sheet)",
clazz: "Class 10",
price: 30,
downloadLink: "",
payLink: "[Link] // replace with your Payhip/Gumroad
link if you have
}
];
// ---- end configuration ----
[Link]("year").textContent = new Date().getFullYear();
const grid = [Link]("notesGrid");
const modal = [Link]("modal");
const modalBody = [Link]("modalBody");
const closeModalBtn = [Link]("closeModal");
function createCard(note){
const card = [Link]("div");
[Link] = "card";
const h = [Link]("h3"); [Link] = [Link];
const p = [Link]("p"); [Link] = [Link];
const meta = [Link]("div"); [Link] = "meta";
const price = [Link]("div"); [Link] = "price";
[Link] = [Link] === 0 ? "Free" : `₹${[Link]}`;
const actions = [Link]("div");
const buyBtn = [Link]("button"); [Link] = "btn btn-
primary"; [Link] = [Link] === 0 ? "Download" : "Buy";
[Link]("click", () => openModal(note));
[Link](buyBtn);
[Link](price); [Link](actions);
[Link](h); [Link](p); [Link](meta);
return card;
}
[Link](n => [Link](createCard(n)));
function openModal(note){
[Link]("aria-hidden","false");
// Build modal content
let html = `<div class="modalBody">`;
html += `<h3>${[Link]}</h3>`;
html += `<p class="small">Class: ${[Link]}</p>`;
if([Link] === 0 && [Link]){
html += `<p class="small">This note is free. <a href="${[Link]}"
target="_blank" rel="noopener">Click to download</a>.</p>`;
} else {
html += `<p class="small">Price: ${[Link] === 0 ? "Free" :
"₹"+[Link]}</p>`;
if([Link]){
html += `<div class="pay-options">`;
html += `<a href="${[Link]}" target="_blank" rel="noopener">Pay online
(automatic delivery)</a>`;
html += `</div>`;
}
// Manual UPI option
html += `<div class="pay-options">`;
html += `<div style="padding:.5rem 0">OR pay via UPI</div>`;
html += `<div style="padding:.6rem; background:#f7f9ff; border-radius:8px;
font-weight:700;">UPI ID: ${upiId}</div>`;
html += `<p class="small">After paying, please send the payment screenshot to
<a href="[Link]
{encodeURIComponent([Link])}">email</a> or WhatsApp. We'll send the download
link as soon as we confirm.</p>`;
html += `</div>`;
// If you have a direct download link to provide after manual payment, you can
paste it here as an admin later.
if([Link]){
html += `<p class="small">If you've already paid and have proof, you can
directly download here: <a href="${[Link]}"
target="_blank">Download</a></p>`;
}
}
html += `</div>`;
[Link] = html;
}
[Link]("click", () => [Link]("aria-
hidden","true"));
[Link]("click", (e) => { if([Link] === modal)
[Link]("aria-hidden","true"); });