diff options
38 files changed, 1756 insertions, 1740 deletions
diff --git a/2/amelia/index.html b/2/amelia/index.html index c0832b70..fba81907 100755 --- a/2/amelia/index.html +++ b/2/amelia/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Amelia</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Sweet and cheery."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,21 +17,21 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-23019901-1']); - _gaq.push(['_setDomainName', "bootswatch.com"]); - _gaq.push(['_setAllowLinker', true]); - _gaq.push(['_trackPageview']); + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23019901-1']); + _gaq.push(['_setDomainName', "bootswatch.com"]); + _gaq.push(['_setAllowLinker', true]); + _gaq.push(['_trackPageview']); - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); - </script> + </script> </head> @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,19 +317,19 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> - <div class="btn-group"> - <a class="btn" href="#">Default</a> - <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn" href="#">Default</a> + <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,19 +337,19 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-primary" href="#">Primary</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-primary" href="#">Primary</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,19 +357,19 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-info" href="#">Info</a> - <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-info" href="#">Info</a> + <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,19 +377,19 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-success" href="#">Success</a> - <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-success" href="#">Success</a> + <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,19 +397,19 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-warning" href="#">Warning</a> - <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-warning" href="#">Warning</a> + <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,19 +417,19 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-danger" href="#">Danger</a> - <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-danger" href="#">Danger</a> + <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,19 +437,19 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-inverse" href="#">Inverse</a> - <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-inverse" href="#">Inverse</a> + <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> </tbody> </table> @@ -466,10 +467,10 @@ <div class="row"> <div class="span10 offset1"> - <form class="well form-search"> - <input type="text" class="input-medium search-query"> - <button type="submit" class="btn">Search</button> - </form> + <form class="well form-search"> + <input type="text" class="input-medium search-query"> + <button type="submit" class="btn">Search</button> + </form> <form class="well form-search"> <input type="text" class="input-small" placeholder="Email"> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -793,7 +794,7 @@ <span class="badge badge-inverse">Inverse</span> </div> </div> - <br /> + <br /> <!-- Progress bars ================================================== --> @@ -818,7 +819,7 @@ </div> </div> </div> - <br /> + <br /> <!-- Alerts & Messages @@ -828,13 +829,13 @@ <h3 id="alerts">Alerts</h3> <div class="row"> - <div class="span12"> - <div class="alert alert-block"> - <a class="close">×</a> - <h4 class="alert-heading">Alert block</h4> - <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> - </div> - </div> + <div class="span12"> + <div class="alert alert-block"> + <a class="close">×</a> + <h4 class="alert-heading">Alert block</h4> + <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> + </div> + </div> </div> <div class="row"> <div class="span4"> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/cerulean/index.html b/2/cerulean/index.html index 4b83b84b..5521a502 100755 --- a/2/cerulean/index.html +++ b/2/cerulean/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Cerulean</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="A calm, blue sky."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/cosmo/index.html b/2/cosmo/index.html index 6241f985..08767b76 100755 --- a/2/cosmo/index.html +++ b/2/cosmo/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Cosmo</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="An ode to Metro."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/cyborg/index.html b/2/cyborg/index.html index fb2e43b9..9da0b67b 100755 --- a/2/cyborg/index.html +++ b/2/cyborg/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Cyborg</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Jet black and electric blue."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/default/index.html b/2/default/index.html index b343fbff..0bfcd342 100755 --- a/2/default/index.html +++ b/2/default/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Default</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Sleek, intuitive, and powerful front-end framework for faster and easier web development."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -166,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -304,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -315,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -327,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -335,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -347,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -355,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -367,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -375,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -387,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -395,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -407,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -415,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -427,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -435,7 +436,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -447,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -610,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -685,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -727,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -747,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -873,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/flatly/index.html b/2/flatly/index.html index 3251170f..4098b0fa 100755 --- a/2/flatly/index.html +++ b/2/flatly/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Flatly</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Flat and Clean."> <meta name="author" content="Jenil Gogari"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,21 +17,21 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-23019901-1']); - _gaq.push(['_setDomainName', "bootswatch.com"]); - _gaq.push(['_setAllowLinker', true]); - _gaq.push(['_trackPageview']); + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23019901-1']); + _gaq.push(['_setDomainName', "bootswatch.com"]); + _gaq.push(['_setAllowLinker', true]); + _gaq.push(['_trackPageview']); - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); - </script> + </script> </head> @@ -168,7 +169,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -306,8 +307,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -317,19 +318,19 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> - <div class="btn-group"> - <a class="btn" href="#">Default</a> - <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn" href="#">Default</a> + <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -337,19 +338,19 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-primary" href="#">Primary</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-primary" href="#">Primary</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -357,19 +358,19 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-info" href="#">Info</a> - <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-info" href="#">Info</a> + <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -377,19 +378,19 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-success" href="#">Success</a> - <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-success" href="#">Success</a> + <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -397,19 +398,19 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-warning" href="#">Warning</a> - <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-warning" href="#">Warning</a> + <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -417,19 +418,19 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-danger" href="#">Danger</a> - <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-danger" href="#">Danger</a> + <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -437,19 +438,19 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-inverse" href="#">Inverse</a> - <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-inverse" href="#">Inverse</a> + <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> </tbody> </table> @@ -467,10 +468,10 @@ <div class="row"> <div class="span10 offset1"> - <form class="well form-search"> - <input type="text" class="input-medium search-query"> - <button type="submit" class="btn">Search</button> - </form> + <form class="well form-search"> + <input type="text" class="input-medium search-query"> + <button type="submit" class="btn">Search</button> + </form> <form class="well form-search"> <input type="text" class="input-small" placeholder="Email"> @@ -612,7 +613,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -687,15 +688,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -729,7 +730,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -749,11 +750,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -794,7 +795,7 @@ <span class="badge badge-inverse">Inverse</span> </div> </div> - <br /> + <br /> <!-- Progress bars ================================================== --> @@ -819,7 +820,7 @@ </div> </div> </div> - <br /> + <br /> <!-- Alerts & Messages @@ -829,13 +830,13 @@ <h3 id="alerts">Alerts</h3> <div class="row"> - <div class="span12"> - <div class="alert alert-block"> - <a class="close">×</a> - <h4 class="alert-heading">Alert block</h4> - <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> - </div> - </div> + <div class="span12"> + <div class="alert alert-block"> + <a class="close">×</a> + <h4 class="alert-heading">Alert block</h4> + <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> + </div> + </div> </div> <div class="row"> <div class="span4"> @@ -875,7 +876,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/index.html b/2/index.html index 82e19bff..32ab6c25 100644 --- a/2/index.html +++ b/2/index.html @@ -1,656 +1,657 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="description" content="Free themes for Bootstrap."> - <title>Bootswatch: Free themes for Bootstrap 2.3.2</title> - - <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> - <![endif]--> - - <link href="default/bootstrap.min.css" rel="stylesheet"> - <link href="default/bootstrap-responsive.min.css" rel="stylesheet"> - <link href="css/font-awesome.min.css" rel="stylesheet"> - <link href="css/bootswatch.css" rel="stylesheet"> - <link href="http://feeds.feedburner.com/bootswatch" rel="alternate" type="application/rss+xml" title="Bootswatch"> - - <script type="text/javascript"> - - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-23019901-1']); - _gaq.push(['_setDomainName', "bootswatch.com"]); - _gaq.push(['_setAllowLinker', true]); - _gaq.push(['_trackPageview']); - - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); - - </script> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="Free themes for Bootstrap."> + <title>Bootswatch: Free themes for Bootstrap 2.3.2</title> + + <!-- HTML5 shim for IE8 support of HTML5 elements --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> + <![endif]--> + + <link href="default/bootstrap.min.css" rel="stylesheet"> + <link href="default/bootstrap-responsive.min.css" rel="stylesheet"> + <link href="css/font-awesome.min.css" rel="stylesheet"> + <link href="css/bootswatch.css" rel="stylesheet"> + <link href="http://feeds.feedburner.com/bootswatch" rel="alternate" type="application/rss+xml" title="Bootswatch"> + + <script> + + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23019901-1']); + _gaq.push(['_setDomainName', "bootswatch.com"]); + _gaq.push(['_setAllowLinker', true]); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + + </script> </head> <body class="index" id="top"> - <script src="js/bsa.js"></script> - - <div class="navbar navbar-fixed-top"> - <div class="navbar-inner"> - <div class="container"> - <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </a> - <a class="brand" href="./">Bootswatch</a> - <div class="nav-collapse collapse" id="main-menu"> - <ul class="nav" id="main-menu-left"> - <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">News</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"> - <li><a href="default/">Default</a></li> - <li class="divider"></li> - <li><a href="amelia/">Amelia</a></li> - <li><a href="cerulean/">Cerulean</a></li> - <li><a href="cosmo/">Cosmo</a></li> - <li><a href="cyborg/">Cyborg</a></li> - <li><a href="flatly/">Flatly</a></li> - <li><a href="journal/">Journal</a></li> - <li><a href="readable/">Readable</a></li> - <li><a href="simplex/">Simplex</a></li> - <li><a href="slate"/>Slate</a></li> - <li><a href="spacelab/">Spacelab</a></li> - <li><a href="spruce/">Spruce</a></li> - <li><a href="superhero/">Superhero</a></li> - <li><a href="united/">United</a></li> - </ul> - </li> - </ul> - <ul class="nav pull-right" id="main-menu-right"> - <li><a rel="tooltip" target="_blank" href="http://builtwithbootstrap.com/" title="Showcase of Bootstrap sites & apps" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'builtwithbootstrap']);">Built With Bootstrap <i class="icon-share-alt"></i></a></li> - <li><a rel="tooltip" target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap <i class="icon-share-alt"></i></a></li> - </ul> - </div> - </div> - </div> - </div> - - <div class="hero-unit"> - - <div class="alert alert-danger"> - <p><h4 class="alert-heading">These themes are for Bootstrap 2.3.2.</h4></p> - <p><a href="../">Visit the main page</a> to get themes for latest version of Bootstrap.</p> - </div> - - <h1>Bootswatch</h1> - <p id="tagline"> </p> - - <div id="social"> - <span> - <iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe> - <iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe> - </span> - <span> - <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a> - <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a> - </span> - <span> - <a class="btn rss-button" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i> RSS</a> - </span> - </div> - - <div id="ticker"> - </div> - </div> - - <div class="container"> - - - <div class="row about"> - <div class="span4"> - <h3><i class="icon-file-alt"></i> Easy to Install</h3> - <p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p> - </div> - <div class="span4"> - <h3><i class="icon-github"></i> Open Source</h3> - <p>Bootstrap themes are licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p> - </div> - <div class="span4"> - <h3><i class="icon-wrench"></i> Tuned for 2.3.2</h3> - <p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available for download.</p> - </div> - <div class="span4"> - <h3><i class="icon-cogs"></i> Modular</h3> - <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p> - </div> - <div class="span4"> - <h3><i class="icon-cloud"></i> Get Plugged In</h3> - <p>An <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> is available for integrating with your platform. In use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://www.fusionleaf.com/" target="_blank">FusionLeaf</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, and others.</p> - </div> - <div class="span4"> - <h3><i class="icon-bullhorn"></i> Stay Updated</h3> - <p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p> - </div> - </div> - - <div class="row"> - <div class="span6 offset3"> - <div class="thumbnail"><div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div></div> - </div> - </div> - - <div class="row" id="gallery"> - - <div class="span4"> - <div class="thumbnail"> - <a href="amelia/"><img src="amelia/thumbnail.png" alt="Amelia"></a> - <div class="caption"> - <h3>Amelia</h3> - <p>Sweet and cheery.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="amelia/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="amelia/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="amelia/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="amelia/bootstrap.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="amelia/variables.less" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="amelia/bootswatch.less" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="cerulean/"><img src="cerulean/thumbnail.png" alt="Cerulean"></a> - <div class="caption"> - <h3>Cerulean</h3> - <p>A calm, blue sky.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="cerulean/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="cerulean/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="cerulean/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="cerulean/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="cosmo/"><img src="cosmo/thumbnail.png" alt="Cosmo"></a> - <div class="caption"> - <h3>Cosmo</h3> - <p>An ode to Metro.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="cosmo/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="cosmo/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="cosmo/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="cosmo/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="cyborg/"><img src="cyborg/thumbnail.png" alt="Cyborg"></a> - <div class="caption"> - <h3>Cyborg</h3> - <p>Jet black and electric blue.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="cyborg/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="cyborg/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="cyborg/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="cyborg/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="cyborg/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="flatly/"><img src="flatly/thumbnail.png" alt="Flatly"></a> - <div class="caption"> - <h3>Flatly</h3> - <p>Flat and clean.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="flatly/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="flatly/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="flatly/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="flatly/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="flatly/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="flatly/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="journal/"><img src="journal/thumbnail.png" alt="Journal"></a> - <div class="caption"> - <h3>Journal</h3> - <p>Crisp like a new sheet of paper.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="journal/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="journal/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="journal/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="journal/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="journal/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="journal/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="readable/"><img src="readable/thumbnail.png" alt="Readable"></a> - <div class="caption"> - <h3>Readable</h3> - <p>Optimized for legibility.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="readable/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="readable/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="readable/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="readable/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="readable/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="readable/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="simplex/"><img src="simplex/thumbnail.png" alt="Simplex"></a> - <div class="caption"> - <h3>Simplex</h3> - <p>Mini and minimalist.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="simplex/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-primary btn-large dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="simplex/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="simplex/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="simplex/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="simplex/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="slate/"><img src="slate/thumbnail.png" alt="Slate"></a> - <div class="caption"> - <h3>Slate</h3> - <p>Shades of gunmetal gray.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="slate/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="slate/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="slate/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="slate/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="slate/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="slate/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="spacelab/"><img src="spacelab/thumbnail.png" alt="Spacelab"></a> - <div class="caption"> - <h3>Spacelab</h3> - <p>Silvery and sleek.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="spacelab/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="spacelab/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="spacelab/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="spacelab/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="spacelab/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="superhero/"><img src="superhero/thumbnail.png" alt="Superhero"></a> - <div class="caption"> - <h3>Superhero</h3> - <p>Batman meets... Aquaman?</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="superhero/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="superhero/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="superhero/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="superhero/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="superhero/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="united/"><img src="united/thumbnail.png" alt="United"></a> - <div class="caption"> - <h3>United</h3> - <p>Ubuntu orange and unique font.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="united/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="united/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="united/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="united/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="united/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - </div> <!-- end row--> - - <hr> - - <div class="row more"> - <div class="span12"> - <h4>Want more?</h4> - <p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> - </div> - </div> - - <div class="row"> - - <div class="span4"> - <div class="thumbnail"> - <a target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a> - <div class="caption"> - <h3>Clean Canvas</h3> - <p>A beautiful template for showcasing your works.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/clean-canvas-business-theme-WB02634G3?ref=bsw" - onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-cleancanvas']);">Info</a> - </div> - </div> - </div> - </div> - </div> - - - <div class="span4"> - <div class="thumbnail"> - <a target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0L500N4.png" alt="Front Row"></a> - <div class="caption"> - <h3>Front Row</h3> - <p>An elegant single-page template with video background and responsive support.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/front-row-one-page-theme-WB0L500N4?ref=bsw" - onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-frontrow']);">Info</a> - </div> - </div> - </div> - </div> - </div> - - - <div class="span4"> - <div class="thumbnail"> - <a target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a> - <div class="caption"> - <h3>Base Admin</h3> - <p>A polished template for an admin dashboard.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/base-admin-WB00U99JJ?ref=bsw" - onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a> - </div> - </div> - </div> - </div> - </div> - - </div> - - - <div class="row more"> - <div class="span12"> - <h4>Still looking?</h4> - <p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p> - </div> - </div> - - <div class="row"> - - <div class="span4"> - <div class="thumbnail"> - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank"><img src="img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a> - <div class="caption"> - <h3>HTML & CSS</h3> - <p>Jon Duckett</p> - <div class="btn-toolbar"> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank">Amazon</a></div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a> - <div class="caption"> - <h3>JavaScript & jQuery</h3> - <p>David Sawyer McFarland</p> - <div class="btn-toolbar"> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank">Amazon</a></div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank"><img src="img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a> - <div class="caption"> - <h3>Beautiful Web Design</h3> - <p>Jason Beaird</p> - <div class="btn-toolbar"> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank">Amazon</a></div> - </div> - </div> - </div> - </div> - - </div> - - <hr> - - <footer id="footer"> - <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> - <a href="https://twitter.com/thomashpark">Twitter</a> - <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> - <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3Bvar%20r%3D%27%3Clink%20rel%3D%22stylesheet%22%20href%3D%22http://bootswatch.com/default/bootstrap-responsive.min.css%22%3E%27%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27%2Br)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> - <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> - <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> - </div> - Made by <a href="http://thomaspark.me" rel="nofollow">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/> - Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow">Apache License v2.0</a>.<br/> - Based on <a href="http://getbootstrap.com/2.3.2/" rel="nofollow">Bootstrap</a>. Hosted on <a href="http://pages.github.com/" rel="nofollow">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts" rel="nofollow">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller" rel="nofollow">Gerald Hiller</a>.</p> - </footer> - - </div> - - - <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script src="js/bsa.js"></script> + + <div class="navbar navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container"> + <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </a> + <a class="brand" href="./">Bootswatch</a> + <div class="nav-collapse collapse" id="main-menu"> + <ul class="nav" id="main-menu-left"> + <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">News</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"> + <li><a href="default/">Default</a></li> + <li class="divider"></li> + <li><a href="amelia/">Amelia</a></li> + <li><a href="cerulean/">Cerulean</a></li> + <li><a href="cosmo/">Cosmo</a></li> + <li><a href="cyborg/">Cyborg</a></li> + <li><a href="flatly/">Flatly</a></li> + <li><a href="journal/">Journal</a></li> + <li><a href="readable/">Readable</a></li> + <li><a href="simplex/">Simplex</a></li> + <li><a href="slate"/>Slate</a></li> + <li><a href="spacelab/">Spacelab</a></li> + <li><a href="spruce/">Spruce</a></li> + <li><a href="superhero/">Superhero</a></li> + <li><a href="united/">United</a></li> + </ul> + </li> + </ul> + <ul class="nav pull-right" id="main-menu-right"> + <li><a rel="tooltip" target="_blank" href="http://builtwithbootstrap.com/" title="Showcase of Bootstrap sites & apps" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'builtwithbootstrap']);">Built With Bootstrap <i class="icon-share-alt"></i></a></li> + <li><a rel="tooltip" target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap <i class="icon-share-alt"></i></a></li> + </ul> + </div> + </div> + </div> + </div> + + <div class="hero-unit"> + + <div class="alert alert-danger"> + <p><h4 class="alert-heading">These themes are for Bootstrap 2.3.2.</h4></p> + <p><a href="../">Visit the main page</a> to get themes for latest version of Bootstrap.</p> + </div> + + <h1>Bootswatch</h1> + <p id="tagline"> </p> + + <div id="social"> + <span> + <iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53" height="20"></iframe> + <iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> + </span> + <span> + <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a> + </span> + <span> + <a class="btn rss-button" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i> RSS</a> + </span> + </div> + + <div id="ticker"> + </div> + </div> + + <div class="container"> + + + <div class="row about"> + <div class="span4"> + <h3><i class="icon-file-alt"></i> Easy to Install</h3> + <p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p> + </div> + <div class="span4"> + <h3><i class="icon-github"></i> Open Source</h3> + <p>Bootstrap themes are licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p> + </div> + <div class="span4"> + <h3><i class="icon-wrench"></i> Tuned for 2.3.2</h3> + <p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available for download.</p> + </div> + <div class="span4"> + <h3><i class="icon-cogs"></i> Modular</h3> + <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p> + </div> + <div class="span4"> + <h3><i class="icon-cloud"></i> Get Plugged In</h3> + <p>An <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> is available for integrating with your platform. In use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://www.fusionleaf.com/" target="_blank">FusionLeaf</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, and others.</p> + </div> + <div class="span4"> + <h3><i class="icon-bullhorn"></i> Stay Updated</h3> + <p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p> + </div> + </div> + + <div class="row"> + <div class="span6 offset3"> + <div class="thumbnail"><div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div></div> + </div> + </div> + + <div class="row" id="gallery"> + + <div class="span4"> + <div class="thumbnail"> + <a href="amelia/"><img src="amelia/thumbnail.png" alt="Amelia"></a> + <div class="caption"> + <h3>Amelia</h3> + <p>Sweet and cheery.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="amelia/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="amelia/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="amelia/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="amelia/bootstrap.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="amelia/variables.less" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="amelia/bootswatch.less" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="cerulean/"><img src="cerulean/thumbnail.png" alt="Cerulean"></a> + <div class="caption"> + <h3>Cerulean</h3> + <p>A calm, blue sky.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="cerulean/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="cerulean/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="cerulean/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="cerulean/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="cosmo/"><img src="cosmo/thumbnail.png" alt="Cosmo"></a> + <div class="caption"> + <h3>Cosmo</h3> + <p>An ode to Metro.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="cosmo/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="cosmo/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="cosmo/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="cosmo/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="cyborg/"><img src="cyborg/thumbnail.png" alt="Cyborg"></a> + <div class="caption"> + <h3>Cyborg</h3> + <p>Jet black and electric blue.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="cyborg/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="cyborg/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="cyborg/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="cyborg/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="cyborg/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="flatly/"><img src="flatly/thumbnail.png" alt="Flatly"></a> + <div class="caption"> + <h3>Flatly</h3> + <p>Flat and clean.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="flatly/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="flatly/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="flatly/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="flatly/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="flatly/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="flatly/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="journal/"><img src="journal/thumbnail.png" alt="Journal"></a> + <div class="caption"> + <h3>Journal</h3> + <p>Crisp like a new sheet of paper.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="journal/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="journal/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="journal/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="journal/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="journal/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="journal/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="readable/"><img src="readable/thumbnail.png" alt="Readable"></a> + <div class="caption"> + <h3>Readable</h3> + <p>Optimized for legibility.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="readable/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="readable/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="readable/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="readable/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="readable/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="readable/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="simplex/"><img src="simplex/thumbnail.png" alt="Simplex"></a> + <div class="caption"> + <h3>Simplex</h3> + <p>Mini and minimalist.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="simplex/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-primary btn-large dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="simplex/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="simplex/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="simplex/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="simplex/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="slate/"><img src="slate/thumbnail.png" alt="Slate"></a> + <div class="caption"> + <h3>Slate</h3> + <p>Shades of gunmetal gray.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="slate/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="slate/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="slate/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="slate/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="slate/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="slate/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="spacelab/"><img src="spacelab/thumbnail.png" alt="Spacelab"></a> + <div class="caption"> + <h3>Spacelab</h3> + <p>Silvery and sleek.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="spacelab/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="spacelab/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="spacelab/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="spacelab/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="spacelab/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="superhero/"><img src="superhero/thumbnail.png" alt="Superhero"></a> + <div class="caption"> + <h3>Superhero</h3> + <p>Batman meets... Aquaman?</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="superhero/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="superhero/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="superhero/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="superhero/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="superhero/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="united/"><img src="united/thumbnail.png" alt="United"></a> + <div class="caption"> + <h3>United</h3> + <p>Ubuntu orange and unique font.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="united/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="united/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="united/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="united/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="united/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + </div> <!-- end row--> + + <hr> + + <div class="row more"> + <div class="span12"> + <h4>Want more?</h4> + <p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> + </div> + </div> + + <div class="row"> + + <div class="span4"> + <div class="thumbnail"> + <a target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a> + <div class="caption"> + <h3>Clean Canvas</h3> + <p>A beautiful template for showcasing your works.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/clean-canvas-business-theme-WB02634G3?ref=bsw" + onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-cleancanvas']);">Info</a> + </div> + </div> + </div> + </div> + </div> + + + <div class="span4"> + <div class="thumbnail"> + <a target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0L500N4.png" alt="Front Row"></a> + <div class="caption"> + <h3>Front Row</h3> + <p>An elegant single-page template with video background and responsive support.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/front-row-one-page-theme-WB0L500N4?ref=bsw" + onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-frontrow']);">Info</a> + </div> + </div> + </div> + </div> + </div> + + + <div class="span4"> + <div class="thumbnail"> + <a target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a> + <div class="caption"> + <h3>Base Admin</h3> + <p>A polished template for an admin dashboard.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/base-admin-WB00U99JJ?ref=bsw" + onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a> + </div> + </div> + </div> + </div> + </div> + + </div> + + + <div class="row more"> + <div class="span12"> + <h4>Still looking?</h4> + <p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p> + </div> + </div> + + <div class="row"> + + <div class="span4"> + <div class="thumbnail"> + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank"><img src="img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a> + <div class="caption"> + <h3>HTML & CSS</h3> + <p>Jon Duckett</p> + <div class="btn-toolbar"> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank">Amazon</a></div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a> + <div class="caption"> + <h3>JavaScript & jQuery</h3> + <p>David Sawyer McFarland</p> + <div class="btn-toolbar"> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank">Amazon</a></div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank"><img src="img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a> + <div class="caption"> + <h3>Beautiful Web Design</h3> + <p>Jason Beaird</p> + <div class="btn-toolbar"> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank">Amazon</a></div> + </div> + </div> + </div> + </div> + + </div> + + <hr> + + <footer id="footer"> + <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> + <a href="https://twitter.com/thomashpark">Twitter</a> + <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> + <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3Bvar%20r%3D%27%3Clink%20rel%3D%22stylesheet%22%20href%3D%22http://bootswatch.com/default/bootstrap-responsive.min.css%22%3E%27%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27%2Br)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> + <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> + <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> + </div> + Made by <a href="http://thomaspark.me" rel="nofollow">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/> + Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow">Apache License v2.0</a>.<br/> + Based on <a href="http://getbootstrap.com/2.3.2/" rel="nofollow">Bootstrap</a>. Hosted on <a href="http://pages.github.com/" rel="nofollow">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts" rel="nofollow">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller" rel="nofollow">Gerald Hiller</a>.</p> + </footer> + + </div> + + + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.smooth-scroll.min.js"></script> - <script src="js/bootstrap.min.js"></script> - <script src="js/bootswatch.js"></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 type="text/javascript"> - - var taglines = [ - 'Free themes for <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>', - 'Add color to your <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a> site without touching a color picker', - 'Saving the web from default <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>' - ]; - - var line = Math.floor((taglines.length) * Math.random()); - $('#tagline').html(taglines[line]); - - parseRSS('http://feeds.feedburner.com/bootswatch', function(d){ - var h ='<strong>Recent news:</strong> '; - for (var i = 0; i < 3; i++){ - h = h + '<a href="' + d.entries[i].link + '" onclick="pageTracker._link(this.href); return false;">' + d.entries[i].title + '...</a> '; - } - document.getElementById('ticker').innerHTML = h; - }) - - function parseRSS(url, callback) { - $.ajax({ - url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url), - dataType: 'json', - success: function(data) { - callback(data.responseData.feed); - } - }); - } - - </script> + <script src="js/bootstrap.min.js"></script> + <script src="js/bootswatch.js"></script> + <script> + !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> + + var taglines = [ + 'Free themes for <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>', + 'Add color to your <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a> site without touching a color picker', + 'Saving the web from default <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>' + ]; + + var line = Math.floor((taglines.length) * Math.random()); + $('#tagline').html(taglines[line]); + + parseRSS('http://feeds.feedburner.com/bootswatch', function(d){ + var h ='<strong>Recent news:</strong> '; + for (var i = 0; i < 3; i++){ + h = h + '<a href="' + d.entries[i].link + '" onclick="pageTracker._link(this.href); return false;">' + d.entries[i].title + '...</a> '; + } + document.getElementById('ticker').innerHTML = h; + }) + + function parseRSS(url, callback) { + $.ajax({ + url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url), + dataType: 'json', + success: function(data) { + callback(data.responseData.feed); + } + }); + } + + </script> </body> </html> diff --git a/2/journal/index.html b/2/journal/index.html index 16712271..82b2195d 100755 --- a/2/journal/index.html +++ b/2/journal/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Journal</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Crisp like a new sheet of paper."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/readable/index.html b/2/readable/index.html index 5ff5c2d6..69d3f4c4 100755 --- a/2/readable/index.html +++ b/2/readable/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Readable</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Optimized for legibility."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/simplex/index.html b/2/simplex/index.html index 0c67cd41..f9d42c35 100755 --- a/2/simplex/index.html +++ b/2/simplex/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Simplex</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Mini and minimalist."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/slate/index.html b/2/slate/index.html index 673446e1..dfae074b 100755 --- a/2/slate/index.html +++ b/2/slate/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Slate</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Shades of gunmetal gray."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/spacelab/index.html b/2/spacelab/index.html index 89c9af51..1e7bbe8d 100755 --- a/2/spacelab/index.html +++ b/2/spacelab/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Spacelab</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Silvery and sleek."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/spruce/index.html b/2/spruce/index.html index 00b90007..c1b9fa26 100755 --- a/2/spruce/index.html +++ b/2/spruce/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Spruce</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Camping in the woods."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/superhero/index.html b/2/superhero/index.html index 2563a149..2b548dd0 100755 --- a/2/superhero/index.html +++ b/2/superhero/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Superhero</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Batman meets... Aquaman?"> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/swatchmaker/test/test-full.html b/2/swatchmaker/test/test-full.html index 9e9751b8..54242741 100755 --- a/2/swatchmaker/test/test-full.html +++ b/2/swatchmaker/test/test-full.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"> <title>Bootstrap</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> @@ -27,9 +27,9 @@ </style> - <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <!-- Le fav and touch icons --> @@ -2266,17 +2266,17 @@ </div> </section> - - + + <!-- Media Objects ================================================== --> <section id="media"> <div class="page-header"> <h1>Media objects</h1> </div> - + <h2>Default example</h2> - + <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://placehold.it/64x64"> @@ -2286,7 +2286,7 @@ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. </div> </div> - + <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://placehold.it/64x64"> @@ -2305,9 +2305,9 @@ </div> </div> </div> - + <h2>Media list</h2> - + <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> @@ -2358,7 +2358,7 @@ </div> </li> </ul> - + </section> @@ -2442,8 +2442,8 @@ <input type="checkbox"> Check me out </label> <button type="submit" class="btn">Submit</button> - </form> - + </form> + <p>One fine body in paragraph tags…</p> And without p tags </div> @@ -2478,8 +2478,8 @@ $(document).ready(function () { $('.modal').modal('hide'); - $("[rel=popover]").popover().click(function(e){ - e.preventDefault(); + $("[rel=popover]").popover().click(function(e){ + e.preventDefault(); }); }); diff --git a/2/swatchmaker/test/test.html b/2/swatchmaker/test/test.html index 2f6fc08b..0ed1d2e3 100755 --- a/2/swatchmaker/test/test.html +++ b/2/swatchmaker/test/test.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: Swatch</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="../swatch/bootstrap.min.css" rel="stylesheet"> @@ -150,7 +151,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -288,8 +289,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -299,19 +300,19 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> - <div class="btn-group"> - <a class="btn" href="#">Default</a> - <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn" href="#">Default</a> + <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -319,19 +320,19 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-primary" href="#">Primary</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-primary" href="#">Primary</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -339,19 +340,19 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-info" href="#">Info</a> - <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-info" href="#">Info</a> + <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -359,19 +360,19 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-success" href="#">Success</a> - <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-success" href="#">Success</a> + <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -379,19 +380,19 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-warning" href="#">Warning</a> - <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-warning" href="#">Warning</a> + <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -399,19 +400,19 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-danger" href="#">Danger</a> - <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-danger" href="#">Danger</a> + <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -419,19 +420,19 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-inverse" href="#">Inverse</a> - <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Separated link</a></li> - </ul> - </div><!-- /btn-group --> - </td> + <td> + <div class="btn-group"> + <a class="btn btn-inverse" href="#">Inverse</a> + <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </td> </tr> </tbody> </table> @@ -449,10 +450,10 @@ <div class="row"> <div class="span7 offset1"> - <form class="well form-search"> - <input type="text" class="input-medium search-query"> - <button type="submit" class="btn">Search</button> - </form> + <form class="well form-search"> + <input type="text" class="input-medium search-query"> + <button type="submit" class="btn">Search</button> + </form> <form class="well form-search"> <input type="text" class="input-small" placeholder="Email"> @@ -594,7 +595,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -669,15 +670,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -711,7 +712,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -731,11 +732,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -776,7 +777,7 @@ <span class="badge badge-inverse">Inverse</span> </div> </div> - <br /> + <br /> <!-- Progress bars ================================================== --> @@ -801,7 +802,7 @@ </div> </div> </div> - <br /> + <br /> <!-- Alerts & Messages @@ -811,13 +812,13 @@ <h3 id="alerts">Alerts</h3> <div class="row"> - <div class="span12"> - <div class="alert alert-warning alert-block"> - <a class="close">×</a> - <h4 class="alert-heading">Alert block</h4> - <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> - </div> - </div> + <div class="span12"> + <div class="alert alert-warning alert-block"> + <a class="close">×</a> + <h4 class="alert-heading">Alert block</h4> + <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> + </div> + </div> </div> <div class="row"> <div class="span4"> diff --git a/2/united/index.html b/2/united/index.html index cbdbf296..32d4bfbb 100755 --- a/2/united/index.html +++ b/2/united/index.html @@ -3,12 +3,13 @@ <head> <meta charset="utf-8"> <title>Bootswatch: United</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Ubuntu orange and unique font."> <meta name="author" content="Thomas Park"> + <!-- HTML5 shim for IE8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <link href="bootstrap.min.css" rel="stylesheet"> @@ -16,7 +17,7 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -167,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +317,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +329,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +337,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +349,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +357,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +369,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +377,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +389,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +397,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +409,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +417,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +429,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +437,7 @@ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td> <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td> <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-inverse" href="#">Inverse</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -448,7 +449,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/amelia/index.html b/amelia/index.html index 124f5132..1c01adba 100644 --- a/amelia/index.html +++ b/amelia/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Amelia</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Amelia</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -329,7 +329,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -417,7 +417,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -441,7 +441,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -614,8 +614,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -668,7 +668,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -778,7 +778,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -830,7 +830,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -847,7 +847,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -914,7 +914,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1054,7 +1054,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1147,7 +1147,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1163,9 +1163,9 @@ </div> </div> - + </footer> - + </div> diff --git a/cerulean/index.html b/cerulean/index.html index cc441ad0..c3c03aeb 100644 --- a/cerulean/index.html +++ b/cerulean/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Cerulean</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Cerulean</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -331,7 +331,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -419,7 +419,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -443,7 +443,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -616,8 +616,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -670,7 +670,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -780,7 +780,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -832,7 +832,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -849,7 +849,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -916,7 +916,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1056,7 +1056,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1149,7 +1149,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1165,9 +1165,9 @@ </div> </div> - + </footer> - + </div> diff --git a/cosmo/index.html b/cosmo/index.html index f32c8984..65f13b55 100644 --- a/cosmo/index.html +++ b/cosmo/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Cosmo</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Cosmo</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/cupid/index.html b/cupid/index.html index 36d339a0..c4e5a360 100644 --- a/cupid/index.html +++ b/cupid/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Cupid</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Cupid</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/custom/index.html b/custom/index.html index c1153846..f7120f65 100644 --- a/custom/index.html +++ b/custom/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Custom</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Custom</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/cyborg/index.html b/cyborg/index.html index 125385f5..fe2a01d2 100644 --- a/cyborg/index.html +++ b/cyborg/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Cyborg</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Cyborg</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/default/index.html b/default/index.html index 755e12aa..9765d723 100644 --- a/default/index.html +++ b/default/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Default</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Default</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" media="screen"> <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> @@ -12,7 +12,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -319,7 +319,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -407,7 +407,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -431,7 +431,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -604,8 +604,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -658,7 +658,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -768,7 +768,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -820,7 +820,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -837,7 +837,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -904,7 +904,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1044,7 +1044,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1137,7 +1137,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1153,9 +1153,9 @@ </div> </div> - + </footer> - + </div> diff --git a/flatly/index.html b/flatly/index.html index b88a2144..6aae2099 100644 --- a/flatly/index.html +++ b/flatly/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Flatly</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Flatly</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -331,7 +331,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -419,7 +419,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -443,7 +443,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -616,8 +616,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -670,7 +670,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -780,7 +780,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -832,7 +832,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -849,7 +849,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -916,7 +916,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1056,7 +1056,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1149,7 +1149,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1165,9 +1165,9 @@ </div> </div> - + </footer> - + </div> diff --git a/help/index.html b/help/index.html index cb8fdde4..04b07f44 100644 --- a/help/index.html +++ b/help/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Help</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Help</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../flatly/bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -23,7 +23,7 @@ } </style> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -98,7 +98,7 @@ <h1 id="quickstart">Quick Start</h1> <p>Using a theme is as easy as downloading a CSS file and replacing the one that comes with <a href="http://getbootstrap.com" target="_blank">Bootstrap</a>.</p> - <h1 id="customization">Customization</h1> + <h1 id="customization">Customization</h1> <p>To modify a theme or create your own, follow the steps below in your terminal. You'll need to have <a href="https://help.github.com/articles/set-up-git" target="_blank">Git</a> and <a href="http://nodejs.org/" target="_blank">Node</a> installed.</p> <ol> <li><p><code>git clone https://github.com/thomaspark/bootswatch.git</code></p></li> @@ -132,7 +132,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -148,16 +148,16 @@ </div> </div> - + </footer> - + </div> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="../assets/js/bootswatch.js"></script> - <script type="text/javascript"> + <script> !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> </body> @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Free themes for Bootstrap</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Free themes for Bootstrap</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./flatly/bootstrap.css" media="screen"> <link rel="stylesheet" href="./bower_components/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="./assets/css/bootswatch.min.css"> @@ -12,7 +12,7 @@ <script src="./bower_components/html5shiv/dist/html5shiv.js"></script> <script src="./bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -89,8 +89,8 @@ <h1>Free themes for Bootstrap</h1> <div id="social"> <span> - <iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe> - <iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe> + <iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53" height="20"></iframe> + <iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> </span> <span> <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a> @@ -123,7 +123,7 @@ </div> <div class="col-lg-4 col-sm-6"> <h3><i class="fa fa-wrench"></i> Tuned for 3.1.0</h3> - <p>Themes are built for the latest version of Bootstrap. <a href="http://bootswatch.com/2/">Version 2.3.2</a> and <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">others</a> are also available to download.</p> + <p>Themes are built for the latest version of Bootstrap. <a href="/2/">Version 2.3.2</a> and <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">others</a> are also available to download.</p> </div> <div class="col-lg-4 col-sm-6"> <h3><i class="fa fa-cogs"></i> Modular</h3> @@ -135,7 +135,7 @@ </div> <div class="col-lg-4 col-sm-6"> <h3><i class="fa fa-bullhorn"></i> Stay Updated</h3> - <p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p> + <p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p> </div> </div> @@ -228,7 +228,7 @@ </div> </div> - <div class="col-lg-4 col-sm-6"> + <div class="col-lg-4 col-sm-6"> <div class="preview"> <div class="image"> <a href="cupid/"><img class="img-responsive" src="cupid/thumbnail.png" alt="Cupid"></a> @@ -252,10 +252,10 @@ </ul> </div> </div> - </div> + </div> </div> - <div class="col-lg-4 col-sm-6"> + <div class="col-lg-4 col-sm-6"> <div class="preview"> <div class="image"> <a href="cyborg/"><img class="img-responsive" src="cyborg/thumbnail.png" alt="Cyborg"></a> @@ -279,7 +279,7 @@ </ul> </div> </div> - </div> + </div> </div> <div class="col-lg-4 col-sm-6"> @@ -362,7 +362,7 @@ </div> </div> - <div class="col-lg-4 col-sm-6"> + <div class="col-lg-4 col-sm-6"> <div class="preview"> <div class="image"> <a href="readable/"><img class="img-responsive" src="readable/thumbnail.png" alt="Readable"></a> @@ -390,13 +390,13 @@ </div> <div class="col-lg-4 col-sm-6"> - + <div class="preview"> <div class="image"> <a href="simplex/"><img class="img-responsive" src="simplex/thumbnail.png" alt="Simplex"></a> </div> <div class="options"> - + <h3>Simplex</h3> <p>Mini and minimalist</p> <div class="btn-group"><a class="btn btn-info" href="simplex/">Preview</a></div> @@ -417,16 +417,16 @@ </div> </div> - + </div> <div class="col-lg-4 col-sm-6"> - + <div class="preview"> <div class="image"> <a href="slate/"><img class="img-responsive" src="slate/thumbnail.png" alt="Slate"></a> </div> <div class="options"> - + <h3>Slate</h3> <p>Shades of gunmetal gray</p> <div class="btn-group"><a class="btn btn-info" href="slate/">Preview</a></div> @@ -447,16 +447,16 @@ </div> </div> - + </div> <div class="col-lg-4 col-sm-6"> - + <div class="preview"> <div class="image"> <a href="spacelab/"><img class="img-responsive" src="spacelab/thumbnail.png" alt="Spacelab"></a> </div> <div class="options"> - + <h3>Spacelab</h3> <p>Silvery and sleek</p> <div class="btn-group"><a class="btn btn-info" href="spacelab/">Preview</a></div> @@ -477,16 +477,16 @@ </div> </div> - + </div> <div class="col-lg-4 col-sm-6"> - + <div class="preview"> <div class="image"> <a href="superhero/"><img class="img-responsive" src="superhero/thumbnail.png" alt="Superhero"></a> </div> <div class="options"> - + <h3>Superhero</h3> <p>The brave and the blue</p> <div class="btn-group"><a class="btn btn-info" href="superhero/">Preview</a></div> @@ -507,16 +507,16 @@ </div> </div> - + </div> <div class="col-lg-4 col-sm-6"> - + <div class="preview"> <div class="image"> <a href="united/"><img class="img-responsive" src="united/thumbnail.png" alt="United"></a> </div> <div class="options"> - + <h3>United</h3> <p>Ubuntu orange and unique font</p> <div class="btn-group"><a class="btn btn-info" href="united/">Preview</a></div> @@ -537,16 +537,16 @@ </div> </div> - + </div> <div class="col-lg-4 col-sm-6"> - + <div class="preview"> <div class="image"> <a href="yeti/"><img class="img-responsive" src="yeti/thumbnail.png" alt="Yeti"></a> </div> <div class="options"> - + <h3>Yeti</h3> <p>A friendly foundation</p> <div class="btn-group"><a class="btn btn-info" href="yeti/">Preview</a></div> @@ -567,7 +567,7 @@ </div> </div> - + </div> @@ -581,7 +581,7 @@ <div class="col-lg-12"> <h1>Want more?</h1> - <p class="lead">Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> + <p class="lead">Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> </div> <div class="col-lg-4 col-sm-4"> @@ -645,15 +645,15 @@ <div class="col-lg-4 col-sm-4"> <div class="preview"> <div class="image"> - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank"><img class="img-responsive" src="assets/img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a> + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank"><img class="img-responsive" src="assets/img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a> </div> <div class="options"> <h3>HTML & CSS</h3> <p>Jon Duckett</p> <div> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank">Amazon</a></div> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank">Amazon</a></div> </div> </div> </div> @@ -661,17 +661,17 @@ <div class="col-lg-4 col-sm-4"> <div class="preview"> <div class="image"> - - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'lesscss']);" href="http://www.amazon.com/gp/product/178216376X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=178216376X" target="_blank"><img class="img-responsive" src="assets/img/refs/lesscss.jpg" alt="Instant LESS CSS Preprocessor How-to, by Alex Libby"></a> + + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'lesscss']);" href="http://www.amazon.com/gp/product/178216376X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=178216376X" target="_blank"><img class="img-responsive" src="assets/img/refs/lesscss.jpg" alt="Instant LESS CSS Preprocessor How-to, by Alex Libby"></a> </div> <div class="options"> - + <h3>Instant LESS</h3> <p>Alex Libby</p> <div> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'lesscss']);" href="http://www.amazon.com/gp/product/178216376X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=178216376X" target="_blank">Amazon</a></div> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'lesscss']);" href="http://www.amazon.com/gp/product/178216376X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=178216376X" target="_blank">Amazon</a></div> </div> </div> </div> @@ -679,17 +679,17 @@ <div class="col-lg-4 col-sm-4"> <div class="preview"> <div class="image"> - - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank"><img class="img-responsive" src="assets/img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a> + + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank"><img class="img-responsive" src="assets/img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a> </div> <div class="options"> - + <h3>Beautiful Web Design</h3> <p>Jason Beaird</p> <div> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank">Amazon</a></div> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank">Amazon</a></div> </div> </div> </div> @@ -705,7 +705,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -721,9 +721,9 @@ </div> </div> - + </footer> - + </div> @@ -731,7 +731,7 @@ <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="./assets/js/bootswatch.js"></script> - <script type="text/javascript"> + <script> !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> </body> diff --git a/journal/index.html b/journal/index.html index d77c89ab..ba9c648e 100644 --- a/journal/index.html +++ b/journal/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Journal</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Journal</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/lumen/index.html b/lumen/index.html index dd4fb0cf..f6ca1327 100644 --- a/lumen/index.html +++ b/lumen/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Lumen</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Lumen</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/readable/index.html b/readable/index.html index dade51a9..eccbb5a6 100644 --- a/readable/index.html +++ b/readable/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Readable</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Readable</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/simplex/index.html b/simplex/index.html index d9ddd7c3..92e6514a 100644 --- a/simplex/index.html +++ b/simplex/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Simplex</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Simplex</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1115,7 +1115,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1131,9 +1131,9 @@ </div> </div> - + </footer> - + </div> diff --git a/slate/index.html b/slate/index.html index bde04267..3a923fe3 100644 --- a/slate/index.html +++ b/slate/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Slate</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Slate</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/spacelab/index.html b/spacelab/index.html index c7fad4e5..b6bebfa7 100644 --- a/spacelab/index.html +++ b/spacelab/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Spacelab</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Spacelab</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/superhero/index.html b/superhero/index.html index d0e63c1c..7ed6c72d 100644 --- a/superhero/index.html +++ b/superhero/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Superhero</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Superhero</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> diff --git a/tests/components.html b/tests/components.html index 24b38840..c1c3380f 100644 --- a/tests/components.html +++ b/tests/components.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Components</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Components</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../amelia/bootstrap.css" media="screen" id="stylesheet"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <style> @@ -152,7 +152,7 @@ <!-- Abbreviations --> <h2 id="type-abbreviations">Abbreviations</h2> - + <h3>Basic abbreviation</h3> <div class="bs-example"> <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p> @@ -2708,7 +2708,7 @@ <a class="btn btn-lg btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</a> </div> </div> - + </div> @@ -2725,7 +2725,7 @@ menuHTML = Mustache.render(menuTemplate, data.themes); $('body').append(menuHTML); - + $('#menu').change(function(){ var $theme = $('#menu :selected'), theme = $theme.text(), diff --git a/tests/thumbnail.html b/tests/thumbnail.html index 3206d6e5..52f57218 100644 --- a/tests/thumbnail.html +++ b/tests/thumbnail.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Default Bootstrap</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Default Bootstrap</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../amelia/bootstrap.css" media="screen" id="stylesheet"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -95,10 +95,10 @@ $.get("http://api.bootswatch.com/3/", function (data) { var menuTemplate = "<div id='menu' style='position:fixed;top:10px;right:10px;'><select>{{#.}}<option data-description='{{description}}'>{{name}}</option>{{/.}}</select></div>", - menuHTML = Mustache.render(menuTemplate, data.themes); + menuHTML = Mustache.render(menuTemplate, data.themes); $('body').append(menuHTML); - + $('#menu').change(function(){ var theme = $('#menu :selected'); $('#theme').text(theme.text()); diff --git a/united/index.html b/united/index.html index e5d2e26f..f72babf4 100644 --- a/united/index.html +++ b/united/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: United</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: United</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> @@ -12,7 +12,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -330,7 +330,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -418,7 +418,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -442,7 +442,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -615,8 +615,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -669,7 +669,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -779,7 +779,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -831,7 +831,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -848,7 +848,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -915,7 +915,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1055,7 +1055,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1148,7 +1148,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1164,9 +1164,9 @@ </div> </div> - + </footer> - + </div> diff --git a/yeti/index.html b/yeti/index.html index f56e8545..3cfa69e3 100644 --- a/yeti/index.html +++ b/yeti/index.html @@ -1,9 +1,9 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Bootswatch: Yeti</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> + <title>Bootswatch: Yeti</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./bootstrap.css" media="screen"> <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -11,7 +11,7 @@ <script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/respond/dest/respond.min.js"></script> <![endif]--> - <script type="text/javascript"> + <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23019901-1']); @@ -321,7 +321,7 @@ <button type="button" class="btn btn-primary btn-xs">Mini button</button> </p> </div> - + </div> <div class="col-lg-6"> @@ -409,7 +409,7 @@ </div> <div class="bs-example"> <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> - </div> + </div> </div> <div class="col-lg-4"> <div class="bs-example"> @@ -433,7 +433,7 @@ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> </div> - + </div> </div> @@ -606,8 +606,8 @@ </div> <div class="form-group"> <div class="col-lg-10 col-lg-offset-2"> - <button class="btn btn-default">Cancel</button> - <button type="submit" class="btn btn-primary">Submit</button> + <button class="btn btn-default">Cancel</button> + <button type="submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> @@ -660,7 +660,7 @@ </div> </div> </form> - + </div> </div> </div> @@ -770,7 +770,7 @@ <li class="active">Data</li> </ul> </div> - + </div> </div> @@ -822,7 +822,7 @@ </div> </div> <div class="col-lg-4"> - + </div> </div> </div> @@ -839,7 +839,7 @@ </div> </div> - + <div class="row"> <div class="col-lg-12"> <h2>Alerts</h2> @@ -906,7 +906,7 @@ <div class="page-header"> <h1 id="progress">Progress bars</h1> </div> - + <h3 id="progress-basic">Basic</h3> <div class="bs-example"> @@ -1046,7 +1046,7 @@ </div> </div> <div class="row"> - <div class="col-lg-4"> + <div class="col-lg-4"> <div class="panel panel-default"> <div class="panel-body"> Basic panel @@ -1139,7 +1139,7 @@ <footer> <div class="row"> <div class="col-lg-12"> - + <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a></li> @@ -1155,9 +1155,9 @@ </div> </div> - + </footer> - + </div> |