<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VERSE · दैनिक काव्य</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Tiro+Devanagari+Hindi:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{
/* fresh, light, modern palette */
--bg:#f6f8f5;
--bg2:#ffffff;
--ink:#1f2a24;
--soft:#5e6b63;
--sage:#5b8c6e; /* fresh green */
--sage-d:#3f6e52;
--peach:#ff8a5c; /* warm accent */
--sky:#eaf2ed;
--line:rgba(31,42,36,.1);
--display:'Fraunces',Georgia,serif;
--deva:'Tiro Devanagari Hindi',serif;
--ui:'Plus Jakarta Sans',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--ui);min-height:100vh;overflow-x:hidden;
background-image:radial-gradient(circle at 12% 8%,rgba(91,140,110,.10),transparent 38%),radial-gradient(circle at 90% 92%,rgba(255,138,92,.10),transparent 42%)}
.wrap{max-width:880px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
a{color:inherit;text-decoration:none}
/* NAV */
nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(246,248,245,.82);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:14px}
.brand{font-family:var(--display);font-weight:600;font-size:25px;letter-spacing:.02em;cursor:pointer}
.brand i{color:var(--sage);font-style:italic}
.menu{display:flex;gap:4px;flex-wrap:wrap}
.menu a{font-size:14px;font-weight:600;color:var(--soft);padding:9px 15px;border-radius:50px;cursor:pointer;transition:.22s}
.menu a:hover{color:var(--ink);background:var(--sky)}
.menu a.active{background:var(--sage);color:#fff}
.lang{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:50px;padding:3px;gap:2px}
.lang button{border:none;background:transparent;font-family:var(--ui);font-size:13px;font-weight:700;color:var(--soft);padding:7px 14px;border-radius:50px;cursor:pointer;transition:.2s}
.lang button.on{background:var(--sage);color:#fff}
.burger{display:none;background:none;border:none;color:var(--ink);font-size:22px;cursor:pointer}
@media(max-width:780px){
.menu{position:fixed;top:70px;left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 24px;gap:4px;display:none}
.menu.open{display:flex}.burger{display:block}
}
.page{display:none;animation:fade .55s ease}
.page.show{display:block}
@keyframes fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
main{padding:54px 0 80px}
.kicker{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-d);background:var(--sky);border-radius:50px;padding:7px 16px;margin-bottom:20px;font-weight:600}
h1.title{font-family:var(--display);font-weight:600;font-size:clamp(40px,7.5vw,80px);line-height:1.04}
h1.title em{font-style:italic;color:var(--sage)}
.sub{color:var(--soft);font-size:18px;line-height:1.7;max-width:540px;margin-top:22px}
.rule{width:54px;height:3px;background:var(--peach);border-radius:3px;margin:24px 0}
.btn{display:inline-block;background:var(--sage);color:#fff;padding:15px 32px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:.25s;border:none}
.btn:hover{background:var(--sage-d);transform:translateY(-2px);box-shadow:0 12px 28px rgba(63,110,82,.28)}
.btn.alt{background:transparent;color:var(--sage-d);border:1.5px solid var(--sage)}
.btn.alt:hover{background:var(--sage);color:#fff}
/* HOME */
.hero{padding:24px 0 40px}
.home-card{margin-top:50px;background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:38px 36px;box-shadow:0 20px 50px rgba(31,42,36,.06);position:relative;overflow:hidden}
.home-card::after{content:"❝";position:absolute;top:6px;right:26px;font-family:var(--display);font-size:90px;color:var(--sage);opacity:.12}
.home-card .lbl{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-d);font-weight:700;margin-bottom:14px}
.verse{font-family:var(--display);font-size:23px;line-height:1.7;font-style:italic;color:#2a3a30;white-space:pre-line}
/* POEM */
.card{background:var(--bg2);border:1px solid var(--line);border-radius:26px;padding:46px 40px;box-shadow:0 24px 60px rgba(31,42,36,.07);text-align:center}
.ptag{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-d);background:var(--sky);border-radius:50px;padding:6px 15px;margin-bottom:24px;font-weight:700}
.ornament{color:var(--peach);font-size:22px;letter-spacing:.4em;margin-bottom:24px}
.ptitle{font-family:var(--display);font-weight:600;font-size:clamp(30px,5.5vw,48px);line-height:1.12;margin-bottom:28px}
.pbody{font-family:var(--display);font-size:23px;line-height:1.9;white-space:pre-line;color:#2a3a30;font-style:italic;max-width:580px;margin:0 auto}
.pauthor{margin-top:26px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600}
body.hi .ptitle,body.hi .pbody,body.hi .verse{font-family:var(--deva);font-style:normal}
body.hi .pbody{font-size:23px;line-height:2.1}
.meta{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:42px;flex-wrap:wrap}
.meta .pbtn{font-family:var(--ui);font-size:13px;font-weight:600;padding:11px 20px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:50px;transition:.22s}
.meta .pbtn:hover{border-color:var(--sage);color:var(--sage-d);background:var(--sky)}
.ic{width:44px;height:44px;border:1px solid var(--line);background:var(--bg);display:grid;place-items:center;font-size:16px;cursor:pointer;border-radius:50%;color:var(--ink);transition:.22s}
.ic:hover{border-color:var(--sage);color:var(--sage-d);background:var(--sky)}
/* MISSING HINDI -> add prompt */
.addbox{margin-top:28px;border:1.5px dashed var(--sage);border-radius:18px;padding:24px;background:var(--sky);text-align:left}
.addbox p{color:var(--sage-d);font-weight:600;margin-bottom:14px;font-size:15px}
.addbox input,.addbox textarea{width:100%;font-family:var(--deva);font-size:17px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;color:var(--ink);resize:vertical}
.addbox textarea{min-height:120px;line-height:1.8}
.addbox .row{display:flex;gap:10px;flex-wrap:wrap}
/* TEXT PAGES */
.prose{max-width:660px}
.prose .upd{color:var(--soft);font-size:13px;margin-bottom:26px}
.prose p{font-family:var(--display);font-size:19px;line-height:1.85;color:#39463e;margin-bottom:16px}
.prose p strong{color:var(--sage-d)}
.prose h2{font-family:var(--ui);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-d);margin:30px 0 10px}
body.hi .prose p,body.hi h1.title{font-family:var(--deva)}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--soft);font-size:13.5px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a{cursor:pointer}
.foot-links a:hover{color:var(--sage-d)}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.3s;z-index:99}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:560px){.card,.home-card{padding:32px 24px}.pbody{font-size:20px}}
</style>
</head>
<body>
<nav>
<div class="wrap nav-in">
<div class="brand" onclick="go('home')">Ver<i>se</i></div>
<button class="burger" onclick="document.getElementById('menu').classList.toggle('open')">☰</button>
<div class="menu" id="menu">
<a data-p="home" onclick="go('home')" data-en="Home" data-hi="मुखपृष्ठ">Home</a>
<a data-p="poems" onclick="go('poems')" data-en="Poems" data-hi="कविताएँ">Poems</a>
<a data-p="about" onclick="go('about')" data-en="About" data-hi="हमारे बारे में">About</a>
<a data-p="privacy" onclick="go('privacy')" data-en="Privacy" data-hi="गोपनीयता">Privacy</a>
<a data-p="disclaimer" onclick="go('disclaimer')" data-en="Disclaimer" data-hi="अस्वीकरण">Disclaimer</a>
</div>
<div class="lang">
<button id="enBtn" class="on" onclick="setLang('en')">EN</button>
<button id="hiBtn" onclick="setLang('hi')">हिं</button>
</div>
</div>
</nav>
<main class="wrap">
<!-- HOME -->
<section class="page show" id="home">
<div class="hero">
<span class="kicker" data-en="A fresh verse every day" data-hi="हर दिन एक नई कविता">A fresh verse every day</span>
<h1 class="title" data-en-html="Words to begin<br>your <em>morning.</em>" data-hi-html="शब्दों से करें<br>दिन की <em>शुरुआत।</em>">Words to begin<br>your <em>morning.</em></h1>
<div class="rule"></div>
<p class="sub" data-en="A quiet, daily ritual of poetry in Hindi and English. One hand-picked verse each day — small enough for your tea, deep enough to stay." data-hi="हिंदी और अंग्रेज़ी में कविता का एक शांत, दैनिक सिलसिला। हर दिन एक चुनी हुई कविता — चाय के साथ पढ़ने लायक, दिल में बसने लायक।">A quiet, daily ritual of poetry in Hindi and English. One hand-picked verse each day — small enough for your tea, deep enough to stay.</p>
<div style="margin-top:32px;display:flex;gap:12px;flex-wrap:wrap">
<button class="btn" onclick="go('poems')" data-en="Read Today's Verse →" data-hi="आज की कविता पढ़ें →">Read Today's Verse →</button>
<button class="btn alt" onclick="go('about')" data-en="About Verse" data-hi="हमारे बारे में">About Verse</button>
</div>
</div>
<div class="home-card">
<div class="lbl" id="homeLbl">Poem of the Day</div>
<div class="verse" id="homeBody"></div>
<div class="pauthor" id="homeAuthor" style="margin-top:20px"></div>
</div>
</section>
<!-- POEMS -->
<section class="page" id="poems">
<div class="card">
<span class="ptag" id="ptag">Poem of the Day</span>
<div class="ornament">❦</div>
<h1 class="ptitle" id="ptitle"></h1>
<div class="pbody" id="pbody"></div>
<div class="pauthor" id="pauthor"></div>
<!-- Add-Hindi prompt shows only when Hindi missing & lang=hi -->
<div class="addbox" id="addbox" style="display:none">
<p id="addmsg">इस कविता का हिंदी अनुवाद अभी उपलब्ध नहीं है। आप जोड़ सकते हैं:</p>
<input id="addTitle" placeholder="कविता का शीर्षक">
<textarea id="addBodyT" placeholder="कविता यहाँ लिखें…"></textarea>
<input id="addAuthor" placeholder="कवि का नाम (वैकल्पिक)">
<div class="row">
<button class="btn" onclick="saveHindi()">हिंदी जोड़ें</button>
<button class="btn alt" onclick="document.getElementById('addbox').style.display='none'">रद्द करें</button>
</div>
</div>
<div class="meta">
<button class="pbtn" onclick="prevPoem()" id="prevBtn">← Previous</button>
<div class="ic" title="Copy" onclick="copyPoem()">⧉</div>
<div class="ic" title="Share" onclick="sharePoem()">↗</div>
<button class="pbtn" onclick="nextPoem()" id="nextBtn">Next →</button>
</div>
</div>
</section>
<!-- ABOUT -->
<section class="page" id="about">
<span class="kicker" data-en="Our Story" data-hi="हमारी कहानी">Our Story</span>
<h1 class="title" data-en-html="About <em>Verse</em>" data-hi-html="<em>Verse</em> के बारे में">About <em>Verse</em></h1>
<div class="rule"></div>
<div class="prose">
<p data-en="<strong>Verse · दैनिक काव्य</strong> is a small, quiet corner of the internet built on one idea: a single poem can change the colour of a day." data-hi="<strong>Verse · दैनिक काव्य</strong> इंटरनेट का एक छोटा, शांत कोना है, जो एक विचार पर बना है: एक कविता पूरे दिन का रंग बदल सकती है।"></p>
<h2 data-en="Our Mission" data-hi="हमारा उद्देश्य">Our Mission</h2>
<p data-en="We bring a fresh, hand-picked poem to your screen every morning — in both Hindi and English — so beauty arrives before the noise of the day." data-hi="हम हर सुबह आपकी स्क्रीन पर एक चुनी हुई कविता लाते हैं — हिंदी और अंग्रेज़ी दोनों में — ताकि दिन के शोर से पहले सुंदरता पहुँचे।"></p>
<h2 data-en="Our Story" data-hi="हमारी कहानी">Our Story</h2>
<p data-en="What began as a private notebook of favourite lines grew into a daily ritual shared with readers across India and beyond. Each verse is chosen with care, in both languages." data-hi="जो पसंदीदा पंक्तियों की एक निजी डायरी के रूप में शुरू हुआ, वह भारत और उसके बाहर पाठकों के साथ साझा एक दैनिक सिलसिला बन गया। हर कविता दोनों भाषाओं में सावधानी से चुनी जाती है।"></p>
<h2 data-en="What You'll Find" data-hi="आपको क्या मिलेगा">What You'll Find</h2>
<p data-en="A new poem each day, a growing archive to revisit, and a clean, distraction-free reading space. No clutter — only words." data-hi="हर दिन एक नई कविता, फिर से पढ़ने के लिए बढ़ता संग्रह, और एक साफ़, बिना भटकाव वाला पढ़ने का स्थान। कोई शोर नहीं — सिर्फ़ शब्द।"></p>
</div>
</section>
<!-- PRIVACY -->
<section class="page" id="privacy">
<span class="kicker" data-en="Legal" data-hi="कानूनी">Legal</span>
<h1 class="title" data-en="Privacy Policy" data-hi="गोपनीयता नीति">Privacy Policy</h1>
<div class="rule"></div>
<div class="prose">
<div class="upd" data-en="Last updated: 31 May 2026" data-hi="अंतिम अद्यतन: 31 मई 2026">Last updated: 31 May 2026</div>
<p data-en="This Privacy Policy explains when personal information is collected, what types are collected, and how it is used on this website." data-hi="यह गोपनीयता नीति बताती है कि व्यक्तिगत जानकारी कब एकत्र की जाती है, किस प्रकार की एकत्र की जाती है, और इस वेबसाइट पर इसका उपयोग कैसे होता है।"></p>
<h2 data-en="Information We Collect" data-hi="हम क्या जानकारी एकत्र करते हैं">Information We Collect</h2>
<p data-en="You don't need an account to read poems. We may collect non-personal data such as browser type and pages visited through standard analytics, purely to improve the site." data-hi="कविताएँ पढ़ने के लिए खाते की आवश्यकता नहीं है। हम साइट को बेहतर बनाने के लिए ब्राउज़र प्रकार और देखे गए पृष्ठ जैसी गैर-व्यक्तिगत जानकारी एकत्र कर सकते हैं।"></p>
<h2 data-en="Cookies" data-hi="कुकीज़">Cookies</h2>
<p data-en="We may use cookies to remember your language preference and gather anonymous usage statistics. You can disable cookies anytime." data-hi="हम आपकी भाषा पसंद याद रखने और अनाम उपयोग आँकड़े जुटाने के लिए कुकीज़ का उपयोग कर सकते हैं। आप कभी भी कुकीज़ बंद कर सकते हैं।"></p>
<h2 data-en="Third-Party Services" data-hi="तृतीय-पक्ष सेवाएँ">Third-Party Services</h2>
<p data-en="We may use trusted analytics or advertising partners who follow their own privacy policies. We do not sell your personal information." data-hi="हम विश्वसनीय एनालिटिक्स या विज्ञापन साझेदारों का उपयोग कर सकते हैं जो अपनी नीतियों का पालन करते हैं। हम आपकी व्यक्तिगत जानकारी नहीं बेचते।"></p>
<h2 data-en="Your Rights" data-hi="आपके अधिकार">Your Rights</h2>
<p data-en="You may request access to, correction of, or deletion of any personal data we hold by contacting us." data-hi="आप हमसे संपर्क करके अपनी किसी भी व्यक्तिगत जानकारी तक पहुँच, सुधार या उसे हटाने का अनुरोध कर सकते हैं।"></p>
<h2 data-en="Contact" data-hi="संपर्क">Contact</h2>
<p data-en="For privacy questions, write to hello@verse.example." data-hi="गोपनीयता संबंधी प्रश्नों के लिए hello@verse.example पर लिखें।"></p>
</div>
</section>
<!-- DISCLAIMER -->
<section class="page" id="disclaimer">
<span class="kicker" data-en="Legal" data-hi="कानूनी">Legal</span>
<h1 class="title" data-en="Disclaimer" data-hi="अस्वीकरण">Disclaimer</h1>
<div class="rule"></div>
<div class="prose">
<div class="upd" data-en="Last updated: 31 May 2026" data-hi="अंतिम अद्यतन: 31 मई 2026">Last updated: 31 May 2026</div>
<p data-en="A disclaimer is a statement intended to limit liability. The content on this website is offered for general reading and inspiration only." data-hi="अस्वीकरण एक ऐसा कथन है जो जिम्मेदारी सीमित करने के लिए होता है। इस वेबसाइट की सामग्री केवल सामान्य पठन और प्रेरणा के लिए है।"></p>
<h2 data-en="Content" data-hi="सामग्री">Content</h2>
<p data-en="Poems are shared for cultural and educational enjoyment. Where works are attributed to their authors, all rights remain with the original creators." data-hi="कविताएँ सांस्कृतिक और शैक्षिक आनंद के लिए साझा की जाती हैं। जहाँ रचनाएँ उनके लेखकों को श्रेय दी गई हैं, सभी अधिकार मूल रचनाकारों के पास रहते हैं।"></p>
<h2 data-en="Accuracy" data-hi="सटीकता">Accuracy</h2>
<p data-en="We make every effort to keep content accurate, but make no warranties about its completeness or reliability." data-hi="हम सामग्री को सटीक रखने का पूरा प्रयास करते हैं, पर इसकी पूर्णता या विश्वसनीयता की कोई गारंटी नहीं देते।"></p>
<h2 data-en="External Links" data-hi="बाहरी लिंक">External Links</h2>
<p data-en="This site may link to external websites. We are not responsible for their content or practices." data-hi="यह साइट बाहरी वेबसाइटों से लिंक कर सकती है। हम उनकी सामग्री या नीतियों के लिए जिम्मेदार नहीं हैं।"></p>
<h2 data-en="Copyright Notice" data-hi="कॉपीराइट सूचना">Copyright Notice</h2>
<p data-en="If you believe any content infringes your copyright, please contact us and we will review and remove it promptly." data-hi="यदि आपको लगता है कि कोई सामग्री आपके कॉपीराइट का उल्लंघन करती है, तो कृपया हमसे संपर्क करें; हम उसकी समीक्षा कर शीघ्र हटा देंगे।"></p>
</div>
</section>
</main>
<footer>
<div class="wrap foot">
<span>© 2026 VERSE · दैनिक काव्य</span>
<div class="foot-links">
<a onclick="go('home')" data-en="Home" data-hi="मुखपृष्ठ">Home</a>
<a onclick="go('poems')" data-en="Poems" data-hi="कविताएँ">Poems</a>
<a onclick="go('about')" data-en="About" data-hi="हमारे बारे में">About</a>
<a onclick="go('privacy')" data-en="Privacy" data-hi="गोपनीयता">Privacy</a>
<a onclick="go('disclaimer')" data-en="Disclaimer" data-hi="अस्वीकरण">Disclaimer</a>
</div>
</div>
</footer>
<div class="toast" id="toast">Copied</div>
<script>
const poems=[
{en:{title:"Morning Light",author:"Anonymous",body:"The sun spills gold across the floor,\na quiet hush behind the door.\nA brand new page, still soft and bare,\nawaits the words I choose to wear."},
hi:{title:"सुबह की किरण",author:"अज्ञात",body:"धूप ने बिखेरा सोना आँगन में,\nमौन छिपा है हर एक कण में।\nनया पन्ना, कोरा और सुंदर,\nप्रतीक्षा में मेरे शब्दों के अंदर।"}},
{en:{title:"The River Knows",author:"Anonymous",body:"The river never asks the way,\nit simply moves from grey to day.\nSo let your heart, when paths are dim,\nflow gently toward the farther rim."},
hi:{title:"नदी जानती है",author:"अज्ञात",body:"नदी कभी न पूछे राह,\nबस बहती जाए बेपरवाह।\nतू भी जब हो मन में धुंध,\nबह चल आगे, खोल हर बंद।"}},
{en:{title:"Small Wonders",author:"Anonymous",body:"A cup of tea, a sparrow's song,\nthe little joys we walk along.\nWe chase the big and miss the near—\nyet heaven hides in moments here."},
hi:null} /* <-- demo: Hindi missing, user can add it */
];
let lang='en';
const dayIndex=Math.floor(Date.now()/86400000)%poems.length;
let idx=dayIndex;
function applyLangText(){
// swap all elements with data-en/data-hi (plain text)
document.querySelectorAll('[data-en]').forEach(el=>{
const v=el.getAttribute('data-'+lang);
if(v!==null) el.innerHTML=v;
});
// swap elements with data-en-html/data-hi-html
document.querySelectorAll('[data-en-html]').forEach(el=>{
const v=el.getAttribute('data-'+lang+'-html');
if(v!==null) el.innerHTML=v;
});
document.body.classList.toggle('hi',lang==='hi');
}
function go(p){
document.querySelectorAll('.page').forEach(s=>s.classList.remove('show'));
document.getElementById(p).classList.add('show');
document.querySelectorAll('.menu a').forEach(a=>a.classList.toggle('active',a.dataset.p===p));
document.getElementById('menu').classList.remove('open');
window.scrollTo({top:0,behavior:'smooth'});
}
function renderPoem(){
const entry=poems[idx][lang];
const addbox=document.getElementById('addbox');
if(entry){
addbox.style.display='none';
document.getElementById('ptitle').textContent=entry.title;
document.getElementById('pbody').textContent=entry.body;
document.getElementById('pauthor').textContent='— '+entry.author;
} else {
// Hindi missing -> show add option
document.getElementById('ptitle').textContent= lang==='hi' ? 'अनुवाद उपलब्ध नहीं' : 'Translation not available';
document.getElementById('pbody').textContent='';
document.getElementById('pauthor').textContent='';
addbox.style.display = (lang==='hi') ? 'block' : 'none';
}
document.getElementById('ptag').textContent=lang==='en'?'Poem of the Day':'आज की कविता';
document.getElementById('prevBtn').textContent=lang==='en'?'← Previous':'← पिछली';
document.getElementById('nextBtn').textContent=lang==='en'?'Next →':'अगली →';
// home preview (today's poem; fall back to EN if hi missing)
const t=poems[dayIndex][lang]||poems[dayIndex].en;
document.getElementById('homeBody').textContent=t.body;
document.getElementById('homeAuthor').textContent='— '+t.author;
document.getElementById('homeLbl').textContent=lang==='en'?'Poem of the Day':'आज की कविता';
}
function setLang(l){
lang=l;
document.getElementById('enBtn').classList.toggle('on',l==='en');
document.getElementById('hiBtn').classList.toggle('on',l==='hi');
applyLangText();
renderPoem();
}
function saveHindi(){
const title=document.getElementById('addTitle').value.trim();
const body=document.getElementById('addBodyT').value.trim();
const author=document.getElementById('addAuthor').value.trim()||'अज्ञात';
if(!title||!body){ showToast('कृपया शीर्षक और कविता भरें'); return; }
poems[idx].hi={title,author,body};
document.getElementById('addTitle').value='';
document.getElementById('addBodyT').value='';
document.getElementById('addAuthor').value='';
renderPoem();
showToast('हिंदी जुड़ गई!');
}
function nextPoem(){idx=(idx+1)%poems.length;renderPoem();}
function prevPoem(){idx=(idx-1+poems.length)%poems.length;renderPoem();}
function showToast(m){const t=document.getElementById('toast');t.textContent=m;t.classList.add('show');setTimeout(()=>t.classList.remove('show'),1700);}
function copyPoem(){const e=poems[idx][lang];if(!e){showToast('—');return;}navigator.clipboard.writeText(e.title+"\n"+e.body+"\n— "+e.author).then(()=>showToast(lang==='en'?'Copied':'कॉपी हो गया'));}
function sharePoem(){const e=poems[idx][lang];if(!e){return;}const text=e.title+"\n"+e.body+"\n— "+e.author;if(navigator.share){navigator.share({title:e.title,text});}else{navigator.clipboard.writeText(text).then(()=>showToast(lang==='en'?'Copied':'कॉपी हो गया'));}}
applyLangText();
go('home');
renderPoem();
</script>
</body>
</html>