-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
44 lines (44 loc) · 1.96 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Diseño y nuevos medios" />
<link href="style.css" rel="stylesheet" />
<title>🔥; Cambio de titulo</title> <!-- Cambio titulo -->
</head>
<body>
<header>
<h1>
<a href="index.html">Sofía</a> <!-- Cambio nombre -->
<a href="cursos.html">CURSOS</a>
<a href="emoji.html">EMOJI</a>
<a href="swiftie.html">SWIFTIE</a>
</h1>
</header>
<main>
<div>
<p>Preséntate en este párrafo, compartiendo la razón por la que sigues en este OPR. Intenta ser breve. Este párrafo tiene treinta palabras. Tú puedes agregar más, pero evita superar las cincuenta.</p>
</div>
</main>
<footer>
<p><a href="https://github.com/profesorfaco/dno037-2023-2">Diseño y nuevos medios</a> <a href="https://github.com/profesorfaco/dno037-2023-2/tree/main/clase-03">23 de agosto, 2023</a></p>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js" integrity="sha512-bcfltY+lNLlNxz38yBBm/HLaUB1gTV6I0e+fahbF9pS6roIdzUytozWdnFV8ZnM6cSAG5EbmO0ag0a/fLZSG4Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
var h, s;
function setup() {
createCanvas(windowWidth, windowHeight).position(0, 0).style("z-index", "-1");
}
function draw() {
colorMode(HSB, 360, 100, 100);
h = map(mouseX, 0, windowWidth, 0, 360);
s = map(mouseY, 0, windowHeight, 100, 0);
background(h, s, 55);
}
function windowResized() {
resizeCanvas(windowWidth, windowHeight);
}
</script>
</body>
</html>