forked from DevJPVR/biolinks
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (79 loc) · 2.41 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
<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" />
<title>Bio João</title>
<link rel="stylesheet" href="./index.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script>
<script>
window.addEventListener("DOMContentLoaded", () => {
VANTA.BIRDS({
el: "#vanta",
mouseControls: true,
touchControls: true,
gyroControls: true,
minHeight: 200.0,
minWidth: 200.0,
scale: 1.0,
scaleMobile: 1.0,
backgroundAlpha: 0.0,
scale: 1.0,
scaleMobile: 1.0,
color2: 0xff00f0,
alignment: 77.0,
cohesion: 5.0,
quantity: 1.0,
});
setTimeout(() => {
const main = document.querySelector("main");
main.style.opacity = 1;
main.style.filter = "blur(0px)";
}, 1000);
});
</script>
</head>
<body>
<div id="vanta"></div>
<main>
<header>
<img src="./images/jp.jpeg" alt="" width="200px" />
<h1>@joaopedrotwd</h1>
</header>
<ul>
<li>
<a href="https://joaopvieira.dev/">
<img src="./images/homepage.svg" alt="Homepage" width="20" />
Official website
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/joaopedro-vieira/">
<img src="./images/linkedin.png" alt="linkedin" width="20" />
Linkedin
</a>
</li>
<li>
<a href="https://github.com/DevJPVR/">
<img src="./images/github.svg" alt="Github" width="20" />
GitHub
</a>
</li>
<li>
<a href="#">
<img src="./images/youtube.svg" alt="youtube" width="20" />
Youtube
</a>
</li>
<p>
I'm a self-taught FrontEnd Developer, I've had the pleasure of working
alongside engineers, designers, managers and owners of incredible
products. I'm passionate about code patterns, ECMAScript and
Javascript frameworks (React is my favorite).
</p>
</ul>
</main>
</body>
</html>