Permalink
Browse files

added folders!! and added hnreader

  • Loading branch information...
1 parent 7308519 commit c163f896d9cab8cd3bf88d8eb0837bf399a7e0ec @altryne committed Jun 16, 2012
Showing with 285 additions and 275 deletions.
  1. +86 −84 app.php
  2. BIN apps/blur.jpg
  3. BIN apps/calendar.jpg
  4. BIN apps/camera.jpg
  5. BIN apps/clock.jpg
  6. BIN apps/dock.png
  7. BIN apps/facebook.jpg
  8. BIN apps/facetime.jpg
  9. BIN apps/gamecenter.jpg
  10. BIN apps/hnreader.jpg
  11. BIN apps/hnreader.png
  12. BIN apps/imovie.jpg
  13. BIN apps/ipad.jpg
  14. BIN apps/ipad_sprite.png
  15. BIN apps/ipod.jpg
  16. BIN apps/lock.png
  17. BIN apps/lockscreen.jpg
  18. BIN apps/lockscreen.png
  19. BIN apps/mail.jpg
  20. BIN apps/maps.jpg
  21. BIN apps/messages.jpg
  22. BIN apps/notes.jpg
  23. BIN apps/photobooth.jpg
  24. BIN apps/photos.jpg
  25. BIN apps/safari.jpg
  26. BIN apps/search.png
  27. BIN apps/settings.jpg
  28. BIN apps/stocks.jpg
  29. BIN apps/timezones.jpg
  30. BIN apps/topbar.png
  31. BIN apps/unlock.jpg
  32. BIN apps/weather.jpg
  33. BIN img/flash_lego_block.png
  34. BIN img/google_maps_pin.png
  35. BIN img/hold.jpg
  36. BIN img/notes_bg.jpg
  37. BIN img/pocket.png
  38. BIN img/safari_sprites.png
  39. BIN img/selected.png
  40. +10 −8 index.php
  41. +1 −0 js/ipad-ck.js
  42. +7 −5 js/ipad.js
  43. +1 −0 js/notes-ck.js
  44. +178 −178 js/notes.js
  45. +2 −0 js/plugins-ck.js
  46. BIN photos/ipad_photos (1).jpg
  47. BIN photos/ipad_photos (10).jpg
  48. BIN photos/ipad_photos (11).jpg
  49. BIN photos/ipad_photos (12).jpg
  50. BIN photos/ipad_photos (13).jpg
  51. BIN photos/ipad_photos (14).jpg
  52. BIN photos/ipad_photos (15).jpg
  53. BIN photos/ipad_photos (16).jpg
  54. BIN photos/ipad_photos (17).jpg
  55. BIN photos/ipad_photos (18).jpg
  56. BIN photos/ipad_photos (19).jpg
  57. BIN photos/ipad_photos (2).jpg
  58. BIN photos/ipad_photos (20).jpg
  59. BIN photos/ipad_photos (21).jpg
  60. BIN photos/ipad_photos (22).jpg
  61. BIN photos/ipad_photos (23).jpg
  62. BIN photos/ipad_photos (24).jpg
  63. BIN photos/ipad_photos (25).jpg
  64. BIN photos/ipad_photos (3).jpg
  65. BIN photos/ipad_photos (4).jpg
  66. BIN photos/ipad_photos (5).jpg
  67. BIN photos/ipad_photos (6).jpg
  68. BIN photos/ipad_photos (7).jpg
  69. BIN photos/ipad_photos (8).jpg
  70. BIN photos/ipad_photos (9).jpg
View
170 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 ipad@alexw.me
- </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 ipad@alexw.me
+ </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>
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
@@ -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
Oops, something went wrong.

0 comments on commit c163f89

Please sign in to comment.