Primer commit, volcado de todos los archivos
This commit is contained in:
commit
2f96306686
109 changed files with 4567 additions and 0 deletions
86
index.html
Executable file
86
index.html
Executable file
|
|
@ -0,0 +1,86 @@
|
|||
<!-- 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue