-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
42 lines (39 loc) · 2.41 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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="referrer" content="no-referrer">
<meta name="keywords" content="booru,yandere,moegirl,konachan,danbooru,gelbooru,rule34,boorus,illustration,oreno-imouto,萌妹,二次元插画,动漫图片,动漫插图,动漫插画" />
<meta name="description" content="Browsing booru sites with masonry layout." />
<title>booruwf - Booru Masonry Browsing Mode</title>
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="mask-icon" href="/pwa-256x256.png" color="#FFFFFF">
<meta name="theme-color" content="#B28FCE">
<style>#loading{height:100%;width:100%;position:fixed;z-index:99999;margin-top:0;top:0;}#loading p{margin:100px auto;line-height:100px;font-family:'Meiryo UI','MicroHei','Microsoft YaHei UI';font-size:18px;color:#9671d7;}#loading-center{width:100%;height:100%;position:relative;}#loading-center-absolute{position:absolute;left:50%;top:50%;height:150px;width:150px;margin-top:-75px;margin-left:-50px;}.loading-object{width:20px;height:20px;background-color:#9671d7;float:left;margin-right:20px;margin-top:65px;border-radius:50% 50% 50% 50%;}#loading-object_one{animation:object_one 1.5s infinite;}#loading-object_two{animation:object_two 1.5s infinite;animation-delay:0.25s;}#loading-object_three{animation:object_three 1.5s infinite;animation-delay:0.5s;}@keyframes object_one{75%{transform:scale(0);}}@keyframes object_two{75%{transform:scale(0);}}@keyframes object_three{75%{transform:scale(0);}}</style>
<% for (let css of cdnCss) { %>
<link rel="stylesheet" href="<%= css %>">
<% } %>
<% if (PROD) { %>
<% for (let js of cdnJs) { %>
<script src="<%= js %>"></script>
<% } %>
<script async defer data-website-id="e144eea2-7b94-45e3-b0d0-f295366f02da" src="https://ummst.nanoka.top/5y6l9drdtjx.js"></script>
<% } %>
</head>
<body>
<div id="app">
<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="loading-object" id="loading-object_one"></div>
<div class="loading-object" id="loading-object_two"></div>
<div class="loading-object" id="loading-object_three"></div>
<p> 読み込み中</p>
</div>
</div>
</div>
</div>
</body>
</html>