Before we had “an Invisible Touch” there was “Genesnooze”

Genesis, circa 1971(source)

Genesis formed in 1967 in Surrey, England. Primary members Peter Gabriel, Tony Banks, Mike Rutherford were 17 year old students at the time. You can imagine that the early stages of Genesis were much like any teenage garage band you can find – poor song writing and musicianship, no performance skills.
Yet in 1968, Jonathan King – a songwriter, record producer, novelist – gave Genesis a chance to record an album. The result was From Genesis to Revelation with the single Silent Sun. Its initial sales: 650 copies. The band later admitted that Silent Sun was a “Bee Gees pastiche” written to please Jonathan King. Overall, it was a failure, but as Mike Rutherford recalls:

Jonathan King [...] did give us a fantastic opportunity. Because in those days, in England, you couldn’t get in the studio [...] to get any sort of record contract, was really magical.

The album doesn’t sound like anything else they later recorded. The band parted ways with King, went its own musical direction and continued playing live. Their music was hypnotic, dark and haunting. Finally they signed with Charisma Records and recorded Trespass. In 1970 Phil Collins joined the band to play on drums.

Peter Gabriel as “Britannia”, or “The Moonlit Knight” 1974 (source)

Genesis was becoming popular, but amongst the critics the opinions were mixed. Q Magazine has a description of a 1977 cartoon which shows asleep or comatose fans watching a live performance and a banner on stage reading “GENESNOOZE“. You have to note that at the time – the punk movement was on the rise.

The band later released albums: Nursery Cryme, Foxtrot and Selling England by the Pound, which contained I Know What I Like (In Your Wardrobe) and became their first charting single, reaching #17 on the UK singles charts. The album achieved a “Gold” sales certification in USA, France and “Silver” in the UK.
In 1974, they recorded a double album The Lamb Lies Down on Broadway and embarked on a world tour playing 102 shows!

I Know What I Like from the album Selling England by the Pound

Things got big for Genesis, but then life hit Peter Gabriel… hard.

Peter Gabriel

Tensions were high during The Lamb Lies Down on Broadway. The band was frustrated with Gabriel’s focus on theatrical performances rather than the music. He also did most of the lyrics on the latest album, which seemed unfair, since the band always shared that responsibility equally. Gabriel’s personal life also got complicated after his wife’s difficult pregnancy and birth of first child Anna-Marie. He opted to stay with his sick daughter and wife, instead of recording and touring, which didn’t help the resentment of the band. Peter Gabriel had to leave Genesis in 1975.

After difficulties and abandonment, Peter carried on and in 1977 he recorded his first solo album, including the song Solsbury Hill, which was inspired by his departure.

I did not believe the information
I just had to trust imagination
[...]
My friends would think I was a nut
Turning water into wine
Open doors would soon be shut
[...]
I was feeling part of the scenery

The single was a Top 20 hit in the UK. The first 4 albums were untitled, but due to the artwork – are codenamed: Car, Scratch, Melt and Security. His solo career was evolving, but times were still tough. Low on funds, he asked Phil Collins to play drums for free. In 1982 he reunited with Genesis for a one-off concert in order to recoup debts after the first WOMAD concert – an arts festival founded by Gabriel.

Almost 10 years after Car, Peter Gabriel released So, which achieved #1 album and triple platinum in the UK, five times platinum in the US. The album contained songs like Sledgehammer, Don’t Give Up — a duet with Kate Bush, In Your Eyes (featured in the John Cusack film Say Anything).
The famous video for “Sledgehammer” won nine MTV Video Music Awards in 1987, a record which still stands and is the most played music video in the history of MTV.

So think about this: after 8 years of creative work and friendship, everything you’ve been doing since you were only seventeen – your career and friends suddenly disappear. You’re in a poor financial situation and have a sick family. How much grit do you have to have to continue?

All failures aside, Peter Gabriel has won six Grammy Awards and in 2008 TIME magazine named him one of the 100 most influential people in the world.

Last verse of Solsbury Hill (1976):

Today I don’t need a replacement
I’ll tell them what the smile on my face meant
My heart going boom boom boom
“Hey” I said “You can keep my things,
They’ve come to take me home.”

Phil Collins

After Peter’s departure, Genesis decided to keep going, but needed a lead vocalist. Even though Phil used to sing back-up vocals, he was still primarily a drummer. The band auditioned over 400 candidates, but after a fruitless search they gave up and Collins became the group’s new frontman and lead singer.
A Trick of the Tail (1976) was the first album to feature Collins as the lead and it was a hit. It also helped the band to pay off the $400,000 debt! The album remains one of my personal favourites, due to it’s focus on the intrumental pieces (check it out, it’s so good). After Wind & Wuthering album, Steve Hackett left Genesis, but the band continued and recorded …And Then There Were Three….

Before recording Duke, Collins took an extended leave of absence to save his first marrige. Ultimately he divorced Andrea Bertorelli in 1980, after she started an affair with their painter and decorator. Collins later appeared on the BBC’s Top of the Pops singing “If Leaving Me Is Easy” with a pot of paint and brush positioned on his piano.

His first solo album Face Value opens with the dark and mysterious song In the Air Tonight, inspired by the unfortunate first divorce.

I was there and I saw what you did
Saw it with my own two eyes
So you can wipe off that grin
I know where you’ve been
It’s all been a pack of lies

If you hear someone say “Turn your misfortune into an asset!” – you probably won’t appreciate it, especially when feeling down, but yet again with grit, passion and persistance – good things happen.
Face Value album was a success. In the Air Tonight became the anthem of the iconic 80s TV series Miami Vice:

Genesis moved to Phil’s apartment and composed Duke. The next 4 albums after that were even more successful.

Collins was married and divorced three times. He was married to Jill Tavelman from 1984 to 1996, paid £17M as final settlement. Third wife Orianne Cevey 1999 to 2008, received £25M in settlement.

In 2009 it was reported that Phil cannot play drums after an operation to repair dislocated vertebrae in his neck.

There isn’t any drama regarding my ‘disability’ and playing drums. Somehow during the last Genesis tour I dislocated some vertebrae in my upper neck and that affected my hands. After a successful operation on my neck, my hands still can’t function normally. Maybe in a year or so it will change, but for now it is impossible for me to play drums or piano. I am not in any ‘distressed’ state; stuff happens in life.

After three expensive divorces and health problems, Collins is surprisingly optimistic. In interviews he always states that he’s moved on from Genesis and rock-star life. While some people may see his situation as tragic, this is actually an opportunity to stay near his children and start a second life.

Collins’ total worldwide sales as a solo artist, as of 2000, were 150 million (he’s one of only three recording artists along with Paul McCartney and Michael Jackson who have sold over 100 million albums worldwide both as solo artists and as principal band members). He won seven Grammy Awards.
During the 2007 tour, Genesis performed in Rome’s Circo Massimo in front of 500,000 fans. The setlist included several songs from Duke.

Los Endos*

You could take each of these horrible events and narrate them as a nightmare coming true, and it would feel very right to do that. However, even though that’s our usual reaction, what is the point of it? When life hits you, lose the pessimistic narration and focus on what you love, and your passion. You can’t see what really lies ahead – try to imagine how Gabriel’s life must’ve felt right after leaving Genesis or how Phil must’ve felt when his first marrige was falling apart. Listening to their songs there is no doubt that the emotional impact of these events was powerful, but can you think of what would happen, if they didn’t keep their grit?

It really is your choice. You can keep focusing on the disappointment and pain or you could try dealing with failure just like Collins, Gabriel, Banks, Rutherford and Hackett – just keep playing… whatever your song is.

Credits: many facts quoted from Wikipedia, links included in context.
* – “Los Endos” is the closing instrumental piece on “A Trick of the Tail”.

iTunes Link

We’ve had some excellent reviews as well:

It’s hands down one of the best apps out there for the iPad right now and serves as a banner app for tablet education in general.

Brian Cox’s Wonders of the Universe is literally one of the best iPad apps I’ve ever encountered.

Wonders of the Universe might be one of the best educational apps to date for iOS

Further reviews on: Mashable, Guardian

I’ve never seen such good reviews of an iPad app. I’m absolutely stunned. I’d like to thank everyone who was involved in the project and everyone who gave use this amazing feedback as well. Cheers!

I’d write more, but I need to get some sleep first, so stay tuned and try it out, because there is a lot more to come!

Wonders of the Universe is our first app, which utilises Glide Publisher. A publishing framework, which we’re working on at the moment. Learn more about Glide from @_ChrisHarris, @matt_walton and me:

Very minimalistic shell script, grab it as a Gist: https://gist.github.com/1212539

Experiment #1: 3D Sci-Fi Racing game

(try it on Safari/WebKit nightly)
controls: arrow keys, space, C

I got carried away on this one! It was pretty cool, but runs correctly only on Safari/WebKit nightly. It has a physics engine, collision detection. All graphics using pure CSS3. Some of you may wonder: why not WebGL? Well.. there is one major problem with WebGL – it’s not supported on any mobile devices at the moment! And it might not be for a while, but while experiment no 1 was pretty cool, it failed to run on the iPhone. I’ve tried optimising, but I had to change the concept and do it from scratch. I was scratching my head, if it’s even worth trying, since there isn’t much of a case for such usage of this technology. It couldn’t compete with native 3d games. I finally got convinced by Chris: “iAds. You can use this in iAds.”. It made perfect sense, I then realised that when I saw the iAd keynote, I hated these ads, especially the games. Toy Story 3 puzzle game? :/ Ugh!! Here’s my shot at a game embeddable in iAds:

Experiment #2: 3D Platform game optimised for iOS

(try it on any WebKit browser including iOS)
controls on PC: arrow keys, space.

Boom! By the end of November 2010 it was finished. No-one could believe that this was a Web-app. And it ran on an iPhone 3G! You basically play a penguin who picks up ice cream I’ve been looking into selling this piece as a framework, but it didn’t work out. Turns out trying to work with ad agencies is quite hard too. If anyone’s still interested, give us a shout. I enjoyed the “journey” and got some cool demos out of it Gotta keep on trying!

I LOVE WebKit and now it got even sweeter. Very recently there was a small buzz about a new feature: WebKit Remote Debugging that allows to use Element Inspector remotely! (since it’s essentially just a web page and some javascript + websockets). What’s the real icing on the cake for me, is the ability to plug-in a different interface. I wrote a simple interface that can execute several pieces of JavaScript and return the values back to you. Here’s how to set it up.

Open Terminal and find the Google Chrome executable. To use remote debugging, run it with a special parameter:

If you get:

Try symlinking Versions:

The browser should start normally. Now go to a different browser, e.g. Safari and check out:

http://localhost:9222

Select a page and you should see the Inspector.

That’s all nice and neat. But let’s see my remote script: http://gist.github.com/972742

- To connect to the debugger, we’re using WebSockets. Change the page number based on the link from “http://localhost:9222″. Every “Tab” has a different “Page” number.

	// Set page number!
	var host = "ws://localhost:9222/devtools/page/5";
	socket = new WebSocket(host);

- To execute JavaScript I wrapped a JSON-RPC-like command into a method with callback. More protocol schema here.

function remoteEval(scriptString,callback) {
	seqCallback[seqNo] = callback;
	socket.send('{"seq":'+seqNo+',"domain":"Runtime",'+
	'"command":"evaluate","arguments":{"expression":"'+
	scriptString.replace(/["]/g,'\"')
	+'","objectGroup":"console","includeCommandLineAPI":false}}');
	seqNo++;
}

- And this is how a sample script works:

remoteOnLoad = function(result) {

// We might've ended up on the login page, so let's log in!
if (remoteURL.indexOf("ServiceLogin") > 0 )
remoteEval( " document.getElementById('Email').value = 'username'; "+
	" document.getElementById('Passwd').value = 'password'; "+
	" document.getElementsByTagName('form')[0].submit(); "
	, function(result) { alert(result); } );

	// We're home!
	if (remoteURL.indexOf("mail.google.com/mail/") > 0 )
	remoteEval( " try { document.getElementById('canvas_frame')"+
".contentWindow.document.getElementsByClassName( 'md' )[0].innerText } catch(e) { -1 }"
	, function(result) {  // Waiting for AJAX. Try again in 2 sec.
	if (result == -1) { setTimeout(remoteOnLoad,2000); }
				else { alert(result); } } );
				// This should return scraped information
				// about your data usage on gmail!
				// E.g. You're currently using 150MB out of 7000MB
			} ;

// This happenes first:
remoteEval(" location.href = 'http://gmail.com' ");
//Let's go to Gmail!

Don’t know how about you, but I just wanna wrap it in Node.js, run it somewhere on Linux with a dummy X11 server for Chrome and write lot’s of crazy tasks, so it does it all for me! Imagine e.g. that instead of that alert(result) you make it a WebHook or a service?

Link: http://formanalyzer.net/

Summary:
A very simple web form analyzer! Just enter the form’s URL or HTML code and you’ll see a nice print out of different forms and values submitted on the website.

Had a bit of time and need for a simple tool like that. Dead simple, very clear to read. Nicer than ‘view source’, if you’re just interested in what and where is being posted from a website or piece of code. Enjoy.

The lazy way

switch (php_uname('n')) {
    case 'livedevhost04':
		$dbhost = 'sql.example.com'; $dbuser = 'myapp_user';
		$dbpass = 's7d6y3726ye86'; $db = 'myappdb';
		break;
    case 'Mateusz-Laptop.local':
		$dbhost = 'localhost'; $dbuser = 'root';
		$dbpass = ''; $db = 'testdb';
    	break;
    default:
       echo 'No configuration found for host: '.php_uname('n'); exit;
}

This way is quite nice for most scenarios. Very convenient. Get the machine’s hostname, add a “case” to the switch with server’s configuration and you’re good! If you’re deploying through some sort of SFTP/WebDAV protocol, you can easily upload files without any additional modification before running the script. The same with deployment techniques like Deploy using Git.
The only problem is that you’re slightly exposing configuration settings for all your boxes. If you don’t feel comfortable with this, try a different technique like symlinks to a local configuration file.
Personally, I use it quite often. It’s better and way less annoying than swapping commented settings.

The ‘bash’ way

This can be used for many different scenarios. Not just files, but also directories. Here’s a very nice and readable script for symlinking stuff based on local hostname:

#!/bin/bash

targetfile=webroot/config.php
fromscheme=webroot/config._HOST_.php

fromfile=${fromscheme/_HOST_/`hostname`};

if [ -e $fromfile ]
then
 rm $targetfile
 ln -s $fromfile $targetfile
 echo $fromfile == $targetfile
else
 echo [ERROR] Local configuration file not found: $fromfile
fi

Additionally, you might want to execute a custom script that will do something for you after retrieving a configuration set.
Notice the “webroot/”, please keep sensitive scripts outside your document root, mkaay? Maybe even clean them up after deploy and keep them in repo!

You’re only in trouble, if you don’t have access to a bash shell on your hosting server (use first method) or you’re running Windows (you can try cygwin if you’re mad enough ;] )

A JavaScript Bonus

You’d be surprised how many times, I almost did something very silly on a deployed version of an ajax based application. As a bonus, here’s a script you can put in your app, to help you identify, which build you’re currently working on. Especially useful, when running on iOS in web app mode.

<div style='display:none;color:red;' id='devnotification'>TEST SERVER</div>


var currentHost = location.href.split('/')[2];
if (currentHost == 'localhost' || currentHost == 'dev.example.com')
document.getElementById('devnotification').style.display = 'block';

Enjoy! And remember to run your tests kids!

http://pipes.yahoo.com/pipes/pipe.run?_id=d53d0d4793aa292d3e02885ba9b22cba&_render=json&fromurl=http://stawecki.com

Now guess how to add a callback

http://pipes.yahoo.com/pipes/pipe.run?_id=d53d0d4793aa292d3e02885ba9b22cba&_render=json&fromurl=http://stawecki.com&_callback=test

Surprise There is an underscore before “callback” attribute name. (weirrrd) For anyone who is new to XSS, “callback” is basically the name of a JavaScript function that receives the content. To show how it works, here’s a simple script that downloads a website and returns the response’s character length:

	function test(response) {
		try {
			alert( 'Content size: '+
			response.value.items[0].content.length );
			} catch(err) { alert('Invalid response'+err); }
		}

	function getURL(urlstr) {
		var ka = document.createElement('script');
		ka.type = 'text/javascript';
		ka.src =
'http://pipes.yahoo.com/pipes/pipe.run?_id=d53d0d4793aa292d3e02885ba9b22cba&_render=json&fromurl='+
		escape(urlstr) + '&_callback=test';
		var ks = document.getElementsByTagName('script')[0];
		ks.parentNode.insertBefore(ka, ks);
	}

And here’s a live version to try:
Simple Pipes Callback

Here’s a slightly more complicated example. I’m getting HTML content, parsing it internally and listing all links on the website (NICE!):
Link Scraper Demo

These examples used “Fetch Page” in pipes. Here’s an example of reading an RSS feed using “Fetch Data”. This script alerts the most recent news item from an external RSS feed. Notice that Yahoo Pipes conveniently transforms any feed to JSON (or XML if you really really want).

	function test(response) {
		try {
			var newsItem = response.value.items[0].channel.item[0];
			alert( newsItem.pubDate +" - " + newsItem.title +" - " + newsItem.description );
			} catch(err) { alert('Invalid response'+err); }
	}

	function getURL(urlstr) {
		var ka = document.createElement('script');
		ka.type = 'text/javascript';
		ka.src =
		'http://pipes.yahoo.com/pipes/pipe.run?_id=4d625dfe6977e71acb45db4aa51726a6&_render=json&feedurl='+
		escape(urlstr) + '&_callback=test';
		var ks = document.getElementsByTagName('script')[0];
		ks.parentNode.insertBefore(ka, ks);
	}

And here’s a live version to try with BBC News RSS feed:
Simple RSS Callback

Now go and cross site the hell out of the internetz! Soon slightly more practical examples.

1. Setting up and playing with Google Docs: Forms

Log into your Google Account and go to Google Docs. Press “Create New” -> Form
I’ll call my form “Blog Searches”. Let’s have only one “question” which will represent our event or query made by a user. In my case, question title is “keyword”, question type Text and question is required. Click “Done” and make sure you delete “Sample question 2″. Save the form and click the link at the bottom to see the public version of your form.

It should look more or less like this. You can try, if it works by posting a test keyword, then go back to the document list and enter the form again, this time in a Spreadsheet form.

Now it’s time for the hacky part. Go to the public version of the form and look up the source (usually right-click “View Source” ;] ).

We need to retrieve 2 values: Form Action URL – to know where the form is posted to and Input Text’s Name, to know what’s the name of out “Keyword” parameter.

Form Action URL will be here (in red, it’s the attribute value of “action” in the “form” tag):

<form action="https://spreadsheets.google.com/formResponse?formkey=dDVCMlYzMmpuWTg0VUhZUkltaXl5OEE6MQ&amp;ifq" method="POST" id="ss-form">

Input Text’s Name (in red, attribute value of “name” in the only “text” input field):

<input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0">

Now let’s try a small trick I discovered. Usually the form data is sent through a POST request, however turns out Google doesn’t mind, if you send values over a typical GET, which means you can put them as a part of your URL! In my case I’m going to this URL in my browser (note that I ignored the “ifq” parameter):

https://spreadsheets.google.com/formResponse?formkey=dDVCMlYzMmpuWTg0VUhZUkltaXl
5OEE6MQ&entry.0.single=Testing+GET+form+submission

Basically, to the URL, you append an “ampersand symbol”, name of the field e.g. “entry.0.single”, an “equals sign” and finally a message. Remember that a text in a URL has to be properly encoded e.g. spaces are turned into a “+” or “%20″, a browser will do it for you.
If you check your spreadsheet now, you should see the message:

Now I will show two methods for mixing this up with your website or service: sever side and client side.

2a. Submitting an event – Server side

I’m going to show the server side method first, since it’s really the best way to do it. If you can you should avoid exposing tricks like this, primarily because it’s easy to recover your form URL from a piece of a publicly available JavaScript, which means somebody might play a nasty trick on you and post some trash into your spreadsheet. On the other hand, if you do it through JavaScript, the user can decide not to be tracked by turning JavaScript off. Here are some examples of a server-side post.

In PHP there are several ways of fetching a URL, this is an example of posting a search query made by user. You can put this code in your index.php and it won’t be called unless parameter “s” is passed. Change it to the parameter name you are using for search or page name, or put a different version of the fetch in different files and provide a predefined event description string.

if (isset($_GET['s']))
file_get_contents(
'https://spreadsheets.google.com/formResponse?formkey=dDVCMlYzMmpuWTg0VUhZUkltaXl5OEE6MQ'.
'&entry.0.single=' . urlencode($_GET['s']) );

Java: (works also on App Engine)

public class ExampleServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse resp)
			throws IOException {
		resp.setContentType("text/plain");
		if (request.getParameter("search") != null &&
			!request.getParameter("search").trim().equals("") )
			ExampleServlet.touchURL(
		"https://spreadsheets.google.com/formResponse?formkey="+
		"dDVCMlYzMmpuWTg0VUhZUkltaXl5OEE6MQ&entry.0.single="+
		URLEncoder.encode( request.getParameter("search") , "UTF-8") );
	}

	   public static void touchURL(String address) {
	    	  try {
	              URL url = new URL(address);
	              url.openConnection().getInputStream().close();
	          } catch (Exception e) {
	        	  e.printStackTrace();
	          }
	    }
      }

2b. Submitting an event – Client side

If you’re not lucky enough to be able to modify your backend code e.g. your using Shopify or similar, but you have access to the site’s templates and you can put in some JavaScript, you can still submit an event. Here’s how you do it in JS:

(function() {
var paramsplit = location.href.split('s=');
if (paramsplit.length > 1) {
var keyword = paramsplit[1].split('&')[0];
var ka = document.createElement('script'); ka.type = 'text/javascript';
ka.src =
'https://spreadsheets.google.com/formResponse?formkey='+
'dDVCMlYzMmpuWTg0VUhZUkltaXl5OEE6MQ&entry.0.single='
+ keyword;
var ks = document.getElementsByTagName('script')[0];
ks.parentNode.insertBefore(ka, ks);
}
})();

The script above performs a string split looking for parameter “s=”, which in my case is the search query parameter. If there is none, there will only be one element in the array – the location url itself and the rest of the script will not be executed. Otherwise, another split will separate the keyword from other parameters and the URL to the spreadsheet form will be fetched like an external script file.
This method has some pitfalls. First of all, anyone can see this code and start sending some trash or fake data. It’s also not very clean, because it causes a JavasScript parse error. The browser basically tries to execute the fetched HTML Form code as JavaScript. In order to avoid this you can deploy a simple Google App Engine application or a PHP script somewhere that fetches the URL but ignores the content and provide the URL to this application instead of the Form URL. You can use the Java example from before.
Update: you can also retrieve it as a valid response by calling the form through Yahoo Pipes! Check out my next article on how to do that. Great if you’re expecting a lot of form submissions but don’t want to host it
To hide your code you can try tools like http://www.javascriptobfuscator.com/ , but currently there isn’t a 100% secure method of doing this, that’s why server-side submission is the best option.

3. Reviewing collected data

Let’s get back to the spreadsheet now. Of course, we can just observe the events here just as they are, but there is just one more trick I will reveal
Go do a different cell e.g. D2 and try a sorting formula:
=Sort(A1:B1000, A1:A1000, FALSE)
This will sort the whole data set based only on the date. The last attribute is FALSE which means it will be descending sort. This way you don’t need to scroll down to see the newest events.
You can also publish the top of the sorted data set as an RSS feed, by going to the Share menu, “Publish as a web page”. Set automatic publishing (unfortunately far from real-time ;/ ) and generate a link in the appropriate format to your sorted data set in cells e.g. D3:E15. You can use tools like http://twitterfeed.com/ to link it to your Twitter notification account!

4. Use cases

I started off with a simple use case of event logging on websites, but there are many other ways in which you can use Forms. You can do any type of logging information: from servers, mobile devices, receiving errors with stack traces, receiving other server notifications, keeping a simple backup database. First off, a lot of you might say: this is ridiculous! you don’t use forms for suff like this! You use specialised analytics and loggers etc. That’s true, but still the beauty of Forms is it’s simplicity. You can very quickly deploy any kind of logging or tracking and see, if it’s even worth going further. So, before you spend hours implementing a cool fast real time notification system for your platform, see what kind of data you might get by taking Forms for a spin.
And that’s it for now. Next time i’ll show how to deploy a dedicated real-time event tracking application.

Link: http://tweetsplash.com/

Summary:
JavaScript based Twitter client for real time Twitter search, easily configured for any event. The purpose of this program is to quickly deliver a “splash screen” on a monitor or projector that will engage event participants into a discussion on twitter.
Tweet Splash is also a YouTube API, Google Mobilizer mashup.

Everything is embedded in one file, easy to customise, great for playing around with Twitter Search API.

Features:
- Link preview
- Remote YouTube jukebox
- Polls from tweets

Coming soon:
- URL Handler
- Html5 Local Storage for configuration