[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: 320px;
    }

    #lcd h1 {
        font-family: "LockClock-Light";
        font-size: 65px;
        left: 1px;
        position: relative;
        text-align: center;
        text-shadow: -0.5px -1px 1px black;
        top: -6px;
        width: 319px;
    }

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

    #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;
	36	width: 320px;
	37	}
	38
	39	#lcd h1 {
	40	font-family: "LockClock-Light";
	41	font-size: 65px;
	42	left: 1px;
	43	position: relative;
	44	text-align: center;
	45	text-shadow: -0.5px -1px 1px black;
	46	top: -6px;
42936531	47	width: 319px;
545370d8 JF	48	}
	49
	50	#lcd h2 {
3a0081b3	51	font-family: "Helvetica";
545370d8	52	font-size: 17px;
545370d8 JF	53	position: relative;
	54	text-align: center;
	55	text-shadow: -0.5px -1px 1px black;
	56	top: -16px;
	57	}
3aa346e5 JF	58
	59	#content {
	60	font-family: "Helvetica";
	61	}
	62
	63	#content h3 {
	64	font-size: 20px;
	65	text-align: center;
	66	margin-bottom: 10px;
	67	}
	68
	69	#content p {
	70	font-size: 14px;
	71	text-align: justify;
	72	margin: 10px 12px;
	73	}
	74
	75	sup {
	76	font-size: smaller;
	77	position: relative;
	78	top: -5px;
	79	}
545370d8	80	</style></head><body>
3aa346e5	81	<div id="lcd">
81c3ce7d JF	82	<script type="text/javascript">
	83	document.write('<h1 id="time">');
	84
	85	var time;
	86	if (typeof Cycript != 'undefined')
	87	time = ' ';
	88	else {
	89	var now = new Date();
	90	var minutes = String(now.getMinutes());
	91	if (minutes.length == 1)
	92	minutes = '0' + minutes
	93	time = now.getHours() + ':' + minutes;
	94	}
	95
4e8fa43b	96	document.write(time);
81c3ce7d JF	97	document.write('</h1>');
81c3ce7d JF	98	</script>
4e8fa43b	99
3aa346e5 JF	100	<h2>Welcome to Cydget!</h2>
	101	</div>
	102
	103	<div id="content">
81c3ce7d	104	<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	105	<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>
	106	</div>
	107
3a0081b3	108	<!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
d67f2086	109	<script type="text/cycript">
3a0081b3 JF	110	var locale = CFLocaleCopyCurrent();
	111	var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
	112	var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
	113	CFRelease(locale);
	114
	115	CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
	116	var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
3aa346e5	117	document.getElementById("time").innerHTML = time;
3a0081b3 JF	118	CFRelease(time);
3a0081b3 JF	119
3a0081b3 JF	120	CFRelease(formatter);
3a0081b3 JF	121	CFRelease(now);
d67f2086	122	</script>
3d796c95	123	</body></html>