-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (49 loc) · 2.4 KB
/
index.html
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
<!DOCTYPE html>
<html style="height: 100vh;">
<head>
<title>Manual de OSDev</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="assets/global.css">
</head>
<body id="presentation" class="grid bigspaced bigpad" style="height: calc(100% - 40px);">
<div class="flex col smallscreen bigpad hcentered" style="background-color: rgba(242, 207, 12, 0.15); border-radius: 15px; font-size: 0.75em;">
<h2>Aviso</h2>
<hr>
<p>
Este sitio web no está adaptado para pantallas pequeñas. Probablemente haya elementos que no se vean correctamente. <b>Disculpa las molestias</b>.
</p>
</div>
<div class="flex col bigpad hcentered" style="background-color: rgba(255, 255, 255, 0.15); border-radius: 15px;">
<h1>Manual de OSDev</h1>
<hr>
<p>
¡Bienvenido! 👋😊 En esta página voy escribiendo lo que aprendo sobre <b>desarrollo de sistemas operativos</b>. La actualizo cada vez que hago un avance importante.<br>
<br>
</p>
<p>
<a href="intro"><button style="font-size: 0.9em;">Visita la introducción 🠒</button></a>
</p>
</div>
<div class="flex col bigpad hcentered" style="background-color: rgba(255, 255, 255, 0.15); border-radius: 15px;">
<h2>Últimos capítulos</h2>
<hr>
<p class="flex row indent spaced vcentered">
<img style="min-height: 1.5em;" src="assets/icons/arrow-right.svg"><a href="bloque-1/capitulo-4">Bloque 1, Cap. 4: Estructura de FAT12 y lectura de disco</a>
</p>
<p class="flex row indent spaced vcentered nopad-top">
<img style="min-height: 1.5em;" src="assets/icons/arrow-right.svg"><a href="bloque-1/capitulo-3">Bloque 1, Cap. 3: Darle vida a nuestro <i>bootloader</i></a>
</p>
<h2>Algunas de mis referencias e inspiraciones</h2>
<hr>
<p class="flex row indent spaced vcentered">
<img style="min-height: 1.5em;" src="assets/icons/arrow-right.svg"><a href="https://wiki.osdev.org/">La OSDev Wiki y toda su comunidad</a>
</p>
<p class="flex row indent spaced vcentered nopad-top">
<img style="min-height: 1.5em;" src="assets/icons/arrow-right.svg">Los tutoriales de <a href="https://www.youtube.com/@nanobyte-dev">nanobyte</a> y <a href="https://www.youtube.com/@olivestemlearning">OliveStem</a>
</p>
<h3><a href="licencias">Licencias de software</a></h3>
</div>
</div>
</body>
</html>