robzolkos
5/30/2012 - 2:35 PM

Web app with icons and startup images for iOS

Web app with icons and startup images for iOS

web-app.html
content_copyfile_download
<!doctype html>

<html>
    <head>
        <meta charset="utf-8">
        <meta content="yes" name="apple-mobile-web-app-capable">

        <!-- iPhone -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png"
              sizes="57x57"
              rel="apple-touch-icon">
        <!-- iPad -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-icon-72x72.png"
              sizes="72x72"
              rel="apple-touch-icon">
        <!-- iPhone (Retina) -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-icon-114x114.png"
              sizes="114x114"
              rel="apple-touch-icon">
        <!-- iPad (Retina) -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-icon-144x144.png"
              sizes="144x144"
              rel="apple-touch-icon">

        <!-- iPhone -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-320x460.png"
              media="(device-width: 320px)"
              rel="apple-touch-startup-image">
        <!-- iPhone (Retina) -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-640x920.png"
              media="(device-width: 320px)
                 and (-webkit-device-pixel-ratio: 2)"
              rel="apple-touch-startup-image">
        <!-- iPad (portrait) -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-768x1004.png"
              media="(device-width: 768px)
                 and (orientation: portrait)"
              rel="apple-touch-startup-image">
        <!-- iPad (landscape) -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-748x1024.png"
              media="(device-width: 768px)
                 and (orientation: landscape)"
              rel="apple-touch-startup-image">
        <!-- iPad (Retina, portrait) -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-1536x2008.png"
              media="(device-width: 1536px)
                 and (orientation: portrait)
                 and (-webkit-device-pixel-ratio: 2)"
              rel="apple-touch-startup-image">
        <!-- iPad (Retina, landscape) -->
        <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-1496x2048.png"
              media="(device-width: 1536px)
                 and (orientation: landscape)
                 and (-webkit-device-pixel-ratio: 2)"
              rel="apple-touch-startup-image">

        <title></title>
    </head>
    <body></body>
</html>