2 lines
5.2 KiB
HTML
2 lines
5.2 KiB
HTML
<!doctype html><html lang="fa" dir="rtl"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name="theme-color" content="#132e29"><title>گردش سبز | روبات مارکت</title></head><body><canvas id="world"></canvas><div id="loading">در حال آماده‌سازی جنگل…</div><header><a class="brand" href="#">روبات<span>مارکت</span><small>ROBOT MARKET · FOREST WALK</small></a><div class="wallet"><strong id="balance">۵۰۰</strong> <span>هتومان</span></div></header><section class="intro"><span class="eyebrow">یک ماجراجویی کوچک، کنار هم</span><h1>تپهٔ <em>آرزوها</em></h1><p>دست‌های کوچک، کشف‌های بزرگ.</p></section><aside class="mission"><span>مأموریت / آماده برای پیک‌نیک</span><p id="mission">یک نوشیدنی و یک خوراکی تهیه کنید</p><div id="basket" aria-live="polite">🧺 سبد پیک‌نیک خالی است</div><div class="progress"><i id="progress"></i></div></aside><div id="speech" role="status">بابا، بریم ببینیم اونجا چیه؟</div><aside id="machine-note" hidden>روبات مارکت · ۶۰ کانال<br>۱۰ هتومان = ۱۰۰٬۰۰۰ ریال<br><small>برای خرید، کانال ۲۱ تا ۶۰ را انتخاب کن.</small></aside><button id="interact" hidden aria-label="تعامل با دستگاه؛ کلید E یا لمس"><span class="interact-key">E</span><b>تعامل</b></button><footer><button id="notebook-open">دفترچهٔ کشف‌ها 📖</button><button id="sound" aria-pressed="false">صدا: خاموش ♫</button><button id="restart">شروع دوباره ↻</button></footer><aside id="controls-guide" aria-label="راهنمای کنترل"><strong>راهنمای بازی</strong><p><kbd>←</kbd> <kbd>→</kbd> حرکت چپ و راست</p><p><kbd>↑</kbd> نزدیک‌تر شدن دوربین</p><p><kbd>↓</kbd> دورتر شدن دوربین</p><p><kbd>A</kbd> <kbd>D</kbd> حرکت · <kbd>E</kbd> خرید</p><p><kbd>F</kbd> انجام کار داستانی</p><p><kbd>C</kbd> کشیدن کارت</p><small>حرکت و زوم: دکمه را نگه دارید.</small></aside><div class="touch" aria-label="دکمه‌های جهت"><button id="zoom-in" aria-label="زوم نزدیک">↑</button><button id="back" aria-label="حرکت به عقب">←</button><button id="forward" aria-label="حرکت به جلو">→</button><button id="zoom-out" aria-label="زوم دور">↓</button></div><dialog id="shop"><button id="close" aria-label="بستن">×</button><span class="eyebrow">یک توقف خوشمزه</span><h2>چی میل داری؟</h2><p>کد روی محصول را وارد کن و دکمهٔ تأیید را بزن.</p><p class="currency-note">واحد بازی: هتومان<br><strong>۱۰ هتومان = ۱۰۰٬۰۰۰ ریال</strong><br>کانال‌های ۲۱ تا ۶۰ قابل خریدند؛ سایر کانال‌ها در این بخش نمایش داده نمی‌شوند.</p><div class="vending-browser"><section class="channel-side"><h3>شمارهٔ کانال</h3><div id="channels"></div></section><section class="product-side"><h3>کد + محصول فرضی</h3><div id="products"></div></section></div><form id="code-form" novalidate><label for="product-code">کد محصول</label><div class="code-entry"><input id="product-code" type="text" inputmode="numeric" maxlength="2" autocomplete="off" placeholder="مثلاً ۲۲" aria-describedby="shop-status"><button type="submit">پرداخت</button></div></form><p id="shop-status" role="status"></p><small>خرید نمایشی است و پرداخت واقعی ندارد.</small></dialog><section id="payment-panel" hidden aria-label="پرداخت نمایشی"><h2>کارت‌خوان روبات مارکت</h2><p id="payment-message"></p><p id="payment-result" role="status"></p><button id="swipe-card">کشیدن کارت · C</button><button id="cancel-payment">انصراف</button><small>پرداخت فقط نمایشی است.</small></section><dialog id="ending"><span class="eyebrow">یک خاطرهٔ سبز، کنار هم</span><h2>پیک‌نیک آماده است! 🌿</h2><p id="ending-text"></p><div id="ending-basket"></div><canvas id="memory" width="600" height="360" aria-label="نقاشی یادگاری سفر"></canvas><div id="ending-discoveries"></div><button id="recycle">بسته‌ها را در سطل بینداز ♻</button><p id="badge" role="status"></p><button id="again">یک گردش دیگر ↻</button></dialog><aside id="story-dialog" hidden aria-labelledby="chapter-title"><span class="eyebrow">تپهٔ آرزوها</span><h2 id="chapter-title"></h2><p id="chapter-line" aria-live="polite"></p><p id="chapter-count"></p><div id="chapter-actions"></div></aside><dialog id="notebook" aria-labelledby="notebook-title"><button id="notebook-close" aria-label="بستن دفترچه">×</button><h2 id="notebook-title">دفترچهٔ کشف‌های من</h2><p>هر قدم، یک خاطرهٔ تازه.</p><div id="discoveries"></div><canvas id="drawing" width="600" height="360" aria-label="نقاشی بچه از گردش امروز"></canvas></dialog><script type="module" src="/src/main.js"></script></body></html>
|