Josue's Blog

H1pp1e's Blog Design

Posted by on Web Development. Tags : meteora, php, css, web design

Monday July 7, 2008 @ 00:29

On weekend I have the enough time to finish the blog design for my friend Hippie. Here the screenshot.

H1pp1e blog

As my blog the new H1pp1e's interface have an interactive zone, in this case the header show the last twitter post and change the image relating the emotion written on the micro-post, for this part I used Meteora an some of PHP, here the code :D.

Header with twitter

Twitter.php

<?php
$url = 'http://twitter.com/statuses/user_timeline/6530232.atom';
$nick = "h1pp1e";

$content = file_get_contents($url);
$xml = simplexml_load_string($content);

$entry =str_replace("$nick:","",$xml->entry[0]->content.'');
$faces = array(":s",":$",": )",":@",": o",": d","n_n",";$","o_o",": p","t_t","u_u",":x");
$selected_face = ": d";
if($entry != ""){
foreach($faces as $face){
if( ereg(strtolower($face), strtolower($entry)) ){
$selected_face = $face;
}
}
}
echo json_encode(array("execute"=>"$('emotion').src = '/data/faces/{$selected_face}.gif';$('messageTwitt').setContent('{$entry}')" ));
?>

Javascript