Finished implementing text/cycript.
[cydget.git] / Welcome.html
1 <html><head>
2 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
3 <style>
4 * {
5 border: 0;
6 -moz-border-radius: 0;
7 -webkit-border-radius: 0;
8 box-sizing: border-box;
9 -moz-box-sizing: border-box;
10 -ms-box-sizing: border-box;
11 -webkit-box-sizing: border-box;
12 /*font-family: inherit;*/
13 font-size: 100%;
14 font-style: inherit;
15 font-weight: inherit;
16 margin: 0;
17 outline: 0;
18 padding: 0;
19 text-decoration: none;
20 vertical-align: baseline;
21 }
22
23 body {
24 color: white;
25 }
26
27 #lcd {
28 background: url(cydget://_UIImageWithName/UILCDBackground.png);
29 height: 96px;
30 width: 320px;
31 }
32
33 #lcd h1 {
34 font-family: "LockClock-Light";
35 font-size: 65px;
36 left: 1px;
37 position: relative;
38 text-align: center;
39 text-shadow: -0.5px -1px 1px black;
40 top: -6px;
41 }
42
43 #lcd h2 {
44 font-family: "Helvetica";
45 font-size: 17px;
46 position: relative;
47 text-align: center;
48 text-shadow: -0.5px -1px 1px black;
49 top: -16px;
50 }
51
52 #content {
53 font-family: "Helvetica";
54 }
55
56 #content h3 {
57 font-size: 20px;
58 text-align: center;
59 margin-bottom: 10px;
60 }
61
62 #content p {
63 font-size: 14px;
64 text-align: justify;
65 margin: 10px 12px;
66 }
67
68 sup {
69 font-size: smaller;
70 position: relative;
71 top: -5px;
72 }
73 </style></head><body>
74 <div id="lcd">
75 <h1 id="time"><script type="text/javascript">
76 var now = new Date();
77 var minutes = now.getMinutes();
78 if (minutes.length == 1)
79 minutes = '0' + minutes
80 var time = now.getHours() + ':' + minutes;
81 document.write(time);
82 </script></h1>
83
84 <h2>Welcome to Cydget!</h2>
85 </div>
86
87 <div id="content">
88 <p>Cydget<sup>tm</sup> is a very simple SBAwayViewPlugin multiplexer, allowing both developers and web designers to extend the capabilities of the lock screen by tapping into the existing mechanism Apple is already using for VoiceRecorder and Nike+. The WebCycript Cydget framework is designed to be a powerful replacement for the Lock Widget feature from WinterBoard, which it hereby supercedes.</p>
89 <a href="http://www.saurik.com/">Home</a>
90 <p>You can switch between Cydgets (your original SpringBoard away view is next in the rotation) using the Home/Menu button, and you can re-order them using Settings under "Cydget".</p>
91 </div>
92
93 <!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
94 <!-- XXX: this is incredibly indirect. I mean: wth, right? well, Cycript is the slowest thing on this page -->
95 <!-- (in case anyone reading this: I believe it is entirely due to sqlite3, and I will be fixing this soon) -->
96 <script type="text/cycript">document.addEventListener("DOMContentLoaded", function() { window.setTimeout(function() { with (Cycript.all) {
97 var locale = CFLocaleCopyCurrent();
98 var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
99 var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
100 CFRelease(locale);
101
102 CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
103 var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
104 document.getElementById("time").innerHTML = time;
105 CFRelease(time);
106
107 CFRelease(formatter);
108 CFRelease(now);
109 }}, 0)}, false);</script>
110 </body></html>