[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;
        background: none;
    }

    #lcd {
        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>
    <script type="text/javascript">
        if (kCFCoreFoundationVersionNumber > 800)
            document.write('<div style="height: 24px"></div>');
        else
            document.write('<style type="text/css"> #lcd { background: url(cydget://_UIImageWithName/UILCDBackground.png); } </style>');
    </script>
    <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 {
545370d8 JF	30	color: white;
5bc15b17	31	background: none;
545370d8 JF	32	}
	33
	34	#lcd {
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>
5bc15b17 JF	125	<script type="text/javascript">
	126	if (kCFCoreFoundationVersionNumber > 800)
	127	document.write('<div style="height: 24px"></div>');
	128	else
	129	document.write('<style type="text/css"> #lcd { background: url(cydget://_UIImageWithName/UILCDBackground.png); } </style>');
	130	</script>
3aa346e5	131	<div id="lcd">
81c3ce7d JF	132	<script type="text/javascript">
	133	document.write('<h1 id="time">');
	134
	135	var time;
	136	if (typeof Cycript != 'undefined')
	137	time = ' ';
	138	else {
	139	var now = new Date();
	140	var minutes = String(now.getMinutes());
	141	if (minutes.length == 1)
	142	minutes = '0' + minutes
	143	time = now.getHours() + ':' + minutes;
	144	}
	145
4e8fa43b	146	document.write(time);
81c3ce7d JF	147	document.write('</h1>');
81c3ce7d JF	148	</script>
4e8fa43b	149
3aa346e5 JF	150	<h2>Welcome to Cydget!</h2>
	151	</div>
	152
	153	<div id="content">
81c3ce7d	154	<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	155	<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>
	156	</div>
	157
3a0081b3	158	<!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
d67f2086	159	<script type="text/cycript">
3a0081b3 JF	160	var locale = CFLocaleCopyCurrent();
	161	var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
	162	var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
	163	CFRelease(locale);
	164
	165	CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
	166	var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
3aa346e5	167	document.getElementById("time").innerHTML = time;
3a0081b3 JF	168	CFRelease(time);
3a0081b3 JF	169
3a0081b3 JF	170	CFRelease(formatter);
3a0081b3 JF	171	CFRelease(now);
d67f2086	172	</script>
3d796c95	173	</body></html>