markup.haml

- svg = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 250 250" xml:space="preserve"><g transform="matrix(1.25,0,0,-1.25,0,203.175)"><g transform="scale(0.1,0.1)"><path d="m 2000,1432.96 c -73.58,-32.64 -152.67,-54.69 -235.66,-64.61 84.7,50.78 149.77,131.19 180.41,227.01 -79.29,-47.03 -167.1,-81.17 -260.57,-99.57 -74.84,79.75 -181.48,129.57 -299.5,129.57 -226.6,0 -410.328,-183.71 -410.328,-410.31 0,-32.16 3.628,-63.48 10.625,-93.51 -341.016,17.11 -643.368,180.47 -845.739,428.72 -35.324,-60.6 -55.5583,-131.09 -55.5583,-206.29 0,-142.36 72.4373,-267.95 182.5433,-341.53 -67.262,2.13 -130.535,20.59 -185.8519,51.32 -0.0391,-1.71 -0.0391,-3.42 -0.0391,-5.16 0,-198.803 141.441,-364.635 329.145,-402.342 -34.426,-9.375 -70.676,-14.395 -108.098,-14.395 -26.441,0 -52.145,2.578 -77.203,7.364 C 276.391,476.219 427.926,357.578 607.48,354.281 467.051,244.219 290.129,178.621 97.8828,178.621 64.7617,178.621 32.0977,180.57 0,184.359 181.586,67.9414 397.27,0 628.988,0 1383.72,0 1796.45,625.238 1796.45,1167.47 c 0,17.79 -0.41,35.48 -1.2,53.08 80.18,57.86 149.74,130.12 204.75,212.41" style="fill:#52ade5;fill-opacity:1;fill-rule:nonzero;stroke:none" /></g></g></svg>'

-# FOLLOW
%div.scalable<
  %a{:href => "https://twitter.com/intent/user?screen_name=jm3"}<
    %i.face<
    %b.divider>
    %span.label<
      Follow me on Twitter

-# SVG
%div.scalable<
  %a{:href => "https://github.com/jm3/sign-in-with-twitter-button"}<
    %i.svg<
      = svg
    %b.divider>
    %span.label<
      Log in with Twitter

-# LIGHT
%div.scalable.light<
  %a{:href => "http://jm3.net"}<
    %i.svg<
      = svg
    %b.divider>
    %span.label<
      Log in with Twitter

-# DARK
%div.scalable.dark<
  %a{:href => "http://140proof.com"}<
    %i.raster<
    %b.divider>
    %span.label<
      Tweet at me, bro.