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     * {
  24         -webkit-touch-callout: none;
  25         -webkit-text-size-adjust: none;
  26         -webkit-user-select: none;
  27     }
  28
  29     body {
  30         color: white;
  31         background: none;
  32     }
  33
  34     #lcd {
  35         width: 100%;
  36     }
  37
  38     #lcd h1 {
  39         font-family: "LockClock-Light";
  40         padding: 0px 0px 0px 1px;
  41         position: relative;
  42         text-align: center;
  43         text-shadow: -0.5px -1px 1px black;
  44     }
  45
  46     #lcd h2 {
  47         font-family: "Helvetica";
  48         position: relative;
  49         text-align: center;
  50         text-shadow: -0.5px -1px 1px black;
  51     }
  52
  53     @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  54         #lcd {
  55             height: 96px;
  56         }
  57
  58         #lcd h1 {
  59             font-size: 65px;
  60             top: -6px;
  61         }
  62
  63         #lcd h2 {
  64             font-size: 17px;
  65             top: -16px;
  66         }
  67     }
  68
  69     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  70         #lcd {
  71             background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png);
  72             height: 96px;
  73         }
  74
  75         #lcd h1 {
  76             font-size: 69px;
  77             top: -8px;
  78         }
  79
  80         #lcd h2 {
  81             font-size: 16px;
  82             top: -18px;
  83         }
  84     }
  85
  86     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  87         #lcd {
  88             background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png);
  89             height: 107px;
  90         }
  91
  92         #lcd h1 {
  93             font-size: 69px;
  94             top: -1px;
  95         }
  96
  97         #lcd h2 {
  98             font-size: 16px;
  99             top: -8px;
 100         }
 101     }
 102
 103     #content {
 104         font-family: "Helvetica";
 105     }
 106
 107     #content h3 {
 108         font-size: 20px;
 109         text-align: center;
 110         margin-bottom: 10px;
 111     }
 112
 113     #content p {
 114         font-size: 14px;
 115         text-align: justify;
 116         margin: 10px 12px;
 117     }
 118
 119     sup {
 120         font-size: smaller;
 121         position: relative;
 122         top: -5px;
 123     }
 124 </style></head><body>
 125     <script type="text/javascript">
 126         if (kCFCoreFoundationVersionNumber > 800)
 127             document.write('<div style="height: 24px"></div>');
 128         else
 129             document.write('<style type="text/css"> #lcd { background: url(cydget://_UIImageWithName/UILCDBackground.png); } </style>');
 130     </script>
 131     <div id="lcd">
 132         <script type="text/javascript">
 133             document.write('<h1 id="time">');
 134
 135             var time;
 136             if (typeof Cycript != 'undefined')
 137                 time = '&nbsp;';
 138             else {
 139                 var now = new Date();
 140                 var minutes = String(now.getMinutes());
 141                 if (minutes.length == 1)
 142                     minutes = '0' + minutes
 143                 time = now.getHours() + ':' + minutes;
 144             }
 145
 146             document.write(time);
 147             document.write('</h1>');
 148         </script>
 149
 150         <h2>Welcome to Cydget!</h2>
 151     </div>
 152
 153     <div id="content">
 154         <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>
 155         <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>
 156     </div>
 157
 158     <!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
 159     <script type="text/cycript">
 160         var locale = CFLocaleCopyCurrent();
 161         var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
 162         var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
 163         CFRelease(locale);
 164
 165         CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
 166         var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
 167         document.getElementById("time").innerHTML = time;
 168         CFRelease(time);
 169
 170         CFRelease(formatter);
 171         CFRelease(now);
 172     </script>
 173 </body></html>