-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (124 loc) · 4.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#3f3f3f">
<meta name="keywords" content="IZ*ONE, IZONE, 아이즈원, FOREVER*IZ, FOREVERIZ">
<meta name="description" content="FOREVER*IZ">
<meta property="og:title" content="FOREVER*IZ">
<meta property="og:description" content="FOREVER*IZ Interactive Video">
<meta property="og:image" content="./assets/og.png">
<meta property="og:image:width" content="800">
<meta property="og:image:height" content="400">
<meta property="og:type" content="website">
<meta property="og:site_name" content="FOREVER*IZ">
<meta name="theme-color" content="#FF50A0"/>
<link rel="manifest" href="manifest.json">
<link rel="icon" href="favicon.png">
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
<title>FOREVER*IZ</title>
<link rel="stylesheet" href="assets/src/style.css">
<script src="sw.js"></script>
</head>
<body>
<div class="startup">
<img class="volume" src="assets/icon/volume.svg" alt="volume">
<p class="title">원활한 이용을 위해<br>음량을 조절해주세요</p>
<div class="button">
<div class="indicator"></div>
<p class="content">불러오는 중...</p>
</div>
<p class="version"></p>
</div>
<main class="landing">
<img class="cover" src="img/mic.png" alt="cover">
<div class="darken"></div>
<p class="title">FOREVER*IZ</p>
<header class="description">
<span>함께여서 빛났던 모든 순간들과</span><br>
<span class="highlight">함께이기에 계속될 우리의 이야기</span>
</header>
<img class="scroll" src="assets/icon/bottom.svg" alt="scroll" data-type="top">
</main>
<div class="section">
<img class="cover" src="img/pd48.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/rose.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/eyesonme.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/violeta.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/really.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/bye.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/fiesta.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/space.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/uni.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/someday.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/swan.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section">
<img class="cover active" src="img/with.png" alt="cover">
<div class="darken"></div>
</div>
<div class="section last">
<img class="cover active" src="img/pano.png" alt="cover">
<div class="darken"></div>
</div>
<div class="fixed">
<div class="indicator"></div>
<div class="music">
<img class="icon" src="assets/icon/music.svg" alt="music">
<p class="title">아름다운 색</p>
<p class="album">COLOR * IZ</p>
</div>
<div class="content">
<span class="line"></span>
<span class="line"></span>
</div>
<img class="izone" src="assets/izone.png" alt="izone">
<p class="lyrics">Slowly Slowly Hoo Hoo</p>
<a class="sns twitter" href="https://twitter.com/official_izone" target="_blank" rel="noreferrer">
<img src="assets/icon/twitter.svg" alt="twitter">
</a>
<a class="sns instagram" href="https://www.instagram.com/official_izone" target="_blank" rel="noreferrer">
<img src="assets/icon/instagram.svg" alt="instagram">
</a>
<a class="sns youtube" href="https://www.youtube.com/channel/UCe_oTYByLWQYCUmgmOMU_xw" target="_blank" rel="noreferrer">
<img src="assets/icon/youtube.svg" alt="youtube">
</a>
<img class="scroll" src="assets/icon/bottom.svg" alt="scroll">
<img class="screen" src="assets/icon/full.svg" alt="screen">
</div>
<script src="assets/src/lyrics.js"></script>
<script src="assets/src/script.js"></script>
</body>
</html>