इसे जनरेट करने के लिए वेबपेज का उपयोग करना न भूलें।

वेबजीएल फ्लूइड बैकग्राउंड, सेरिफ़ हेडिंग + सैन्स-सेरिफ़ बॉडी टेक्स्ट, चैप्टर कवर, बड़े डेटा बैनर और इमेज ग्रिड जैसे टेम्प्लेट सहित, "ई-मैगज़ीन × ई-इंक" शैली में क्षैतिज रूप से फ्लिप होने वाली वेब-आधारित पीपीटी (एकल एचटीएमएल फ़ाइल) बनाएं। इसका उपयोग तब करें जब उपयोगकर्ताओं को साझा करने/प्रस्तुतियों/लॉन्च इवेंट्स के लिए वेब-आधारित पीपीटी बनाने की आवश्यकता हो, या जब वे "मैगज़ीन-शैली पीपीटी", "क्षैतिज स्वाइप डेक", "संपादकीय पत्रिकाएं" या "ई-इंक प्रस्तुतियों" का संदर्भ दे रहे हों।

# पत्रिका वेब पीपीटी

## यह कौशल क्या करता है?

क्षैतिज स्लाइड शो प्रारूपण के साथ एक एकल-फ़ाइल HTML फ़ाइल जनरेट करें। विज़ुअल स्टाइल इस प्रकार है:

- ई-मैगज़ीन और ई-इंक का मिश्रित रूप।

- **WebGL फ्लूइड/कंटूर/डिस्पर्शन बैकग्राउंड** (हीरो पेज देखें)

- **सेरिफ़ हेडिंग्स (नोटो सेरिफ़ एससी + प्लेफेयर डिस्प्ले) + सैन्स-सेरिफ़ बॉडी टेक्स्ट (नोटो सैन्स एससी + इंटर) + मोनोस्पेस्ड मेटाडेटा (आईबीएम प्लेक्स मोनो)**

- **ल्यूसाइड लीनियर आइकन** (इमोजी की आवश्यकता नहीं)

- **पृष्ठों को क्षैतिज रूप से पलटना (कीबोर्ड पर बाएँ और दाएँ, स्क्रॉल व्हील, टच स्क्रीन स्वाइप, नीचे का बिंदु, ESC कुंजी)**

- **थीम का सहज इंटरपोलेशन**: हीरो पेज पर नेविगेट करते समय रंग और शेडर सहज रूप से बदलते हैं।

इस कौशल की सौंदर्यशास्त्रीयता न तो "बिजनेस पॉवरपॉइंट" है और न ही "उपभोक्ता इंटरनेट यूआई" - यह कोड चिपकाए गए *मोनोकल* पत्रिका की तरह है।

## कब उपयोग करें

**उपयुक्त परिस्थितियाँ:**

- ऑफ़लाइन विचार-विमर्श सत्र / उद्योग जगत पर चर्चाएँ / निजी बैठकें

- एआई के नए उत्पाद का लॉन्च/डेमो दिवस

- एक सशक्त व्यक्तिगत शैली वाला भाषण

- स्लाइड का एक वेब-आधारित संस्करण चाहिए जिसे पेज पलटने वाले टूल के बिना एक ही बार में पूरा किया जा सके।

**अनुचित परिस्थितियाँ:**

- तालिका डेटा के बड़े भाग और उस पर अंकित चार्ट (मानक पॉवरपॉइंट प्रस्तुतियों का उपयोग करके)

- प्रशिक्षण सामग्री (सूचना की अपर्याप्त मात्रा)

- इसमें कई लोगों द्वारा सहयोगात्मक संपादन की आवश्यकता है (यह स्थिर HTML है)

### चरण 1 · आवश्यकताओं को स्पष्ट करें (**शुरू करने से पहले आवश्यक**)

यदि उपयोगकर्ता ने पहले ही पूरी रूपरेखा और चित्र उपलब्ध करा दिए हैं, तो आप चरण 2 पर जा सकते हैं।

यदि उपयोगकर्ता केवल विषय या अस्पष्ट विचार देता है, तो शुरू करने से पहले इसे इन 6 प्रश्नों के साथ एक-एक करके मिला लें। अनुमान के आधार पर स्लाइड लिखना शुरू न करें—एक बार संरचना गलत हो जाने पर, बाद में संशोधन करना बहुत महंगा पड़ता है। प्रश्न पूछने के लिए आप askUserQuestion टूल का उपयोग कर सकते हैं।

#### 6 स्पष्टीकरण प्रश्न

| # | प्रश्न | क्यों पूछें? |

|---|------|-----------|

| 1 | **दर्शक कौन हैं? साझाकरण का परिदृश्य क्या है?** (उद्योग के विशेषज्ञ/व्यापार का शुभारंभ/प्रदर्शन दिवस/निजी बैठक) | भाषा शैली और गहराई निर्धारित करता है |

| 2 | **साझा करने की अवधि?** | 15 मिनट ≈ 10 पृष्ठ, 30 मिनट ≈ 20 पृष्ठ, 45 मिनट ≈ 25-30 पृष्ठ |

| 3 | **क्या आपके पास कोई मूल सामग्री है?** (दस्तावेज़/डेटा/पुरानी पीपीटी/लेख लिंक) | यदि आपके पास सामग्री है, तो उसका उपयोग करें; यदि नहीं, तो उसके लिए कुछ और बनाएं। |

| 4 | **क्या कोई चित्र हैं? उन्हें कहाँ रखा जाना चाहिए?** | नीचे "चित्र संबंधी नियम" देखें |

| 5 | **आप कौन सा थीम रंग चाहते हैं?** | @themes.md देखें, 5 प्रीसेट में से एक चुनें |

| 6 | **क्या कोई सख्त प्रतिबंध हैं?** (XX डेटा शामिल होना चाहिए / YY नहीं होना चाहिए) | पुनः कार्य से बचने के लिए |

#### रूपरेखा बनाने में सहायता (यदि उपयोगकर्ता के पास रूपरेखा नहीं है)

रूपरेखा तैयार करने के लिए "कथा चाप" टेम्पलेट का उपयोग करें, फिर उसमें सामग्री भरें:

```

हुक → पृष्ठ 1: लोगों को रुकने के लिए प्रेरित करने हेतु एक विरोधाभास/प्रश्न/ठोस डेटा प्रस्तुत करें।

विषयवस्तु का परिचय (संदर्भ) → पृष्ठ 1-2: पृष्ठभूमि स्पष्ट करें / आप कौन हैं / आप इस विषय पर क्यों बात कर रहे हैं

मुख्य भाग (कोर) → पृष्ठ 3-5: मुख्य सामग्री, जिसमें लेआउट 4/5/6/9/10 शामिल हैं

शिफ्ट → पृष्ठ 1: अपेक्षाओं को तोड़ना / एक नया दृष्टिकोण प्रस्तुत करना

मुख्य बिंदु → पृष्ठ 1-2: प्रमुख उद्धरण / रोमांचक प्रश्न / कार्रवाई के सुझाव

```

कथा का क्रम + पृष्ठ संख्या नियोजन + विषयगत लय सारणी (देखें @layouts.md ), चरण 2 पर आगे बढ़ने से पहले **तीनों सारणियों को संरेखित करें**।

बाद में आसानी से बदलाव करने के लिए रूपरेखा को `प्रोजेक्ट रिकॉर्ड` या `आउटलाइन-v1` के रूप में सहेजने की सलाह दी जाती है।

#### छवि संबंधी नियम (उपयोगकर्ताओं को सूचित करें)

आगे बढ़ने से पहले उपयोगकर्ता को निम्नलिखित बातें समझाएं:

- **छवि का स्थान**: बोर्ड में कौन सी छवि है, या कौन सी छवि अपलोड की गई थी?

- **यदि चित्र न हों तो क्या होगा?**: उपयोगकर्ता के लेआउट के अनुरूप बनाने के लिए, आप पहले प्लेसहोल्डर रंग ब्लॉकों का उपयोग करके संरचना बना सकते हैं और बाद में चित्र जोड़ सकते हैं; हालाँकि, आपको लेआउट 4/5/10 और अन्य मिश्रित पाठ और चित्र पृष्ठों को सूचित करना होगा कि चित्रों के बिना दृश्य प्रभाव को सत्यापित नहीं किया जा सकता है।

### चरण 2 · संदर्भ टेम्पलेट

@template.txt एक **पूर्ण और कार्यात्मक** HTML फ़ाइल है—CSS, WebGL शेडर, पेजिंग JS और फ़ॉन्ट/आइकन CDN सभी पहले से सेट हैं; केवल `