From 69e6cf9b26c00b52a5093596db6610a04cb86617 Mon Sep 17 00:00:00 2001
From: Ambrose Chua <ambrose.chua.cm@gmail.com>
Date: Tue, 19 Mar 2013 21:58:57 +0800
Subject: [PATCH] Create index.php

---
 index.php | 237 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 237 insertions(+)
 create mode 100644 index.php
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..c2f1bc6
--- /dev/null
+++ b/index.php
@@ -0,0 +1,237 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>string rain</title>
+<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=false" />
+<link rel="apple-touch-startup-image" href="http://placehold.it/320x460.png&text=string+rain"> 
+<link rel="apple-touch-startup-image" href="http://placehold.it/640x920.png&text=string+rain" sizes="640x920">
+<link rel="apple-touch-startup-image" href="http://placehold.it/640x1096.png&text=string+rain" sizes="640x1096">
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+<style>
+* {
+padding: 0;
+margin: 0;
+-webkit-tap-highlight-color: rgba(255, 155, 0, 0.0);
+box-sizing: border-box;
+}
+html, body {
+width: 100%;
+height: 100%;
+font-family: "Marker Felt";
+background-color: #000;
+color: #fff;
+overflow: hidden;
+-webkit-user-select: none;
+}
+</style>
+</head>
+<body id="w">
+<canvas id="c" width="1096" height="1096">
+</canvas>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script>
+document.getElementById("w").addEventListener("touchmove", function(e) {
+e.preventDefault();
+});
+double=1;
+allowbig=true;
+refreshrate=2*60*1000
+/*
+$.ajax({
+  url: "https://www.googleapis.com/geolocation/v1/geolocate?key=AIzaSyA8yL1Lcq4_9pylYDQOKKd6T93XE3Ijb9E",
+  success: setloca,
+  dataType: "json"
+});
+ 
+function setloca(data) {
+if (data.location.lat && data.location.lng) {
+$.ajax({
+  url: "req.php?trendsclosest="+data.location.lat+","+data.location.lng,
+  success: setlocb,
+  dataType: "json"
+});
+}
+}
+function setlocb(data) {
+try {
+cwoeid=data[0].woeid;
+}
+catch(err) {
+spawn("Cannot get location");
+}
+}
+*/
+ 
+if (navigator.geolocation) {
+navigator.geolocation.getCurrentPosition(function(position) {
+lat = position.coords.latitude
+long = position.coords.longitude;
+$.ajax({
+  url: "req.php?trendsclosest="+lat+","+long,
+  success: setlocb,
+  dataType: "json"
+});
+});
+}
+ 
+function setlocb(data) {
+try {
+cwoeid=data[0].woeid;
+refresh();
+}
+catch(err) {
+spawn("cannot get location");
+refresh();
+}
+}
+cwoeid=23424948;
+ 
+window.onresize = function() {
+wid=window.innerWidth;
+hei=window.innerHeight;
+if (double) {
+wid=wid*2;
+hei=hei*2;
+}
+if (wid>548 && allowbig) {
+can.style.width="1096px";
+}
+else {
+can.style.width="548px";
+}
+if (wid>1096) {
+wid=1096;
+}
+if (hei>1096) {
+hei=1096;
+}
+};
+function mod(data) {
+try {
+set=data[0].trends;
+strings=[];
+for (i=0;i<set.length;i++) {
+strings[i]=set[i].name;
+}
+}
+catch(err) {
+strings=["error! "];
+alert("Error! Too many requests! "+data.errors[0].message+" #"+data.errors[0].code+"\n\n\nPlease come back in 5 minutes. ");
+clearInterval(refi);
+}
+}
+ 
+function che(data) {
+/*
+if (data.resources.trends["/trends/place"].remaining < 0) {
+strings=["error! "];
+alert("Error! Too many requests \n\n\nPlease come back in 5 minutes. ");
+clearInterval(refi);
+} else { */
+$.ajax({
+  url: "req.php?trends="+cwoeid,
+  success: mod,
+  dataType: "json"
+});/*
+}*/
+}
+ 
+function refresh() {
+/*
+$.ajax({
+  url: "req.php?app=limit",
+  success: che,
+  dataType: "json"
+});
+*/
+che();
+}
+ 
+can=document.getElementById("c");
+var c=can.getContext("2d");
+c.font="30px 'Helvetica Neue'";
+c.fillStyle="#FF0000";
+strings=["loading...", "trends near you"];
+txts=[];
+spd=0.5;
+delay=10;// If too small, will not increase speed
+fps=160;
+topm=30/2;
+leftm=300/2;
+leftpad=150;
+toprng=50;
+wid=window.innerWidth;
+hei=window.innerHeight;
+h=0;
+spawnrng=15;
+bottomkill=200;
+if (double) {
+can.style.width="548px";
+c.font="60px 'Helvetica Neue'";
+delay=delay;
+spd=1;
+topm=topm*2;
+leftm=leftm*2;
+bottomkill=bottomkill*2;
+toprng=toprng*2;
+leftpad=leftpad*2;
+spawnrng=spawnrng*2;
+wid=wid*2;
+hei=hei*2;
+if (wid>548 && allowbig) {
+can.style.width="1096px";
+}
+else {
+can.style.width="548px";
+}
+if (wid>1096) {
+wid=1096;
+}
+if (hei>1096) {
+hei=1096;
+}
+}
+function spawn(passed) {
+if (txts.length<10) {
+if (!passed) {
+str=strings[(Math.floor(Math.random()*strings.length))];
+}
+else {
+str=passed;
+}
+if (str=="") {
+alert("err");
+}
+txts[txts.length]=[str, Math.floor(Math.random()*(wid-leftpad*2))+leftpad, -Math.floor(Math.random()*toprng)];
+}
+}
+setInterval(function() {
+setTimeout(function() {
+spawn();
+}, Math.floor(Math.random()*spawnrng));
+}, 1000);
+refi=setInterval(function() {
+refresh();
+}, refreshrate);
+now=before=new Date().getTime();
+taken=0;
+setInterval(function() {
+now=new Date().getTime();
+taken=now-before;
+before=now;
+dist=Math.floor(fps/1000*taken*spd*2+0.5)/2;
+c.clearRect(0, 0, wid+bottomkill, hei+bottomkill);
+for (i=0;i<txts.length;i++) {
+txts[i][2]+=dist;
+h+=dist;
+c.fillText(txts[i][0], txts[i][1]-leftm, txts[i][2]-topm);
+if (txts[i][2]>hei+bottomkill) {
+txts.splice(i, 1);
+}
+}
+}, delay);
+</script>
+</body>
+</html>
