Generated by: SLS Prompt Library for Educational Interactive Creation - https://sg.iwant2study.org/ospsg/index.php/ai-prompt-library ⚠️ SLS (Singapore Learning Space) Compatibility Warnings: The following external dependencies were detected and downloaded: • https://cdn.tailwindcss.com • https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Fredoka+One&display=swap • https://images.unsplash.com/photo-1589656966895-2f33e7653819?w=400&q=80 • https://images.unsplash.com/photo-1517783999520-f068d7431a60?w=400&q=80 • https://images.unsplash.com/photo-1454433140182-359f1396a802?w=400&q=80 • https://images.unsplash.com/photo-1545286733-1496391a92e5?w=400&q=80 • https://images.unsplash.com/photo-1547721064-362726618170?w=400&q=80 • https://images.unsplash.com/photo-1591161100575-41892efe424e?w=400&q=80 • https://images.unsplash.com/photo-1590420485404-f86d22b8abf8?w=400&q=80 • https://images.unsplash.com/photo-1534361960057-19889db9621e?w=400&q=80 • https://images.unsplash.com/photo-1444464666168-49d633b867ad?w=400&q=80 • https://images.unsplash.com/photo-1626012674991-628d712030d5?w=400&q=80 • https://images.unsplash.com/photo-1459156212016-c812468e2115?w=400&q=80 • https://images.unsplash.com/photo-1522069169874-c58ec4b76be5?w=400&q=80 🚨 IMPORTANT: ES6 Modules and Import Maps Limitation: If your code uses ES6 modules (import/export) or import maps, it will NOT work when opened directly as a file (file://) due to CORS restrictions. ✅ SOLUTION: Use the included local server • Windows: Double-click "start_server.bat" • Mac/Linux: Run "bash start_server.sh" or "python3 server.py" • Then open http://localhost:8000 in your browser Note: Some features may not work properly in SLS due to: • Restricted internet access in SLS environment • Content Security Policy limitations • JavaScript execution restrictions • ES6 module loading restrictions All external files have been downloaded and included in this ZIP for offline use. If you encounter issues in SLS, consider: • Using simpler, vanilla JavaScript instead of complex libraries • Avoiding external API calls • Converting ES6 modules to regular script tags • Testing thoroughly in the SLS environment Downloaded file mapping: • https://cdn.tailwindcss.com -> vendor/tailwindcss-3.4.17.js • https://cdn.tailwindcss.com/3.4.17 -> vendor/tailwindcss-3.4.17.js • https://fonts.gstatic.com/s/fredokaone/v15/k3kUo8kEI-tA1RRcTZGmTlHGCaen8wf-.woff2 -> vendor/k3kUo8kEI-tA1RRcTZGmTlHGCaen8wf-_2.woff2 • https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2 -> vendor/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw_3.woff2 • https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Fredoka+One&display=swap -> vendor/external_1.css • https://images.unsplash.com/photo-1589656966895-2f33e7653819?w=400&q=80 -> vendor/external_2.jpg • https://images.unsplash.com/photo-1517783999520-f068d7431a60?w=400&q=80 -> vendor/external_3.jpg • https://images.unsplash.com/photo-1454433140182-359f1396a802?w=400&q=80 -> vendor/external_4.svg • https://images.unsplash.com/photo-1545286733-1496391a92e5?w=400&q=80 -> vendor/external_5.svg • https://images.unsplash.com/photo-1547721064-362726618170?w=400&q=80 -> vendor/external_6.svg • https://images.unsplash.com/photo-1591161100575-41892efe424e?w=400&q=80 -> vendor/external_7.svg • https://images.unsplash.com/photo-1590420485404-f86d22b8abf8?w=400&q=80 -> vendor/external_8.jpg • https://images.unsplash.com/photo-1534361960057-19889db9621e?w=400&q=80 -> vendor/external_9.jpg • https://images.unsplash.com/photo-1444464666168-49d633b867ad?w=400&q=80 -> vendor/external_10.svg • https://images.unsplash.com/photo-1626012674991-628d712030d5?w=400&q=80 -> vendor/external_11.svg • https://images.unsplash.com/photo-1459156212016-c812468e2115?w=400&q=80 -> vendor/external_12.jpg • https://images.unsplash.com/photo-1522069169874-c58ec4b76be5?w=400&q=80 -> vendor/external_13.jpg