JavaScriptCodes
diff --git a/‎dist/snabbt.min.js
Lines changed: 2 additions & 2 deletions b/‎dist/snabbt.min.js
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/css/custom.css
Lines changed: 27 additions & 1 deletion b/‎docs/css/custom.css
Lines changed: 27 additions & 1 deletion
diff --git a/‎docs/docs.js
Lines changed: 19 additions & 0 deletions b/‎docs/docs.js
Lines changed: 19 additions & 0 deletions
@@ -5,10 +5,12 @@
 }
 
 .hero {
+  position: relative;
   margin: auto;
   text-align: center;
 }
 .hero h1 {
+  position: relative;
   display: inline-block;
   text-align: center;
   font-size: 6rem;
@@ -23,7 +25,7 @@
   font-style: italic;
 }
 .hero h3 i {
-  margin-right: 10px;
+  margin-right: 20px;
 }
 
 .warning {
@@ -79,3 +81,27 @@ pre {
 section {
   padding-top: 45px;
 }
+
+table {
+  width: 100%;
+}
+table thead td {
+  font-weight: bold;
+}
+
+footer {
+  background: rgb(0, 43, 54);
+  color: white;
+  padding-top: 10px;
+}
+
+/* Some utiliy classes */
+@media screen and (max-width:600px) {
+  .hide-mobile {
+    display: none;
+  }
+}
+
+.extra-top-margin {
+  margin-top: 20px;
+}
@@ -99,6 +99,25 @@ $(function() {
     });
   });
 
+  // Attention example
+  $("#attention-example-1").on('click', function() {
+    $("#attention-example-1").snabbt("attention", {
+      rotation: [0, 0, Math.PI/2],
+      spring_constant: 1.9,
+      spring_deacceleration: 0.9,
+    });
+  });
+
+  // Attention example
+  $("#attention-example-2").on('click', function() {
+    $("#attention-example-2").snabbt("attention", {
+      position: [50, 0, 0],
+      spring_constant: 2.4,
+      spring_deacceleration: 0.9,
+    });
+  });
+
+
 
 
   // Scroll spy