Spaces:
Running
Running
File size: 11,256 Bytes
a219d72 96b9f9f a219d72 96b9f9f a219d72 2acdca9 59ea029 a219d72 59ea029 a219d72 96b9f9f 44bd47b 73d4cb1 a219d72 96b9f9f a219d72 73d4cb1 a219d72 59ea029 a219d72 96b9f9f a219d72 96b9f9f |
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 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Building Intelligence — AI Systems Engineering</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>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap" rel="stylesheet">
</head>
<body class="bg-gray-50 text-gray-900 font-sans">
<!-- Language Switcher -->
<div class="language-switcher">
<button class="language-btn" onclick="switchLanguage('es')">ES</button>
<button class="language-btn active" onclick="switchLanguage('en')">EN</button>
</div>
<!-- Hero Section -->
<section class="relative h-screen flex items-center justify-center overflow-hidden">
<div class="absolute inset-0 z-0">
<div id="particles-js" class="w-full h-full"></div>
<div class="absolute inset-0 bg-gradient-to-t from-black/70 via-transparent to-black/30 hovered-element"></div>
</div>
<div class="relative z-10 text-center px-6 max-w-4xl mx-auto">
<h1 class="text-4xl md:text-6xl font-bold mb-4 text-white drop-shadow-lg">Building Intelligence</h1>
<p class="text-xl md:text-2xl font-medium mb-6 text-white/90 drop-shadow-md">AI Systems Engineering: From Machine Learning to Generative Intelligence</p>
<p class="text-lg mb-8 text-white/80">A DeepRat Educative Lab Program</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="https://github.com/DeepRatAI/Educative-Lab" target="_blank" class="px-6 py-3 bg-amber-500 hover:bg-amber-600 text-white font-semibold rounded-lg shadow transition duration-300 transform hover:-translate-y-1">Explore on GitHub</a>
<a href="https://github.com/DeepRatAI/Educative-Lab/blob/main/SYLLABUS_EN.md" target="_blank" class="px-6 py-3 border-2 border-white text-white font-semibold rounded-lg hover:bg-white/10 transition duration-300 transform hover:-translate-y-1">View Syllabus</a>
</div>
</div>
</section>
<!-- About Section -->
<section class="py-20 px-6 relative">
<div class="max-w-4xl mx-auto text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6">From Models to Minds</h2>
<p class="text-lg md:text-xl mb-6 leading-relaxed">
Building Intelligence is an open, structured and hands-on educational journey through the modern landscape of Artificial Intelligence — from classical Machine Learning to Generative and Agentic Systems.<br><br>
Inspired by the spirit of open education — and by Python para Todos, which once opened a door for me — this program exists to open that same door for anyone curious enough to step through.
</p>
<p class="text-right italic text-lg mt-8">— Gonzalo Romero, DeepRatAI</p>
</div>
</section>
<!-- Program Overview -->
<section class="py-20 px-6 bg-gray-100">
<div class="max-w-6xl mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Program Overview</h2>
<div class="grid grid-cols-1 md:grid-cols-5 gap-8">
<!-- Phase 1 -->
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="text-amber-500 mb-4">
<i data-feather="cpu" class="w-10 h-10"></i>
</div>
<h3 class="font-bold text-lg mb-2">Foundations of Machine Learning</h3>
<p class="text-sm">Build the fundamentals of how machines perceive and learn.</p>
</div>
<!-- Phase 2 -->
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="text-amber-500 mb-4">
<i data-feather="zap" class="w-10 h-10"></i>
</div>
<h3 class="font-bold text-lg mb-2">Neural Intelligence with PyTorch</h3>
<p class="text-sm">Design and train deep architectures for vision and language.</p>
</div>
<!-- Phase 3 -->
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="text-amber-500 mb-4">
<i data-feather="type" class="w-10 h-10"></i>
</div>
<h3 class="font-bold text-lg mb-2">Generative Intelligence</h3>
<p class="text-sm">Explore Transformers, LLMs, and creative AI systems.</p>
</div>
<!-- Phase 4 -->
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="text-amber-500 mb-4">
<i data-feather="settings" class="w-10 h-10"></i>
</div>
<h3 class="font-bold text-lg mb-2">Fine-Tuning Engineering</h3>
<p class="text-sm">Optimize large models efficiently with LoRA and QLoRA.</p>
</div>
<!-- Phase 5 -->
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="text-amber-500 mb-4">
<i data-feather="users" class="w-10 h-10"></i>
</div>
<h3 class="font-bold text-lg mb-2">Agentic AI Systems</h3>
<p class="text-sm">Create reasoning AI agents, RAG pipelines, and LangChain architectures.</p>
</div>
</div>
<div class="mt-10 text-center">
<p class="text-gray-600"><a href="https://github.com/DeepRatAI/Educative-Lab/blob/main/SYLLABUS_EN.md" class="underline">Full syllabus available on GitHub</a> | <a href="index_es.html" class="underline">Versión en Español</a></p>
</div>
</div>
</section>
<!-- Current Releases -->
<section class="py-20 px-6">
<div class="max-w-4xl mx-auto bg-gray-100 p-8 rounded-xl">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Now Available</h2>
<p class="text-lg mb-6">
The first module — <strong>Teaching Machines to Think: The Python Approach</strong> — is now live.<br>
Designed for Google Colab Free Tier (with GPU support), it delivers two foundational lessons:
</p>
<ul class="list-disc pl-6 mb-6 space-y-2">
<li>Lesson 1 — How Machines Learn: The Language of Data</li>
<li>Lesson 2 — Drawing the First Line: Predicting with Simple Linear Regression</li>
</ul>
<a href="https://github.com/DeepRatAI/Educative-Lab/tree/main/lessons/Modulo_01_Teaching_Machines_to_Think" target="_blank" class="inline-block px-6 py-3 bg-red-500 hover:bg-red-600 text-white font-semibold rounded-lg shadow transition duration-300">Start Learning →</a>
</div>
</section>
<!-- Learning Philosophy -->
<section class="py-20 px-6 bg-white">
<div class="max-w-6xl mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Learning Philosophy</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
<div class="text-center p-6 bg-gray-50 rounded-lg">
<div class="mx-auto w-12 h-12 flex items-center justify-center bg-amber-100 text-amber-600 rounded-full mb-4">
<i data-feather="unlock" class="w-6 h-6"></i>
</div>
<h3 class="font-bold text-xl mb-2">Open</h3>
<p>No subscriptions. No GPU cost. 100% free.</p>
</div>
<div class="text-center p-6 bg-gray-50 rounded-lg">
<div class="mx-auto w-12 h-12 flex items-center justify-center bg-amber-100 text-amber-600 rounded-full mb-4">
<i data-feather="layers" class="w-6 h-6"></i>
</div>
<h3 class="font-bold text-xl mb-2">Structured</h3>
<p>Modular design. 15 modules. Weekly releases.</p>
</div>
<div class="text-center p-6 bg-gray-50 rounded-lg">
<div class="mx-auto w-12 h-12 flex items-center justify-center bg-amber-100 text-amber-600 rounded-full mb-4">
<i data-feather="code" class="w-6 h-6"></i>
</div>
<h3 class="font-bold text-xl mb-2">Practical</h3>
<p>Hands-on lessons in Jupyter and Google Colab.</p>
</div>
</div>
<blockquote class="text-center text-xl italic border-l-4 border-amber-500 pl-6 py-4 max-w-2xl mx-auto">
“From models to minds — let’s make intelligence open again.”<br>
<span class="block mt-2 text-base not-italic">— Gonzalo Romero (DeepRatAI)</span>
</blockquote>
</div>
</section>
<!-- Connect Section -->
<footer class="py-16 px-6 bg-gray-900 text-white">
<div class="max-w-4xl mx-auto text-center">
<div class="flex justify-center space-x-8 mb-10">
<a href="https://github.com/DeepRatAI" target="_blank" class="hover:text-amber-400 transition-colors">
<i data-feather="github" class="w-8 h-8"></i>
</a>
<a href="https://www.linkedin.com/in/gonzalo-romero-b9b5b4355/" target="_blank" class="hover:text-amber-400 transition-colors">
<i data-feather="linkedin" class="w-8 h-8"></i>
</a>
<a href="https://huggingface.co/DeepRatAI" target="_blank" class="hover:text-amber-400 transition-colors">
<i data-feather="cpu" class="w-8 h-8"></i>
</a>
<a href="https://deeprat.tech" target="_blank" class="hover:text-amber-400 transition-colors">
<i data-feather="globe" class="w-8 h-8"></i>
</a>
</div>
<p class="text-gray-400 mb-4">Educational content released under MIT License. Created with ❤️ by DeepRatAI.</p>
<p class="text-gray-500 text-sm">© 2025 DeepRatAI — Open Intelligence for Everyone</p>
</div>
</footer>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>feather.replace();</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
<script>
function switchLanguage(lang) {
if (lang === 'es') {
window.location.href = 'index_es.html';
} else {
window.location.href = 'index.html';
}
}
</script>
</body>
</html>
|