-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
62 lines (56 loc) · 3.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/logo.svg">
<title>Biolink, Josneth</title>
</head>
<body>
<div id="app">
<header class="header">
<a href="https://josneth.surge.sh" class="logo" data-cursor="hover">
<svg class="logo" viewBox="0 0 42 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M21 0C9.44545 0 0.00212825 9.44242 0 21H7.00207C7.00207 13.2276 13.2293 7.00427 21 7.00427C28.7705 7.00427 34.9956 13.2276 34.9978 21H42C42 9.44242 32.5546 0 21 0ZM13.0538 14.0982V17.5619H29.0101V14.0982H13.0538Z"
fill="currentColor" />
</svg>
</a>
<button class="theme desktop" id="toggleTheme" data-cursor="hover">
<svg class="theme-svg" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path
d="M8 16C6.89333 16 5.85333 15.79 4.88 15.37C3.90667 14.95 3.06 14.38 2.34 13.66C1.62 12.94 1.05 12.0933 0.63 11.12C0.21 10.1467 0 9.10667 0 8C0 6.89333 0.21 5.85333 0.63 4.88C1.05 3.90667 1.62 3.06 2.34 2.34C3.06 1.62 3.90667 1.05 4.88 0.63C5.85333 0.21 6.89333 0 8 0C9.10667 0 10.1467 0.21 11.12 0.63C12.0933 1.05 12.94 1.62 13.66 2.34C14.38 3.06 14.95 3.90667 15.37 4.88C15.79 5.85333 16 6.89333 16 8C16 9.10667 15.79 10.1467 15.37 11.12C14.95 12.0933 14.38 12.94 13.66 13.66C12.94 14.38 12.0933 14.95 11.12 15.37C10.1467 15.79 9.10667 16 8 16ZM8.4 14.8C10.2267 14.6667 11.75 13.96 12.97 12.68C14.19 11.4 14.8 9.84 14.8 8C14.8 6.16 14.19 4.6 12.97 3.32C11.75 2.04 10.2267 1.33333 8.4 1.2V14.8Z"
fill="currentColor" />
</svg>
</button>
<span class="time">
<span class="dot"></span> SC, VE.<span id="hour"></span>
</span>
</header>
<footer class="footer">
<p class="mail">
Drop me a hello! <br>
<a href="mailto:josnethmoreno@gmail.com" data-cursor="hover">josnethmoreno@gmail.com</a>
</p>
<div class="links">
<a href="https://behance.net/josnethmoreno" data-number="01" data-cursor="hover" target="_blank">Behance</a>
<a href="https://github.com/josnethmoreno" data-number="02" data-cursor="hover" target="_blank">Github</a>
<a href="https://codesandbox.io/u/josnethmoreno" data-number="03" data-cursor="hover" target="_blank">CodeSandbox</a>
<a href="https://linkedin.com/in/josnethmoreno" data-number="04" data-cursor="hover" target="_blank">LinkedIn</a>
<a href="https://twitter.com/josnethmoreno" data-number="05" data-cursor="hover" target="_blank">Twitter</a>
</div>
<button class="theme mobile" id="toggleThemeMobile">
<svg class="theme-svg" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path
d="M8 16C6.89333 16 5.85333 15.79 4.88 15.37C3.90667 14.95 3.06 14.38 2.34 13.66C1.62 12.94 1.05 12.0933 0.63 11.12C0.21 10.1467 0 9.10667 0 8C0 6.89333 0.21 5.85333 0.63 4.88C1.05 3.90667 1.62 3.06 2.34 2.34C3.06 1.62 3.90667 1.05 4.88 0.63C5.85333 0.21 6.89333 0 8 0C9.10667 0 10.1467 0.21 11.12 0.63C12.0933 1.05 12.94 1.62 13.66 2.34C14.38 3.06 14.95 3.90667 15.37 4.88C15.79 5.85333 16 6.89333 16 8C16 9.10667 15.79 10.1467 15.37 11.12C14.95 12.0933 14.38 12.94 13.66 13.66C12.94 14.38 12.0933 14.95 11.12 15.37C10.1467 15.79 9.10667 16 8 16ZM8.4 14.8C10.2267 14.6667 11.75 13.96 12.97 12.68C14.19 11.4 14.8 9.84 14.8 8C14.8 6.16 14.19 4.6 12.97 3.32C11.75 2.04 10.2267 1.33333 8.4 1.2V14.8Z"
fill="currentColor" />
</svg>
</button>
</footer>
<div class="cursor" data-action="false" id="cursor">
<div class="pointer"></div>
</div>
</div>
<script type="module" src="/main.js"></script>
</body>
</html>