------------- Theme & Style ------------- Use the Tailwind 'Stone' palette. Headings should be deep red and serif; body text sans-serif. Do not display any comments. Links must open in the current window. Screen width limited to 1366 pixels. ----------------- Header Components ----------------- Title: "OpenLang.ai". Favicon: A data URI containing the character "文" (serif, deep red on white). Top Bar Left: An SVG logo of "文" (24pt serif) followed by "openlang.ai" in large bold text. Center: "Open-source language-learning games, produced by AI" (large italic serif). Right: A "Source" button that downloads the front-page.txt file. ------------ Main Content (Two Column Layout) ------------ Column 1: Languages & Tech Language Grid: Display buttons as cards (same color) in a 4-column grid. Each card links to /LANGUAGE and shows the Native Name (large, bold) above the English Name. "Choose a Language" (Visible): Chinese, Spanish, French, German, Portuguese, Ukrainian, Korean, Japanese, Persian, Hindi, Arabic, Swahili. "More Languages" (Collapsible, Default Hidden): Azerbaijani, Belarusian, Bengali, Bulgarian, Burmese, Catalan, Czech, Danish, Dutch, Estonian, Georgian, Greek, Hausa, Hungarian, Italian, Lao, Latin, Latvian, Lithuanian, Madurese, Malay, Malayalam, Norwegian, Pashto, Polish, Punjabi, Romanian, Russian, Serbo-Croatian, Sindhi, Slovak, Somali, Swedish, Tagalog, Tamil, Telugu, Thai, Turkish, Urdu, Vietnamese. Technology Stack: Create a table with three columns: Product|How It's Used|Owner/Standards Body Products (use exact names as written): Gemini 3 Pro,JavaScript,React,TailwindCSS,PWA,Web Speech Populate the second and third columns yourself. Link the Technology field to its homepage or to a site that describes the technology. For Gemini, use this text for the "How It's Used" field: "Top level design and code generation". -------- Column 2: -------- Create "Open Source for Everyone" block with a light background (bg-white) and border. Include the following text: The Open Source movement was a revolution for programmers, allowing them to reuse existing tools and systems. With the advent of vibe coding, anyone can build with Open Source. Every page on this site has a "Source" button in the top corner. You can download the source text for any game, change it to for your needs, and produce a fully-functional customized game. Create Use_Cases table with three columns: Use Case|Prompt|Game Link American venture capitalist in Ukraine||/Ukrainian/venture.html| Polish tourist visiting Germany||/Polish/tourist.html/| Philosophy Student Studying French||/French/philsophy.html| Virusoligist attending Chinese conference||/Chinese/virusology.html| Populate the "Prompt" field with a prompt to generate words and short phrases that are appropriate for the use case. The "Game Link" field should have a button that says "Play" linked to the URL in the field. ------ Footer ------ Left: Title "About the Site Logo". Text: "The Chinese wén character (文) signifies literature, culture, or writing. It is part of the name of the Chinese language itself (中文).". Right: Copyright text as footer on a single line in small print. Link for “Functional AI Inc”: https://functional.by Link for “MIT License”: https://opensource.org/licenses/MIT The text should appear exactly as below, with the above href link markup added as underlined link. Copyright (C) 2026 by Functional AI Inc. Licensed under the MIT License.