[cydget.git] / Welcome.cydget / Welcome.html

<html><head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<style>
    bob { color: red; }
</style>

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

    @media (-cydget-media-controls) {
        #lcd {
            opacity: 0;
        }
    }

    @media (-cydget-notification-list) {
        #content {
            opacity: 0;
        }
    }
</style></head><body>
    <script type="text/javascript">
        if (kCFCoreFoundationVersionNumber > 800)
            document.write('<div style="height: 60px"></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 = id(time);
        CFRelease(time);

        CFRelease(formatter);
        CFRelease(now);
    </script>
</body></html>
Commit	Line	Data
3d796c95	1	<html><head>
545370d8	2	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
cf677acc JF	3	<style>
	4	bob { color: red; }
	5	</style>
	6
545370d8 JF	7	<style>
	8	* {
	9	border: 0;
	10	-moz-border-radius: 0;
	11	-webkit-border-radius: 0;
	12	box-sizing: border-box;
	13	-moz-box-sizing: border-box;
	14	-ms-box-sizing: border-box;
	15	-webkit-box-sizing: border-box;
	16	/font-family: inherit;/
	17	font-size: 100%;
	18	font-style: inherit;
	19	font-weight: inherit;
	20	margin: 0;
	21	outline: 0;
	22	padding: 0;
	23	text-decoration: none;
	24	vertical-align: baseline;
	25	}
	26
17f70613 JF	27	* {
	28	-webkit-touch-callout: none;
	29	-webkit-text-size-adjust: none;
	30	-webkit-user-select: none;
	31	}
	32
545370d8 JF	33	body {
545370d8 JF	34	color: white;
5bc15b17	35	background: none;
545370d8 JF	36	}
	37
	38	#lcd {
babcd82f	39	width: 100%;
545370d8 JF	40	}
	41
	42	#lcd h1 {
	43	font-family: "LockClock-Light";
babcd82f	44	padding: 0px 0px 0px 1px;
545370d8 JF	45	position: relative;
	46	text-align: center;
	47	text-shadow: -0.5px -1px 1px black;
545370d8 JF	48	}
	49
	50	#lcd h2 {
3a0081b3	51	font-family: "Helvetica";
545370d8 JF	52	position: relative;
	53	text-align: center;
	54	text-shadow: -0.5px -1px 1px black;
babcd82f JF	55	}
	56
	57	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
f2ad4cc0 JF	58	#lcd {
	59	height: 96px;
	60	}
	61
babcd82f JF	62	#lcd h1 {
	63	font-size: 65px;
	64	top: -6px;
	65	}
	66
	67	#lcd h2 {
	68	font-size: 17px;
	69	top: -16px;
	70	}
	71	}
	72
	73	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
f2ad4cc0 JF	74	#lcd {
	75	background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png);
	76	height: 96px;
	77	}
	78
babcd82f JF	79	#lcd h1 {
	80	font-size: 69px;
	81	top: -8px;
	82	}
	83
	84	#lcd h2 {
	85	font-size: 16px;
	86	top: -18px;
	87	}
	88	}
	89
	90	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	91	#lcd {
f2ad4cc0	92	background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png);
babcd82f JF	93	height: 107px;
	94	}
	95
	96	#lcd h1 {
	97	font-size: 69px;
	98	top: -1px;
	99	}
	100
	101	#lcd h2 {
	102	font-size: 16px;
	103	top: -8px;
	104	}
545370d8	105	}
3aa346e5 JF	106
	107	#content {
	108	font-family: "Helvetica";
	109	}
	110
	111	#content h3 {
	112	font-size: 20px;
	113	text-align: center;
	114	margin-bottom: 10px;
	115	}
	116
	117	#content p {
	118	font-size: 14px;
	119	text-align: justify;
	120	margin: 10px 12px;
	121	}
	122
	123	sup {
	124	font-size: smaller;
	125	position: relative;
	126	top: -5px;
	127	}
cf677acc	128
c2822942	129	@media (-cydget-media-controls) {
cf677acc JF	130	#lcd {
	131	opacity: 0;
	132	}
	133	}
	134
c2822942	135	@media (-cydget-notification-list) {
cf677acc JF	136	#content {
	137	opacity: 0;
	138	}
	139	}
545370d8	140	</style></head><body>
5bc15b17 JF	141	<script type="text/javascript">
5bc15b17 JF	142	if (kCFCoreFoundationVersionNumber > 800)
cf677acc	143	document.write('<div style="height: 60px"></div>');
5bc15b17 JF	144	else
	145	document.write('<style type="text/css"> #lcd { background: url(cydget://_UIImageWithName/UILCDBackground.png); } </style>');
	146	</script>
3aa346e5	147	<div id="lcd">
81c3ce7d JF	148	<script type="text/javascript">
	149	document.write('<h1 id="time">');
	150
	151	var time;
	152	if (typeof Cycript != 'undefined')
	153	time = ' ';
	154	else {
	155	var now = new Date();
	156	var minutes = String(now.getMinutes());
	157	if (minutes.length == 1)
	158	minutes = '0' + minutes
	159	time = now.getHours() + ':' + minutes;
	160	}
	161
4e8fa43b	162	document.write(time);
81c3ce7d JF	163	document.write('</h1>');
81c3ce7d JF	164	</script>
4e8fa43b	165
3aa346e5 JF	166	<h2>Welcome to Cydget!</h2>
	167	</div>
	168
	169	<div id="content">
81c3ce7d	170	<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	171	<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>
	172	</div>
	173
3a0081b3	174	<!-- XXX: extract this out to some kind of nifty Lock Cydget library -->
d67f2086	175	<script type="text/cycript">
3a0081b3 JF	176	var locale = CFLocaleCopyCurrent();
	177	var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
	178	var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
	179	CFRelease(locale);
	180
	181	CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
	182	var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
79517f12	183	document.getElementById("time").innerHTML = id(time);
3a0081b3 JF	184	CFRelease(time);
3a0081b3 JF	185
3a0081b3 JF	186	CFRelease(formatter);
3a0081b3 JF	187	CFRelease(now);
d67f2086	188	</script>
3d796c95	189	</body></html>