Finalized Welcome wording and ported back to 2.2.
[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 <script type="text/javascript">
76 document.write('<h1 id="time">');
77
78 var time;
79 if (typeof Cycript != 'undefined')
80 time = '&nbsp;';
81 else {
82 var now = new Date();
83 var minutes = String(now.getMinutes());
84 if (minutes.length == 1)
85 minutes = '0' + minutes
86 time = now.getHours() + ':' + minutes;
87 }
88
89 document.write(time);
90 document.write('</h1>');
91 </script>
92
93 <h2>Welcome to Cydget!</h2>
94 </div>
95
96 <div id="content">
97 <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 had designed 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 supersedes.</p>
98 <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>
99 </div>
100
101 <!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
102 <!-- XXX: this is incredibly indirect. I mean: wth, right? well, Cycript is the slowest thing on this page -->
103 <!-- (in case anyone reading this: I believe it is entirely due to sqlite3, and I will be fixing this soon) -->
104 <script type="text/cycript">document.addEventListener("DOMContentLoaded", function() { window.setTimeout(function() {
105 var locale = CFLocaleCopyCurrent();
106 var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
107 var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
108 CFRelease(locale);
109
110 CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
111 var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
112 document.getElementById("time").innerHTML = time;
113 CFRelease(time);
114
115 CFRelease(formatter);
116 CFRelease(now);
117 }, 0)}, false);</script>
118 </body></html>