diff options
| author | Mark Otto <otto@github.com> | 2014-02-02 05:58:51 +0400 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2014-02-02 05:58:51 +0400 |
| commit | f66c5578c0b13e1f8eef8100aa3db3038ae8ea9a (patch) | |
| tree | b30b401eb3d3216466ea2f110d81e24e10719e90 | |
| parent | 38c744a6b98187003a1138833141cf231ef268b6 (diff) | |
top derp
75 files changed, 458 insertions, 147 deletions
diff --git a/_config.yml b/_config.yml index 22f529a..a56d42c 100644 --- a/_config.yml +++ b/_config.yml @@ -8,7 +8,7 @@ permalink: pretty # Settings destination: ./_gh_pages exclude: ["README.md"] -paginate: 8 +paginate: 9 name: Bootstrap Expo description: Beautiful and inspiring uses of Bootstrap diff --git a/_includes/footer.html b/_includes/footer.html index 6098dc7..1c32487 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,12 +1,9 @@ -<div class="bsg-contribute"> - <div class="bsg-container"> - <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=watch&count=false&size=large" width="80" height="30"></iframe> +<div class="footer"> + <div class="container"> <p><a href="https://github.com/twbs/bootstrap-expo/issues/new" target="_blank">Suggest new sites</a> on GitHub. Subscribe to the <a href="/feed.xml" title="Bootstrap Expo RSS feed">RSS feed</a>.</p> </div> </div> -<script src="http://platform.twitter.com/widgets.js"></script> - <!-- Analytics --> <script> var _gauges = _gauges || []; diff --git a/_layouts/default.html b/_layouts/default.html index c71db39..3f1cea7 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -5,25 +5,22 @@ </head> <body> - <div class="bsg-masthead"> - <div class="bsg-container"> - <h1><a href="/">{{ site.name }}</a></h1> - <span class="tagline">Beautiful and inspiring uses of <a href="http://getbootstrap.com">Bootstrap</a></span> - <div class="tweet-btn"> - <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://expo.getbootstrap.com/" data-size="large" data-count="none" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a> - </div> + <div class="masthead"> + <div class="container-fluid"> + <h1 class="masthead-title"> + <a href="/">{{ site.name }}</a> + </h1> + <p class="masthead-lead"> + Beautiful and inspiring examples of using <a href="http://getbootstrap.com">Bootstrap</a>, curated by project co-creator, <a href="https://twitter.com/mdo">@mdo</a>. + </p> + {% include carbonads.html %} </div> </div> - <div class="bsg-content"> - <div class="bsg-container"> - {{ content }} - </div> - </div> - - <div class="bsg-pagination"> - <div class="bsg-container"> + <div class="container-fluid"> + {{ content }} + <div class="paginator"> {% if paginator.next_page %} <a href="/page{{paginator.next_page}}" class="paginate older">Older</a> {% else %} @@ -39,11 +36,10 @@ {% else %} <span class="paginate previous">Newer</span> {% endif %} - </div> </div> - {% include footer.html %} + {% include footer.html %} </body> </html> diff --git a/_layouts/post.html b/_layouts/post.html index c7d1d90..26d6e25 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -3,9 +3,6 @@ layout: default --- <div class="row bse-show"> - <div class="col-sm-4 col-sm-push-8"> - {% include carbonads.html %} - </div> <div class="col-sm-8 col-sm-pull-4"> <h1 class="post-title"> {{ page.title }} @@ -17,7 +14,7 @@ layout: default <div class="related"> <h3>More from the Expo</h3> - <div class="row bsg-listing"> + <div class="row listing"> {% for post in site.related_posts limit:3 %} <div class="col-sm-4"> {{ post.content }} diff --git a/_posts/2014-01-06-involvio.md b/_posts/2014-01-06-mansuper.md index 587b5ec..587b5ec 100644 --- a/_posts/2014-01-06-involvio.md +++ b/_posts/2014-01-06-mansuper.md diff --git a/_posts/2014-01-07-playboard.md b/_posts/2014-01-07-playboard.md new file mode 100644 index 0000000..eb5bfe0 --- /dev/null +++ b/_posts/2014-01-07-playboard.md @@ -0,0 +1,8 @@ +--- +layout: post +title: "Playboard" +--- + +<a class="thumbnail" href="http://playboard.me/" target="_blank"> + <img src="/screenshots/playboard.jpg"> +</a> diff --git a/_posts/2014-01-08-grkfresh.md b/_posts/2014-01-08-grkfresh.md new file mode 100644 index 0000000..a133986 --- /dev/null +++ b/_posts/2014-01-08-grkfresh.md @@ -0,0 +1,10 @@ +--- +layout: post +title: "GRK Fresh" +--- + +<div class="thumbnail"> + <a href="http://grkfresh.com/" target="_blank"> + <img src="/screenshots/grkfresh.jpg"> + </a> +</div> diff --git a/_posts/2014-01-09-ooomf.md b/_posts/2014-01-09-ooomf.md new file mode 100644 index 0000000..856aac1 --- /dev/null +++ b/_posts/2014-01-09-ooomf.md @@ -0,0 +1,10 @@ +--- +layout: post +title: "Ooomf" +--- + +<div class="thumbnail"> + <a href="http://ooofm.com/" target="_blank"> + <img src="/screenshots/ooomf-2.jpg"> + </a> +</div> diff --git a/_posts/2014-01-10-hyde-hyde.md b/_posts/2014-01-10-hyde-hyde.md new file mode 100644 index 0000000..3caac96 --- /dev/null +++ b/_posts/2014-01-10-hyde-hyde.md @@ -0,0 +1,10 @@ +--- +layout: post +title: "Hyde + Hyde" +--- + +<div class="thumbnail"> + <a href="http://hydearchitects.com/" target="_blank"> + <img src="/screenshots/hydearchitects.jpg"> + </a> +</div> diff --git a/_posts/_site/2012-09-26-kippt.html b/_posts/_site/2012-09-26-kippt.html new file mode 100644 index 0000000..b6cdef5 --- /dev/null +++ b/_posts/_site/2012-09-26-kippt.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://kippt.com' target='_blank'> + <img src='/screenshots/kippt.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-01-8020select.html b/_posts/_site/2013-02-01-8020select.html new file mode 100644 index 0000000..fbdb9a2 --- /dev/null +++ b/_posts/_site/2013-02-01-8020select.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://8020select.com' target='_blank'> + <img src='/screenshots/8020select.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-02-adoptahydrant.html b/_posts/_site/2013-02-02-adoptahydrant.html new file mode 100644 index 0000000..bef5792 --- /dev/null +++ b/_posts/_site/2013-02-02-adoptahydrant.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://adoptahydrant.com' target='_blank'> + <img src='/screenshots/adoptahydrant.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-03-fleetio.html b/_posts/_site/2013-02-03-fleetio.html new file mode 100644 index 0000000..9b050d2 --- /dev/null +++ b/_posts/_site/2013-02-03-fleetio.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://fleetio.com' target='_blank'> + <img src='/screenshots/fleetio.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-04-athey-creek.html b/_posts/_site/2013-02-04-athey-creek.html new file mode 100644 index 0000000..10970d8 --- /dev/null +++ b/_posts/_site/2013-02-04-athey-creek.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://atheycreek.com' target='_blank'> + <img src='/screenshots/athey-creek.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-05-jumpstart-ui.html b/_posts/_site/2013-02-05-jumpstart-ui.html new file mode 100644 index 0000000..33768cf --- /dev/null +++ b/_posts/_site/2013-02-05-jumpstart-ui.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://jumpstartui.com' target='_blank'> + <img src='/screenshots/jumpstart-ui.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-06-desk.html b/_posts/_site/2013-02-06-desk.html new file mode 100644 index 0000000..8813eb3 --- /dev/null +++ b/_posts/_site/2013-02-06-desk.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://desk.com' target='_blank'> + <img src='/screenshots/desk.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-07-breakingnews.html b/_posts/_site/2013-02-07-breakingnews.html new file mode 100644 index 0000000..948f009 --- /dev/null +++ b/_posts/_site/2013-02-07-breakingnews.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://breakingnews.com' target='_blank'> + <img src='/screenshots/breakingnews.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-08-soundready.html b/_posts/_site/2013-02-08-soundready.html new file mode 100644 index 0000000..3a0589a --- /dev/null +++ b/_posts/_site/2013-02-08-soundready.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://soundready.fm' target='_blank'> + <img src='/screenshots/soundready.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-09-twitter-translation-center.html b/_posts/_site/2013-02-09-twitter-translation-center.html new file mode 100644 index 0000000..2c5977e --- /dev/null +++ b/_posts/_site/2013-02-09-twitter-translation-center.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://translate.twitter.com' target='_blank'> + <img src='/screenshots/twitter-translation-center.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-10-gathercontent.html b/_posts/_site/2013-02-10-gathercontent.html new file mode 100644 index 0000000..52600bb --- /dev/null +++ b/_posts/_site/2013-02-10-gathercontent.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://gathercontent.com' target='_blank'> + <img src='/screenshots/gathercontent.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-11-divshot.html b/_posts/_site/2013-02-11-divshot.html new file mode 100644 index 0000000..9646a8a --- /dev/null +++ b/_posts/_site/2013-02-11-divshot.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://divshot.com' target='_blank'> + <img src='/screenshots/divshot.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-12-jetstrap.html b/_posts/_site/2013-02-12-jetstrap.html new file mode 100644 index 0000000..30b2cd1 --- /dev/null +++ b/_posts/_site/2013-02-12-jetstrap.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://jetstrap.com' target='_blank'> + <img src='/screenshots/jetstrap.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-13-codecademy.html b/_posts/_site/2013-02-13-codecademy.html new file mode 100644 index 0000000..f7cb25b --- /dev/null +++ b/_posts/_site/2013-02-13-codecademy.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://codecademy.com' target='_blank'> + <img src='/screenshots/codecademy.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-14-metrotwit.html b/_posts/_site/2013-02-14-metrotwit.html new file mode 100644 index 0000000..ad70fdb --- /dev/null +++ b/_posts/_site/2013-02-14-metrotwit.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://metrotwit.com' target='_blank'> + <img src='/screenshots/metrotwit.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-15-karma.html b/_posts/_site/2013-02-15-karma.html new file mode 100644 index 0000000..e6454cb --- /dev/null +++ b/_posts/_site/2013-02-15-karma.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://yourkarma.com' target='_blank'> + <img src='/screenshots/karma.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-16-synco.html b/_posts/_site/2013-02-16-synco.html new file mode 100644 index 0000000..18a3e1a --- /dev/null +++ b/_posts/_site/2013-02-16-synco.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://synco.fm' target='_blank'> + <img src='/screenshots/synco.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-17-jshint.html b/_posts/_site/2013-02-17-jshint.html new file mode 100644 index 0000000..18b63db --- /dev/null +++ b/_posts/_site/2013-02-17-jshint.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://jshint.com' target='_blank'> + <img src='/screenshots/jshint.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-18-tonx.html b/_posts/_site/2013-02-18-tonx.html new file mode 100644 index 0000000..5db091f --- /dev/null +++ b/_posts/_site/2013-02-18-tonx.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://tonx.org' target='_blank'> + <img src='/screenshots/tonx.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-19-easel.html b/_posts/_site/2013-02-19-easel.html new file mode 100644 index 0000000..de14b2e --- /dev/null +++ b/_posts/_site/2013-02-19-easel.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://easel.io' target='_blank'> + <img src='/screenshots/easel.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-20-gosquared.html b/_posts/_site/2013-02-20-gosquared.html new file mode 100644 index 0000000..4a786c7 --- /dev/null +++ b/_posts/_site/2013-02-20-gosquared.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://gosquared.com' target='_blank'> + <img src='/screenshots/gosquared.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-02-21-delicious.html b/_posts/_site/2013-02-21-delicious.html new file mode 100644 index 0000000..9040644 --- /dev/null +++ b/_posts/_site/2013-02-21-delicious.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://delicious.com' target='_blank'> + <img src='/screenshots/delicious.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-03-02-diy.html b/_posts/_site/2013-03-02-diy.html new file mode 100644 index 0000000..da26bae --- /dev/null +++ b/_posts/_site/2013-03-02-diy.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://diy.org' target='_blank'> + <img src='/screenshots/diy.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-03-04-womenandtech.html b/_posts/_site/2013-03-04-womenandtech.html new file mode 100644 index 0000000..a653787 --- /dev/null +++ b/_posts/_site/2013-03-04-womenandtech.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://womenandtech.com' target='_blank'> + <img src='/screenshots/womenandtech.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-03-14-automatic.html b/_posts/_site/2013-03-14-automatic.html new file mode 100644 index 0000000..a39c3d4 --- /dev/null +++ b/_posts/_site/2013-03-14-automatic.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://automatic.com' target='_blank'> + <img src='/screenshots/automatic.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-03-16-pulse.html b/_posts/_site/2013-03-16-pulse.html new file mode 100644 index 0000000..7805315 --- /dev/null +++ b/_posts/_site/2013-03-16-pulse.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://pulse.me' target='_blank'> + <img src='/screenshots/pulse.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-03-18-webflow.html b/_posts/_site/2013-03-18-webflow.html new file mode 100644 index 0000000..86e9c5b --- /dev/null +++ b/_posts/_site/2013-03-18-webflow.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://webflow.com' target='_blank'> + <img src='/screenshots/webflow.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-03-19-kippt.html b/_posts/_site/2013-03-19-kippt.html new file mode 100644 index 0000000..991b113 --- /dev/null +++ b/_posts/_site/2013-03-19-kippt.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://kippt.com' target='_blank'> + <img src='/screenshots/kippt-new.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-01-flat-ui.html b/_posts/_site/2013-04-01-flat-ui.html new file mode 100644 index 0000000..ceb8513 --- /dev/null +++ b/_posts/_site/2013-04-01-flat-ui.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://designmodo.github.com/Flat-UI/' target='_blank'> + <img src='/screenshots/flat-ui.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-04-yasound.html b/_posts/_site/2013-04-04-yasound.html new file mode 100644 index 0000000..0fcff6c --- /dev/null +++ b/_posts/_site/2013-04-04-yasound.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://yasound.com/en/' target='_blank'> + <img src='/screenshots/yasound.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-08-krunch.html b/_posts/_site/2013-04-08-krunch.html new file mode 100644 index 0000000..95626ea --- /dev/null +++ b/_posts/_site/2013-04-08-krunch.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://krunchgame.com/' target='_blank'> + <img src='/screenshots/krunch.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-11-ooomf.html b/_posts/_site/2013-04-11-ooomf.html new file mode 100644 index 0000000..f55b137 --- /dev/null +++ b/_posts/_site/2013-04-11-ooomf.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://ooomf.com/' target='_blank'> + <img src='/screenshots/ooomf.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-15-flywheel.html b/_posts/_site/2013-04-15-flywheel.html new file mode 100644 index 0000000..f3deb12 --- /dev/null +++ b/_posts/_site/2013-04-15-flywheel.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://getflywheel.com/' target='_blank'> + <img src='/screenshots/flywheel.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-18-learndot.html b/_posts/_site/2013-04-18-learndot.html new file mode 100644 index 0000000..3efe6a4 --- /dev/null +++ b/_posts/_site/2013-04-18-learndot.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://www.learndot.com/' target='_blank'> + <img src='/screenshots/learndot.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-22-kippt-developers.html b/_posts/_site/2013-04-22-kippt-developers.html new file mode 100644 index 0000000..e4e3a7d --- /dev/null +++ b/_posts/_site/2013-04-22-kippt-developers.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://developers.kippt.com/' target='_blank'> + <img src='/screenshots/kippt-developers.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-25-easybring.html b/_posts/_site/2013-04-25-easybring.html new file mode 100644 index 0000000..0cff6a5 --- /dev/null +++ b/_posts/_site/2013-04-25-easybring.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://www.easybring.com/en' target='_blank'> + <img src='/screenshots/easybring.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-04-28-bittorrent-labs.html b/_posts/_site/2013-04-28-bittorrent-labs.html new file mode 100644 index 0000000..875e7bc --- /dev/null +++ b/_posts/_site/2013-04-28-bittorrent-labs.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://labs.bittorrent.com' target='_blank'> + <img src='/screenshots/bittorrent-labs.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-05-06-gruntjs.html b/_posts/_site/2013-05-06-gruntjs.html new file mode 100644 index 0000000..4ff82d8 --- /dev/null +++ b/_posts/_site/2013-05-06-gruntjs.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://gruntjs.com' target='_blank'> + <img src='/screenshots/gruntjs.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-05-07-laravel.html b/_posts/_site/2013-05-07-laravel.html new file mode 100644 index 0000000..e67f004 --- /dev/null +++ b/_posts/_site/2013-05-07-laravel.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://laravel.com' target='_blank'> + <img src='/screenshots/laravel.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-05-09-sentry.html b/_posts/_site/2013-05-09-sentry.html new file mode 100644 index 0000000..67f55fb --- /dev/null +++ b/_posts/_site/2013-05-09-sentry.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://www.getsentry.com/' target='_blank'> + <img src='/screenshots/sentry.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-06-21-inc.html b/_posts/_site/2013-06-21-inc.html new file mode 100644 index 0000000..a54259e --- /dev/null +++ b/_posts/_site/2013-06-21-inc.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://sendtoinc.com/' target='_blank'> + <img src='/screenshots/inc.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-07-16-infinum.html b/_posts/_site/2013-07-16-infinum.html new file mode 100644 index 0000000..41c1663 --- /dev/null +++ b/_posts/_site/2013-07-16-infinum.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://www.infinum.co/' target='_blank'> + <img src='/screenshots/infinum.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-07-19-cecchi.html b/_posts/_site/2013-07-19-cecchi.html new file mode 100644 index 0000000..a146361 --- /dev/null +++ b/_posts/_site/2013-07-19-cecchi.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://www.cecchi.net/' target='_blank'> + <img src='/screenshots/cecchi.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-07-22-les-bonbecs.html b/_posts/_site/2013-07-22-les-bonbecs.html new file mode 100644 index 0000000..d1107ee --- /dev/null +++ b/_posts/_site/2013-07-22-les-bonbecs.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://lesbonbecs.com/' target='_blank'> + <img src='/screenshots/les-bonbecs.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-07-25-mox.html b/_posts/_site/2013-07-25-mox.html new file mode 100644 index 0000000..93742ef --- /dev/null +++ b/_posts/_site/2013-07-25-mox.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://mox.tv/' target='_blank'> + <img src='/screenshots/mox.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-07-29-gabriel-valdivia.html b/_posts/_site/2013-07-29-gabriel-valdivia.html new file mode 100644 index 0000000..5c17389 --- /dev/null +++ b/_posts/_site/2013-07-29-gabriel-valdivia.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://www.gabrielvaldivia.com' target='_blank'> + <img src='/screenshots/gabriel-valdivia.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-08-01-smart-design.html b/_posts/_site/2013-08-01-smart-design.html new file mode 100644 index 0000000..6fe9236 --- /dev/null +++ b/_posts/_site/2013-08-01-smart-design.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://smartdesignworldwide.com/' target='_blank'> + <img src='/screenshots/smart-design.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-08-05-fortrabbit.html b/_posts/_site/2013-08-05-fortrabbit.html new file mode 100644 index 0000000..900a69e --- /dev/null +++ b/_posts/_site/2013-08-05-fortrabbit.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://fortrabbit.com' target='_blank'> + <img src='/screenshots/fortrabbit.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-08-06-coinbase.html b/_posts/_site/2013-08-06-coinbase.html new file mode 100644 index 0000000..b6fc236 --- /dev/null +++ b/_posts/_site/2013-08-06-coinbase.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='https://coinbase.com/' target='_blank'> + <img src='/screenshots/coinbase.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-08-08-localcrime.html b/_posts/_site/2013-08-08-localcrime.html new file mode 100644 index 0000000..3a63ae6 --- /dev/null +++ b/_posts/_site/2013-08-08-localcrime.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://www.localcrimeapp.com/' target='_blank'> + <img src='/screenshots/localcrime.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-08-12-stylight.html b/_posts/_site/2013-08-12-stylight.html new file mode 100644 index 0000000..bca2691 --- /dev/null +++ b/_posts/_site/2013-08-12-stylight.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://stylight.de' target='_blank'> + <img src='/screenshots/stylight.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-08-15-black-swan-state-theatre-company.html b/_posts/_site/2013-08-15-black-swan-state-theatre-company.html new file mode 100644 index 0000000..ca2bb80 --- /dev/null +++ b/_posts/_site/2013-08-15-black-swan-state-theatre-company.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://bsstc.com.au' target='_blank'> + <img src='/screenshots/black-swan-state-theatre-company.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-08-15-hidden-depth.html b/_posts/_site/2013-08-15-hidden-depth.html new file mode 100644 index 0000000..7ca2c7a --- /dev/null +++ b/_posts/_site/2013-08-15-hidden-depth.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://hiddendepth.ie/' target='_blank'> + <img src='/screenshots/hidden-depth.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-11-13-exosource.html b/_posts/_site/2013-11-13-exosource.html new file mode 100644 index 0000000..3d99ce9 --- /dev/null +++ b/_posts/_site/2013-11-13-exosource.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://www.exosource.com/en/' target='_blank'> + <img src='/screenshots/exosource.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-12-18-differential.html b/_posts/_site/2013-12-18-differential.html new file mode 100644 index 0000000..e1a0f45 --- /dev/null +++ b/_posts/_site/2013-12-18-differential.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://differential.io/' target='_blank'> + <img src='/screenshots/differential.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-12-20-flow-for-instagram.html b/_posts/_site/2013-12-20-flow-for-instagram.html new file mode 100644 index 0000000..2ef262b --- /dev/null +++ b/_posts/_site/2013-12-20-flow-for-instagram.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://www.theflowapp.com/' target='_blank'> + <img src='/screenshots/flow-for-instagram.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-12-20-todaymade.html b/_posts/_site/2013-12-20-todaymade.html new file mode 100644 index 0000000..7b00a63 --- /dev/null +++ b/_posts/_site/2013-12-20-todaymade.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://todaymade.com/' target='_blank'> + <img src='/screenshots/todaymade.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-12-23-blimp.html b/_posts/_site/2013-12-23-blimp.html new file mode 100644 index 0000000..2122c95 --- /dev/null +++ b/_posts/_site/2013-12-23-blimp.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://getblimp.com/' target='_blank'> + <img src='/screenshots/blimp.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2013-12-23-wildphotos.html b/_posts/_site/2013-12-23-wildphotos.html new file mode 100644 index 0000000..fe64afe --- /dev/null +++ b/_posts/_site/2013-12-23-wildphotos.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://wildphotos.org.uk/' target='_blank'> + <img src='/screenshots/wildphotos.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2014-01-06-mansuper.html b/_posts/_site/2014-01-06-mansuper.html new file mode 100644 index 0000000..e5af210 --- /dev/null +++ b/_posts/_site/2014-01-06-mansuper.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://man-super.com/' target='_blank'> + <img src='/screenshots/mansuper.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2014-01-07-playboard.html b/_posts/_site/2014-01-07-playboard.html new file mode 100644 index 0000000..9a193f0 --- /dev/null +++ b/_posts/_site/2014-01-07-playboard.html @@ -0,0 +1,3 @@ +<p><a class='thumbnail' href='http://playboard.me/' target='_blank'> + <img src='/screenshots/playboard.jpg' /> +</a></p>
\ No newline at end of file diff --git a/_posts/_site/2014-01-08-grkfresh.html b/_posts/_site/2014-01-08-grkfresh.html new file mode 100644 index 0000000..35b8125 --- /dev/null +++ b/_posts/_site/2014-01-08-grkfresh.html @@ -0,0 +1,5 @@ +<div class='thumbnail'> + <a href='http://grkfresh.com/' target='_blank'> + <img src='/screenshots/grkfresh.jpg' /> + </a> +</div>
\ No newline at end of file diff --git a/_posts/_site/2014-01-09-ooomf.html b/_posts/_site/2014-01-09-ooomf.html new file mode 100644 index 0000000..6e75506 --- /dev/null +++ b/_posts/_site/2014-01-09-ooomf.html @@ -0,0 +1,5 @@ +<div class='thumbnail'> + <a href='http://ooofm.com/' target='_blank'> + <img src='/screenshots/ooomf-2.jpg' /> + </a> +</div>
\ No newline at end of file diff --git a/_posts/_site/2014-01-10-hyde-hyde.html b/_posts/_site/2014-01-10-hyde-hyde.html new file mode 100644 index 0000000..067f82f --- /dev/null +++ b/_posts/_site/2014-01-10-hyde-hyde.html @@ -0,0 +1,5 @@ +<div class='thumbnail'> + <a href='http://hydearchitects.com/' target='_blank'> + <img src='/screenshots/hydearchitects.jpg' /> + </a> +</div>
\ No newline at end of file diff --git a/css/bootstrap-expo.css b/css/bootstrap-expo.css index 0663d89..dade275 100644 --- a/css/bootstrap-expo.css +++ b/css/bootstrap-expo.css @@ -4,54 +4,156 @@ layout: nil {% include css/bootstrap.min.css %} + +/* + * Global resets + */ + body { font-size: 18px; line-height: 1.25; } -.bsg-content { - padding: 30px 20px 0; +a:hover { + text-decoration: none; } -.bsg-container { + +/* + * Masthead + */ + +.masthead { position: relative; - max-width: 1200px; - margin-left: auto; - margin-right: auto; + padding: 30px 15px; + background-color: #fafafa; } -.bsg-masthead { - text-align: center; - padding: 20px; - border-bottom: 1px solid #e5e5e5; -} -.bsg-masthead h1 { - margin: 0; - font-size: 24px; - line-height: 28px; +/* Masthead (headings and download button) */ +.masthead-title { + margin-top: 0; + margin-bottom: 5px; + font-weight: normal; + line-height: 1; } -.bsg-masthead a:hover { - text-decoration: none; +.masthead a { + color: #563d7c; } -.bsg-masthead .tagline { - font-size: 14px; - font-weight: 500; - line-height: 1; +.masthead-lead { + margin-bottom: 0; + font-size: 16px; color: #999; } -.bsg-masthead .tweet-btn { - height: 28px; - margin: 10px auto 0; +.masthead-lead a { + color: #666; +} +.masthead-lead a:hover { + color: #333; } -.bsg-listing { - margin: 40px -15px; +@media (min-width: 768px) { + .masthead h1 { + /*font-size: 40px;*/ + } + .masthead .lead { + /*font-size: 24px;*/ + } } -.bsg-listing .col-sm-4 { - margin-bottom: 30px; + +@media (min-width: 992px) { + .masthead .lead { + /*font-size: 30px;*/ + } } +/* + * Carbon ads + * + * Single display ad that shows on all pages (except homepage) in page headers. + * The hella `!important` is required for any pre-set property. + */ + +.carbonad { + width: auto !important; + margin: 30px -30px -30px !important; + padding: 10px !important; + overflow: hidden; /* clearfix */ + height: auto !important; + font-size: 13px !important; + line-height: 16px !important; + text-align: left; + background: transparent !important; + border: 0 !important; +} +.carbonad-img { + margin: 0 !important; +} +.carbonad-text, +.carbonad-tag { + float: none !important; + display: block !important; + width: auto !important; + height: auto !important; + margin-left: 145px !important; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; +} +.carbonad-text { + padding-top: 0 !important; +} +.carbonad-tag { + color: inherit !important; + text-align: left !important; +} +.carbonad-text a, +.carbonad-tag a { + color: #563d7c !important; +} +.carbonad #azcarbon > img { + display: none; /* hide what I assume are tracking images */ +} + +@media (min-width: 480px) { + .carbonad { + width: 340px !important; + margin: 20px auto !important; +/* border-radius: 4px; + border: 1px solid #ddd !important; +*/ } +} + +@media (min-width: 768px) { + .carbonad { + margin-left: 0 !important; + margin-right: 0 !important; + } +} + +@media (min-width: 992px) { + .carbonad { + position: absolute; + top: 0; + right: 0; + margin: 0 !important; + } +} + + + +.listing { + /*margin: 40px -15px;*/ +} +.listing .col-sm-4 { + /*margin-bottom: 30px;*/ +} + + +/* + * Showcase entries + * + * Thumbnails for the grid of entries on the homepage and individual post pages. + */ + .thumbnail { position: relative; display: block; @@ -59,7 +161,28 @@ body { margin-bottom: 0; padding: 0; border: 0; + /*width: 25%;*/ + /*float: left;*/ + border-radius: 0; + background-color: #000; +} +.thumbnail-content { + display: none; } +.thumbnail:hover img { + opacity: .85; +} + +.row { + margin-left: -14px; + margin-right: -14px; +} +.col-sm-4 { + padding: 0; + border: 1px solid #fafafa; +} + +/* .thumbnail::after { position: absolute; top: 0; @@ -78,6 +201,7 @@ body { .thumbnail img { box-shadow: 0 1px 3px rgba(0,0,0,.075); } +*/ .bse-thumb-title { margin-top: 10px; margin-bottom: 0; @@ -111,7 +235,7 @@ body { border-top: 1px solid #e5e5e5; padding-top: 30px; } -.related .bsg-listing { +.related .listing { margin-top: 20px; } @@ -119,108 +243,69 @@ body { border-width: 0; } -/* Ads in the listing */ -.carbonad { - width: 100% !important; - height: auto !important; - margin-bottom: 30px; - font-family: inherit !important; - font-size: 12px !important; - line-height: 16px !important; - background: #fff !important; /* reset image and color in one line */ - border-color: #ddd !important; - border-radius: 4px; -} -.carbonad-image { - margin: 10px !important; -} -.carbonad-text { - float: none !important; - display: block !important; - width: auto !important; - max-width: 160px; - margin-left: 150px; - margin-right: 10px; - padding-top: 0 !important; -} -.carbonad-tag { - float: none !important; - display: block !important; - width: auto !important; - margin-left: 150px; - text-align: left !important; -} -.bsg-pagination { +/* + * Pagination + */ + +.paginator { + display: block; + margin: 0 -15px; font-weight: 500; color: #999; text-align: center; - border: solid #e5e5e5; - border-width: 1px 0; } -.bsg-pagination .paginate { +.paginator .paginate { + position: relative; display: block; padding: 20px; text-align: center; + border: 1px solid #e5e5e5; } -.bsg-pagination .paginate:last-child { - border-top: 1px solid #e5e5e5; +.paginator .paginate:last-child { + margin-top: -1px; } -.bsg-pagination a.paginate:hover { +.paginator a.paginate:hover { + z-index: 2; color: #fff; text-decoration: none; background-color: #428bca; border-color: #428bca; } - -.bsg-contribute { - text-align: center; - padding: 20px; - color: #999; - border-bottom: 1px solid #e5e5e5; -} -.bsg-contribute p { - margin-bottom: 0; - font-size: 14px; - line-height: 30px; -} - - - -@media (min-width: 481px) { - /* Left align masthead text */ - .bsg-masthead { - text-align: left; - } - .bsg-masthead .tweet-btn { - position: absolute; - top: 0; - right: 0; - margin-top: 0; - } - - /* Left align footer text */ - .bsg-contribute { - text-align: left; - } - .bsg-contribute .github-btn { - float: right; - } - - /* 50/50 pagination links */ - .bsg-pagination { +@media (min-width: 768px) { + .paginator { + margin: 0 auto; overflow: hidden; /* Clearfix */ } - .bsg-pagination .paginate { + .paginator .paginate { float: left; width: 50%; - text-align: center; - border-left: 1px solid #e5e5e5; - border-right: 1px solid #e5e5e5; } - .bsg-pagination .paginate:last-child { - border-top: 0; - border-left-color: #fff; + .paginator .paginate:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + .paginator .paginate:last-child { + margin-top: 0; + margin-left: -1px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} + +/* + * Footer + */ + +.footer { + margin: 30px 0; + padding: 20px 15px; + color: #999; + text-align: center; +} +.footer p { + margin-bottom: 0; + font-size: 14px; + line-height: 30px; } @@ -3,17 +3,17 @@ layout: default title: "Bootstrap Expo" --- -<div class="row bsg-listing"> - <div class="col-sm-4 carbon-ads"> - {% include carbonads.html %} - </div> +<div class="row listing"> {% for post in paginator.posts %} - <div class="col-sm-4"> + <div class="col-sm-4" href="{{ post.url }}"> {{ post.content }} - <h4 class="bse-thumb-title"> - <a href="{{ post.url }}">{{ post.title }}</a> - </h4> - <span class="bse-thumb-date">{{ post.date | date_to_string }}</span> + + <span class="thumbnail-content"> + <h4 class="thumbnail-title"> + {{ post.title }} + </h4> + <span class="thumb-date">{{ post.date | date_to_string }}</span> + </span> </div> {% endfor %} </div> |