<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">
- <script src="../js/bsa.js"></script>
+ <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
+ <!-- <script src="../js/bsa.js"></script> -->
<!-- Navbar
<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">
<div class="row">
<div class="span6">
<h1>Amelia</h1>
- <p class="lead">A preview of changes in this swatch.</p>
+ <p class="lead">Sweet and cheery.</p>
</div>
- <div class="span6">
- <div class="bsa well">
+ <div class="span4 offset2">
+<!-- <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 class="well" style="padding: 15px 15px 0 15px;">
+ <a href="http://carboncostume.com/apple-store-genius/" target="_blank">
+ <span style="float: left; margin: 0 15px 15px 0;">
+ <img src="../img/carboncostume.png" width="175" height="135" style="border-radius: 5px;">
+ </span>
+ </a>
+ <a href="http://carboncostume.com" target="_blank">
+ <h4 style="margin-bottom: 0.4em; color: #fff;">Carbon Costume</h4>
+ <span style="display: block; margin-bottom: 1em; color: #fff;">DIY costumes using everyday gear.</span>
+ </a>
+ <div style="clear:both"></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>