hanami.haml

%title 梅ラボ花見
%script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"}
%script{:src => "http://platform.twitter.com/anywhere.js?id=r6SEKr3NYesSmDL8bGeiLw&v=1"}
%link{:href => "http://ssig33.com/common.css", :type => "text/css", :rel => "stylesheet"}
#all
  %button#css 破滅する
  %h1 花見します
  %h2 誰が来るの？
  %ul
    %li parapera
    %li CASHI
    %li AISHO MIURA ARTS
    %li NAMAE
    %li 快快
    %li 文明
    %li 梅沢絵画教室
    %li libhub
    %li シャバクラ！
    %li 渋家
    %li アツマリ
    %li ギークハウス東日本橋
    %li ギークハウス西新宿
    %li ギークハウス水道橋
    %li ギークハウス向ヶ丘遊園
    %li ギークハウス三鷹
    %li ギークハウス六本木
    %li ギークハウス奥野
  %h2 どこでやんの？
  代々木公園
  %h2 いつやるの？
  2011/04/03 am 11:00 ～
  #sign_in
  #tweetBox
  #timeline
    %table
      %tr#timeline_before
:javascript
  $("#css").click(function(){
    var l = document.createElement("link");
    l.rel = "stylesheet";
    l.href = "http://ma.la/tmp/youpy.css";
    document.getElementsByTagName("head")[0].appendChild(l);
  });
  var twitter;
  twttr.anywhere(function(obj) {
    twitter = obj;
    twitter.hovercards();
    twitter("#sign_in").connectButton({
      authComplete: function(){
        twitter("#tweetBox").tweetBox({
          label: "花見！",
          defaultContent: "#o873"
        });
      }
    });
    if(twitter.isConnected()){
      twitter("#tweetBox").tweetBox({
        label: "花見！",
        defaultContent: "#o873"
      });
    };
  });
  $.getJSON("http://search.twitter.com/search.json?callback=?", {q: "#o873", lang: "ja"}, function(data, status){
    $.each(data["results"].reverse(), function(){
      html = "<tr>";
      html += "<td><img style='width:48px;height:48px;max-width:48px;' src='"+this["profile_image_url"]+"' /></td>";
      html += "<td>@"+this["from_user"]+"</td><td>"+this["text"]+"&nbsp;<a class='lightgrey' href='http://twitter.com/"+this["from_user"]+"/status/"+this["id_str"]+"'>"+this["created_at"]+"</td>"
      html += "</tr>";
      $("#timeline_before").after(html);
    });
  });