diff options
Diffstat (limited to 'static/website/bootstrap-css/bower_components/smooth-scroll/index.html')
-rw-r--r-- | static/website/bootstrap-css/bower_components/smooth-scroll/index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/index.html b/static/website/bootstrap-css/bower_components/smooth-scroll/index.html new file mode 100644 index 0000000..459ca3e --- /dev/null +++ b/static/website/bootstrap-css/bower_components/smooth-scroll/index.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Smooth Scroll</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <!-- HTML5 Shim for IE --> + <!--[if IE]> + <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> +</head> + +<body id="top"> + <section style="width: 88%; max-width: 40em; margin-left: auto; margin-right: auto;"> + + <h1 style="text-align: center; font-size: 3em; margin-bottom: 0;">Smooth Scroll</h1> + <p style="text-align: center; font-size: 1.5em; margin: 0;">A lightweight script to animate scrolling to anchor links.</p> + <p style="text-align: center;"><a href="https://github.com/cferdinandi/smooth-scroll#readme">Smooth Scroll on GitHub</a></p> + + <br><br> + + <p> + <strong>Linear</strong><br> + <a data-scroll data-options='{ "easing": "linear" }' href="#bazinga">Linear (no other options)</a><br> + </p> + + <p> + <strong>Ease-In</strong><br> + <a data-scroll data-options='{ "easing": "easeInQuad" }' href="#bazinga">Quad</a><br> + <a data-scroll data-options='{ "easing": "easeInCubic" }' href="#bazinga">Cubic</a><br> + <a data-scroll data-options='{ "easing": "easeInQuart" }' href="#bazinga">Quart</a><br> + <a data-scroll data-options='{ "easing": "easeInQuint" }' href="#bazinga">Quint</a> + </p> + + <p> + <strong>Ease-In-Out</strong><br> + <a data-scroll data-options='{ "easing": "easeInOutQuad" }' href="#bazinga">Quad</a><br> + <a data-scroll data-options='{ "easing": "easeInOutCubic" }' href="#bazinga">Cubic</a><br> + <a data-scroll data-options='{ "easing": "easeInOutQuart" }' href="#bazinga">Quart</a><br> + <a data-scroll data-options='{ "easing": "easeInOutQuint" }' href="#bazinga">Quint</a> + </p> + + <p> + <strong>Ease-Out</strong><br> + <a data-scroll data-options='{ "easing": "easeOutQuad" }' href="#bazinga">Quad</a><br> + <a data-scroll data-options='{ "easing": "easeOutCubic" }' href="#bazinga">Cubic</a><br> + <a data-scroll data-options='{ "easing": "easeOutQuart" }' href="#bazinga">Quart</a><br> + <a data-scroll data-options='{ "easing": "easeOutQuint" }' href="#bazinga">Quint</a> + </p> + + <p> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>. + </p> + + <p id="bazinga"><a data-scroll href="#1@#%^-bottom">Bazinga!</a></p> + + <p> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>. + </p> + + <p id="1@#%^-bottom"><a data-scroll data-options='{ "easing": "easeOutCubic" }' href="#top">Back to the top</a></p> + + </section> + + + <!-- Javascript --> + <script src='dist/js/bind-polyfill.js'></script> + <script src='dist/js/smooth-scroll.js'></script> + <script> + smoothScroll.init({ + speed: 1000, + easing: 'easeInOutCubic', + offset: 0, + updateURL: true, + callbackBefore: function ( toggle, anchor ) {}, + callbackAfter: function ( toggle, anchor ) {} + }); + </script> + +</body> +</html> |