' * @license <%= pkg.license %>' + ' */'
},
swatch: {
- amelia:{}, cerulean:{}, cosmo:{}, cyborg:{}, journal:{}, readable:{},
+ amelia:{}, cerulean:{}, cosmo:{}, cyborg:{}, flatly:{}, journal:{}, readable:{},
simplex:{}, slate:{}, spacelab:{}, spruce:{}, superhero:{}, united:{}
},
clean: {
<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>
"lessVariables": "http://bootswatch.com/cyborg/variables.less"
},
+ {
+ "name": "Flatly",
+ "description": "Flat and clean.",
+ "thumbnail": "http://bootswatch.com/flatly/thumbnail.png",
+ "preview": "http://bootswatch.com/flatly/",
+ "css": "http://bootswatch.com/flatly/bootstrap.css",
+ "css-min": "http://bootswatch.com/flatly/bootstrap.min.css",
+ "cssMin": "http://bootswatch.com/flatly/bootstrap.min.css",
+ "less": "http://bootswatch.com/flatly/bootswatch.less",
+ "less-variables": "http://bootswatch.com/flatly/variables.less",
+ "lessVariables": "http://bootswatch.com/flatly/variables.less"
+ },
+
{
"name": "Journal",
"description": "Crisp like a new sheet of paper.",
<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="../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="../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="../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="../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="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>
<div class="span4">
<div class="thumbnail">
- <a href="amelia"><img src="amelia/thumbnail.png" alt="Amelia"></a>
+ <a href="amelia/"><img src="amelia/thumbnail.png" alt="Amelia"></a>
<div class="caption">
<h3>Amelia</h3>
<p>Sweet and cheery.</p>
<div class="span4">
<div class="thumbnail">
- <a href="cerulean"><img src="cerulean/thumbnail.png" alt="Cerulean"></a>
+ <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="span4">
<div class="thumbnail">
- <a href="cosmo"><img src="cosmo/thumbnail.png" alt="Cosmo"></a>
+ <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="span4">
<div class="thumbnail">
- <a href="cyborg"><img src="cyborg/thumbnail.png" alt="Cyborg"></a>
+ <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="span4">
<div class="thumbnail">
- <a href="journal"><img src="journal/thumbnail.png" alt="Journal"></a>
+ <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="span4">
<div class="thumbnail">
- <a href="readable"><img src="readable/thumbnail.png" alt="Readable"></a>
+ <a href="readable/"><img src="readable/thumbnail.png" alt="Readable"></a>
<div class="caption">
<h3>Readable</h3>
<p>Optimized for legibility.</p>
<div class="span4">
<div class="thumbnail">
- <a href="simplex"><img src="simplex/thumbnail.png" alt="Simplex"></a>
+ <a href="simplex/"><img src="simplex/thumbnail.png" alt="Simplex"></a>
<div class="caption">
<h3>Simplex</h3>
<p>Mini and minimalist.</p>
<div class="span4">
<div class="thumbnail">
- <a href="slate"><img src="slate/thumbnail.png" alt="Slate"></a>
+ <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="span4">
<div class="thumbnail">
- <a href="spacelab"><img src="spacelab/thumbnail.png" alt="Spacelab"></a>
+ <a href="spacelab/"><img src="spacelab/thumbnail.png" alt="Spacelab"></a>
<div class="caption">
<h3>Spacelab</h3>
<p>Silvery and sleek.</p>
<div class="span4">
<div class="thumbnail">
- <a href="spruce"><img src="spruce/thumbnail.png" alt="Spruce"></a>
- <div class="caption">
- <h3>Spruce</h3>
- <p>Camping in the woods.</p>
- <div class="btn-toolbar">
- <div class="btn-group"><a class="btn btn-large" href="spruce/">Preview</a></div>
- <div class="btn-group">
- <a class="btn btn-large btn-primary" target="_blank" href="spruce/bootstrap.min.css"
- onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', '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="spruce/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
- <li><a target="_blank" href="spruce/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.css']);">bootstrap.css</a></li>
- <li class="divider"></li>
- <li><a target="_blank" href="spruce/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'variables.less']);">variables.less</a></li>
- <li><a target="_blank" href="spruce/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', '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>
+ <a href="superhero/"><img src="superhero/thumbnail.png" alt="Superhero"></a>
<div class="caption">
<h3>Superhero</h3>
<p>Batman meets... Aquaman?</p>
<div class="span4">
<div class="thumbnail">
- <a href="united"><img src="united/thumbnail.png" alt="United"></a>
+ <a href="united/"><img src="united/thumbnail.png" alt="United"></a>
<div class="caption">
<h3>United</h3>
<p>Ubuntu orange and unique font.</p>
<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="../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="../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="../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="../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="../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="../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="../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>