[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);
        height: 96px;
        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 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 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 {
            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);
	35	height: 96px;
babcd82f	36	width: 100%;
545370d8 JF	37	}
	38
	39	#lcd h1 {
	40	font-family: "LockClock-Light";
babcd82f	41	padding: 0px 0px 0px 1px;
545370d8 JF	42	position: relative;
	43	text-align: center;
	44	text-shadow: -0.5px -1px 1px black;
545370d8 JF	45	}
	46
	47	#lcd h2 {
3a0081b3	48	font-family: "Helvetica";
545370d8 JF	49	position: relative;
	50	text-align: center;
	51	text-shadow: -0.5px -1px 1px black;
babcd82f JF	52	}
	53
	54	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	55	#lcd h1 {
	56	font-size: 65px;
	57	top: -6px;
	58	}
	59
	60	#lcd h2 {
	61	font-size: 17px;
	62	top: -16px;
	63	}
	64	}
	65
	66	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	67	#lcd h1 {
	68	font-size: 69px;
	69	top: -8px;
	70	}
	71
	72	#lcd h2 {
	73	font-size: 16px;
	74	top: -18px;
	75	}
	76	}
	77
	78	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	79	#lcd {
	80	height: 107px;
	81	}
	82
	83	#lcd h1 {
	84	font-size: 69px;
	85	top: -1px;
	86	}
	87
	88	#lcd h2 {
	89	font-size: 16px;
	90	top: -8px;
	91	}
545370d8	92	}
3aa346e5 JF	93
	94	#content {
	95	font-family: "Helvetica";
	96	}
	97
	98	#content h3 {
	99	font-size: 20px;
	100	text-align: center;
	101	margin-bottom: 10px;
	102	}
	103
	104	#content p {
	105	font-size: 14px;
	106	text-align: justify;
	107	margin: 10px 12px;
	108	}
	109
	110	sup {
	111	font-size: smaller;
	112	position: relative;
	113	top: -5px;
	114	}
545370d8	115	</style></head><body>
3aa346e5	116	<div id="lcd">
81c3ce7d JF	117	<script type="text/javascript">
	118	document.write('<h1 id="time">');
	119
	120	var time;
	121	if (typeof Cycript != 'undefined')
	122	time = ' ';
	123	else {
	124	var now = new Date();
	125	var minutes = String(now.getMinutes());
	126	if (minutes.length == 1)
	127	minutes = '0' + minutes
	128	time = now.getHours() + ':' + minutes;
	129	}
	130
4e8fa43b	131	document.write(time);
81c3ce7d JF	132	document.write('</h1>');
81c3ce7d JF	133	</script>
4e8fa43b	134
3aa346e5 JF	135	<h2>Welcome to Cydget!</h2>
	136	</div>
	137
	138	<div id="content">
81c3ce7d	139	<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	140	<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>
	141	</div>
	142
3a0081b3	143	<!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
d67f2086	144	<script type="text/cycript">
3a0081b3 JF	145	var locale = CFLocaleCopyCurrent();
	146	var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
	147	var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
	148	CFRelease(locale);
	149
	150	CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
	151	var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
3aa346e5	152	document.getElementById("time").innerHTML = time;
3a0081b3 JF	153	CFRelease(time);
3a0081b3 JF	154
3a0081b3 JF	155	CFRelease(formatter);
3a0081b3 JF	156	CFRelease(now);
d67f2086	157	</script>
3d796c95	158	</body></html>