Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 36.2 KB
Newer Older
Thomas Park's avatar
Revert 6cd2d4480aa180a46aa81a9df683a7003c5fd8ce^..HEAD    
Thomas Park committed
1 
<!DOCTYPE html>
Thomas Park's avatar
Host website on Github    
Thomas Park committed
2 
<html lang="en">
Thomas Park's avatar
index: cleanup    
Thomas Park committed
3
4 
<head>
	<meta charset="utf-8">
Thomas Park's avatar
index: new books    
Thomas Park committed
5 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
Chris Rebert's avatar
reflect Bootstrap org change    
Chris Rebert committed
6
7 
	<meta name="description" content="Free themes for Bootstrap.">
	<title>Bootswatch: Free themes for Bootstrap</title>
Thomas Park's avatar
Revert 6cd2d4480aa180a46aa81a9df683a7003c5fd8ce^..HEAD    
Thomas Park committed
8
Thomas Park's avatar
index: cleanup    
Thomas Park committed
9
10
11 
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
Thomas Park's avatar
Revert 6cd2d4480aa180a46aa81a9df683a7003c5fd8ce^..HEAD    
Thomas Park committed
12
Thomas Park's avatar
fixes #32, updated homepage to bootstrap 2.1.1 which has a fix    
Thomas Park committed
13
14 
	<link href="default/bootstrap.min.css" rel="stylesheet">
	<link href="default/bootstrap-responsive.min.css" rel="stylesheet">
Thomas Park's avatar
using fontawesome    
Thomas Park committed
15 
	<link href="css/font-awesome.min.css" rel="stylesheet">
Thomas Park's avatar
index: cleanup    
Thomas Park committed
16 
	<link href="css/bootswatch.css" rel="stylesheet">
Thomas Park's avatar
index: clean up some links    
Thomas Park committed
17 
	<link href="http://feeds.feedburner.com/bootswatch" rel="alternate" type="application/rss+xml" title="Bootswatch">
Thomas Park's avatar
Host website on Github    
Thomas Park committed
18
19
20 

	<script type="text/javascript">
Thomas Park's avatar
index: cleanup    
Thomas Park committed
21
22
23
24
25 
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-23019901-1']);
		_gaq.push(['_setDomainName', "bootswatch.com"]);
		_gaq.push(['_setAllowLinker', true]);
		_gaq.push(['_trackPageview']);
Thomas Park's avatar
Host website on Github    
Thomas Park committed
26
Thomas Park's avatar
index: cleanup    
Thomas Park committed
27
28
29
30
31 
		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
Thomas Park's avatar
Revert 6cd2d4480aa180a46aa81a9df683a7003c5fd8ce^..HEAD    
Thomas Park committed
32
Thomas Park's avatar
Host website on Github    
Thomas Park committed
33 
	</script>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
34
35 
</head>
Thomas Park's avatar
added smooth scrolling    
Thomas Park committed
36 
<body class="index" id="top">
Thomas Park's avatar
index: fix script order    
Thomas Park committed
37 
	<script src="js/bsa.js"></script>
Thomas Park's avatar
index: cleaned up markup    
Thomas Park committed
38
Thomas Park's avatar
index: cleanup    
Thomas Park committed
39
40
41
42
43
44
45
46
47 
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="./">Bootswatch</a>
Thomas Park's avatar
fixes dropdowns in navbar not expanding on mobile    
Thomas Park committed
48 
				<div class="nav-collapse collapse" id="main-menu">
Thomas Park's avatar
index: no longer using snippets    
Thomas Park committed
49 
					<ul class="nav" id="main-menu-left">
Thomas Park's avatar
index: removed unncessary ga code    
Thomas Park committed
50 
						<li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">News</a></li>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
51 
						<li><a id="swatch-link" href="#gallery">Gallery</a></li>
Thomas Park's avatar
index: no longer using snippets    
Thomas Park committed
52
53
54 
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
							<ul class="dropdown-menu" id="swatch-menu">
Thomas Park's avatar
fix menu urls    
Thomas Park committed
55 
								<li><a href="default/">Default</a></li>
Thomas Park's avatar
index: no longer using snippets    
Thomas Park committed
56 
								<li class="divider"></li>
Thomas Park's avatar
fix menu urls    
Thomas Park committed
57
58
59
60 
								<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>
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
61 
								<li><a href="flatly/">Flatly</a></li>
Thomas Park's avatar
fix menu urls    
Thomas Park committed
62
63
64
65
66
67
68
69 
								<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>
Thomas Park's avatar
index: no longer using snippets    
Thomas Park committed
70
71
72
73 
							</ul>
						</li>
					</ul>
					<ul class="nav pull-right" id="main-menu-right">
Thomas Park's avatar
index: fix ga code    
Thomas Park committed
74
75 
						<li><a rel="tooltip" target="_blank" href="http://builtwithbootstrap.com/" title="Showcase of Bootstrap sites &amp; apps" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'builtwithbootstrap']);">Built With Bootstrap <i class="icon-share-alt"></i></a></li>
						<li><a rel="tooltip" target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap <i class="icon-share-alt"></i></a></li>
Thomas Park's avatar
index: no longer using snippets    
Thomas Park committed
76 
					</ul>
Thomas Park's avatar
index: cleaned up markup    
Thomas Park committed
77 
				</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
78
79
80
81 
			</div>
		</div>
	</div>
Thomas Park's avatar
homepage refresh    
Thomas Park committed
82 
	<div class="hero-unit">
Thomas Park's avatar
add alert about v3 to v2 page    
Thomas Park committed
83
84
85
86
87
88 

		<div class="alert alert-danger">
		  <p><h4 class="alert-heading">Have you upgraded?</h4></p>
		  <p><a href="../">Visit the main page</a> to get the latest Bootstrap themes.</p>
		</div>
Thomas Park's avatar
homepage refresh    
Thomas Park committed
89
90
91
92
93
94
95
96
97 
		<h1>Bootswatch</h1>
		<p id="tagline">&nbsp;</p>

		<div id="social">
			<span>
				<iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe>
				<iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
			</span>
			<span>
Thomas Park's avatar
index: show username in twitter follow button    
Thomas Park committed
98 
				<a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a>
Thomas Park's avatar
homepage refresh    
Thomas Park committed
99
100
101 
				<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a>
			</span>
			<span>
Thomas Park's avatar
using fontawesome    
Thomas Park committed
102 
				<a class="btn rss-button" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i> RSS</a>
Thomas Park's avatar
homepage refresh    
Thomas Park committed
103 
			</span>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
104
105 
		</div>
Thomas Park's avatar
fix recent news width    
Thomas Park committed
106 
		<div id="ticker">
Thomas Park's avatar
index: added recent updates    
Thomas Park committed
107 
		</div>
Thomas Park's avatar
homepage refresh    
Thomas Park committed
108
109
110 
	</div>

	<div class="container">
Thomas Park's avatar
index: added recent updates    
Thomas Park committed
111
112
Thomas Park's avatar
index: cleanup    
Thomas Park committed
113
114 
		<div class="row about">
			<div class="span4">
Thomas Park's avatar
using fontawesome    
Thomas Park committed
115 
				<h3><i class="icon-file-alt"></i> Easy to Install</h3>
Thomas Park's avatar
simplex: lightened background and navbar slightly    
Thomas Park committed
116 
				<p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
117
118 
		 	</div>
			<div class="span4">
Thomas Park's avatar
using fontawesome    
Thomas Park committed
119 
				<h3><i class="icon-github"></i> Open Source</h3>
Thomas Park's avatar
index: wording tweak    
Thomas Park committed
120 
				<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>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
121
122 
			</div>
		 	<div class="span4">
Thomas Park's avatar
v2.3.1 -> v2.3.2    
Thomas Park committed
123 
				<h3><i class="icon-wrench"></i> Tuned for 2.3.2</h3>
Thomas Park's avatar
index: point older versions link to tags    
Thomas Park committed
124 
				<p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available for download.</p>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
125 
		 	</div>
Thomas Park's avatar
index: add sponsor    
Thomas Park committed
126 
			<div class="span4">
Thomas Park's avatar
using fontawesome    
Thomas Park committed
127 
				<h3><i class="icon-cogs"></i> Modular</h3>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
128 
				 <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
Thomas Park's avatar
index: add sponsor    
Thomas Park committed
129 
			</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
130 
			<div class="span4">
Thomas Park's avatar
using fontawesome    
Thomas Park committed
131 
				<h3><i class="icon-cloud"></i> Get Plugged In</h3>
Thomas Park's avatar
index: removed unncessary ga code    
Thomas Park committed
132 
				<p>An <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> is available for integrating with your platform. In use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://www.fusionleaf.com/" target="_blank">FusionLeaf</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, and others.</p>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
133
134 
			</div>
			<div class="span4">
Thomas Park's avatar
using fontawesome    
Thomas Park committed
135 
				<h3><i class="icon-bullhorn"></i> Stay Updated</h3>
Thomas Park's avatar
index: added recent updates    
Thomas Park committed
136 
				<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>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
137
138 
			</div>
		</div>
Thomas Park's avatar
index: set some styles back to default    
Thomas Park committed
139
Thomas Park's avatar
index: cleanup    
Thomas Park committed
140 
		<div class="row">
Thomas Park's avatar
index: move sponsor to own row    
Thomas Park committed
141
142 
			<div class="span6 offset3">
				<div class="thumbnail"><div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
143
144
145 
			</div>
		</div>
Thomas Park's avatar
homepage refresh    
Thomas Park committed
146 
		<div class="row" id="gallery">
Thomas Park's avatar
index: add sponsor    
Thomas Park committed
147
Thomas Park's avatar
index: cleanup    
Thomas Park committed
148
149 
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
150 
					<a href="amelia/"><img src="amelia/thumbnail.png" alt="Amelia"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
151
152
153
154 
					<div class="caption">
						<h3>Amelia</h3>
						<p>Sweet and cheery.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
155 
							<div class="btn-group"><a class="btn btn-large" href="amelia/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="amelia/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', '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="amelia/bootstrap.min.css"
										onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="amelia/bootstrap.css"
										onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="amelia/variables.less"
										onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="amelia/bootswatch.less"
										onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
front page: added amelia    
Thomas Park committed
173
174 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
175
176
177
178
179 
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
180 
					<a href="cerulean/"><img src="cerulean/thumbnail.png" alt="Cerulean"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
181
182
183
184 
					<div class="caption">
						<h3>Cerulean</h3>
						<p>A calm, blue sky.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
185 
							<div class="btn-group"><a class="btn btn-large" href="cerulean/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
186
187
188
189
190
191
192
193
194
195
196
197
198 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', '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="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="cerulean/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="cerulean/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="cerulean/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
Host website on Github    
Thomas Park committed
199
200 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
201
202
203 
				</div>
			</div>
Thomas Park's avatar
index: updated links and api for cosmo    
Thomas Park committed
204
205 
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
206 
					<a href="cosmo/"><img src="cosmo/thumbnail.png" alt="Cosmo"></a>
Thomas Park's avatar
index: updated links and api for cosmo    
Thomas Park committed
207
208
209
210 
					<div class="caption">
						<h3>Cosmo</h3>
						<p>An ode to Metro.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
211 
							<div class="btn-group"><a class="btn btn-large" href="cosmo/">Preview</a></div>
Thomas Park's avatar
index: updated links and api for cosmo    
Thomas Park committed
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', '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="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="cosmo/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="cosmo/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="cosmo/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
230
231 
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
232 
					<a href="cyborg/"><img src="cyborg/thumbnail.png" alt="Cyborg"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
233
234
235
236 
					<div class="caption">
						<h3>Cyborg</h3>
						<p>Jet black and electric blue.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
237 
							<div class="btn-group"><a class="btn btn-large" href="cyborg/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
238
239 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css"
Thomas Park's avatar
Updated menus    
Thomas Park committed
240 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
241
242
243
244
245
246
247
248
249
250
251 
								<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="cyborg/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="cyborg/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="cyborg/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="cyborg/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
Updated menus    
Thomas Park committed
252
253 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
254
255
256
257
258 
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286 
					<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>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
287
288
289
290 
					<div class="caption">
						<h3>Journal</h3>
						<p>Crisp like a new sheet of paper.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
291 
							<div class="btn-group"><a class="btn btn-large" href="journal/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
292
293 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="journal/bootstrap.min.css"
Thomas Park's avatar
Updated preview menu    
Thomas Park committed
294 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
295
296
297
298
299
300
301
302
303
304
305 
								<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="journal/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="journal/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="journal/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="journal/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
Updated preview menu    
Thomas Park committed
306
307 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
308
309 
				</div>
			</div>
Thomas Park's avatar
Updated menus    
Thomas Park committed
310
Thomas Park's avatar
index: cleanup    
Thomas Park committed
311
312 
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
313 
					<a href="readable/"><img src="readable/thumbnail.png" alt="Readable"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
314
315
316
317 
					<div class="caption">
						<h3>Readable</h3>
						<p>Optimized for legibility.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
318 
							<div class="btn-group"><a class="btn btn-large" href="readable/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
319
320 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="readable/bootstrap.min.css"
Thomas Park's avatar
new swatch: readable    
Thomas Park committed
321 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
322
323
324
325
326
327
328
329
330
331
332 
								<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="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>
									<li><a target="_blank" href="readable/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="readable/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
new swatch: readable    
Thomas Park committed
333
334 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
335
336
337
338
339 
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
340 
					<a href="simplex/"><img src="simplex/thumbnail.png" alt="Simplex"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
341
342
343
344 
					<div class="caption">
						<h3>Simplex</h3>
						<p>Mini and minimalist.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
345 
							<div class="btn-group"><a class="btn btn-large" href="simplex/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
346
347 
							<div class="btn-group">
								<a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css"
Thomas Park's avatar
Host website on Github    
Thomas Park committed
348 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366 
								<a class="btn btn-primary btn-large dropdown-toggle" data-toggle="dropdown" href="#">
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<li><a target="_blank" href="simplex/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="simplex/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="simplex/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="simplex/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
367 
					<a href="slate/"><img src="slate/thumbnail.png" alt="Slate"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
368
369
370
371 
					<div class="caption">
						<h3>Slate</h3>
						<p>Shades of gunmetal gray.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
372 
							<div class="btn-group"><a class="btn btn-large" href="slate/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
373
374 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="slate/bootstrap.min.css"
Thomas Park's avatar
new swatch, slate    
Thomas Park committed
375 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
376
377
378
379
380
381
382
383
384
385
386 
								<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="slate/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="slate/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="slate/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="slate/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
new swatch, slate    
Thomas Park committed
387
388 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
389
390
391
392
393 
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
394 
					<a href="spacelab/"><img src="spacelab/thumbnail.png" alt="Spacelab"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
395
396
397
398 
					<div class="caption">
						<h3>Spacelab</h3>
						<p>Silvery and sleek.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
399 
							<div class="btn-group"><a class="btn btn-large" href="spacelab/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
400
401 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css"
Thomas Park's avatar
Host website on Github    
Thomas Park committed
402 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
403
404
405
406
407
408
409
410
411
412
413 
								<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="spacelab/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="spacelab/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="spacelab/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="spacelab/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
Host website on Github    
Thomas Park committed
414
415 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
416
417
418
419
420 
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
421 
					<a href="superhero/"><img src="superhero/thumbnail.png" alt="Superhero"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
422
423
424
425 
					<div class="caption">
						<h3>Superhero</h3>
						<p>Batman meets... Aquaman?</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
426 
							<div class="btn-group"><a class="btn btn-large" href="superhero/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
427
428 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css"
Thomas Park's avatar
added superhero and rss button    
Thomas Park committed
429 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
430
431
432
433
434
435
436
437
438
439
440 
								<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="superhero/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="superhero/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="superhero/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="superhero/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
added superhero and rss button    
Thomas Park committed
441
442 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
443
444
445
446
447 
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add new theme flatly to site    
Thomas Park committed
448 
					<a href="united/"><img src="united/thumbnail.png" alt="United"></a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
449
450
451
452 
					<div class="caption">
						<h3>United</h3>
						<p>Ubuntu orange and unique font.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
fix preview button urls    
Thomas Park committed
453 
							<div class="btn-group"><a class="btn btn-large" href="united/">Preview</a></div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
454
455 
							<div class="btn-group">
								<a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css"
Thomas Park's avatar
Host website on Github    
Thomas Park committed
456 
								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
457
458
459
460
461
462
463
464
465
466
467 
								<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="united/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
									<li><a target="_blank" href="united/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li>
									<li class="divider"></li>
									<li><a target="_blank" href="united/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li>
									<li><a target="_blank" href="united/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootswatch.less']);">bootswatch.less</a></li>
								</ul>
							</div>
Thomas Park's avatar
Host website on Github    
Thomas Park committed
468
469 
						</div>
					</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
470
471
472
473 
				</div>
			</div>

		</div> <!-- end row-->
Thomas Park's avatar
index: added support section    
Thomas Park committed
474
Thomas Park's avatar
index: cleanup    
Thomas Park committed
475
476 
		<hr>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
477 
		<div class="row more">
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
478 
			<div class="span12">
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
479 
				<h4>Want more?</h4>
Thomas Park's avatar
index: wording tweak    
Thomas Park committed
480 
				<p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
481
482
483
484
485
486
487 
			</div>
		</div>

		<div class="row">
			
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
update preview links to wrapbootstrap    
Thomas Park committed
488 
					<a target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
489
490
491
492 
					<div class="caption">
						<h3>Clean Canvas</h3>
						<p>A beautiful template for showcasing your works.</p>
						<div class="btn-toolbar">
Thomas Park's avatar
update preview links to wrapbootstrap    
Thomas Park committed
493 
							<div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw">Preview</a></div>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
494
495
496
497
498
499
500
501
502
503
504
505 
							<div class="btn-group">
								<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/clean-canvas-business-theme-WB02634G3?ref=bsw"
								onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-cleancanvas']);">Info</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			
			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
add frontpage wrapbootstrap template    
Thomas Park committed
506 
					<a target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0L500N4.png" alt="Front Row"></a>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
507 
					<div class="caption">
Thomas Park's avatar
add frontpage wrapbootstrap template    
Thomas Park committed
508
509 
						<h3>Front Row</h3>
						<p>An elegant single-page template with video background and responsive support.</p>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
510 
						<div class="btn-toolbar">
Thomas Park's avatar
add frontpage wrapbootstrap template    
Thomas Park committed
511 
							<div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw">Preview</a></div>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
512 
							<div class="btn-group">
Thomas Park's avatar
add frontpage wrapbootstrap template    
Thomas Park committed
513
514 
								<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/front-row-one-page-theme-WB0L500N4?ref=bsw"
								onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-frontrow']);">Info</a>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
515
516
517
518
519
520 
							</div>
						</div>
					</div>
				</div>
			</div>
Thomas Park's avatar
Revert "added core admin wrapbootstrap template"    
Thomas Park committed
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538 
			
			<div class="span4">
				<div class="thumbnail">
					<a target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a>
					<div class="caption">
						<h3>Base Admin</h3>
						<p>A polished template for an admin dashboard.</p>
						<div class="btn-toolbar">
							<div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw">Preview</a></div>
							<div class="btn-group">
								<a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/base-admin-WB00U99JJ?ref=bsw"
								onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a>
							</div>
						</div>
					</div>
				</div>
			</div>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
539
540 
		</div>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
541
542
543
544
545
546
547
548
549
550
551
552 

		<div class="row more">
			<div class="span12">
				<h4>Still looking?</h4>
				<p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p>
			</div>
		</div>

		<div class="row">

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
index: change amazon target to _blank    
Thomas Park committed
553 
					<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="_blank"><img src="img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
554
555
556
557
558 
					<div class="caption">
						<h3>HTML &amp; 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; height: 1px;" />
Thomas Park's avatar
index: change amazon target to _blank    
Thomas Park committed
559 
							<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="_blank">Amazon</a></div>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
560
561
562
563
564
565
566 
						</div>
					</div>
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
index: change amazon target to _blank    
Thomas Park committed
567 
					<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="_blank"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
568
569
570
571
572 
					<div class="caption">
						<h3>JavaScript &amp; 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; height: 1px;" />
Thomas Park's avatar
index: change amazon target to _blank    
Thomas Park committed
573 
							<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="_blank">Amazon</a></div>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
574
575
576
577
578
579
580 
						</div>
					</div>
				</div>
			</div>

			<div class="span4">
				<div class="thumbnail">
Thomas Park's avatar
index: change amazon target to _blank    
Thomas Park committed
581 
					<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="_blank"><img src="img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
582
583
584
585
586 
					<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; height: 1px;" />
Thomas Park's avatar
index: change amazon target to _blank    
Thomas Park committed
587 
							<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="_blank">Amazon</a></div>
Thomas Park's avatar
add amazon recommendations    
Thomas Park committed
588
589
590
591
592
593
594 
						</div>
					</div>
				</div>
			</div>

		</div>
Thomas Park's avatar
added wrapbootstrap picks    
Thomas Park committed
595
596 
		<hr>
Thomas Park's avatar
index: added id to footer    
Thomas Park committed
597 
		<footer id="footer">
Thomas Park's avatar
added smooth scrolling    
Thomas Park committed
598 
		  <p class="pull-right"><a href="#top">Back to top</a></p>
Thomas Park's avatar
added footer to preview pages    
Thomas Park committed
599
600
601
602
603 
		  <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="https://twitter.com/thomashpark">Twitter</a>
		    <a href="https://github.com/thomaspark/bootswatch/">GitHub</a>
Thomas Park's avatar
bookmarklet adds responsive stylesheet    
Thomas Park committed
604 
		    <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3Bvar%20r%3D%27%3Clink%20rel%3D%22stylesheet%22%20href%3D%22http://bootswatch.com/default/bootstrap-responsive.min.css%22%3E%27%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27%2Br)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a>
Thomas Park's avatar
updated link to swatchmaker in footer    
Thomas Park committed
605 
		    <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a>
Thomas Park's avatar
index: removed unncessary ga code    
Thomas Park committed
606 
			<a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a>
Thomas Park's avatar
added footer to preview pages    
Thomas Park committed
607
608 
		    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a>
		  </div>
Thomas Park's avatar
new and improved favicon    
Thomas Park committed
609
610 
		  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/>
Chris Rebert's avatar
reflect Bootstrap org change    
Chris Rebert committed
611 
		  Based on <a href="http://getbootstrap.com/2.3.2/">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>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
612
613 
		</footer>
Thomas Park's avatar
index: cleaned up markup    
Thomas Park committed
614 
	</div>
Thomas Park's avatar
index: cleanup    
Thomas Park committed
615
Thomas Park's avatar
index: set some styles back to default    
Thomas Park committed
616
Thomas Park's avatar
2.3.0+2 -> 2.3.1    
Thomas Park committed
617 
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Thomas Park's avatar
all: fix smoothscroll in safari6 with jquery plugin    
Thomas Park committed
618 
    <script src="js/jquery.smooth-scroll.min.js"></script>
Thomas Park's avatar
fixes #32, updated homepage to bootstrap 2.1.1 which has a fix    
Thomas Park committed
619 
	<script src="js/bootstrap.min.js"></script>
Thomas Park's avatar
index: fix script order    
Thomas Park committed
620 
	<script src="js/bootswatch.js"></script>
Thomas Park's avatar
added smooth scrolling    
Thomas Park committed
621 
	<script type="text/javascript">
Thomas Park's avatar
site: simplify js includes, use google cdn    
Thomas Park committed
622
623 
		!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
	</script>
Thomas Park's avatar
added smooth scrolling    
Thomas Park committed
624 
	<script type="text/javascript">
Thomas Park's avatar
moved parseRSS function to index    
Thomas Park committed
625
Thomas Park's avatar
site: simplify js includes, use google cdn    
Thomas Park committed
626 
		var taglines = [
Chris Rebert's avatar
reflect Bootstrap org change    
Chris Rebert committed
627
628
629 
			'Free themes for <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>',
			'Add color to your <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a> site without touching a color picker',
			'Saving the web from default <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>'
Thomas Park's avatar
site: simplify js includes, use google cdn    
Thomas Park committed
630 
		];
Thomas Park's avatar
api: update link to subdomain    
Thomas Park committed
631
632
633 

		var line = Math.floor((taglines.length) * Math.random());
		$('#tagline').html(taglines[line]);
Thomas Park's avatar
index: added recent updates    
Thomas Park committed
634
635 

		parseRSS('http://feeds.feedburner.com/bootswatch', function(d){
Thomas Park's avatar
homepage refresh    
Thomas Park committed
636 
			var h ='<strong>Recent news:</strong> ';
Thomas Park's avatar
index: reduce news items to 3    
Thomas Park committed
637 
			for (var i = 0; i < 3; i++){
Thomas Park's avatar
index: fix google analytics self-referrals    
Thomas Park committed
638 
				h = h + '<a href="' + d.entries[i].link + '" onclick="pageTracker._link(this.href); return false;">' + d.entries[i].title + '...</a>&nbsp;&nbsp;';
Thomas Park's avatar
index: added recent updates    
Thomas Park committed
639
640
641 
			}
			document.getElementById('ticker').innerHTML = h;
		})
Thomas Park's avatar
moved parseRSS function to index    
Thomas Park committed
642
643
644
645
646
647
648
649
650
651
652 

		function parseRSS(url, callback) {
		  $.ajax({
		    url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
		    dataType: 'json',
		    success: function(data) {
		      callback(data.responseData.feed);
		    }
		  });
		}
Thomas Park's avatar
api: update link to subdomain    
Thomas Park committed
653 
	</script>
Thomas Park's avatar
Host website on Github    
Thomas Park committed
654
Thomas Park's avatar
index: cleanup    
Thomas Park committed
655 
</body>
Thomas Park's avatar
Revert 6cd2d4480aa180a46aa81a9df683a7003c5fd8ce^..HEAD    
Thomas Park committed
656 
</html>