Add some tweets to our buzz section.

static/css/quay.css

@@ -1281,6 +1281,14 @@ i.toggle-icon:hover {
   margin-bottom: 10px;
 }
 
+.tweet-row {
+  min-height: 300px;
+}
+
+.follow-button {
+  text-align: center;
+}
+
 form input.ng-invalid.ng-dirty,
 *[ng-form] input.ng-invalid.ng-dirty {
   background-color: #FDD7D9;

static/partials/landing.html

@@ -69,6 +69,7 @@
   <div class=" shoutout-row  landing-section">
     <h2>Simple and straightforward benefits</h2>
     <div class="container">
+      <div class="row">
         <div class="col-md-4 shoutout">
           <i class="fa fa-lock"></i>
           <b>Secure</b>
@@ -93,20 +94,24 @@
           </span>
         </div>
       </div>
+    </div>
   </div> <!--  -->
 
   <div class=" landing-section">
     <h2>Trusted by companies who use Docker</h2>
     <div class="container">
+      <div class="row">
         <div>
           <img src="/static/img/modcloth-logo.png">
         </div>
       </div>
+    </div>
   </div> <!--  -->
 
   <div class="landing-section">
     <h2>Business-class management tools</h2>
     <div class="container">
+      <div class="row">
         <div class="col-md-4 feature-shoutout">
           <img src="/static/img/user-home.png" class="img-responsive">
           <a href="">Customized for you</a>
@@ -123,7 +128,7 @@
         </div>
       </div>
 
-    <div class="container">
+      <div class="row">
         <div class="col-md-4 feature-shoutout">
           <img src="/static/img/repo-admin.png" class="img-responsive">
           <a href="">Fine grain permissions model</a>
@@ -139,17 +144,49 @@
           <a href="">Organizations and Teams</a>
         </div>
       </div>
+    </div>
   </div> <!--  -->
 
   <div class="landing-section">
     <h2>See what people are saying about Quay.io</h2>
     <div class="container">
+      <div class="row tweet-row">
+        <div class="col-md-4">
+          <blockquote class="twitter-tweet" data-conversation="none" lang="en"><p>Pushing Dockerfile changes to Github and having <a href="https://twitter.com/quayio">@quayio</a> build the <a href="https://twitter.com/docker">@docker</a> image/container for you is extremely awesome.</p>&mdash; Ross Timson (@rosstimson) <a href="https://twitter.com/rosstimson/statuses/451052618685882368">April 1, 2014</a></blockquote>
+        </div>
+        <div class="col-md-4">
+          <blockquote class="twitter-tweet" data-conversation="none" lang="en"><p><a href="https://twitter.com/quayio">@quayio</a> releases Docker build flair! <a href="http://t.co/72ULgveLj4">pic.twitter.com/72ULgveLj4</a></p>&mdash; Frank Macreery (@fancyremarker) <a href="https://twitter.com/fancyremarker/statuses/448528623692025857">March 25, 2014</a></blockquote>
+        </div>
+        <div class="col-md-4">
+          <blockquote class="twitter-tweet" data-conversation="none" lang="en"><p>Just started playing with <a href="https://twitter.com/quayio">@quayio</a> builds tied to <a href="https://twitter.com/search?q=%23github&amp;src=hash">#github</a> repo. Really liking it. My first experiment: <a href="https://t.co/2LgyagwTEq">https://t.co/2LgyagwTEq</a></p>&mdash; Joshua Goldie (@jdgoldie) <a href="https://twitter.com/jdgoldie/statuses/446622958040408064">March 20, 2014</a></blockquote>
+        </div>
+      </div>
+
+      <div class="row tweet-row">
+        <div class="col-md-4">
+          <blockquote class="twitter-tweet" data-conversation="none" lang="en"><p>Great guys <a href="https://twitter.com/quayio">@quayio</a>. If you haven’t tried it, do.</p>&mdash; Evan Hazlett (@ehazlett) <a href="https://twitter.com/ehazlett/statuses/442351806161510400">March 8, 2014</a></blockquote>
+        </div>
+        <div class="col-md-4">
+          <blockquote class="twitter-tweet" data-conversation="none" lang="en"><p><a href="https://twitter.com/quayio">@quayio</a> has awesome support. <a href="https://twitter.com/search?q=%23awesomeTool&amp;src=hash">#awesomeTool</a> <a href="https://twitter.com/search?q=%23awesomeTeam&amp;src=hash">#awesomeTeam</a></p>&mdash; Jon Morehouse (@JonMorehouse) <a href="https://twitter.com/JonMorehouse/statuses/441719785055739904">March 6, 2014</a></blockquote>
+        </div>
+        <div class="col-md-4">
+          <blockquote class="twitter-tweet" data-conversation="none" lang="en"><p><a href="https://twitter.com/quayio">@quayio</a> Have to say, your tutorial was pretty well made, waiting and providing feedback while you push (instead of pressing next). Kudos :)</p>&mdash; Stian Eikeλand (@stianeikeland) <a href="https://twitter.com/stianeikeland/statuses/441147669356896256">March 5, 2014</a></blockquote>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-md-12 follow-button">
+          <a href="https://twitter.com/quayio" class="twitter-follow-button" data-show-count="false" data-lang="en" data-size="large">Follow @quayio</a>
+        </div>
+      </div>
     </div>
   </div>
 </div>
 
 <div class="container">
-  <div style="border-top: 1px solid #eee; padding-top: 20px;">
+  <div class="row">
+    <div style="border-top: 1px solid #eee; padding-top: 20px;" class="col-md-12">
       <a href="https://mixpanel.com/f/partner"><img src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png" alt="Mobile Analytics" /></a>
     </div>
   </div>
+</div>

templates/index.html

@@ -38,6 +38,8 @@
   <script src="static/lib/zlib.js"></script>
   <script src="static/lib/jquery.base64.min.js"></script>
   <script src="static/lib/jquery.spotlight.js"></script>
+
+  <script>!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>
 {% endblock %}
 
 {% block body_content %}