index.html

<!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>&nbsp;読み込み中</p>
        </div>
      </div>
    </div>
  </div>
</body>

</html>