created github-pages directory

uek-1 · Jul 3, 2023 · 4d5caf5 · 4d5caf5
1 parent 922d957
commit 4d5caf5
Show file tree

Hide file tree

Showing 7 changed files with 1,878 additions and 369 deletions.
diff --git a/github-pages/index.html b/github-pages/index.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+<!-- Disable zooming: -->
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+
+
+  <!-- change this to your project name -->
+  <title>rust-mlp-viz</title>
+
+  <!-- config for our rust wasm binary. go to https://trunkrs.dev/assets/#rust for more customization -->
+  <script type="module">import init from '/model-gui-3dc96f1f18a69a4d.js';init('/model-gui-3dc96f1f18a69a4d_bg.wasm');</script>
+  <!-- this is the base url relative to which other urls will be constructed. trunk will insert this from the public-url option -->
+  <base href="/">
+  <meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
+  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#404040">
+
+  <style>
+    html {
+      /* Remove touch delay: */
+      touch-action: manipulation;
+    }
+
+    body {
+      /* Light mode background color for what is not covered by the egui canvas,
+            or where the egui canvas is translucent. */
+      background: #909090;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      body {
+        /* Dark mode background color for what is not covered by the egui canvas,
+                or where the egui canvas is translucent. */
+        background: #404040;
+      }
+    }
+
+    /* Allow canvas to fill entire web page: */
+    html,
+    body {
+      overflow: hidden;
+      margin: 0 !important;
+      padding: 0 !important;
+      height: 100%;
+      width: 100%;
+    }
+
+    /* Position canvas in center-top: */
+    canvas {
+      margin-right: auto;
+      margin-left: auto;
+      display: block;
+      position: absolute;
+      top: 0%;
+      left: 50%;
+      transform: translate(-50%, 0%);
+    }
+
+    .centered {
+      margin-right: auto;
+      margin-left: auto;
+      display: block;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      color: #f0f0f0;
+      font-size: 24px;
+      font-family: Ubuntu-Light, Helvetica, sans-serif;
+      text-align: center;
+    }
+
+    /* ---------------------------------------------- */
+    /* Loading animation from https://loading.io/css/ */
+    .lds-dual-ring {
+      display: inline-block;
+      width: 24px;
+      height: 24px;
+    }
+
+    .lds-dual-ring:after {
+      content: " ";
+      display: block;
+      width: 24px;
+      height: 24px;
+      margin: 0px;
+      border-radius: 50%;
+      border: 3px solid #fff;
+      border-color: #fff transparent #fff transparent;
+      animation: lds-dual-ring 1.2s linear infinite;
+    }
+
+    @keyframes lds-dual-ring {
+      0% {
+        transform: rotate(0deg);
+      }
+
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+  </style>
+
+<link rel="preload" href="/model-gui-3dc96f1f18a69a4d_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
+<link rel="modulepreload" href="/model-gui-3dc96f1f18a69a4d.js"></head>
+
+<body>
+  <!-- The WASM code will resize the canvas dynamically -->
+  <!-- the id is hardcoded in main.rs . so, make sure both match. -->
+  <canvas id="the_canvas_id"></canvas>
+
+
+
+</body></html>