45582e5f59
- 68 exercises from UBA FCE chapters 1-3 - Step-by-step solutions with KaTeX rendering - Theory panels (26 topics) expandable per exercise - Matrix builder (2x2/3x3/4x4) with 7 operations - System solver (Gauss, Gauss-Jordan, Cramer, Rouché-Frobenius) - Glassmorphism UI with dark mode - Canvas particle background - ARIA accessibility (keyboard nav, screen reader) - Zero build step - open index.html directly
49 lines
1.9 KiB
HTML
49 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Álgebra Lineal - Práctica Interactiva</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar" role="navigation" aria-label="Navegación principal">
|
|
<div class="navbar__brand">
|
|
<span class="navbar__icon">𝕊</span>
|
|
<span class="navbar__title">Álgebra Lineal</span>
|
|
</div>
|
|
<div class="navbar__links">
|
|
<a href="#/" class="navbar__link" data-route="home">Inicio</a>
|
|
<a href="#/exercises" class="navbar__link" data-route="exercises">Ejercicios</a>
|
|
<a href="#/workspace" class="navbar__link" data-route="workspace">Taller</a>
|
|
</div>
|
|
<button class="navbar__theme-toggle" id="themeToggle" title="Cambiar tema">
|
|
<span class="theme-icon">☾</span>
|
|
</button>
|
|
</nav>
|
|
|
|
<main id="app" class="app-container" role="main" aria-live="polite">
|
|
<div class="loading-screen">
|
|
<div class="loading-spinner"></div>
|
|
<p>Cargando...</p>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<p>Álgebra Lineal Interactivo — UBA FCE</p>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
|
|
<script src="js/utils/katex-render.js"></script>
|
|
<script src="js/math-engine.js"></script>
|
|
<script src="js/particles.js"></script>
|
|
<script src="js/components/exercise-browser.js"></script>
|
|
<script src="js/components/exercise-viewer.js"></script>
|
|
<script src="js/components/matrix-builder.js"></script>
|
|
<script src="js/components/system-solver.js"></script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|