HAPY BEE DAY

by secretgspot

HTML

<script id=wat type=x-wat>
                            ...vvvv)))))).
 /~~\               ,,,c(((((((((((((((((/
/~~c \.         .vv)))))))))))))))))))\``
    G_G__   ,,(((KKKK//////////////'
  ,Z~___'@,gW@@AKXX~MW,gmmmz==m_.
 iP,dW@!,A@@@@@@@@@@@@@@@A`=,W@@A\c
 ]b_.__zf !P~@@@@@*P~b.~+=m@@@*~_g@Ws.
    ~`    ,2W2m._'\[_['~~c'M7__gW@@A`'s
      v=XX)====Y-  [ [    \c/*@@@*~_g@@i
     /v~           !.!.     '\c7+sg@@@@@s.
    //              'c'c       '\c7*X7~~~~
   ]/                 ~=Xm_       '~=(Gm_.
</script>

CSS

#b { font-family: Courier; font-size: 1em; }
b.b { display: block; width: 24em; margin: auto; }
b.b0 b { color: black; background-color: yellow; }
b.b1 b { color: yellow; background-color: black; }
b.bb { display: block; font-size: 7em; text-align: center; }

JavaScript

// The prettiest code ever.
(function($) {
  $.fn.beeDay = function(name, bee) {
    var html = "<b class=bb>HAVE A<br>HAPY</b>";
    html += bee.split(/\n/).map(function(beeline, b) {
      return "<b class='b b" + b % 2 + "'>" +
        beeline.replace(/(\s*)(\S+)/g, function(_, b, bb) {
          return b.replace(/\s/g, "&nbsp;") + "<b>" + bb + "</b>";
        }) + "</b>";
    }).join("")
    html += "<b class=bb>BEE DAY<br>" + name.toUpperCase() + "</b>";
    return this.html(html);
  };
}(jQuery));

$(function() {
  var matches = location.search.match(/\bname=([^&]+)/);
  var name = matches ? decodeURIComponent(matches[1]) : 'DUDE';
  $("body").beeDay(name, $('#wat').text())
});