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