-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
51 lines (49 loc) · 1.59 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
<!DOCTYPE html>
<!--
Aunque en este taller se utiliza HTML, CSS, y JS, no es necesario que sepas y que aprendas
nada de estos lenguajes. Si quieres aprender luego, te recomendamos ver lo siguiente:
- CS50W: https://cs50.harvard.edu/web/2020/
- HTML: https://developer.mozilla.org/es/docs/Learn/HTML
- CSS: https://developer.mozilla.org/es/docs/Learn/CSS
- JS: https://developer.mozilla.org/es/docs/Learn/JavaScript
-->
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Este es el título que se muestra en el navegador. -->
<title>¡Hola mundo!</title>
<!-- Este es el estilo de la página. ¡Puedes modificarlo como quieras! -->
<style>
:root {
font-family: system-ui;
}
html,
body {
height: 100%;
margin: 0;
}
body {
/* Centrar */
display: flex;
justify-content: center;
align-items: center;
/* Colores */
color: hsl(173, 100%, 10%);
background-color: hsl(102, 100%, 97%);
}
</style>
<!-- Dentro del head puedes agregar también otros scripts de librerías. -->
<!-- Fin de head. -->
<script src="https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js"></script>
</head>
<!-- Dentro de body puedes añadir y modificar el contenido de la página. -->
<body>
<h1>¡Hola Hugo!</h1>
</body>
<script>
const jsConfetti = new JSConfetti()
jsConfetti.addConfetti()
</script>
</html>