shuiping150
/
JLH


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <link rel="stylesheet" type="text/css" media="print" href="/print-lock.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%- title %></title>
  </head>
  <body>
    <div id="app">
      <style>
        html,
        body,
        #app {
          width: 100%;
          height: 100%;
          padding: 0;
          margin: 0;
        }
        .loading-box {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
        }
        .loading-box .loading-wrap {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 98px;
        }
      </style>
      <div class="loading-box">
        <div class="loading-wrap">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            style="margin: auto; display: block"
            width="80px"
            height="80px"
            viewBox="0 0 100 100"
            preserveAspectRatio="xMidYMid"
          >
            <g transform="translate(20 20)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(189, 221, 255, 1)"></rect>
            </g>
            <g transform="translate(50 20)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(98, 173, 255, 1)"></rect>
            </g>
            <g transform="translate(80 20)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(35, 131, 235, 1)"></rect>
            </g>
            <g transform="translate(20 50)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(98, 173, 255, 1)"></rect>
            </g>
            <g transform="translate(50 50)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(35, 131, 235, 1)"></rect>
            </g>
            <g transform="translate(80 50)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(5, 83, 167, 1)"></rect>
            </g>
            <g transform="translate(20 80)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(35, 131, 235, 1)"></rect>
            </g>
            <g transform="translate(50 80)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(5, 83, 167, 1)"></rect>
            </g>
            <g transform="translate(80 80)">
              <rect x="-15" y="-15" width="30" height="30" fill="rgba(0, 48, 99, 1)"></rect>
            </g>
          </svg>
        </div>
      </div>
    </div>
    <script>
      const globalState = JSON.parse(window.localStorage.getItem("longjoe-global"));
      if (globalState) {
        const html = document.querySelector("html");
        if (globalState.isDark) {
          html.style.background = "#141414";
        } else {
          html.style.background = "";
        }
        html.lang = globalState.language;
      }
    </script>
    <script type="module" src="/src/main.ts"></script>
    <script type="text/javascript" src="/ds.min.js"></script>
  </body>
</html>