projects / bootswatch / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 8f48410)
append swatch menu with js
authorThomas Park <thomas@thomaspark.me>
Sat, 18 Feb 2012 21:11:03 +0000 (16:11 -0500)
committerThomas Park <thomas@thomaspark.me>
Sat, 18 Feb 2012 21:11:03 +0000 (16:11 -0500)
cerulean/index.html patch | blob | history
cyborg/index.html patch | blob | history
default/index.html patch | blob | history
index.html patch | blob | history
journal/index.html patch | blob | history
js/bootswatch.js [new file with mode: 0644] patch | blob
simplex/index.html patch | blob | history
spacelab/index.html patch | blob | history
united/index.html patch | blob | history

diff --git a/cerulean/index.html b/cerulean/index.html
index 963dda5..96e1851 100755 (executable)
--- a/cerulean/index.html
+++ b/cerulean/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Bootswatch</title>
+    <title>Bootswatch: Cerulean</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -55,20 +55,7 @@
            <li class="">
              <a href="../#swatches">The Swatches</a>
            </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="../default">Default</a></li>
-                  <li class="divider"></li>
-                  <li><a href="../cerulean">Cerulean</a></li>
-                  <li><a href="../cyborg">Cyborg</a></li>
-                  <li><a href="../journal">Journal</a></li>
-                  <li><a href="../simplex">Simplex</a></li>
-                  <li><a href="../spacelab">Spacelab</a></li>
-                  <li><a href="../united">United</a></li>
-                </ul>
-              </li>
-                  
+                                  
          </ul>
        </div>
      </div>
@@ -654,6 +641,7 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="../assets/js/jquery.js"></script>
+    <script src="../js/bootswatch.js"></script>
     <script src="../assets/js/bootstrap-dropdown.js"></script>
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
     <script src="../assets/js/bootstrap-collapse.js"></script>
diff --git a/cyborg/index.html b/cyborg/index.html
index 6b2ad38..376f339 100755 (executable)
--- a/cyborg/index.html
+++ b/cyborg/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Bootswatch</title>
+    <title>Bootswatch: Cyborg</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -55,19 +55,6 @@
            <li class="">
              <a href="../#swatches">The Swatches</a>
            </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="../default">Default</a></li>
-                  <li class="divider"></li>
-                  <li><a href="../cerulean">Cerulean</a></li>
-                  <li><a href="../cyborg">Cyborg</a></li>
-                  <li><a href="../journal">Journal</a></li>
-                  <li><a href="../simplex">Simplex</a></li>
-                  <li><a href="../spacelab">Spacelab</a></li>
-                  <li><a href="../united">United</a></li>
-                </ul>
-              </li>
                   
          </ul>
        </div>
@@ -654,6 +641,7 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="../assets/js/jquery.js"></script>
+    <script src="../js/bootswatch.js"></script>
     <script src="../assets/js/bootstrap-dropdown.js"></script>
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
     <script src="../assets/js/bootstrap-collapse.js"></script>
diff --git a/default/index.html b/default/index.html
index c4a0916..1c06f79 100755 (executable)
--- a/default/index.html
+++ b/default/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Bootswatch</title>
+    <title>Bootswatch: Default</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -55,19 +55,6 @@
            <li class="">
              <a href="../#swatches">The Swatches</a>
            </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="../default">Default</a></li>
-                  <li class="divider"></li>
-                  <li><a href="../cerulean">Cerulean</a></li>
-                  <li><a href="../cyborg">Cyborg</a></li>
-                  <li><a href="../journal">Journal</a></li>
-                  <li><a href="../simplex">Simplex</a></li>
-                  <li><a href="../spacelab">Spacelab</a></li>
-                  <li><a href="../united">United</a></li>
-                </ul>
-              </li>
                   
          </ul>
        </div>
@@ -651,6 +638,7 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="../assets/js/jquery.js"></script>
+    <script src="../js/bootswatch.js"></script>
     <script src="../assets/js/bootstrap-dropdown.js"></script>
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
     <script src="../assets/js/bootstrap-collapse.js"></script>
diff --git a/index.html b/index.html
index cfd73df..f211ada 100644 (file)
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
          }
          
          .twitter-follow-button {
-                 width: 85px !important;
+                 width: 80px !important;
          }
          
          .about {
diff --git a/journal/index.html b/journal/index.html
index c5f4583..bef00fc 100755 (executable)
--- a/journal/index.html
+++ b/journal/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Bootswatch</title>
+    <title>Bootswatch: Journal</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -55,19 +55,6 @@
            <li class="">
              <a href="../#swatches">The Swatches</a>
            </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="../default">Default</a></li>
-                  <li class="divider"></li>
-                  <li><a href="../cerulean">Cerulean</a></li>
-                  <li><a href="../cyborg">Cyborg</a></li>
-                  <li><a href="../journal">Journal</a></li>
-                  <li><a href="../simplex">Simplex</a></li>
-                  <li><a href="../spacelab">Spacelab</a></li>
-                  <li><a href="../united">United</a></li>
-                </ul>
-              </li>
                   
          </ul>
        </div>
@@ -654,6 +641,7 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="../assets/js/jquery.js"></script>
+    <script src="../js/bootswatch.js"></script>
     <script src="../assets/js/bootstrap-dropdown.js"></script>
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
     <script src="../assets/js/bootstrap-collapse.js"></script>
diff --git a/js/bootswatch.js b/js/bootswatch.js
new file mode 100644 (file)
index 0000000..443f61b
--- /dev/null
+++ b/js/bootswatch.js
@@ -0,0 +1,13 @@
+$('.navbar .nav').first().append('<li class="dropdown"> \
+                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a> \
+                <ul class="dropdown-menu"> \
+                  <li><a href="../default">Default</a></li> \
+                  <li class="divider"></li> \
+                  <li><a href="../cerulean">Cerulean</a></li> \
+                  <li><a href="../cyborg">Cyborg</a></li> \
+                  <li><a href="../journal">Journal</a></li> \
+                  <li><a href="../simplex">Simplex</a></li> \
+                  <li><a href="../spacelab">Spacelab</a></li> \
+                  <li><a href="../united">United</a></li> \
+                </ul> \
+              </li>');
\ No newline at end of file
diff --git a/simplex/index.html b/simplex/index.html
index 09af277..4e6de26 100755 (executable)
--- a/simplex/index.html
+++ b/simplex/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Bootswatch</title>
+    <title>Bootswatch: Simplex</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -55,19 +55,6 @@
            <li class="">
              <a href="../#swatches">The Swatches</a>
            </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="../default">Default</a></li>
-                  <li class="divider"></li>
-                  <li><a href="../cerulean">Cerulean</a></li>
-                  <li><a href="../cyborg">Cyborg</a></li>
-                  <li><a href="../journal">Journal</a></li>
-                  <li><a href="../simplex">Simplex</a></li>
-                  <li><a href="../spacelab">Spacelab</a></li>
-                  <li><a href="../united">United</a></li>
-                </ul>
-              </li>
                   
          </ul>
        </div>
@@ -653,6 +640,7 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="../assets/js/jquery.js"></script>
+    <script src="../js/bootswatch.js"></script>
     <script src="../assets/js/bootstrap-dropdown.js"></script>
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
     <script src="../assets/js/bootstrap-collapse.js"></script>
diff --git a/spacelab/index.html b/spacelab/index.html
index 06577c6..04707ff 100755 (executable)
--- a/spacelab/index.html
+++ b/spacelab/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Bootswatch</title>
+    <title>Bootswatch: Spacelab</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -55,19 +55,6 @@
            <li class="">
              <a href="../#swatches">The Swatches</a>
            </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="../default">Default</a></li>
-                  <li class="divider"></li>
-                  <li><a href="../cerulean">Cerulean</a></li>
-                  <li><a href="../cyborg">Cyborg</a></li>
-                  <li><a href="../journal">Journal</a></li>
-                  <li><a href="../simplex">Simplex</a></li>
-                  <li><a href="../spacelab">Spacelab</a></li>
-                  <li><a href="../united">United</a></li>
-                </ul>
-              </li>
                   
          </ul>
        </div>
@@ -653,6 +640,7 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="../assets/js/jquery.js"></script>
+    <script src="../js/bootswatch.js"></script>
     <script src="../assets/js/bootstrap-dropdown.js"></script>
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
     <script src="../assets/js/bootstrap-collapse.js"></script>
diff --git a/united/index.html b/united/index.html
index 36c607a..3185bed 100755 (executable)
--- a/united/index.html
+++ b/united/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Bootswatch</title>
+    <title>Bootswatch: United</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -55,19 +55,6 @@
            <li class="">
              <a href="../#swatches">The Swatches</a>
            </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="../default">Default</a></li>
-                  <li class="divider"></li>
-                  <li><a href="../cerulean">Cerulean</a></li>
-                  <li><a href="../cyborg">Cyborg</a></li>
-                  <li><a href="../journal">Journal</a></li>
-                  <li><a href="../simplex">Simplex</a></li>
-                  <li><a href="../spacelab">Spacelab</a></li>
-                  <li><a href="../united">United</a></li>
-                </ul>
-              </li>
                   
          </ul>
        </div>
@@ -652,6 +639,7 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="../assets/js/jquery.js"></script>
+    <script src="../js/bootswatch.js"></script>
     <script src="../assets/js/bootstrap-dropdown.js"></script>
     <script src="../assets/js/bootstrap-scrollspy.js"></script>
     <script src="../assets/js/bootstrap-collapse.js"></script>
Bootstrap watch themes