added smooth scrolling
authorThomas Park <thomas@thomaspark.me>
Sat, 9 Feb 2013 23:45:05 +0000 (18:45 -0500)
committerThomas Park <thomas@thomaspark.me>
Sat, 9 Feb 2013 23:45:05 +0000 (18:45 -0500)
17 files changed:
amelia/index.html
cerulean/index.html
cosmo/index.html
css/bootswatch.css
cyborg/index.html
default/index.html
index.html
journal/index.html
js/application.js [deleted file]
js/bootswatch.js
readable/index.html
simplex/index.html
slate/index.html
spacelab/index.html
spruce/index.html
superhero/index.html
united/index.html

index 534b58c..3c880c2 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index e6e9d08..aba7a2f 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index 43b6583..20c2c93 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index b5d1546..ddd3f3b 100644 (file)
@@ -4,7 +4,8 @@ body {
 }
 
 section {
-       margin-top: 100px;
+       margin-top: 60px;
+       padding-top: 100px;
 }
 
 /* index */
@@ -295,10 +296,6 @@ body .one .bsa_it_p {
 }
 
 /* subnav */
-
-section {
-       padding-top: 60px;      
-}
  
 .subnav {
        margin-bottom: 60px;
index 6ec61eb..6caea07 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index a64dce7..b11e82c 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index e4b18fd..501aa50 100644 (file)
@@ -32,7 +32,7 @@
        </script>
 </head>
 
-<body class="index">
+<body class="index" id="top">
        <script src="js/bsa.js"></script>
        
        <div class="navbar navbar-fixed-top">
                <hr>
 
                <footer id="footer">
-                 <p class="pull-right"><a href="#">Back to top</a></p>
+                 <p class="pull-right"><a href="#top">Back to top</a></p>
                  <div class="links">
                    <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
                    <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/bootswatch.js"></script>
-       <script>
+       <script type="text/javascript">
                !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
        </script>
-       <script>
+       <script type="text/javascript">
                var taglines = [
                        'Free themes for <a target="_blank" href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a>',
                        'Add color to your <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a> site without touching a color picker',
index 31525e3..dea45b1 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
diff --git a/js/application.js b/js/application.js
deleted file mode 100755 (executable)
index 8daeebf..0000000
+++ /dev/null
@@ -1,35 +0,0 @@
-(function ($) {
-
-       $(function(){
-
-               // fix sub nav on scroll
-               var $win = $(window),
-                               $body = $('body'),
-                               $nav = $('.subnav'),
-                               navHeight = $('.navbar').first().height(),
-                               subnavHeight = $('.subnav').first().height(),
-                               subnavTop = $('.subnav').length && $('.subnav').offset().top - navHeight,
-                               marginTop = parseInt($body.css('margin-top'), 10);
-                               isFixed = 0;
-
-               processScroll();
-
-               $win.on('scroll', processScroll);
-
-               function processScroll() {
-                       var i, scrollTop = $win.scrollTop();
-
-                       if (scrollTop >= subnavTop && !isFixed) {
-                               isFixed = 1;
-                               $nav.addClass('subnav-fixed');
-                               $body.css('margin-top', marginTop + subnavHeight + 'px');
-                       } else if (scrollTop <= subnavTop && isFixed) {
-                               isFixed = 0;
-                               $nav.removeClass('subnav-fixed');
-                               $body.css('margin-top', marginTop + 'px');
-                       }
-               }
-
-       });
-
-})(window.jQuery);
\ No newline at end of file
index 231ad8f..66b67b2 100644 (file)
@@ -1,7 +1,11 @@
+// tooltips
+
 $('a[rel=tooltip]').tooltip({
        'placement': 'bottom'
 });
 
+// recent news
+
 function parseRSS(url, callback) {
   $.ajax({
     url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
@@ -10,4 +14,93 @@ function parseRSS(url, callback) {
       callback(data.responseData.feed);
     }
   });
-}
\ No newline at end of file
+}
+
+// smooth scroll
+
+$(document).ready(function() {
+  function filterPath(string) {
+  return string
+    .replace(/^\//,'')
+    .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
+    .replace(/\/$/,'');
+  }
+  var locationPath = filterPath(location.pathname);
+  var scrollElem = scrollableElement('html', 'body');
+  $('a[href*=#]').each(function() {
+    var thisPath = filterPath(this.pathname) || locationPath;
+    if (  locationPath == thisPath
+    && (location.hostname == this.hostname || !this.hostname)
+    && this.hash.replace(/#/,'') ) {
+      var $target = $(this.hash), target = this.hash;
+      if (target) {
+        var targetOffset = $target.offset().top;
+        $(this).click(function(event) {
+          event.preventDefault();
+          $(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
+            location.hash = target;
+          });
+        });
+      }
+    }
+  });
+  // use the first element that is "scrollable"
+  function scrollableElement(els) {
+    for (var i = 0, argLength = arguments.length; i <argLength; i++) {
+      var el = arguments[i],
+          $scrollElement = $(el);
+      if ($scrollElement.scrollTop()> 0) {
+        return el;
+      } else {
+        $scrollElement.scrollTop(1);
+        var isScrollable = $scrollElement.scrollTop()> 0;
+        $scrollElement.scrollTop(0);
+        if (isScrollable) {
+          return el;
+        }
+      }
+    }
+    return [];
+  }
+});
+
+// subnav
+
+(function ($) {
+
+       $(function(){
+
+               // fix sub nav on scroll
+               var $win = $(window),
+                               $body = $('body'),
+                               $nav = $('.subnav'),
+                               navHeight = $('.navbar').first().height(),
+                               subnavHeight = $('.subnav').first().height(),
+                               subnavTop = $('.subnav').length && $('.subnav').offset().top - navHeight,
+                               marginTop = parseInt($body.css('margin-top'), 10);
+                               isFixed = 0;
+
+               processScroll();
+
+               $win.on('scroll', processScroll);
+
+               function processScroll() {
+                       var i, scrollTop = $win.scrollTop();
+
+                       if (scrollTop >= subnavTop && !isFixed) {
+                               isFixed = 1;
+                               $nav.addClass('subnav-fixed');
+                               $body.css('margin-top', marginTop + subnavHeight + 'px');
+                       } else if (scrollTop <= subnavTop && isFixed) {
+                               isFixed = 0;
+                               $nav.removeClass('subnav-fixed');
+                               $body.css('margin-top', marginTop + 'px');
+                       }
+               }
+
+       });
+
+})(window.jQuery);
\ No newline at end of file
index 859aeda..58cb0b2 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index de859bc..e9fc99e 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index 110621c..ebea283 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index c504708..dd548b8 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index b6bd69e..8f829e4 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index 7479523..359201a 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>
 
 
index d8438cf..dfb1061 100755 (executable)
@@ -33,7 +33,7 @@
 
   </head>
 
-  <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+  <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
     <script src="../js/bsa.js"></script>
 
 
@@ -51,7 +51,7 @@
        <div class="nav-collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
-          <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+          <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
       <hr>
 
       <footer id="footer">
-        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="pull-right"><a href="#top">Back to top</a></p>
         <div class="links">
           <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
           <a href="http://feeds.feedburner.com/bootswatch">RSS</a>
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
-    <script src="../js/application.js"></script>
     <script src="../js/bootswatch.js"></script>