index.html
<!-- |
File: index.html |
Abstract: Content layout for the Finger Tips sample. |
Version: 1.0 |
Disclaimer: IMPORTANT: This Apple software is supplied to you by |
Apple Inc. ("Apple") in consideration of your agreement to the |
following terms, and your use, installation, modification or |
redistribution of this Apple software constitutes acceptance of these |
terms. If you do not agree with these terms, please do not use, |
install, modify or redistribute this Apple software. |
In consideration of your agreement to abide by the following terms, and |
subject to these terms, Apple grants you a personal, non-exclusive |
license, under Apple's copyrights in this original Apple software (the |
"Apple Software"), to use, reproduce, modify and redistribute the Apple |
Software, with or without modifications, in source and/or binary forms; |
provided that if you redistribute the Apple Software in its entirety and |
without modifications, you must retain this notice and the following |
text and disclaimers in all such redistributions of the Apple Software. |
Neither the name, trademarks, service marks or logos of Apple Inc. |
may be used to endorse or promote products derived from the Apple |
Software without specific prior written permission from Apple. Except |
as expressly stated in this notice, no other rights or licenses, express |
or implied, are granted by Apple herein, including but not limited to |
any patent rights that may be infringed by your derivative works or by |
other works in which the Apple Software may be incorporated. |
The Apple Software is provided by Apple on an "AS IS" basis. APPLE |
MAKES NO WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION |
THE IMPLIED WARRANTIES OF NON-INFRINGEMENT, MERCHANTABILITY AND FITNESS |
FOR A PARTICULAR PURPOSE, REGARDING THE APPLE SOFTWARE OR ITS USE AND |
OPERATION ALONE OR IN COMBINATION WITH YOUR PRODUCTS. |
IN NO EVENT SHALL APPLE BE LIABLE FOR ANY SPECIAL, INDIRECT, INCIDENTAL |
OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
INTERRUPTION) ARISING IN ANY WAY OUT OF THE USE, REPRODUCTION, |
MODIFICATION AND/OR DISTRIBUTION OF THE APPLE SOFTWARE, HOWEVER CAUSED |
AND WHETHER UNDER THEORY OF CONTRACT, TORT (INCLUDING NEGLIGENCE), |
STRICT LIABILITY OR OTHERWISE, EVEN IF APPLE HAS BEEN ADVISED OF THE |
POSSIBILITY OF SUCH DAMAGE. |
Copyright (C) 2008 Apple Inc. All Rights Reserved. |
--> |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<title>Finger Tips Browser</title> |
<!-- turn off page zooming entirely --> |
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
<script src="data.js" type="text/javascript" charset="utf-8"></script> |
<script src="script.js" type="text/javascript" charset="utf-8"></script> |
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> |
</head> |
<body> |
<!-- |
this is the ring container set with perspective and everything inside it has transform-style: preserve-3d, |
we also use this container to slide the whole ring in and out when going into and back from the detailed info view. |
--> |
<div id="ring-container"> |
<!-- this container is used to push back in the Z axis so that the ring's centered item appears pixel-aligned and legible --> |
<div id="ring-aligner"> |
<!-- this container contains the individual items and is used to set the rotation of the whole ring, and also to apply the selection transitions --> |
<ol id="ring"></ol> |
</div> |
</div> |
<!-- info pane --> |
<div id="info-pane"> |
<div id="info-back-button">Finger Tips</div> |
<div id="info-image-wrapper"> |
<img id="info-image"> |
<img id="info-play-button" src="ui/play_button.png"> |
<!-- movie --> |
<embed id="movie" type="video/quicktime"> |
</div> |
<div id="info-metadata"> |
<div id="info-title"></div> |
<div id="info-duration"></div> |
<div id="info-date"></div> |
</div> |
<div id="info-description"></div> |
</div> |
</body> |
</html> |
Copyright © 2008 Apple Inc. All Rights Reserved. Terms of Use | Privacy Policy | Updated: 2008-12-09