summaryrefslogtreecommitdiff
path: root/static/website/bootstrap-css/bower_components/smooth-scroll/docs/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'static/website/bootstrap-css/bower_components/smooth-scroll/docs/index.html')
-rw-r--r--static/website/bootstrap-css/bower_components/smooth-scroll/docs/index.html86
1 files changed, 86 insertions, 0 deletions
diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/docs/index.html b/static/website/bootstrap-css/bower_components/smooth-scroll/docs/index.html
new file mode 100644
index 0000000..ab6d52c
--- /dev/null
+++ b/static/website/bootstrap-css/bower_components/smooth-scroll/docs/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">
+
+ <!-- stylesheets -->
+ <link rel="stylesheet" href="assets/css/custom.css" type="text/css">
+ </head>
+
+ <body>
+
+ <main class="container" id="top">
+
+ <nav>
+ <h1>Smooth Scroll</h1>
+ <p><a href="https://github.com/cferdinandi/smooth-scroll">GitHub</a></p>
+ <hr>
+ </nav>
+
+ <section>
+ <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="#">Back to the top</a></p>
+ </section>
+ </main>
+
+ <!-- Javascript -->
+ <script src='dist/js/buoy.js'></script>
+ <script src='dist/js/smooth-scroll.js'></script>
+ <script>
+ smoothScroll.init({
+ speed: 1000,
+ easing: 'easeInOutCubic',
+ offset: 0,
+ updateURL: true,
+ callback: function ( toggle, anchor ) {}
+ });
+ </script>
+
+
+ </body>
+</html> \ No newline at end of file