apple-header.svelte 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <script lang="ts">
  2. import appleIcon180 from '$lib/assets/apple/apple-icon-180.png';
  3. import appleSplash20482732 from '$lib/assets/apple/apple-splash-2048-2732.png';
  4. import appleSplash27322048 from '$lib/assets/apple/apple-splash-2732-2048.png';
  5. import appleSplash16682388 from '$lib/assets/apple/apple-splash-1668-2388.png';
  6. import appleSplash23881668 from '$lib/assets/apple/apple-splash-2388-1668.png';
  7. import appleSplash15362048 from '$lib/assets/apple/apple-splash-1536-2048.png';
  8. import appleSplash20481536 from '$lib/assets/apple/apple-splash-2048-1536.png';
  9. import appleSplash16682224 from '$lib/assets/apple/apple-splash-1668-2224.png';
  10. import appleSplash22241668 from '$lib/assets/apple/apple-splash-2224-1668.png';
  11. import appleSplash16202160 from '$lib/assets/apple/apple-splash-1620-2160.png';
  12. import appleSplash21601620 from '$lib/assets/apple/apple-splash-2160-1620.png';
  13. import appleSplash12902796 from '$lib/assets/apple/apple-splash-1290-2796.png';
  14. import appleSplash27961290 from '$lib/assets/apple/apple-splash-2796-1290.png';
  15. import appleSplash11792556 from '$lib/assets/apple/apple-splash-1179-2556.png';
  16. import appleSplash25561179 from '$lib/assets/apple/apple-splash-2556-1179.png';
  17. import appleSplash12842778 from '$lib/assets/apple/apple-splash-1284-2778.png';
  18. import appleSplash27781284 from '$lib/assets/apple/apple-splash-2778-1284.png';
  19. import appleSplash11702532 from '$lib/assets/apple/apple-splash-1170-2532.png';
  20. import appleSplash25321170 from '$lib/assets/apple/apple-splash-2532-1170.png';
  21. import appleSplash11252436 from '$lib/assets/apple/apple-splash-1125-2436.png';
  22. import appleSplash24361125 from '$lib/assets/apple/apple-splash-2436-1125.png';
  23. import appleSplash12422688 from '$lib/assets/apple/apple-splash-1242-2688.png';
  24. import appleSplash26881242 from '$lib/assets/apple/apple-splash-2688-1242.png';
  25. import appleSplash8281792 from '$lib/assets/apple/apple-splash-828-1792.png';
  26. import appleSplash1792828 from '$lib/assets/apple/apple-splash-1792-828.png';
  27. import appleSplash12422208 from '$lib/assets/apple/apple-splash-1242-2208.png';
  28. import appleSplash22081242 from '$lib/assets/apple/apple-splash-2208-1242.png';
  29. import appleSplash7501334 from '$lib/assets/apple/apple-splash-750-1334.png';
  30. import appleSplash1334750 from '$lib/assets/apple/apple-splash-1334-750.png';
  31. import appleSplash6401136 from '$lib/assets/apple/apple-splash-640-1136.png';
  32. import appleSplash1136640 from '$lib/assets/apple/apple-splash-1136-640.png';
  33. </script>
  34. <link rel="apple-touch-icon" href={appleIcon180} />
  35. <link
  36. rel="apple-touch-startup-image"
  37. href={appleSplash20482732}
  38. media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  39. />
  40. <link
  41. rel="apple-touch-startup-image"
  42. href={appleSplash27322048}
  43. media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  44. />
  45. <link
  46. rel="apple-touch-startup-image"
  47. href={appleSplash16682388}
  48. media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  49. />
  50. <link
  51. rel="apple-touch-startup-image"
  52. href={appleSplash23881668}
  53. media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  54. />
  55. <link
  56. rel="apple-touch-startup-image"
  57. href={appleSplash15362048}
  58. media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  59. />
  60. <link
  61. rel="apple-touch-startup-image"
  62. href={appleSplash20481536}
  63. media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  64. />
  65. <link
  66. rel="apple-touch-startup-image"
  67. href={appleSplash16682224}
  68. media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  69. />
  70. <link
  71. rel="apple-touch-startup-image"
  72. href={appleSplash22241668}
  73. media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  74. />
  75. <link
  76. rel="apple-touch-startup-image"
  77. href={appleSplash16202160}
  78. media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  79. />
  80. <link
  81. rel="apple-touch-startup-image"
  82. href={appleSplash21601620}
  83. media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  84. />
  85. <link
  86. rel="apple-touch-startup-image"
  87. href={appleSplash12902796}
  88. media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
  89. />
  90. <link
  91. rel="apple-touch-startup-image"
  92. href={appleSplash27961290}
  93. media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
  94. />
  95. <link
  96. rel="apple-touch-startup-image"
  97. href={appleSplash11792556}
  98. media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
  99. />
  100. <link
  101. rel="apple-touch-startup-image"
  102. href={appleSplash25561179}
  103. media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
  104. />
  105. <link
  106. rel="apple-touch-startup-image"
  107. href={appleSplash12842778}
  108. media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
  109. />
  110. <link
  111. rel="apple-touch-startup-image"
  112. href={appleSplash27781284}
  113. media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
  114. />
  115. <link
  116. rel="apple-touch-startup-image"
  117. href={appleSplash11702532}
  118. media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
  119. />
  120. <link
  121. rel="apple-touch-startup-image"
  122. href={appleSplash25321170}
  123. media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
  124. />
  125. <link
  126. rel="apple-touch-startup-image"
  127. href={appleSplash11252436}
  128. media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
  129. />
  130. <link
  131. rel="apple-touch-startup-image"
  132. href={appleSplash24361125}
  133. media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
  134. />
  135. <link
  136. rel="apple-touch-startup-image"
  137. href={appleSplash12422688}
  138. media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
  139. />
  140. <link
  141. rel="apple-touch-startup-image"
  142. href={appleSplash26881242}
  143. media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
  144. />
  145. <link
  146. rel="apple-touch-startup-image"
  147. href={appleSplash8281792}
  148. media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  149. />
  150. <link
  151. rel="apple-touch-startup-image"
  152. href={appleSplash1792828}
  153. media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  154. />
  155. <link
  156. rel="apple-touch-startup-image"
  157. href={appleSplash12422208}
  158. media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
  159. />
  160. <link
  161. rel="apple-touch-startup-image"
  162. href={appleSplash22081242}
  163. media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
  164. />
  165. <link
  166. rel="apple-touch-startup-image"
  167. href={appleSplash7501334}
  168. media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  169. />
  170. <link
  171. rel="apple-touch-startup-image"
  172. href={appleSplash1334750}
  173. media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  174. />
  175. <link
  176. rel="apple-touch-startup-image"
  177. href={appleSplash6401136}
  178. media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
  179. />
  180. <link
  181. rel="apple-touch-startup-image"
  182. href={appleSplash1136640}
  183. media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
  184. />