-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (49 loc) · 2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="favicon.svg"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Stranger Things fanpage</title>
<meta property="og:type" content="website">
<meta property="og:image" content="https://stranger-things-alpha.vercel.app/assets/screenshot.png">
</head>
<body>
<main class="container" id="root">
<header>
<h1 class="brand">stranger things</h1>
<button id="info"><i data-feather="info"></i></button>
</header>
<article class="card">
<div class="card-image"></div>
<div class="carousel">
<div class="carousel-container"></div>
<div class="buttons">
<button id="prev">
<svg width="26" height="46" viewBox="0 0 26 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="button-arrow" d="M24 43.5L4 23L24 2.5" stroke="#E00000" stroke-width="5"/>
</svg>
</button>
<button id="next">
<svg width="26" height="46" viewBox="0 0 26 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="button-arrow" d="M2 2.5L22 23L2 43.5" stroke="#E00000" stroke-width="5"/>
</svg>
</button>
</div>
</div>
</article>
<article id="site-info">
<p>I'm fan of "Stranger things" on Netflix.</p>
<p>all images and contents are property of Netflix.</p>
<p>넷플릭스 오리지널 시리즈 "기묘한 이야기" 팬페이지입니다.</p>
<p>모든 이미지와 콘텐츠는 넷플릭스에 귀속되어있습니다.</p>
<!--a href="mailto:gloomysight@naver.com">gloomysight@naver.com</a-->
<button id="close">
<i data-feather="x"></i>
close
</button>
</article>
</main>
<script type="module" src="/main.js"></script>
</body>
</html>