[cydget.git] / Welcome.html

<html><head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<style>
    * {
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        /*font-family: inherit;*/
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        text-decoration: none;
        vertical-align: baseline;
    }

    * {
        -webkit-touch-callout: none;
        -webkit-text-size-adjust: none;
        -webkit-user-select: none;
    }

    body {
        color: white;
    }

    #lcd {
        background: url(cydget://_UIImageWithName/UILCDBackground.png);
        width: 100%;
    }

    #lcd h1 {
        font-family: "LockClock-Light";
        padding: 0px 0px 0px 1px;
        position: relative;
        text-align: center;
        text-shadow: -0.5px -1px 1px black;
    }

    #lcd h2 {
        font-family: "Helvetica";
        position: relative;
        text-align: center;
        text-shadow: -0.5px -1px 1px black;
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
        #lcd {
            height: 96px;
        }

        #lcd h1 {
            font-size: 65px;
            top: -6px;
        }

        #lcd h2 {
            font-size: 17px;
            top: -16px;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        #lcd {
            background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png);
            height: 96px;
        }

        #lcd h1 {
            font-size: 69px;
            top: -8px;
        }

        #lcd h2 {
            font-size: 16px;
            top: -18px;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #lcd {
            background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png);
            height: 107px;
        }

        #lcd h1 {
            font-size: 69px;
            top: -1px;
        }

        #lcd h2 {
            font-size: 16px;
            top: -8px;
        }
    }

    #content {
        font-family: "Helvetica";
    }

    #content h3 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }

    #content p {
        font-size: 14px;
        text-align: justify;
        margin: 10px 12px;
    }

    sup {
        font-size: smaller;
        position: relative;
        top: -5px;
    }
</style></head><body>
    <div id="lcd">
        <script type="text/javascript">
            document.write('<h1 id="time">');

            var time;
            if (typeof Cycript != 'undefined')
                time = '&nbsp;';
            else {
                var now = new Date();
                var minutes = String(now.getMinutes());
                if (minutes.length == 1)
                    minutes = '0' + minutes
                time = now.getHours() + ':' + minutes;
            }

            document.write(time);
            document.write('</h1>');
        </script>

        <h2>Welcome to Cydget!</h2>
    </div>

    <div id="content">
        <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>
        <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>
    </div>

    <!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
    <script type="text/cycript">
        var locale = CFLocaleCopyCurrent();
        var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
        var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
        CFRelease(locale);

        CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
        var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
        document.getElementById("time").innerHTML = time;
        CFRelease(time);

        CFRelease(formatter);
        CFRelease(now);
    </script>
</body></html>
Commit	Line	Data
3d796c95	1	<html><head>
545370d8 JF	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
17f70613 JF	23	* {
	24	-webkit-touch-callout: none;
	25	-webkit-text-size-adjust: none;
	26	-webkit-user-select: none;
	27	}
	28
545370d8 JF	29	body {
	30	color: white;
	31	}
	32
	33	#lcd {
	34	background: url(cydget://_UIImageWithName/UILCDBackground.png);
babcd82f	35	width: 100%;
545370d8 JF	36	}
	37
	38	#lcd h1 {
	39	font-family: "LockClock-Light";
babcd82f	40	padding: 0px 0px 0px 1px;
545370d8 JF	41	position: relative;
	42	text-align: center;
	43	text-shadow: -0.5px -1px 1px black;
545370d8 JF	44	}
	45
	46	#lcd h2 {
3a0081b3	47	font-family: "Helvetica";
545370d8 JF	48	position: relative;
	49	text-align: center;
	50	text-shadow: -0.5px -1px 1px black;
babcd82f JF	51	}
	52
	53	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
f2ad4cc0 JF	54	#lcd {
	55	height: 96px;
	56	}
	57
babcd82f JF	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) {
f2ad4cc0 JF	70	#lcd {
	71	background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png);
	72	height: 96px;
	73	}
	74
babcd82f JF	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 {
f2ad4cc0	88	background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png);
babcd82f JF	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	}
545370d8	101	}
3aa346e5 JF	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	}
545370d8	124	</style></head><body>
3aa346e5	125	<div id="lcd">
81c3ce7d JF	126	<script type="text/javascript">
	127	document.write('<h1 id="time">');
	128
	129	var time;
	130	if (typeof Cycript != 'undefined')
	131	time = ' ';
	132	else {
	133	var now = new Date();
	134	var minutes = String(now.getMinutes());
	135	if (minutes.length == 1)
	136	minutes = '0' + minutes
	137	time = now.getHours() + ':' + minutes;
	138	}
	139
4e8fa43b	140	document.write(time);
81c3ce7d JF	141	document.write('</h1>');
81c3ce7d JF	142	</script>
4e8fa43b	143
3aa346e5 JF	144	<h2>Welcome to Cydget!</h2>
	145	</div>
	146
	147	<div id="content">
81c3ce7d	148	<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>
3aa346e5 JF	149	<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>
	150	</div>
	151
3a0081b3	152	<!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
d67f2086	153	<script type="text/cycript">
3a0081b3 JF	154	var locale = CFLocaleCopyCurrent();
	155	var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
	156	var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
	157	CFRelease(locale);
	158
	159	CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
	160	var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
3aa346e5	161	document.getElementById("time").innerHTML = time;
3a0081b3 JF	162	CFRelease(time);
3a0081b3 JF	163
3a0081b3 JF	164	CFRelease(formatter);
3a0081b3 JF	165	CFRelease(now);
d67f2086	166	</script>
3d796c95	167	</body></html>