<link href="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">
<script type="text/javascript">
</head>
- <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+ <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
<script src="../js/bsa.js"></script>
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
- <div class="nav-collapse" id="main-menu">
+ <div class="nav-collapse collapse" id="main-menu">
<ul class="nav" id="main-menu-left">
<li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
- <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+ <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
<ul class="dropdown-menu" id="swatch-menu">
- <li><a href="../default">Default</a></li>
+ <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="../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>
+ <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="../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>
<li class="dropdown" id="preview-menu">
<div class="row">
<div class="span6">
<h1>Journal</h1>
- <p class="lead">A preview of changes in this swatch.</p>
+ <p class="lead">Crisp like a new sheet of paper.</p>
</div>
<div class="span6">
<div class="bsa well">
<div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
- <div class="clearfix"><a href="http://adpacks.com" id="bsap_aplink">via Ad Packs</a></div>
</div>
</div>
</div>
<span class="help-inline">Woohoo!</span>
</div>
</div>
- <div class="control-group success">
- <label class="control-label" for="selectError">Select with success</label>
+ <div class="control-group info">
+ <label class="control-label" for="selectError">Select with info</label>
<div class="controls">
<select id="selectError">
<option>1</option>
<ul class="nav nav-tabs">
<li class="active"><a href="#A" data-toggle="tab">Section 1</a></li>
<li><a href="#B" data-toggle="tab">Section 2</a></li>
- <li><a href="#C" data-toggle="tab">Section 3</a></li>
+ <li class="disabled"><a href="#" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tabbable">
<div class="tab-content">
<hr>
<footer id="footer">
- <p class="pull-right"><a href="#">Back to top</a></p>
+ <p class="pull-right"><a href="#top">Back to top</a></p>
<div class="links">
<a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a>
<a href="http://feeds.feedburner.com/bootswatch">RSS</a>
<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>
- Made by <a
target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/>
- Code licensed under the <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
- Based on <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a target="_blank" href="http://pages.github.com/">GitHub</a>. Icons from <a target="_blank" href="http://glyphicons.com/">Glyphicons</a>. Web fonts from <a target="_blank" href="http://www.google.com/webfonts">Google</a>.</p>
+ Made by <a
href="http://thomaspark.me">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">Apache License v2.0</a>.<br/>
+ Based on <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a href="http://pages.github.com/">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller">Gerald Hiller</a>.</p>
</footer>
</div><!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script src="../js/jquery.smooth-scroll.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
- <script src="../js/application.js"></script>
<script src="../js/bootswatch.js"></script>
projects / bootswatch / blobdiff