index.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>dongwaa</title>
  6. <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="twitter:card" content="summary_large_image">
  11. <meta name="HandheldFriendly" content="True">
  12. <script src="../script/jquery.min.js"></script>
  13. <script src="../script/ao_module.js"></script>
  14. <script>
  15. const resourceNETpath = `/dongwaa/`
  16. </script>
  17. <style>
  18. :root{--bgcolor:#eeeeff}
  19. </style>
  20. </head>
  21. <body>
  22. <div class="no_css">
  23. <div id="no_css_x"></div>
  24. <style>body{margin:0} .no_css{display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100vh} #no_css_x{border-radius:50%;animation:1.25s linear infinite spinner;border:solid 0.25em rgba(128,128,128,.5);border-top-color:#888;height:1em;width:1em;will-change:transform} @keyframes spinner { 0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}} @media (prefers-color-scheme: dark) {body{background-color:#0f0c09}}</style>
  25. <script>document.getElementsByClassName("no_css")[0].id = "no_css";setTimeout(function() {document.getElementById("no_css_x").style.borderTopColor = 'red';document.getElementById("no_css").innerHTML += `<div style="margin:1em 0.5em;background-color:rgba(128,128,128,.2);color:grey;padding:1em;border-radius:1em;text-align:center;font-family: AppleSDGothicNeo-Regular, PingFangHK-Regular, Calibri, Microsoft JhengHei, verdana">some components are still loading<br>ignore them and show the page first?</div><button onclick="document.getElementById('no_css').innerHTML = '<style>.content{opacity:1!important;height:auto!important;overflow:unset!important}</style>';document.getElementById('no_css').style.display = 'none!important'">ignore</button>`}, 6000)</script>
  26. </div>
  27. <div class="content" tabindex="-1" id="core" style="opacity:0;height:0;overflow:hidden">
  28. <div class="b flx">
  29. <div class="x flx">
  30. <div class="p">
  31. <h1><b>Unable to load content</b></h1><br>
  32. <p1 style="opacity:0.8"><b>Your browser is too old to display this page.</b></p1>
  33. </div>
  34. <img alt="Unable to load content" class="i" src="image/nojs.png">
  35. </div>
  36. </div>
  37. <style>
  38. body{overflow-y:hidden;background-color:black;font-family:AppleSDGothicNeo-Regular, PingFangHK-Regular, Calibri, Microsoft JhengHei, verdana}
  39. h1{font-size:1.375em;margin:0;vertical-align:middle;display:inline} p1{font-size:0.975em}
  40. .b{color:white;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;border-top:0.15em solid #3f3c39;padding:0.75em;padding:0.75em calc(0.75em + env(safe-area-inset-right)) calc(0.75em + env(safe-area-inset-bottom)) calc(0.75em + env(safe-area-inset-left))}
  41. .i{object-fit:contain;height:3.25em} .p, .i, .aobh{margin:0.25em} .x, .i{order:1} .y, .p{order:2}
  42. .s{display:inline;border-radius:0.25em;background-color:#008000;padding:0.1em 0.25em;margin:0.25em 0.375em 0.25em 0}
  43. .flx{flex-flow:wrap;display:flex;align-items:center} .flx div{vertical-align:middle}
  44. a{text-decoration:none;color:#3993ff} a:hover{color:#5bb5ff}
  45. .aobh{transition-duration:0.1s;border-radius:0.5em;padding:0.5em;user-select:none;cursor:pointer}
  46. .aobh:hover{background:rgba(255,255,255,.05)}
  47. .aobh:active{background:rgba(255,255,255,.1)}
  48. .aobh:hover:active{transform:scale(0.95)}
  49. @media print{.no_print{display:none!important} body, .s{background-color:white} .s{border:1px solid black} .b{color:black} .i{filter:brightness(0.2)}}
  50. </style>
  51. </div>
  52. <div id="kbShortcutMenuWrp" style="display:none"><div id="kbShortcutMenubg"></div><div id="kbShortcutMenu" tabindex="-1"></div></div>
  53. <script src="init.js"></script>
  54. <script src="boot.js"></script>
  55. <noscript>
  56. <div class="b flx">
  57. <a href="" class="y aobh no_print"><p1><b>Reload</b></p1></a>
  58. <div class="x flx">
  59. <div class="p">
  60. <h1><b>Unable to load content</b></h1><br>
  61. <p1 style="opacity:0.8"><b>Please enable Javascript and reload the page.</b></p1>
  62. </div>
  63. <img alt="Unable to load content" class="i" src="image/nojs.png">
  64. </div>
  65. </div>
  66. <style>.no_css{display:none!important}</style>
  67. </noscript>
  68. </body>
  69. </html>