-
Notifications
You must be signed in to change notification settings - Fork 78
/
app.php
80 lines (76 loc) · 4.14 KB
/
app.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<?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 ">
<div class="ban_right">
<script id="mNCC" language="javascript"> medianet_width='160'; medianet_height= '600'; medianet_crid='721461127'; </script> <script id="mNSC" src="http://contextual.media.net/nmedianet.js?cid=8CUQSB4X7" language="javascript"></script>
</div>
</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>