-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (43 loc) · 7.64 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>
<head>
<title>Moving Sun Background</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="styles.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="stage">
<div id="sun"></div>
<div id="cloud1"></div>
<div id="cloud2"></div>
<div id="stars"></div>
<div id="instructions">
<h1>jQuery Scroll Tracker</h1>
<h2>To get started, just start scrolling!</h2>
</div>
</div>
<div class="content-wrapper">
<div id="content">
<p>Do your layouts deserve better than Lorem Ipsum? Apply as an art director and team up with the best copywriters at Jung von Matt: www.jvm.com/jobs/lipsum</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed augue sed risus auctor placerat. Praesent lacinia, sem eget porta rhoncus, orci diam volutpat ante, a feugiat diam nisl vel dolor. Morbi sed libero in risus semper malesuada posuere pellentesque est. Mauris rutrum pretium ipsum nec semper. Nunc vitae diam leo. In ut lorem massa, a imperdiet tellus. Donec cursus condimentum diam et pretium. Fusce suscipit dolor a erat semper a ullamcorper metus elementum. Fusce faucibus vestibulum dui, ac suscipit mauris volutpat in. Proin dapibus eros iaculis leo molestie pretium. Etiam mollis purus non sapien ultrices rutrum. Nunc id risus eget justo lacinia iaculis et ac velit. Mauris velit turpis, molestie eget rutrum eu, lacinia in orci. In faucibus blandit consequat.</p>
<p>Quisque sed consequat justo. Fusce dignissim consectetur lorem, eu laoreet odio dapibus sit amet. Sed vitae enim enim. Cras eget justo justo, et dapibus turpis. Ut scelerisque eros et ante ultrices ac commodo odio congue. Quisque nisi libero, vulputate ultricies congue eu, gravida eget nibh. Suspendisse tempus ipsum turpis, ac scelerisque diam.</p>
<p>Nunc nec magna vel massa viverra laoreet nec in odio. Sed vestibulum risus sed ligula sagittis pharetra. Fusce congue massa ac odio congue fermentum. Cras aliquam venenatis elit nec ornare. Curabitur sit amet mauris viverra leo dictum condimentum in vitae dolor. Aenean dui leo, imperdiet eu porttitor sed, tempor ac erat. Morbi at sapien felis. Donec rhoncus justo sed tortor posuere ut elementum erat mattis. Aenean hendrerit, nibh non hendrerit dapibus, sapien massa iaculis ipsum, quis vestibulum justo nisl a mauris. Sed lacinia rutrum leo eget congue. Maecenas sagittis augue quis turpis condimentum nec gravida nisl interdum. Fusce tempor ornare nisi vel imperdiet. Ut eu enim sed ante venenatis placerat. Sed faucibus velit in neque fermentum at luctus purus iaculis. Proin neque augue, sollicitudin sed aliquam a, aliquam vel tortor. Vivamus at diam velit, vitae condimentum ipsum.</p>
<p>Nunc ac orci urna. Morbi laoreet tortor vel nibh venenatis eu vulputate odio lobortis. Praesent ultrices eros vitae augue viverra sit amet ornare nulla ullamcorper. Nunc consectetur mauris at enim accumsan iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer mollis ornare enim at tempor. Sed ac sem ac tortor volutpat commodo in non dolor. Aliquam nibh est, consectetur vitae dapibus quis, vestibulum id felis. Aenean nec tortor massa, eu dapibus massa. Ut quis suscipit libero. Aenean aliquet dignissim scelerisque. Aenean vel diam erat.</p>
<p>Nulla consectetur faucibus posuere. In augue nibh, porttitor sit amet adipiscing eu, porta vitae sem. Etiam id tortor eget turpis sagittis commodo. Vivamus ac massa in lorem ultrices laoreet ac at nunc. Nullam sit amet tellus id metus accumsan ultrices. Vestibulum non malesuada erat. Cras in sapien orci, et venenatis dolor. Sed elit libero, pretium fringilla pulvinar in, ultrices eu odio.</p>
<p>Do your layouts deserve better than Lorem Ipsum? Apply as an art director and team up with the best copywriters at Jung von Matt: www.jvm.com/jobs/lipsum</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed augue sed risus auctor placerat. Praesent lacinia, sem eget porta rhoncus, orci diam volutpat ante, a feugiat diam nisl vel dolor. Morbi sed libero in risus semper malesuada posuere pellentesque est. Mauris rutrum pretium ipsum nec semper. Nunc vitae diam leo. In ut lorem massa, a imperdiet tellus. Donec cursus condimentum diam et pretium. Fusce suscipit dolor a erat semper a ullamcorper metus elementum. Fusce faucibus vestibulum dui, ac suscipit mauris volutpat in. Proin dapibus eros iaculis leo molestie pretium. Etiam mollis purus non sapien ultrices rutrum. Nunc id risus eget justo lacinia iaculis et ac velit. Mauris velit turpis, molestie eget rutrum eu, lacinia in orci. In faucibus blandit consequat.</p>
<p>Quisque sed consequat justo. Fusce dignissim consectetur lorem, eu laoreet odio dapibus sit amet. Sed vitae enim enim. Cras eget justo justo, et dapibus turpis. Ut scelerisque eros et ante ultrices ac commodo odio congue. Quisque nisi libero, vulputate ultricies congue eu, gravida eget nibh. Suspendisse tempus ipsum turpis, ac scelerisque diam.</p>
<p>Nunc nec magna vel massa viverra laoreet nec in odio. Sed vestibulum risus sed ligula sagittis pharetra. Fusce congue massa ac odio congue fermentum. Cras aliquam venenatis elit nec ornare. Curabitur sit amet mauris viverra leo dictum condimentum in vitae dolor. Aenean dui leo, imperdiet eu porttitor sed, tempor ac erat. Morbi at sapien felis. Donec rhoncus justo sed tortor posuere ut elementum erat mattis. Aenean hendrerit, nibh non hendrerit dapibus, sapien massa iaculis ipsum, quis vestibulum justo nisl a mauris. Sed lacinia rutrum leo eget congue. Maecenas sagittis augue quis turpis condimentum nec gravida nisl interdum. Fusce tempor ornare nisi vel imperdiet. Ut eu enim sed ante venenatis placerat. Sed faucibus velit in neque fermentum at luctus purus iaculis. Proin neque augue, sollicitudin sed aliquam a, aliquam vel tortor. Vivamus at diam velit, vitae condimentum ipsum.</p>
<p>Nunc ac orci urna. Morbi laoreet tortor vel nibh venenatis eu vulputate odio lobortis. Praesent ultrices eros vitae augue viverra sit amet ornare nulla ullamcorper. Nunc consectetur mauris at enim accumsan iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer mollis ornare enim at tempor. Sed ac sem ac tortor volutpat commodo in non dolor. Aliquam nibh est, consectetur vitae dapibus quis, vestibulum id felis. Aenean nec tortor massa, eu dapibus massa. Ut quis suscipit libero. Aenean aliquet dignissim scelerisque. Aenean vel diam erat.</p>
<p>Nulla consectetur faucibus posuere. In augue nibh, porttitor sit amet adipiscing eu, porta vitae sem. Etiam id tortor eget turpis sagittis commodo. Vivamus ac massa in lorem ultrices laoreet ac at nunc. Nullam sit amet tellus id metus accumsan ultrices. Vestibulum non malesuada erat. Cras in sapien orci, et venenatis dolor. Sed elit libero, pretium fringilla pulvinar in, ultrices eu odio.</p>
</div>
</div>
<div id="hills">
</div>
<a href="https://github.com/cubewebsites/Scroll-Tracker"><img style="position: absolute; top: 0; right: 0; border: 0;z-index:10" src="https://a248.e.akamai.net/assets.github.com/img/30f550e0d38ceb6ef5b81500c64d970b7fb0f028/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub"></a>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="scrolltracker.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>