123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
- <title>VeloeKemonoPartyApp</title>
- <base href="/" />
- <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
- <link href="css/app.css" rel="stylesheet" />
- <link href="VeloeKemonoPartyApp.styles.css" rel="stylesheet" />
- </head>
- <body>
- <div class="status-bar-safe-area"></div>
- <div id="app">Loading...</div>
- <div id="blazor-error-ui">
- An unhandled error has occurred.
- <a href="" class="reload">Reload</a>
- <a class="dismiss">🗙</a>
- </div>
- <script src="_framework/blazor.webview.js" autostart="false"></script>
- <script src="_content/Sve.Blazor.InfiniteScroll/js/Observer.js"></script>
- <script src="_content/BlazorPanzoom/panzoom.min.js"></script>
- <script src="_content/BlazorPanzoom/blazorpanzoom.js"></script>
- <script type="text/javascript">
- function SwitchPic(picID, picLink) {
- var pic = document.getElementById(picID);
- pic.src = "";
- pic.src = picLink;
- }
- var panzoom1;
- function SetPanzoom() {
- panzoom1 = Panzoom(document.querySelector("#panzoom"));
- }
- function PanzoomCenter() {
- panzoom1.pan(0, (document.querySelector("#panzoom_block").scrollHeight - document.querySelector("#panzoom").height) / 2);
- }
- function CenterImage() {
- var panzoom1 = Panzoom(document.querySelector("#panzoom"));
- panzoom1.pan(0, (document.querySelector("#panzoom_block").scrollHeight - document.querySelector("#panzoom").height) / 2);
- }
- function SetOverlayImage(id) {
- var image = document.querySelector("#panzoom");
- image.src = document.getElementById(id).src;
- }
- </script>
- </body>
- </html>
|