Adding slackin button so that I don't have to manually invite people to YVR dev slack

Kalvir Sandhu · Kalvir Sandhu · commit 2e3d3ddc7668 · 2015-02-22T20:23:01.000-08:00
For some reason CSS Styles weren't being applied to the div class, so sorry about the inline CSS
diff --git a/css/vanruby.css b/css/vanruby.css
@@ -14,4 +14,4 @@ body {
 
 .company .hide-overflow {
   overflow:hidden;
-}
+}
diff --git a/index.html b/index.html
@@ -29,9 +29,15 @@ <h2><span class="glyphicon glyphicon-heart"></span> Cool People</h2>
   <div class="col-md-8">
 
     <div class="well">
+      <div style="float: right; margin-top:20px;">
+        <script async defer src="http://yvrdev.herokuapp.com/slackin.js?large"></script>
+      </div>
       <h2>Connect</h2>
+      <p>
+        <span class="fui-bubble"></span> <strong>Slack:</strong>
+        We hang out in the YVR Dev slack community on #ruby. (Click the slack button above for invite)
+      </p>
       <p><span class="fui-twitter"></span> <strong>Twitter:</strong> Just use hashtag #VanRuby when talking about anything VanRuby related - especially at our events. We're working on acquiring the abandoned @VanRuby username to post event updates and information.</p>
-      <p><span class="fui-bubble"></span> <strong>Slack:</strong> We hang out in Slack chat room, ask one of the community members for an invite or email kalv at brewhouse dot io.</p>
     </div>
 
     <div class="well">
@@ -63,4 +69,4 @@ <h2>Next meetup</h2>
     <a class="twitter-timeline" href="https://twitter.com/search?q=%23vanruby" data-widget-id="361023764772823040">Tweets about "#vanruby"</a>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
   </div>
-</div>
+</div>
