Permalink
Browse files

Twitter is literally the only thing that matters in life

  • Loading branch information...
1 parent e47dfa6 commit 4979561a0e03e3804fffb11b9d4c0a283f17d62e @kneath committed Jun 14, 2011
Showing with 61 additions and 25 deletions.
  1. +4 −6 _layouts/post.html
  2. +4 −4 _layouts/talk.html
  3. +51 −0 css/base.css
  4. +1 −7 experiments/index.md
  5. +1 −8 talks/index.md
View
@@ -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>
View
@@ -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>
View
@@ -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
------------------------------------------------------------------------------------*/
View
@@ -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.
View
@@ -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.

0 comments on commit 4979561

Please sign in to comment.