https://aistudio.google.com/app/prompts?state=%7B%22ids%22:%5B%221YuWK5h_1qu2GhAexbsc247vRcFmDa-IV%22%5D,%22action%22:%22open%22,%22userId%22:%22116511544399598602727%22,%22resourceKeys%22:%7B%7D%7D&usp=sharing
9202e58 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Undefined Theme Project</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| </head> | |
| <body class="bg-gray-50 dark:bg-gray-900 transition-colors duration-300"> | |
| <div class="container mx-auto px-4 py-8"> | |
| <header class="text-center mb-12"> | |
| <h1 class="text-4xl font-bold text-gray-800 dark:text-white mb-4"> | |
| Undefined Theme Project | |
| </h1> | |
| <p class="text-gray-600 dark:text-gray-300"> | |
| Primary Color: undefined | Secondary Color: undefined | Theme: undefined mode | |
| </p> | |
| </header> | |
| <main class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- Sample Cards --> | |
| <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 border border-gray-200 dark:border-gray-700"> | |
| <h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-3">Card 1</h3> | |
| <p class="text-gray-600 dark:text-gray-300">This is a sample card with undefined theming.</p> | |
| </div> | |
| <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 border border-gray-200 dark:border-gray-700"> | |
| <h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-3">Card 2</h3> | |
| <p class="text-gray-600 dark:text-gray-300">Using undefined color scheme.</p> | |
| </div> | |
| <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 border border-gray-200 dark:border-gray-700"> | |
| <h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-3">Card 3</h3> | |
| <p class="text-gray-600 dark:text-gray-300">Theme configuration in undefined mode.</p> | |
| </div> | |
| </main> | |
| <!-- Theme Toggle --> | |
| <div class="fixed bottom-6 right-6"> | |
| <button id="themeToggle" class="bg-gray-200 dark:bg-gray-700 text-gray-800 dark:text-white p-3 rounded-full shadow-lg hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors"> | |
| <i data-feather="moon" id="themeIcon"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |