[cydget.git] / PhotoExample.cydget / index.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);
        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";
        min-height: 268px;
        text-align:center;
    }

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

    #content img {
        margin: auto;
        max-width: 100%;
        vertical-align:middle;
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
        #content img {
            max-height: 268px;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        #content img {
            max-height: 556px;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #content img {
            max-height: 769px;
        }
    }
</style></head><body>
    <div id="content">
        <script type="text/cycript" src="lcd.cy"></script>
    <script type="text/cycript">
        dlopen("/System/Library/PrivateFrameworks/PhotoLibrary.framework/PhotoLibrary", RTLD_GLOBAL);

        var old = [PLCameraAlbum respondsToSelector:@selector(sharedInstance)];

        var album;
        if (old)
            album = [[PLCameraAlbum sharedInstance] images];
        else
            album = [[[PLPhotoLibrary sharedPhotoLibrary] albums][0] contents];

        var jpeg = null, length = album.length;
        for (var i = 0; i != 5; ++i) {
            var object = album[Math.floor(Math.random() * length)];
            if (old)
                jpeg = [[object fileGroup] pathForFullSizeImage];
            else
                jpeg = '/var/mobile/Media/' + [object directory].toString() + '/' + [object filename].toString();
            if (jpeg != null)
                break;
        }

        if (jpeg == null)
            for (var i = 0; i != length; ++i) {
                jpeg = [[album[Math.floor(i)] fileGroup] pathForFullSizeImage];
                if (jpeg != null)
                    break;
            }

        document.write('<img src="' + jpeg.toString() + '"/>');
    </script></div>
</body></html>
Commit	Line	Data
17854c1a JF	1	<html><head>
	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
17854c1a JF	29	body {
	30	color: white;
	31	}
	32
	33	#lcd {
	34	background: url(cydget://_UIImageWithName/UILCDBackground.png);
babcd82f	35	width: 100%;
17854c1a JF	36	}
	37
	38	#lcd h1 {
	39	font-family: "LockClock-Light";
babcd82f	40	padding: 0px 0px 0px 1px;
17854c1a JF	41	position: relative;
	42	text-align: center;
	43	text-shadow: -0.5px -1px 1px black;
17854c1a JF	44	}
	45
	46	#lcd h2 {
	47	font-family: "Helvetica";
17854c1a 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	}
17854c1a JF	101	}
	102
	103	#content {
	104	font-family: "Helvetica";
	105	min-height: 268px;
	106	text-align:center;
	107	}
	108
	109	#content h3 {
	110	font-size: 20px;
	111	text-align: center;
	112	margin-bottom: 10px;
	113	}
	114
	115	#content p {
	116	font-size: 14px;
	117	text-align: justify;
	118	margin: 10px 12px;
	119	}
	120
	121	sup {
	122	font-size: smaller;
	123	position: relative;
	124	top: -5px;
	125	}
	126
	127	#content img {
	128	margin: auto;
9a0e0f69	129	max-width: 100%;
17854c1a JF	130	vertical-align:middle;
17854c1a JF	131	}
9a0e0f69 JF	132
	133	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	134	#content img {
	135	max-height: 268px;
	136	}
	137	}
	138
	139	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	140	#content img {
	141	max-height: 556px;
	142	}
	143	}
	144
	145	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	146	#content img {
	147	max-height: 769px;
	148	}
	149	}
17854c1a	150	</style></head><body>
89afbf46 JF	151	<div id="content">
89afbf46 JF	152	<script type="text/cycript" src="lcd.cy"></script>
89afbf46	153	<script type="text/cycript">
17854c1a	154	dlopen("/System/Library/PrivateFrameworks/PhotoLibrary.framework/PhotoLibrary", RTLD_GLOBAL);
a00c1c49 JF	155
	156	var old = [PLCameraAlbum respondsToSelector:@selector(sharedInstance)];
	157
	158	var album;
	159	if (old)
	160	album = [[PLCameraAlbum sharedInstance] images];
	161	else
	162	album = [[[PLPhotoLibrary sharedPhotoLibrary] albums][0] contents];
17854c1a JF	163
	164	var jpeg = null, length = album.length;
	165	for (var i = 0; i != 5; ++i) {
a00c1c49 JF	166	var object = album[Math.floor(Math.random() * length)];
	167	if (old)
	168	jpeg = [[object fileGroup] pathForFullSizeImage];
	169	else
	170	jpeg = '/var/mobile/Media/' + [object directory].toString() + '/' + [object filename].toString();
17854c1a JF	171	if (jpeg != null)
	172	break;
	173	}
	174
	175	if (jpeg == null)
	176	for (var i = 0; i != length; ++i) {
d67f2086	177	jpeg = [[album[Math.floor(i)] fileGroup] pathForFullSizeImage];
17854c1a JF	178	if (jpeg != null)
	179	break;
	180	}
	181
89afbf46	182	document.write('<img src="' + jpeg.toString() + '"/>');
17854c1a JF	183	</script></div>
17854c1a JF	184	</body></html>