add new theme flatly to site

17 files changed, 67 insertions, 39 deletions

diff --git a/Gruntfile.js b/Gruntfile.js
index da9170fe..ed538f2b 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -16,7 +16,7 @@ module.exports = function (grunt) {
 						' * @license <%= pkg.license %>' + ' */'
 		},
 		swatch: {
-			amelia:{}, cerulean:{}, cosmo:{}, cyborg:{}, journal:{}, readable:{},
+			amelia:{}, cerulean:{}, cosmo:{}, cyborg:{}, flatly:{}, journal:{}, readable:{},
 			simplex:{}, slate:{}, spacelab:{}, spruce:{}, superhero:{}, united:{}
 		},
 		clean: {
diff --git a/amelia/index.html b/amelia/index.html
index 609657dd..bd2e49f4 100755
--- a/amelia/index.html
+++ b/amelia/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/api/themes.json b/api/themes.json
index 1023e179..602f43e0 100644
--- a/api/themes.json
+++ b/api/themes.json
@@ -56,6 +56,19 @@
 		},
 	
 		{
+			"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.",
 			"thumbnail": "http://bootswatch.com/journal/thumbnail.png",
diff --git a/cerulean/index.html b/cerulean/index.html
index 102cd50b..9e9c799d 100755
--- a/cerulean/index.html
+++ b/cerulean/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/cosmo/index.html b/cosmo/index.html
index dd446adb..ec2c5abe 100755
--- a/cosmo/index.html
+++ b/cosmo/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/cyborg/index.html b/cyborg/index.html
index 141f1b2a..2ca4dfcf 100755
--- a/cyborg/index.html
+++ b/cyborg/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/default/index.html b/default/index.html
index 6ecb8ac7..3d3cc7f0 100755
--- a/default/index.html
+++ b/default/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/flatly/index.html b/flatly/index.html
index ac5f029c..f0f25070 100755
--- a/flatly/index.html
+++ b/flatly/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/index.html b/index.html
index b8148638..c74e9486 100644
--- a/index.html
+++ b/index.html
@@ -58,6 +58,7 @@
 								<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>
@@ -140,7 +141,7 @@
 
 			<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>
@@ -170,7 +171,7 @@
 
 			<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>
@@ -196,7 +197,7 @@
 
 			<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>
@@ -222,7 +223,7 @@
 
 			<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>
@@ -249,7 +250,34 @@
 
 			<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>
@@ -276,7 +304,7 @@
 
 			<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>
@@ -303,7 +331,7 @@
 
 			<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>
@@ -330,7 +358,7 @@
 
 			<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>
@@ -357,7 +385,7 @@
 
 			<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>
@@ -384,34 +412,7 @@
 
 			<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>
@@ -438,7 +439,7 @@
 
 			<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>
diff --git a/journal/index.html b/journal/index.html
index d2d80d14..d58081c9 100755
--- a/journal/index.html
+++ b/journal/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/readable/index.html b/readable/index.html
index 57fe5c8d..6dfaff72 100755
--- a/readable/index.html
+++ b/readable/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/simplex/index.html b/simplex/index.html
index d1f1d51a..656d24a4 100755
--- a/simplex/index.html
+++ b/simplex/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/slate/index.html b/slate/index.html
index a75f7cf1..fb34cab5 100755
--- a/slate/index.html
+++ b/slate/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/spacelab/index.html b/spacelab/index.html
index 671c6a5e..777f68c7 100755
--- a/spacelab/index.html
+++ b/spacelab/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/spruce/index.html b/spruce/index.html
index f39b5b4d..9c9b6905 100755
--- a/spruce/index.html
+++ b/spruce/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/superhero/index.html b/superhero/index.html
index 184529f1..07cbf067 100755
--- a/superhero/index.html
+++ b/superhero/index.html
@@ -62,6 +62,7 @@
               <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>
diff --git a/united/index.html b/united/index.html
index 9a0ff758..ffcb9c2d 100755
--- a/united/index.html
+++ b/united/index.html
@@ -62,6 +62,7 @@
               <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>