deploy: 9aba621

SinclaM · Jul 14, 2023 · fa5829c · fa5829c
1 parent d318de8
commit fa5829c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,10 @@
  <head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
  <link href="style.css" rel="stylesheet" />
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css">
+ <link
+ rel="stylesheet"
+ href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"
+ />
  </head>
  <body>
  <div id="grid-wrapper">

diff --git a/index.js b/index.js
@@ -9,7 +9,6 @@ const split0 = document.getElementById("split-0");
 const split1 = document.getElementById("split-1");
 // =============================================================================
 
-
 // ============================ UI INITIALIZATION ==============================
 const initSplit = () => {
  document.querySelectorAll(".gutter").forEach((gutter) => gutter.remove());
@@ -38,12 +37,11 @@ const initSplit = () => {
  split0.style["width"] = "100%";
  split1.style["width"] = "100%";
  }
-}
+};
 
 initSplit();
 window.addEventListener("resize", initSplit);
 
-
 // Set up Notyf
 let notyf = new Notyf();
 
@@ -190,10 +188,17 @@ const render = () => {
 
  const render_finised = window.performance.now();
  console.log(
- `Render completed in ${render_finised - renderer_initialized}ms.`
+ `Render completed in ${
+ render_finised - renderer_initialized
+ }ms.`
  );
 
- notyf.success(`Render finished in ${render_finised - renderer_initialized}ms.`);
+ notyf.success(
+ `Render finished in ${(
+ (render_finised - renderer_initialized) /
+ 1000
+ ).toFixed(3)}s.`
+ );
 
  rendering = false;
 
@@ -205,7 +210,7 @@ const render = () => {
  };
 
  requestAnimationFrame(renderLoop);
-}
+};
 // =============================================================================
 
 // ======================= WASM/REMAINING UI INITIALIZATION ====================

diff --git a/style.css b/style.css
@@ -80,7 +80,7 @@ body {
 }
 
 .gutter.gutter-vertical {
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=");
  cursor: row-resize;
 }
 
@@ -246,4 +246,3 @@ select:focus + .focus {
  border: 2px solid var(--select-focus);
  border-radius: inherit;
 }
-