<div class="container">
- <!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
-
<h1>Bootswatch</h1>
<p id="tagline"> </p>
</div>
+ <div class="row">
+ <div class="span12">
+ <div class="" id="ticker">
+ </div>
+ </div>
+ </div>
+
+
<div class="row about">
<div class="span4">
<img class="glyph" src="img/glyphicons_036_file.png">
<div class="span4">
<img class="glyph" src="img/glyphicons_341_github.png">
<h3>Open Source</h3>
- <p>Licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p>
+ <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">
<img class="glyph" src="img/glyphicons_280_settings.png">
- <h3>Tuned for 2.0.4</h3>
+ <h3>Tuned for 2.1.1</h3>
<p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/downloads">Older versions</a> are also available for download.</p>
</div>
<div class="span4">
<div class="span4">
<img class="glyph" src="img/glyphicons_032_wifi_alt.png">
<h3>Stay Updated</h3>
- <p>Be notified when new swatches are released 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>
<h4>Request</h4>
<p>Send your request to <code>http://api.bootswatch.com</code>.</p>
<h4>Response</h4>
- <p>This returns a <code>themes</code> array, and each theme has the following properties: <code>name</code>, <code>description</code>, <code>preview</code>, <code>thumbnail</code>, <code>css</code>, <code>css-min</code>, <code>less</code>, and <code>less-variables</code>.
+ <p>This returns a <code>themes</code> array, and each theme has the following properties: <code>name</code>, <code>description</code>, <code>preview</code>, <code>thumbnail</code>, <code>css</code>, <code>cssMin</code>, <code>less</code>, and <code>lessVariables</code>.
<h4>Demo</h4>
<p>A <a target="_blank" href="http://jsbin.com/asowud/1/edit">simple example</a>, using <a target="_blank" href="https://github.com/janl/mustache.js">mustache.js</a> for templating.</p>
<h4>Credits</h4>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
- <!-- dropdown menu links -->
<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>
</div>
-<!-- <div class="span4">
+ <!-- <div class="span4">
<div class="thumbnail">
<img src="img/refs/blank.png" alt="" style="background-image: url('img/refs/stripes.png');">
<div class="caption">
</div>
</div>
-
- <!-- <div class="row" style="padding-top: 30px;">
- <div class="span12">
- <h1 id="gallery">Support</h1>
- </div>
- </div>
-
- <div class="row">
-
- <div class="span3" id="ref">
- <h3>Swatches will always be free.</h3>
- <p>But you can show your support by checking out these excellent products.</p>
- </div>
-
- <div class="span3">
- <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="new"><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;" />
- <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="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="span3">
- <div class="thumbnail">
- <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'bookofcss3']);" href="http://www.amazon.com/gp/product/1593272863/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1593272863" target="new"><img src="img/refs/bookofcss3.png" alt="The Book of CSS3: A Developer's Guide to the Future of Web Design, by Peter Gasston"></a>
- <div class="caption">
- <h3>The Book of CSS3</h3>
- <p>Peter Gasston</p>
- <div class="btn-toolbar">
- <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1593272863" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
- <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'cssmissingmanual']);" href="http://www.amazon.com/gp/product/1593272863/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1593272863" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="span3">
- <div class="thumbnail">
- <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'responsive']);" href="http://www.amazon.com/gp/product/1849693188/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1849693188" target="new"><img src="img/refs/responsive.png" alt="Responsive Web Design with HTML5 and CSS3, by Ben Frain"></a>
- <div class="caption">
- <h3>Responsive Web Design</h3>
- <p>Ben Frain</p>
- <div class="btn-toolbar">
- <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1849693188" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
- <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'responsive']);" href="http://www.amazon.com/gp/product/1849693188/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1849693188" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="span3">
- <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="new"><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;" />
- <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="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="span3">
- <div class="thumbnail">
- <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'goodparts']);" href="http://www.amazon.com/gp/product/0596517742/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0596517742" target="new"><img src="img/refs/goodparts.png" alt="JavaScript: The Good Parts, by Douglas Crockford"></a>
- <div class="caption">
- <h3>JavaScript: The Good Parts</h3>
- <p>Douglas Crockford</p>
- <div class="btn-toolbar">
- <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
- <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'eloquentjavascript']);" href="http://www.amazon.com/gp/product/0596517742/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0596517742" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="span3">
- <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="new"><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;" />
- <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="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="span3">
- <div class="thumbnail">
- <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'dontmakemethink']);" href="http://www.amazon.com/gp/product/0321344758/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321344758" target="new"><img src="img/refs/dontmakemethink.png" alt="Don't Make Me Think: A Common Sense Approach to Web Usability, by Steve Krug"></a>
- <div class="caption">
- <h3>Don't Make Me Think</h3>
- <p>Steve Krug</p>
- <div class="btn-toolbar">
- <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=0321344758" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
- <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'dontmakemethink']);" href="http://www.amazon.com/gp/product/0321344758/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321344758" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div> -->
-
- <!--
- <div class="span3">
- <div class="thumbnail">
- <a onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'xscope']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fxscope%2Fid447661441%3Fmt%3D12" target="new"><img src="img/refs/xscope.png" alt=""></a>
- <div class="caption">
- <h3>xScope</h3>
- <p>Measure and inspect on-screen layouts.</p>
- <div class="btn-toolbar">
- <img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=wyucSOE7tvo&bids=146261.1&type=10">
- <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'xscope']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fxscope%2Fid447661441%3Fmt%3D12" target="new">Mac App Store <i class="icon-share-alt icon-white"></i></a></div>
- </div>
- </div>
- </div>
- </div>
-
- </div> --> <!-- end row-->
-
<hr>
<footer id="footer">
var line = Math.floor((taglines.length) * Math.random());
$('#tagline').html(taglines[line]);
- </script>
- <script type="text/javascript" src="http://www.assoc-amazon.com/s/impression-counter?tag=bootswatch-20&o=1"></script>
- <noscript><img src="http://www.assoc-amazon.com/s/noscript?tag=bootswatch-20" alt="" /></noscript>
+ parseRSS('http://feeds.feedburner.com/bootswatch', function(d){
+ var h ='<strong>Recent updates:</strong> ';
+ for (var i = 0; i < 3; i++){
+ h = h + '<a href="' + d.entries[i].link + '">' + d.entries[i].title + '...</a> ';
+ }
+ document.getElementById('ticker').innerHTML = h;
+ })
+ </script>
</body>
</html>