| <!-- |
| Important: |
| |
| This is sample code demonstrating API, technology or techniques in development. |
| Although this sample code has been reviewed for technical accuracy, it is not |
| final. Apple is supplying this information to help you plan for the adoption of |
| the technologies and programming interfaces described herein. This information |
| is subject to change, and software implemented based on this sample code should |
| be tested with final operating system software and final documentation. Newer |
| versions of this sample code may be provided with future seeds of the API or |
| technology. For information about updates to this and other developer |
| documentation, view the New & Updated sidebars in subsequent documentation seeds. |
| --> |
| |
| <!-- |
| File: index.html |
| Abstract: Content layout for the leaves sample. |
| Displays a set of colored leaves falling down. |
| |
| 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//EN" |
| "http://www.w3.org/TR/html4/strict.dtd"> |
| |
| <html> |
| <head> |
| <title>Falling Leaves — Using CSS Animations and Transforms</title> |
| <meta http-equiv="Content-type" content="text/html; charset=utf-8"> |
| <meta name="viewport" content="width=500px, initial-scale=0.64"> |
| <link rel="apple-touch-icon" href="images/apple-touch-icon.png"/> |
| <!-- The leaves.css file animates the leaves --> |
| <link rel="stylesheet" href="leaves.css" type="text/css" media="screen" charset="utf-8"> |
| <!-- The leaves.js file creates the leaves --> |
| <script src="leaves.js" type="text/javascript" charset="utf-8"></script> |
| </head> |
| <body> |
| <div id="container"> |
| <!-- The container is dynamically populated using the init function in leaves.js --> |
| <!-- Its dimensions and position are defined using its id selector in leaves.css --> |
| <div id="leafContainer"></div> |
| <!-- its appearance, dimensions, and position are defined using its id selector in leaves.css --> |
| <div id="message"> |
| <p> |
| Fall leaves are beautiful… |
| <br> |
| on someone else’s lawn.</p> |
| <p><em>Dino’s Lawn Care</em><br><span class="phone">☎</span> 555-2143</p> |
| </div> |
| </div> |
| </body> |
| </html> |
