Spaces:
Running
Running
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cødex Cheats - Code Execution & Learning Platform</title> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <style> body { font-family: 'Arial', sans-serif; } .dark-mode body { background-color: #1a202c; color: #cbd5e0; } .dark-mode a { color: #63b3ed; } </style> <script> document.addEventListener('DOMContentLoaded', function() { const toggleSwitch = document.querySelector('.switch input[type="checkbox"]'); toggleSwitch.addEventListener('change', switchTheme, false); function switchTheme(e) { if (e.target.checked) { document.documentElement.setAttribute('data-theme', 'dark'); localStorage.setItem('theme', 'dark'); } else { document.documentElement.setAttribute('data-theme', 'light'); localStorage.setItem('theme', 'light'); } } function switchThemeBasedOnLocalStorage() { const theme = localStorage.getItem('theme'); if (theme) { document.documentElement.setAttribute('data-theme', theme); if (theme === 'dark') { toggleSwitch.checked = true; } } } switchThemeBasedOnLocalStorage(); }); </script> </head> <body class="bg-white dark:bg-gray-800 text-gray-800 dark:text-white"> <header class="bg-gray-800 dark:bg-gray-900 text-white py-4"> <div class="container mx-auto flex justify-between items-center px-4"> <h1 class="text-xl font-bold"><span class="text-blue-500"><Cødex></span> Cheats</h1> <nav> <ul class="hidden md:flex space-x-4"> <li><a href="#features" class="hover:text-blue-500">Features</a></li> <li><a href="#community" class="hover:text-blue-500">Community</a></li> <li><a href="#documentary" class="hover:text-blue-500">Documentary</a></li> <li><a href="#contact" class="hover:text-blue-500">Contact</a></li> </ul> <div class="md:hidden"> <button id="mobile-menu-button" class="focus:outline-none"> <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"/> </svg> </button> </div> </nav> <div class="switch"> <label class="inline-flex relative items-center cursor-pointer"> <input type="checkbox" value="" class="sr-only peer"> <div class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 transition duration-150 ease-in-out"></div> <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300">Dark Mode</span> </label> </div> </div> <div id="mobile-menu" class="hidden md:hidden"> <ul class="mt-4 px-4 space-y-4"> <li><a href="#features" class="block hover:text-blue-500">Features</a></li> <li><a href="#community" class="block hover:text-blue-500">Community</a></li> <li><a href="#documentary" class="block hover:text-blue-500">Documentary</a></li> <li><a href="#contact" class="block hover:text-blue-500">Contact</a></li> </ul> </div> <script> const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); mobileMenuButton.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); }); </script> </header> <section id="hero" class="py-20 bg-gray-100 dark:bg-gray-700"> <div class="container mx-auto text-center px-4"> <h2 class="text-4xl font-bold mb-4">Revolutionizing Code Learning</h2> <p class="text-lg mb-8">Make coding accessible, engaging, and effective with Cødex Cheats.</p> <div class="flex justify-center space-x-4"> <a href="#" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Get Started</a> <a href="#" class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded">Learn More</a> </div> <pre class="mt-12 bg-gray-200 dark:bg-gray-600 p-4 rounded"><code class="text-gray-700 dark:text-gray-200">console.log("Hello, Cødex Cheats!");</code></pre> </div> </section> <section id="features" class="py-20"> <div class="container mx-auto text-center px-4"> <h2 class="text-3xl font-bold mb-8">Key Features</h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">Interactive Code Execution</h3> <p>Real-time code writing, execution, and debugging with immediate feedback.</p> </div> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">AI-Powered Learning</h3> <p>Personalized guidance, code suggestions, and learning paths tailored to individual skill levels.</p> </div> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">Collaborative Community</h3> <p>Network with fellow coders to share knowledge and grow together.</p> </div> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">Practical Learning Tools</h3> <p>Access to tutorials, challenges, and real-world projects for structured skill development.</p> </div> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">Secure Learning Environment</h3> <p>Safe space for code experimentation without security or system concerns.</p> </div> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">Creative Problem Solving</h3> <p>Development of critical thinking skills through innovative coding challenges.</p> </div> </div> </div> </section> <section id="community" class="py-20 bg-gray-100 dark:bg-gray-700"> <div class="container mx-auto text-center px-4"> <h2 class="text-3xl font-bold mb-8">Join Our Community</h2> <p class="text-lg mb-12">Engage with others, share knowledge, and work on real-world projects together.</p> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">Forums & Discussion</h3> <p>Engage with others, ask questions, and share knowledge.</p> </div> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">Collaborative Projects</h3> <p>Work on real-world projects with other members to build portfolios and learn from peers.</p> </div> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">User-Generated Content</h3> <p>Share tutorials, code snippets, and resources to help others.</p> </div> </div> </div> </section> <section id="documentary" class="py-20"> <div class="container mx-auto text-center px-4"> <h2 class="text-3xl font-bold mb-8">Upcoming Documentary</h2> <p class="text-lg mb-12">Discover the story behind Cødex Cheats in our upcoming documentary.</p> <div class="bg-white dark:bg-gray-800 p-8 rounded shadow-md"> <h3 class="text-xl font-bold mb-4">"The Codex Cheats Revolution"</h3> <p>Uncovering the secrets of code execution and learning.</p> <p class="mt-4">Expected release date: June 17, 2025</p> </div> </div> </section> <section id="contact" class="py-20 bg-gray-100 dark:bg-gray-700"> <div class="container mx-auto text-center px-4"> <h2 class="text-3xl font-bold mb-8">Get in Touch</h2> <p class="text-lg mb-12">Have questions or want to learn more? Reach out to us.</p> <form class="max-w-md mx-auto"> <div class="mb-4"> <label for="name" class="block text-sm font-bold mb-2">Name</label> <input type="text" id="name" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="Your Name"> </div> <div class="mb-4"> <label for="email" class="block text-sm font-bold mb-2">Email</label> <input type="email" id="email" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="Your Email"> </div> <div class="mb-6"> <label for="message" class="block text-sm font-bold mb-2">Message</label> <textarea id="message" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline h-40" placeholder="Your Message"></textarea> </div> <div class="flex items-center justify-center"> <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="button"> Send Message </button> </div> </form> <div class="mt-12"> <p class="text-lg">Contact Information:</p> <p class="mt-2">Founders: Iminathi Momelezi Mvinjwa and Ongaka Manisa</p> <p>Email: contact@codexcheats.com</p> <p>Launch Date: June 17, 2025</p> </div> </div> </section> <footer class="bg-gray-800 dark:bg-gray-900 text-white py-8"> <div class="container mx-auto text-center px-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div> <h3 class="text-xl font-bold mb-4">Platform Links</h3> <ul class="space-y-2"> <li><a href="#features" class="hover:text-blue-500">Features</a></li> <li><a href="#community" class="hover:text-blue-500">Community</a></li> <li><a href="#" class="hover:text-blue-500">Learning Tools</a></li> <li><a href="#" class="hover:text-blue-500">Documentation</a></li> </ul> </div> <div> <h3 class="text-xl font-bold mb-4">Company Information</h3> <ul class="space-y-2"> <li><a href="#" class="hover:text-blue-500">About Us</a></li> <li><a href="#" class="hover:text-blue-500">Blog</a></li> <li><a href="#" class="hover:text-blue-500">Careers</a></li> <li><a href="#contact" class="hover:text-blue-500">Contact</a></li> </ul> </div> <div> <h3 class="text-xl font-bold mb-4">Legal Information</h3> <ul class="space-y-2"> <li><a href="#" class="hover:text-blue-500">Terms of Service</a></li> <li><a href="#" class="hover:text-blue-500">Privacy Policy</a></li> <li><a href="#" class="hover:text-blue-500">Cookie Policy</a></li> </ul> </div> </div> <p class="mt-8">© 2023 Cødex Cheats. All rights reserved.</p> </div> </footer> </body> </html> Website was created by iminathi mvinjwa and Ongaka Manisa an Gcebo Nkuwana - Initial Deployment
ce453d4
verified
metadata
title: codex-cheats
emoji: 🐳
colorFrom: pink
colorTo: blue
sdk: static
pinned: false
tags:
- deepsite
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference