[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;
    }

    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;
    }

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