Twitter is literally the only thing that matters in life

kneath · Jun 14, 2011 · 4979561 · 4979561
1 parent e47dfa6
commit 4979561
Show file tree

Hide file tree

Showing 5 changed files with 61 additions and 25 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -5,10 +5,8 @@
 <h1>{{ page.title }}</h1>
 {{ content }}
 
-<hr />
+<a href="https://twitter.com/kneath" class="follow-box">
+  <h3>You should probably follow <strong>@kneath</strong> on twitter</h3>
+  <p class="subtext">You’re sure to learn all kinds of interesting facts about cheese, BBQ and perhaps even some ramblings on design, tech and the wonderful internets.</p>
+</a>
 
-<p class="note">Got a question or a comment about this post? Send me an email. Be polite, be reasonable, and I'll respond back.</p>
-<a href="mailto:kneath+ask@gmail.com" class="askme">Ask me anything, just send an email to <strong>kneath+ask@gmail.com</strong></a>
-
-<p><a href="http://twitter.com/kneath" class="twitter-follow-button" data-show-count="false">Follow @kneath</a>
-<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></p>
diff --git a/_layouts/talk.html b/_layouts/talk.html
@@ -3,7 +3,7 @@
 ---
 {{ content }}
 
-<hr />
-
-<p class="note">Got a question or a comment about this talk? Send me an email. Be polite, be reasonable, and I'll respond back. Like my style? I think conferences are awesome and would love to hear about any speaking opportunities you might have.</p>
-<a href="mailto:kneath+ask@gmail.com" class="askme">Ask me anything, just send an email to <strong>kneath+ask@gmail.com</strong></a>
+<a href="https://twitter.com/kneath" class="follow-box">
+  <h3>You should probably follow <strong>@kneath</strong> on twitter</h3>
+  <p class="subtext">You’re sure to learn all kinds of interesting facts about cheese, BBQ and perhaps even some ramblings on design, tech and the wonderful internets.</p>
+</a>
diff --git a/css/base.css b/css/base.css
@@ -338,6 +338,57 @@ p.note{
 
 /* @end */
 
+/*----------------------------------------------------------------------------
+  @group Follow Box
+----------------------------------------------------------------------------*/
+
+.follow-box{
+  display:block;
+  margin:35px 0 10px 0;
+  background:#f6fbff;
+  text-shadow:0 0 1px rgba(255,255,255,0.6);
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f6fbff', endColorstr='#d5e8f5');
+  background:-webkit-gradient(linear, left top, left bottom, from(#f6fbff), to(#d5e8f5));
+  background:-moz-linear-gradient(top,  #f6fbff,  #d5e8f5);
+  border:1px solid #c3e0f2;
+  -webkit-border-radius:4px;
+  -moz-border-radius:4px;
+  border-radius:4px;
+}
+a.follow-box{
+  text-decoration:none;
+}
+
+.follow-box h3{
+  margin:0;
+  padding:11px 10px 8px;
+  font-size:14px;
+  font-weight:normal;
+  color:#588499;
+  border-bottom:1px solid #f0f7fb;
+  background-repeat:no-repeat;
+  background-position:98.5% 55%;
+  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjBFQzg0NTE4RjAwMTFFMEE1MDNGMDdBQUE4NjMxMkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjBFQzg0NTI4RjAwMTFFMEE1MDNGMDdBQUE4NjMxMkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MEVDODQ0RjhGMDAxMUUwQTUwM0YwN0FBQTg2MzEyRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MEVDODQ1MDhGMDAxMUUwQTUwM0YwN0FBQTg2MzEyRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqoN/TQAAALcSURBVHjalFRLaxNRFJ57584jM0kmr9ZKbaUthIIP1II7tYpYoQtFUNSd+CNcCO4EBTftShERBHHhwkW1FEE3XbQ+ClakFm2VllptTROmeU3mkfG7JYWYJqke+Lhz5373nO/ec84lvu8L/2uvp2bbMdwCjgKvgBsn+nqX6nFJdQBslDFcBCax4UsD5zql4lAkGr2qKKpgWcVP66Z5z/Pcu9jj1vJpdTCYo+nB84xJE3D0CDhcCVpNOm1EIlfAE0TGfFlW9gQ07Q7+P+DBm52AAPL0YnoflD20ioW9uWzWchx7DJz7WHvJOQFNfxZPtAxWO+E+ioW8kEmv3cb3dZzEq3cCHknJmqbjua7EFbbsaFNjiZazakB7AYU3gVOarg9sUUmIwPlhI3IZ097KVUa35AC2c/5HqtOmyrDIpP2Yq5sL2XVTKJVKq1Dfyh3WMwgTUr9Xn+DU7yiln/sPJsdoDSfX054oRjR2jQj+TPVCKGwI0Vi8oXNuyAl44UuhkHEBudnwzWo4WaDo2aWAbZOEJCt/OxDFbUs4GAx+o747r5ByAtPdpE4fRG3X68uVvC6z5J9zPP9kHSF1DWfLhmVhOKbLSyIli5SSN/U2ZmQmfowxcflneq2TKdoxXMs/BvDfR3V5XGKUN91XwKGVjMdruKvATKFoD2EcrVRYc+dEyOjMH4G4PKazgM33bShDxg8gSBKfb4Hv/LqBbnTsEVmRk6h9so3zoqHQx60hdQHTOV5Qm2s8QDzZ0baynMn3W5b11HWdFWxxGWO70XAd6OqmynHXaUOlowld+oDpFPCrtpN5qRzyyn53Kmcfz+RLA45X3sVEtlF2TRLq6gqdNRRxUlfEafwaARYaPRU8Fz3AIJwn87bfm7e9Ltvzo2VfkMGhBFRchccoKagSWQkq4pzKyBwlhCt/Dpjbvqb8qQB4Ls4A/Ek2+PtUEcCJ/LUsAClgAhgH1oByo5P+EWAAaC4ZuefCgrYAAAAASUVORK5CYII=);
+}
+.follow-box h3 strong{
+  font-weight:bold;
+  color:#186487;
+}
+a.follow-box:hover h3 strong{
+  text-decoration:underline;
+}
+
+.follow-box p.subtext{
+  margin:0;
+  padding:8px 10px;
+  font-size:12px;
+  font-weight:300;
+  color:#6891a5;
+  border-top:1px solid #dce7ee;
+}
+
+/* @end */
+
 /*------------------------------------------------------------------------------------
   Code Styles
 ------------------------------------------------------------------------------------*/

diff --git a/experiments/index.md b/experiments/index.md
@@ -9,10 +9,4 @@ Now and then I experiment with HTML, CSS, Javascript, Ruby and pretty much anyth
 
 ## [Infinite Scroll + HTML5 History API](/experiments/history-api/)
 
-This example shows the power of the History API when combined with infinite scroll. Fluid user experience and hard linking all in one.
-
-<hr />
-
-<p class="note">Got a question or a comment? Send me an email. Be polite, be reasonable, and I'll respond back.</p>
-
-<a href="mailto:kneath+ask@gmail.com" class="askme">Ask me anything, just send an email to <strong>kneath+ask@gmail.com</strong></a>
+This example shows the power of the History API when combined with infinite scroll. Fluid user experience and hard linking all in one.
diff --git a/talks/index.md b/talks/index.md
@@ -27,11 +27,4 @@ I have a confession: I love documentation — and I don't just mean code comment
 
 Ruby is such an expressive language that your code can end up looking like anything you can imagine. Documentation is paramount in helping others understand why and how they should be using your code.
 
-[Slides & notes](/talks/documentation) from this presentation given at *MagicRuby 2011* in Orlando, FL.
-
-
-<hr />
-
-<p class="note">Got a question or a comment? Send me an email. Be polite, be reasonable, and I'll respond back.</p>
-
-<a href="mailto:kneath+ask@gmail.com" class="askme">Ask me anything, just send an email to <strong>kneath+ask@gmail.com</strong></a>
+[Slides & notes](/talks/documentation) from this presentation given at *MagicRuby 2011* in Orlando, FL.