Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Marimo Learn - Interactive Python Notebooks</title> | |
| <meta name="description" content="Learn Python, data science, and machine learning with interactive marimo notebooks"> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --primary-green: #10B981; | |
| --dark-green: #047857; | |
| --light-green: #D1FAE5; | |
| } | |
| .bg-primary { background-color: var(--primary-green); } | |
| .text-primary { color: var(--primary-green); } | |
| .border-primary { border-color: var(--primary-green); } | |
| .bg-light { background-color: var(--light-green); } | |
| .hover-grow { transition: transform 0.2s ease; } | |
| .hover-grow:hover { transform: scale(1.02); } | |
| .card-shadow { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1); } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 text-gray-800 font-sans"> | |
| <!-- Hero Section --> | |
| {% include 'tailwind_hero.html' %} | |
| <!-- Features Section --> | |
| {% include 'tailwind_features.html' %} | |
| <!-- Courses Section --> | |
| {% include 'tailwind_courses.html' %} | |
| <!-- Contribute Section --> | |
| {% include 'tailwind_contribute.html' %} | |
| <!-- Footer --> | |
| {% include 'tailwind_footer.html' %} | |
| <!-- Scripts --> | |
| <script> | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |