-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (125 loc) · 4.13 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
<!DOCTYPE html>
<html>
<style>
body {
margin: 0;
padding: 0;
}
.loading-screen {
height: 100vh;
display: flex;
background: #010A13;
color: white;
justify-content: center;
align-items: center;
position: relative;\
}
.loader {
width: 35px;
height: 35px;
border-radius: 100%;
background: linear-gradient(#49aefd, #54eccc, #f6fa4f);
animation: animate 1.2s linear infinite;
margin-right: 15px;
}
@keyframes animate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(960deg);
}
}
.loader span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: linear-gradient(#49aefd, #54eccc, #f6fa4f);
}
.loader span:nth-child(1) {
filter: blur(5px);
}
.loader span:nth-child(2) {
filter: blur(10px);
}
.loader span:nth-child(3) {
filter: blur(25px);
}
.loader span:nth-child(4) {
filter: blur(50px);
}
.loader:after {
content: '';
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: #f1f1f1;
border-radius: 50%;
}
.logo {
position: absolute;
top: 0; /* Adjust the top position */
left: 0; /* Adjust the left position */
}
</style>
<head>
<base href="/">
<meta charset="UTF-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<!-- iOS meta tags & icons -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="league_archive">
<link rel="apple-touch-icon" href="icons/Icon-192.png">
<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png"/>
<link rel="manifest" href="manifest.json">
<!-- Title & SEO -->
<meta name="title" content="롤 아카이브 - 역대 롤 패치 데이터 조회">
<meta property="og:title" content="롤 아카이브 - 역대 롤 패치 데이터 조회">
<title>롤 아카이브 - 역대 롤 패치 데이터 조회</title>
<meta name="description" content="롤을 언체 처음 플레이하셨나요? 12년 전의 롤 패치부터 현재 패치까지 챔피언과 아이템의 데이터를 조회할 수 있습니다.">
<meta name="description" content="롤을 언체 처음 플레이하셨나요? 12년 전의 롤 패치부터 현재 패치까지 챔피언과 아이템의 데이터를 조회할 수 있습니다.">
<meta property="og:description" content="롤을 언체 처음 플레이하셨나요? 12년 전의 롤 패치부터 현재 패치까지 챔피언과 아이템의 데이터를 조회할 수 있습니다.">
<meta name="keywords" content="롤, 리그 오브 레전드, LOL, 패치, 패치 데이터, 롤 역사, 아이템, 챔피언">
<meta property="og:site_name" content="롤 아카이브">
<!-- Google Ads -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8742456437434925"
crossorigin="anonymous"></script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>
</head>
<body>
<div class="loading-screen">
<div class="loader">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div>
<h3 style="margin-bottom: 0">Loading ...</h3>
<p id="loading_text" style="margin-top: 0"></p>
</div>
</div>
<script>
window.addEventListener('load', function(ev) {
var loading = document.querySelector('#loading_text');
loading.textContent = "데이터 로드 중 ...";
_flutter.loader.loadEntrypoint({
serviceWorker: {
serviceWorkerVersion: null,
},
onEntrypointLoaded: async function(engineInitializer) {
loading.textContent = "진입점 로드 중 ...";
let appRunner = await engineInitializer.initializeEngine();
loading.textContent = "엔진 시작 중 ...";
await appRunner.runApp();
}
});
});
</script>
</body>
</html>