diff options
-rwxr-xr-x | img/glyphicons_032_wifi_alt.png | bin | 0 -> 367 bytes | |||
-rwxr-xr-x | img/glyphicons_050_link.png | bin | 0 -> 305 bytes | |||
-rwxr-xr-x | img/glyphicons_341_github.png | bin | 0 -> 205 bytes | |||
-rw-r--r-- | index.html | 39 |
4 files changed, 30 insertions, 9 deletions
diff --git a/img/glyphicons_032_wifi_alt.png b/img/glyphicons_032_wifi_alt.png Binary files differnew file mode 100755 index 00000000..bdef3e32 --- /dev/null +++ b/img/glyphicons_032_wifi_alt.png diff --git a/img/glyphicons_050_link.png b/img/glyphicons_050_link.png Binary files differnew file mode 100755 index 00000000..45c471e6 --- /dev/null +++ b/img/glyphicons_050_link.png diff --git a/img/glyphicons_341_github.png b/img/glyphicons_341_github.png Binary files differnew file mode 100755 index 00000000..91b6d457 --- /dev/null +++ b/img/glyphicons_341_github.png @@ -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> |