86 lines
3.1 KiB
HTML
Executable file
86 lines
3.1 KiB
HTML
Executable file
<!-- index.html -->
|
|
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>HACKLAB LA RAIZ — Accesos</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="icon" type="image/png" href="imagenes/hacklab.jpeg">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- MARQUEES LATERALES (versión exacta con scrolling-text) -->
|
|
<div class="vertical-marquee left" aria-hidden="true">
|
|
<div class="scrolling-text">WAKE</div>
|
|
<div class="scrolling-text">UP</div>
|
|
<div class="scrolling-text">NEO</div>
|
|
<div class="scrolling-text">...</div>
|
|
<div class="scrolling-text">THE</div>
|
|
<div class="scrolling-text">MATRIX</div>
|
|
<div class="scrolling-text">HAS</div>
|
|
<div class="scrolling-text">YOU</div>
|
|
<div class="scrolling-text">...</div>
|
|
</div>
|
|
|
|
<div class="vertical-marquee right" aria-hidden="true">
|
|
<div class="scrolling-text">FOLLOW</div>
|
|
<div class="scrolling-text">THE</div>
|
|
<div class="scrolling-text">WHITE</div>
|
|
<div class="scrolling-text">RABBIT</div>
|
|
<div class="scrolling-text">.</div>
|
|
<div class="scrolling-text">KNOCK</div>
|
|
<div class="scrolling-text">KNOCK</div>
|
|
<div class="scrolling-text">NEO</div>
|
|
<div class="scrolling-text">.</div>
|
|
</div>
|
|
<!-- /MARQUEES LATERALES -->
|
|
|
|
<!-- Contenedor principal (centra el contenido entre las columnas laterales) -->
|
|
<div class="page">
|
|
<header class="site-header" role="banner">
|
|
<h1>HACKLAB LA RAIZ</h1>
|
|
<div class="top-marquee" aria-hidden="true">
|
|
<marquee behavior="scroll" direction="left" scrollamount="4"> !! Where hackers come to root !! ; - )</marquee>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Zona central con 4 botones en 2x2 -->
|
|
<main class="main-area" role="main" aria-label="Accesos rápidos">
|
|
<nav class="grid-buttons" aria-label="Cuadrícula de accesos">
|
|
<a class="big-button" href="eventos.html" title="Eventos — eventos.html">
|
|
<span class="title">EVENTS</span>
|
|
<span class="subtitle">previous & upcoming</span>
|
|
</a>
|
|
|
|
<a class="big-button" href="projects.html" title="Proyectos — projects.html">
|
|
<span class="title">PROJECTS</span>
|
|
<span class="subtitle">what we're building</span>
|
|
</a>
|
|
|
|
<a class="big-button" href="arte.html" title="Arte - Arte.html">
|
|
<span class="title">ART_LAB</span>
|
|
<span class="subtitle">You can create art and beauty on a computer</span>
|
|
</a>
|
|
|
|
<a class="big-button" href="contacto.html" title="Contacto — contacto.html">
|
|
<span class="title">CONTACT</span>
|
|
<span class="subtitle">how to reach us</span>
|
|
</a>
|
|
|
|
<a class="big-button" href="hacker_types.html" title="Tribus — hacker_types.html">
|
|
<span class="title">TRIBES</span>
|
|
<span class="subtitle">tribus hacker</span>
|
|
</a>
|
|
|
|
<a class="big-button" href="hackers.html" title="hacker - hacker.html">
|
|
<span class="title">Hacker ethics</span>
|
|
<span class="subtitle">As Levy summarized in the preface of Hackers</span>
|
|
</a>
|
|
|
|
</nav>
|
|
</main>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|