apple this is a bit rude..

apple-meta.haml

%link{ rel:  "shortcut icon", href: "/favicon.ico" }
%meta{ name: "viewport", content: "width=device-width, user-scalable=no" }
%meta{ name: "apple-mobile-web-app-capable", content: "yes" }
%link{ rel:  "apple-touch-icon-precomposed",                   href: "/touch-icon-57x57-precomposed.png" }
%link{ rel:  "apple-touch-icon-precomposed", sizes: "72x72",   href: "/touch-icon-72x72-precomposed.png" }
%link{ rel:  "apple-touch-icon-precomposed", sizes: "114x114", href: "/touch-icon-114x114-precomposed.png" }
%link{ rel:  "apple-touch-icon-precomposed", sizes: "144x144", href: "/touch-icon-144x144-precomposed.png" }
%link{ href: "apple-touch-startup-image-320x460.png",   rel:"apple-touch-startup-image", media: "(device-width: 320px)" }
%link{ href: "apple-touch-startup-image-640x920.png",   rel:"apple-touch-startup-image", media: "(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" }
%link{ href: "apple-touch-startup-image-768x1004.png",  rel:"apple-touch-startup-image", media: "(device-width: 768px) and (orientation: portrait)" }
%link{ href: "apple-touch-startup-image-748x1024.png",  rel:"apple-touch-startup-image", media: "(device-width: 768px) and (orientation: landscape)" }
%link{ href: "apple-touch-startup-image-1536x2008.png", rel:"apple-touch-startup-image", media: "(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" }
%link{ href: "apple-touch-startup-image-2048x1496.png", rel:"apple-touch-startup-image", media: "(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" }