forked from ifvictr/clarity
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (49 loc) · 2.24 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>
<!--
Clarity by ifvictr
https://ifvictr.github.io / @ifvictr
Free to use under the MIT License
-->
<html>
<head>
<title>Clarity by ifvictr</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div id="avatar">
<img src="images/avatar.png">
</div>
<div id="content">
<h1>John Doe</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>
<p>
Nam convallis lacinia massa, nec luctus est convallis eu. Integer condimentum varius odio non auctor. Sed
finibus tristique consequat. Quisque euismod interdum cursus. Maecenas non lobortis sem. Fusce ac cursus massa.
Aliquam felis felis, venenatis sed justo nec, tempor pretium urna. Pellentesque aliquam vulputate dapibus.
Fusce nunc purus, feugiat ut commodo eget, iaculis eget ipsum.
</p>
</div>
<div id="social">
<ul>
<li><a href="#" class="icon fa-facebook fa-3x facebook"></a></li>
<li><a href="#" class="icon fa-instagram fa-3x instagram"></a></li>
<li><a href="#" class="icon fa-linkedin fa-3x linkedin"></a></li>
<li><a href="#" class="icon fa-snapchat-ghost fa-3x snapchat"></a></li>
<li><a href="#" class="icon fa-twitter fa-3x twitter"></a></li>
<li><a href="#" class="icon fa-youtube-play fa-3x youtube"></a></li>
</ul>
</div>
</body>
<script>
document.onmousemove = function(event){
document.body.style.backgroundPosition = ((event.pageX * -1) / 20)+"px "+((event.pageY * -1) / 20)+"px";
};
</script>
</html>