Spaces:
Running
Running
File size: 1,900 Bytes
77b9c0b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<!DOCTYPE html>
<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>
|