-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
91 lines (67 loc) · 3.16 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
82
83
84
85
86
87
88
89
90
<!doctype html>
<title>Creep.js - A Smooth Scrolling Plugin for jQuery</title>
<meta name="viewport" content="width=device-width">
<link href="example.css" rel="stylesheet" type="text/css">
<div id="container">
<div class="header green">
<div class="wrap">
<h1>Creep.js</h1>
<h3>A tiny jQuery plugin for smooth scrolling anchor links.</h3>
</div>
</div>
<div class="block grey-lighter" id="intro">
<div class="wrap">
<h2>Smooth Scrolling Simplified</h2>
<p>This plugin makes functioning anchor links smooth scroll to their destinations. With a little configuration, it's simple to target the affected links more specifically to avoid conflicts with other plugins.</p>
<p>All you need is jQuery 1.10+ (or legacy 1.4.0+ - <a href="https://code.jquery.com" target="_blank">get latest</a>) and a copy of <code>jquery.creep.min.js</code> to get started.</p>
<p><script src="https://gist.github.com/jpederson/11232340.js"></script></p>
<p>Check the <a href="https://github.com/jpederson/Creep.js/wiki">wiki</a> for more documentation of how to use Creep.js</p>
</div>
</div>
<div class="block grey" id="download">
<div class="wrap">
<h2>Download Creep.js</h2>
<p>Visit the project on Github for updates or just download the source and dig in!</p>
<p class="buttons"><a href="https://github.com/jpederson/Creep.js/" target="_blank" class="btn">Creep.js on Github</a> <a href="https://github.com/jpederson/Creep.js/archive/gh-pages.zip" target="_blank" class="btn green">Download Latest</a></p>
</div>
</div>
<div class="block green footer">
<div class="wrap">
<h2>About the Author</h2>
<div class="fifty">
<p>Built with care for <strong>free</strong> by me, <a href="https://jpederson.com" target="_blank">James Pederson</a>.</p>
<p>Based on work by <a href="https://github.com/bradsknutson" target="_blank">Brad Knutson</a>.</p>
<p>I'm a web developer and credit union advocate from Madison, WI. I'm also available for hire, <a href="https://jpederson.com/">get in touch</a> so we can discuss your project.</p>
</div>
<div class="fifty">
<p>Did my script help you? Buy me a beer to show me some love!</p>
<p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="BNAQJ6MC449RQ">
<input type="submit" name="submit" value="Donate" class="btn">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="jquery.creep.min.js"></script>
<script>
// start accrue.js
$(document).ready(function(){
// this will bind to all the anchorlinks
$("a").creep();
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-614793-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-614793-2');
</script>