इस प्रोजेक्ट के बारे में

## अवलोकन यह 15 फरवरी, 2026 को आयोजित होने वाले कार्यक्रम 'सप्पोरो सुगोई AI मात्सुरी' का आधिकारिक लैंडिंग पेज है। यह केवल HTML, CSS और JavaScript से निर्मित स्थिर साइट है, जो किसी बिल्ड टूल या फ्रेमवर्क पर निर्भर नहीं करती। ## डिज़ाइन की विशेषताएं - आग की थीम वाले पार्टिकल एनिमेशन, ग्रेडिएंट और समर्पित कलर पैलेट - आधुनिक डार्क थीम - मोबाइल, टैबलेट और डेस्कटॉप के अनुकूल रिस्पॉन्सिव डिज़ाइन - स्क्रॉल एनिमेशन और पैरालैक्स प्रभाव जैसे इंटरैक्शन कलर पैलेट CSS वेरिएबल्स (`:root`) में परिभाषित है। `--flame-red`, `--flame-orange`, `--flame-yellow`, `--flame-bright`, `--dark-bg`, `--dark-surface`, `--dark-elevated` आदि को बदलकर रंग योजना समायोजित की जा सकती है। ## सामग्री संरचना यह तीन कार्यक्रमों का परिचय देता है: 1. AI बिजनेस कॉन्टेस्ट — नागरिकों द्वारा व्यावसायिक विचारों की प्रस्तुति 2. AI कला महोत्सव — AI के साथ बनाई गई कला, संगीत और वीडियो का लाइव शो 3. AI प्रदर्शनी और अनुभव सत्र — प्रदर्शनी बूथ पर AI कृतियों का प्रदर्शन और अनुभव इनके लिए आधारभूत ज्ञान प्रदान करने वाली मुफ्त ई-लर्निंग साइट 'सुगोई AI डोजो' एक स्वतंत्र सेक्शन में प्रस्तुत है और बाहरी लिंक (dojo.sugoiai.org) के माध्यम से उपलब्ध कराई गई है। क्राउडफंडिंग लिंक और Discord आमंत्रण लिंक के लिए भी स्थान दिया गया है। ## फ़ाइल संरचना - `index.html` — लैंडिंग पेज की मुख्य फ़ाइल - `style.css` — स्टाइलशीट - `script.js` — एनिमेशन और इंटरैक्शन - `requirements.md` — आवश्यकताओं की परिभाषा - `todo.md` — कार्य इतिहास और जांच सूची - `README.md` — विवरण ## उपयोग ब्राउज़र में सीधे `index.html` खोलें, या Python 3 के `python3 -m http.server 8000` अथवा `npx http-server` जैसे स्थानीय सर्वर पर इसे देखें। स्थिर साइट होने के कारण इसे Netlify (ड्रैग एंड ड्रॉप), Vercel (Git रिपॉजिटरी एकीकरण), GitHub Pages, Firebase Hosting आदि पर सीधे डिप्लॉय किया जा सकता है। ## अनुकूलन - पाठों के लिए `index.html` संपादित करें - रंग और स्पेसिंग `style.css` के CSS वेरिएबल्स से समायोजित करें - स्क्रॉल एनिमेशन का समय, पैरालैक्स प्रभाव की तीव्रता और होवर प्रभाव `script.js` में समायोजित करें छवियां वर्तमान में प्लेसहोल्डर हैं। `images/` फ़ोल्डर में छवियां रखने और `.image-placeholder` एलिमेंट को `img` टैग से बदलने की प्रक्रिया समझाई गई है। ## प्रदर्शन संबंधी कार्यान्वयन CSS Grid/Flexbox आधारित लेआउट, Intersection Observer द्वारा विलंबित एनिमेशन, requestAnimationFrame द्वारा स्क्रॉल प्रोसेसिंग और CSS transforms द्वारा हार्डवेयर एक्सेलरेशन शामिल हैं। ## डिप्लॉय-पूर्व जांच सूची Discord आमंत्रण लिंक को वास्तविक URL से बदलना, छवि प्लेसहोल्डर बदलना, OGP छवि और फ़ेविकॉन सेट करना, एक्सेस एनालिटिक्स कॉन्फ़िगर करना, सभी लिंक की कार्यप्रणाली जांचना और विभिन्न स्क्रीन चौड़ाइयों पर प्रदर्शन जांचना शामिल है। ## परिचालन जानकारी आयोजक सप्पोरो सुगोई AI सोसाइटी है। संपर्क के रूप में X (Twitter) अकाउंट @ykishimotoy और हैशटैग #さっぽろすごいAIまつり दिया गया है।