summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rwxr-xr-ximg/glyphicons_032_wifi_alt.pngbin0 -> 367 bytes
-rwxr-xr-ximg/glyphicons_050_link.pngbin0 -> 305 bytes
-rwxr-xr-ximg/glyphicons_341_github.pngbin0 -> 205 bytes
-rw-r--r--index.html39
4 files changed, 30 insertions, 9 deletions
diff --git a/img/glyphicons_032_wifi_alt.png b/img/glyphicons_032_wifi_alt.png
new file mode 100755
index 00000000..bdef3e32
--- /dev/null
+++ b/img/glyphicons_032_wifi_alt.png
Binary files differ
diff --git a/img/glyphicons_050_link.png b/img/glyphicons_050_link.png
new file mode 100755
index 00000000..45c471e6
--- /dev/null
+++ b/img/glyphicons_050_link.png
Binary files differ
diff --git a/img/glyphicons_341_github.png b/img/glyphicons_341_github.png
new file mode 100755
index 00000000..91b6d457
--- /dev/null
+++ b/img/glyphicons_341_github.png
Binary files differ
diff --git a/index.html b/index.html
index 241e5d5f..4144d49b 100644
--- a/index.html
+++ b/index.html
@@ -35,15 +35,15 @@
width: 170px !important;
}
- #about {
- margin-top: 60px;
+ .about {
+ margin-top: 50px;
}
- #about h3 {
+ .about h3 {
margin: 0 0 5px 35px;
}
- #about img {
+ .about img {
float: left;
opacity: 0.8;
}
@@ -125,6 +125,9 @@
</div>
<div class="container">
+ <div class="alert alert-info">
+ 16 Feb: Follow the <strong><a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a></strong> or the <strong><a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email list</a></strong> to get alerted when new swatches are released.
+ </div>
<div class="alert alert-success"><a target="_blank" onclick="pageTracker._link(this.href); return false;" href=" http://thomaspark.me/2012/02/introducing-bootswatch/">14 Feb: Check out a blog post that discusses Bootswatch in more detail.</a></div>
@@ -148,7 +151,7 @@
</div>
<!-- Example row of columns -->
- <div id="about" class="row">
+ <div class="row about">
<div class="span4">
<img src="img/glyphicons_036_file.png">
<h3>Easy to Install</h3>
@@ -160,9 +163,28 @@
<p>We've all been there with the black bar and blue buttons. See how a splash of color and typography can transform the feel of your site.</p>
</div>
<div class="span4">
- <img src="img/glyphicons_025_binoculars.png">
- <h3>Modular</h3>
- <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
+ <img src="img/glyphicons_050_link.png">
+ <h3>Tested for 2.0</h3>
+ <p>Swatches are built and tested for compatibility with the latest version of Bootstrap.</p>
+ </div>
+ </div>
+
+ <div class="row about">
+ <div class="span4">
+ <img src="img/glyphicons_341_github.png">
+ <h3>Open Source</h3>
+ <p>Licensed under Apache 2.0 and maintained by the community via <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p>
+ </div>
+ <div class="span4">
+ <img src="img/glyphicons_025_binoculars.png">
+ <h3>Modular</h3>
+ <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
+ </div>
+
+ <div class="span4">
+ <img src="img/glyphicons_032_wifi_alt.png">
+ <h3>Stay Updated</h3>
+ <p>Get alerted when new swatches are released by subscribing to the <a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a> or the <a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email list</a>.</p>
</div>
</div>
@@ -379,7 +401,6 @@
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
- <p>Tested with Bootstrap 2.0.0.<br />
Made by <a target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Submissions and feedback welcome at <a href="mailto:thomas@thomaspark.me">thomas@thomaspark.me</a>.<br/>
Code licensed under the <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
Based on <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a target="_blank" href="http://pages.github.com/">GitHub</a>. Icons from <a target="_blank" href="http://glyphicons.com/">Glyphicons</a>. Web fonts from <a target="_blank" href="http://www.google.com/webfonts">Google</a>.</p>