index.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
  6. <title>VeloeKemonoPartyApp</title>
  7. <base href="/" />
  8. <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
  9. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
  10. <link href="css/app.css" rel="stylesheet" />
  11. <link href="VeloeKemonoPartyApp.styles.css" rel="stylesheet" />
  12. </head>
  13. <body>
  14. <div class="status-bar-safe-area"></div>
  15. <div id="app">Loading...</div>
  16. <div id="blazor-error-ui">
  17. An unhandled error has occurred.
  18. <a href="" class="reload">Reload</a>
  19. <a class="dismiss">🗙</a>
  20. </div>
  21. <script src="_framework/blazor.webview.js" autostart="false"></script>
  22. <script src="_content/Sve.Blazor.InfiniteScroll/js/Observer.js"></script>
  23. <script src="_content/BlazorPanzoom/panzoom.min.js"></script>
  24. <script src="_content/BlazorPanzoom/blazorpanzoom.js"></script>
  25. <script type="text/javascript">
  26. function SwitchPic(picID, picLink) {
  27. var pic = document.getElementById(picID);
  28. pic.src = "";
  29. pic.src = picLink;
  30. }
  31. var panzoom1;
  32. function SetPanzoom() {
  33. panzoom1 = Panzoom(document.querySelector("#panzoom"));
  34. }
  35. function PanzoomCenter() {
  36. panzoom1.pan(0, (document.querySelector("#panzoom_block").scrollHeight - document.querySelector("#panzoom").height) / 2);
  37. }
  38. function CenterImage() {
  39. var panzoom1 = Panzoom(document.querySelector("#panzoom"));
  40. panzoom1.pan(0, (document.querySelector("#panzoom_block").scrollHeight - document.querySelector("#panzoom").height) / 2);
  41. }
  42. function SetOverlayImage(id) {
  43. var image = document.querySelector("#panzoom");
  44. image.src = document.getElementById(id).src;
  45. }
  46. </script>
  47. </body>
  48. </html>