diff options
| -rw-r--r-- | css/bootswatch.css | 15 | ||||
| -rw-r--r-- | img/rss-icons.png | bin | 0 -> 785 bytes | |||
| -rw-r--r-- | index.html | 49 |
3 files changed, 57 insertions, 7 deletions
diff --git a/css/bootswatch.css b/css/bootswatch.css index 0e78d7de..b970c4b9 100644 --- a/css/bootswatch.css +++ b/css/bootswatch.css @@ -44,6 +44,21 @@ body { .twitter-follow-button { width: 160px !important; } + +.rss { + height: 14px; + font-size: 11px; + line-height: 14px; + font-weight: bold; + margin: 0; + padding: 2px 5px 2px 4px; +} + +.icon-rss { + background: url(../img/rss-icons.png) no-repeat 0 0; + opacity: .65; + width: 16px; +} .about { margin-top: 50px; diff --git a/img/rss-icons.png b/img/rss-icons.png Binary files differnew file mode 100644 index 00000000..5fd4cc24 --- /dev/null +++ b/img/rss-icons.png @@ -54,7 +54,7 @@ <div class="container"> <div class="alert alert-info"> - <p><strong>20 Feb:</strong> New swatch: <a href="slate">Slate</a>.</p> + <p><strong>21 Feb:</strong> New swatches: <a href="slate">Slate</a> and <a href="superhero">Superhero</a>.</p> <p><strong>16 Feb:</strong> Follow 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> to get notified when new swatches are released.</p> @@ -68,16 +68,17 @@ <p>Add color to your <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a> site without touching a color picker.</p> <div id="social"> - <div class="span4 offset1"> - <iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" - allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe> - <iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" - allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe> + <div class="span3 offset1"> + <iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe> + <iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe> </div> - <div class="span4 offset1"> + <div class="span3"> <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a> <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a> </div> + <div class="span1 offset1"> + <a class="btn rss" target="_blank" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i><span>RSS</span></a> + </div> </div> </div> @@ -322,6 +323,40 @@ </div> </li> + + + <li class="span4"> + <div class="thumbnail"> + <img src="superhero/thumbnail.png" alt=""> + <div class="caption"> + <h3>Superhero</h3> + <p>Batman meets... Aquaman?</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="superhero">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', '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"> + <!-- dropdown menu links --> + <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> + </div> + </div> + </div> + </li> + <li class="span4"> <div class="thumbnail"> |
