Skip to content

Commit b507f3e

Browse files
committed
feat: Add PWA splash screens and Korean font
- Add Apple touch startup images for various device sizes - Add Euljiro font for Korean text display - Include favicon and apple-touch-icon - Update title to include Korean characters
1 parent bd5bea8 commit b507f3e

37 files changed

+40
-1
lines changed

public/fonts/Euljiro-gh.woff

9.85 KB
Binary file not shown.

public/fonts/Euljiro-gh.woff2

8.95 KB
Binary file not shown.

public/icons/apple-icon-180.png

2.75 KB
Loading
37.1 KB
Loading
13.4 KB
Loading
38.4 KB
Loading
38.8 KB
Loading
42.3 KB
Loading
43.6 KB
Loading
16.4 KB
Loading
45.5 KB
Loading
48.1 KB
Loading
50.7 KB
Loading
52.1 KB
Loading
18.2 KB
Loading
42.5 KB
Loading
66.2 KB
Loading
45.4 KB
Loading
32.2 KB
Loading
47.4 KB
Loading
47.2 KB
Loading
28 KB
Loading
29.8 KB
Loading
32.5 KB
Loading
62.7 KB
Loading
33.8 KB
Loading
16.5 KB
Loading
20.7 KB
Loading
25.1 KB
Loading

public/icons/favicon-196.png

2.94 KB
Loading

public/icons/manifest-icon-192.png

2.88 KB
Loading

public/icons/manifest-icon-512.png

11 KB
Loading

public/icons/mstile-icon-128.png

1.88 KB
Loading

public/icons/mstile-icon-270.png

4.15 KB
Loading

public/icons/mstile-icon-558-270.png

3.9 KB
Loading

public/icons/mstile-icon-558.png

12.1 KB
Loading

public/index.html

+40-1
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,50 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Gyeonghwon Demo</title>
7+
<style>
8+
@font-face {
9+
font-family: "Euljiro";
10+
src: url("./fonts/Euljiro-gh.woff2") format('woff2'),
11+
url("./fonts/Euljiro-gh.woff") format('woff');
12+
}
13+
.euljiro {
14+
font-family: "Euljiro";
15+
}
16+
</style>
717
<link rel="stylesheet" href="./style.css">
18+
<link rel="icon" type="image/png" sizes="196x196" href="icons/favicon-196.png">
19+
<link rel="apple-touch-icon" href="icons/apple-icon-180.png">
20+
<meta name="apple-mobile-web-app-capable" content="yes">
21+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2048-2732.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
22+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2732-2048.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
23+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1668-2388.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
24+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2388-1668.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
25+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1536-2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
26+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2048-1536.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
27+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1668-2224.jpg" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
28+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2224-1668.jpg" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
29+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1620-2160.jpg" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
30+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2160-1620.jpg" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
31+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1284-2778.jpg" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
32+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2778-1284.jpg" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
33+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1170-2532.jpg" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
34+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2532-1170.jpg" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
35+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1125-2436.jpg" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
36+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2436-1125.jpg" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
37+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1242-2688.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
38+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2688-1242.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
39+
<link rel="apple-touch-startup-image" href="icons/apple-splash-828-1792.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
40+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1792-828.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
41+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1242-2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
42+
<link rel="apple-touch-startup-image" href="icons/apple-splash-2208-1242.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
43+
<link rel="apple-touch-startup-image" href="icons/apple-splash-750-1334.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
44+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1334-750.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
45+
<link rel="apple-touch-startup-image" href="icons/apple-splash-640-1136.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
46+
<link rel="apple-touch-startup-image" href="icons/apple-splash-1136-640.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
847
</head>
948
<body>
1049
<div class="header">
11-
<h1>Gyeonghwon デモページ</h1>
50+
<h1><span class="euljiro">견훤(Gyeonghwon)</span> デモページ</h1>
1251
<span class="lead">Ver. <span id="version"></span></span>
1352
</div>
1453
<div class="map-container">

0 commit comments

Comments
 (0)