added folders!! and added hnreader

altryne · Jun 16, 2012 · c163f89 · c163f89
1 parent 7308519
commit c163f89
Show file tree

Hide file tree

Showing 70 changed files with 285 additions and 275 deletions.
diff --git a/app.php b/app.php
@@ -1,85 +1,87 @@
-<?php
-    $appid = strtolower($_GET['appid']);
-    if($appid && file_exists($appid.'.php') && $appid != 'photos'){
-        header('Location: '.$appid.'.html');
-    }
-    elseif($appid && $appid == 'timezones'){
-
-        header('Location: http://everytimezone.com');
-    }
-    else{
-
-    }
-?>
-<!DOCTYPE html>
-    <html lang="en">
-    <head>
-        <title>Ipad simulator</title>
-        <meta name="description" content="This is a jquery iPad simulator, this is only an experiment of what can be done with javascript in latest browsers">
-        <meta name="keywords" content="Ipad, ipad simulator, apple ipad, alexw.me, altryne, alex wolkov, ipad javascript simulator">
-        <meta charset="utf-8">
-        <link rel="stylesheet" href="style/grid.css" type="text/css" media="screen"/>
-        <link rel="stylesheet" href="style/main.css" type="text/css" media="screen"/>
-    </head>
-    <body>
-    <div id="content" class="container_24">
-        <div class="grid_4 ">
-            <!-- Begin: adBrite, Generated: 2011-05-29 14:52:04  -->
-<style type="text/css">
-   .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #000000;}
-   .adText {font: normal 10pt Arial; text-decoration: none; color: #656565;}
-</style>
-<script type="text/javascript">
-try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
-document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1949030&br=1&dk=646f6d61696e206e616d655f385f325f776562&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
-<div><a class="adHeadline" target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1949030&afsid=1">Your Ad Here</a></div>
-<!-- End: adBrite -->
-        </div>
-        <div class="grid_18 push_1" >
-            <h1 style="font-size:18px">This app wasn't yet implemented in this experiment.</h1>
-            <h3 style="margin-bottom:15px !important;">
-                In the meanwhie, you are welcome to checkout my blog : <a href="http://alexw.me/" target="_blank">alexw.me</a> <br /><br />
-                You can also fork this at <a href="https://github.com/altryne/Ipad-Simulator" target="_blank">https://github.com/altryne/Ipad-Simulator</a> <br/>
-                and hack on this and do cool stuff because open source rulez
-                <br/><br/>
-                If your an iPad app developer, and would like to feature your app here, contact me [email protected]
-            </h3>
-            <h4>
-                Things that work :
-            </h4>
-            <ul style="list-style:circle !important; list-style-position:inside;font-size:16px;padding:15px 0 0 30px;line-height:20px;">
-                <li>Moving Screens left and right with "spring" effect</li>
-                <li>Dock icons have css3 "reflection"  ;)</li>
-                <li>All icons have css3 rounded corners and shadow similar to Ipads </li>
-                <li>Search works almost identically to the ios. (using modified <a href="http://ejohn.org/blog/jquery-livesearch" target="_blank">jquery live-search</a>  )</li>
-                <li>Lock screen effect with returning lock</li>
-                <li>Home button works (exits apps, goes to first page, return from sleep mode,exits edit mode)</li>
-                <li>Sleep button puts iPad in sleep mode</li>
-
-                <li><strong>Edit Mode: </strong> click and hold on any app for 2 seconds to enable edit mode</li>
-                <li> - Edit mode icons shake  in chrome (using css animation)</li>
-                <li> - Move apps from place to place in edit mode</li>
-                <li> - Move apps to another page</li>
-                <li> - Move apps to dock</li>
-                <li> - Delete Apps</li>
-                <li><strong>Multitasking: </strong> launch any app, and it's in the background</li>
-                <li> - multitask bar opens on double homescreen click</li>
-                <li> - 3D (only safari and webkit nightly) switch between open and wanted mutitask app</li>
-                <li> - remove app from multitask by editing the multitask bar (hold and hold for 2 sec.)</li>
-            </ul>
-
-        </div>
-</div>
-
-    <script>
-   var _gaq = [['_setAccount', 'UA-7437527-1'], ['_trackPageview']];
-   (function(d, t) {
-    var g = d.createElement(t),
-        s = d.getElementsByTagName(t)[0];
-    g.async = true;
-    g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-    s.parentNode.insertBefore(g, s);
-   })(document, 'script');
-  </script>
-</body>
+<?php
+    $appid = strtolower($_GET['appid']);
+    if($appid && file_exists($appid.'.php') && $appid != 'photos'){
+        header('Location: '.$appid.'.html');
+    }
+    elseif($appid && $appid == 'timezones'){
+        header('Location: http://everytimezone.com');
+    }
+    elseif($appid && $appid == 'hnreader'){
+        header('Location: http://cheeaun.github.com/hnmobile/');
+    }
+    else{
+
+    }
+?>
+<!DOCTYPE html>
+    <html lang="en">
+    <head>
+        <title>Ipad simulator</title>
+        <meta name="description" content="This is a jquery iPad simulator, this is only an experiment of what can be done with javascript in latest browsers">
+        <meta name="keywords" content="Ipad, ipad simulator, apple ipad, alexw.me, altryne, alex wolkov, ipad javascript simulator">
+        <meta charset="utf-8">
+        <link rel="stylesheet" href="style/grid.css" type="text/css" media="screen"/>
+        <link rel="stylesheet" href="style/main.css" type="text/css" media="screen"/>
+    </head>
+    <body>
+    <div id="content" class="container_24">
+        <div class="grid_4 ">
+            <!-- Begin: adBrite, Generated: 2011-05-29 14:52:04  -->
+<style type="text/css">
+   .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #000000;}
+   .adText {font: normal 10pt Arial; text-decoration: none; color: #656565;}
+</style>
+<script type="text/javascript">
+try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
+document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1949030&br=1&dk=646f6d61696e206e616d655f385f325f776562&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
+<div><a class="adHeadline" target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1949030&afsid=1">Your Ad Here</a></div>
+<!-- End: adBrite -->
+        </div>
+        <div class="grid_18 push_1" >
+            <h1 style="font-size:18px">This app wasn't yet implemented in this experiment.</h1>
+            <h3 style="margin-bottom:15px !important;">
+                In the meanwhie, you are welcome to checkout my blog : <a href="http://alexw.me/" target="_blank">alexw.me</a> <br /><br />
+                You can also fork this at <a href="https://github.com/altryne/Ipad-Simulator" target="_blank">https://github.com/altryne/Ipad-Simulator</a> <br/>
+                and hack on this and do cool stuff because open source rulez
+                <br/><br/>
+                If your an iPad app developer, and would like to feature your app here, contact me [email protected]
+            </h3>
+            <h4>
+                Things that work :
+            </h4>
+            <ul style="list-style:circle !important; list-style-position:inside;font-size:16px;padding:15px 0 0 30px;line-height:20px;">
+                <li>Moving Screens left and right with "spring" effect</li>
+                <li>Dock icons have css3 "reflection"  ;)</li>
+                <li>All icons have css3 rounded corners and shadow similar to Ipads </li>
+                <li>Search works almost identically to the ios. (using modified <a href="http://ejohn.org/blog/jquery-livesearch" target="_blank">jquery live-search</a>  )</li>
+                <li>Lock screen effect with returning lock</li>
+                <li>Home button works (exits apps, goes to first page, return from sleep mode,exits edit mode)</li>
+                <li>Sleep button puts iPad in sleep mode</li>
+
+                <li><strong>Edit Mode: </strong> click and hold on any app for 2 seconds to enable edit mode</li>
+                <li> - Edit mode icons shake  in chrome (using css animation)</li>
+                <li> - Move apps from place to place in edit mode</li>
+                <li> - Move apps to another page</li>
+                <li> - Move apps to dock</li>
+                <li> - Delete Apps</li>
+                <li><strong>Multitasking: </strong> launch any app, and it's in the background</li>
+                <li> - multitask bar opens on double homescreen click</li>
+                <li> - 3D (only safari and webkit nightly) switch between open and wanted mutitask app</li>
+                <li> - remove app from multitask by editing the multitask bar (hold and hold for 2 sec.)</li>
+            </ul>
+
+        </div>
+</div>
+
+    <script>
+   var _gaq = [['_setAccount', 'UA-7437527-1'], ['_trackPageview']];
+   (function(d, t) {
+    var g = d.createElement(t),
+        s = d.getElementsByTagName(t)[0];
+    g.async = true;
+    g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    s.parentNode.insertBefore(g, s);
+   })(document, 'script');
+  </script>
+</body>
 </html>
diff --git a/apps/blur.jpg b/apps/blur.jpg
diff --git a/apps/calendar.jpg b/apps/calendar.jpg
diff --git a/apps/camera.jpg b/apps/camera.jpg
diff --git a/apps/clock.jpg b/apps/clock.jpg
diff --git a/apps/dock.png b/apps/dock.png
diff --git a/apps/facebook.jpg b/apps/facebook.jpg
diff --git a/apps/facetime.jpg b/apps/facetime.jpg
diff --git a/apps/gamecenter.jpg b/apps/gamecenter.jpg
diff --git a/apps/hnreader.jpg b/apps/hnreader.jpg
diff --git a/apps/hnreader.png b/apps/hnreader.png
diff --git a/apps/imovie.jpg b/apps/imovie.jpg
diff --git a/apps/ipad.jpg b/apps/ipad.jpg
diff --git a/apps/ipad_sprite.png b/apps/ipad_sprite.png
diff --git a/apps/ipod.jpg b/apps/ipod.jpg
diff --git a/apps/lock.png b/apps/lock.png
diff --git a/apps/lockscreen.jpg b/apps/lockscreen.jpg
diff --git a/apps/lockscreen.png b/apps/lockscreen.png
diff --git a/apps/mail.jpg b/apps/mail.jpg
diff --git a/apps/maps.jpg b/apps/maps.jpg
diff --git a/apps/messages.jpg b/apps/messages.jpg
diff --git a/apps/notes.jpg b/apps/notes.jpg
diff --git a/apps/photobooth.jpg b/apps/photobooth.jpg
diff --git a/apps/photos.jpg b/apps/photos.jpg
diff --git a/apps/safari.jpg b/apps/safari.jpg
diff --git a/apps/search.png b/apps/search.png
diff --git a/apps/settings.jpg b/apps/settings.jpg
diff --git a/apps/stocks.jpg b/apps/stocks.jpg
diff --git a/apps/timezones.jpg b/apps/timezones.jpg
diff --git a/apps/topbar.png b/apps/topbar.png
diff --git a/apps/unlock.jpg b/apps/unlock.jpg
diff --git a/apps/weather.jpg b/apps/weather.jpg
diff --git a/img/flash_lego_block.png b/img/flash_lego_block.png
diff --git a/img/google_maps_pin.png b/img/google_maps_pin.png
diff --git a/img/hold.jpg b/img/hold.jpg
diff --git a/img/notes_bg.jpg b/img/notes_bg.jpg
diff --git a/img/pocket.png b/img/pocket.png
diff --git a/img/safari_sprites.png b/img/safari_sprites.png
diff --git a/img/selected.png b/img/selected.png
diff --git a/index.php b/index.php
@@ -10,14 +10,14 @@
 );
 $apps[1] = Array(
     'Maps',
-    Array('WTF',Array('Messages','Weather','Clock','Maps','Notes','Timezones')),
+    Array('Folder',Array('Messages','Weather','Clock','Maps','Notes','Timezones')),
     'camera',
     'Photo Booth',
     'facetime',
     'Game Center',
     'Notes',
     'Photos',
-    'Timezones',
+    'HN reader',
     'Weather',
 );
 $apps[2] = Array(
@@ -51,12 +51,7 @@
     <link rel="icon" type="image/png" href="favicon.ico">
     <link rel="stylesheet" href="style/ipad.css" type="text/css" media="screen"/>
     <link rel="image_src" href="http://alexw.me/ipad2/apps/facebook.jpg" />
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
-    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>
-    <script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>
-    <script type="text/javascript" src="js/plugins.js"></script>
-    <script type="text/javascript" src="js/jquery.ui.ipad.js"></script>
-    <script type="text/javascript" src="js/ipad.js"></script>
+
 </head>
 <body id="ipad">
 <div id="externalContainer">
@@ -191,6 +186,13 @@
     <div id="home"></div>
     <div id="sleep"></div>
 </div>
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>
+    <script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>
+    <script type="text/javascript" src="js/plugins-ck.js"></script>
+    <script type="text/javascript" src="js/jquery.ui.ipad.js"></script>
+    <script type="text/javascript" src="js/ipad-ck.js"></script>
         <!-- Place this tag in your head or just before your close body tag -->
     <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
 <!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet