everything else

views/projects/public/projects.json

@@ -16,5 +16,14 @@
       "It's an API-less adaptation of Steam The Woz, running completely locally."
     ],
     "url": "/projects/woz/"
+  },
+  {
+    "name": "JellyBean's Mid-Sim",
+    "date": 1651986000000,
+    "description": [
+      "JellyBean's Mid-Sim, a 1K rhythm game made in the HTML5-JS game engine Kaboom."
+    ],
+    "url": "/projects/midsim/",
+    "size": [700, 400]
   }
 ]

views/projects/scripts/data_get_projects.js

@@ -12,10 +12,16 @@ fetch("./public/projects.json")
       ""
     )}
     <p>
-      <button onclick="window.open('${project.url}')">Open</button> or
       <button 
-        onclick="
+        onclick="window.open('${project.url}')"
-    new WindowObject(manager, '${project.url}')"
+      >
+        Open
+      </button>
+      or
+      <button
+        onclick="window.manager.createWindow('${project.url}', false, ${
+          project.size?.[0] ?? "null"
+        }, ${project.size?.[1] ?? "null"})"
       >
         Open Window
       </button>

views/projects/woz/index.html

@@ -60,7 +60,7 @@
             id="stash"
             onchange="scott_index.disabled = event.target.checked"
           />
-          <span class="checkbox">O</span>
+          <span class="checkbox">✓</span>
           Scott's Stash
         </label></small
       ><br />

views/scripts/accessibility.js

@@ -16,7 +16,7 @@ function createAccessibilityNodes() {
     UI scale</label><br />
   <label for="acc-base" class="checkbox">
     <input id="acc-base" type="checkbox" id="acc-base" />
-    <span class="checkbox">◉</span>
+    <span class="checkbox">✓</span>
     Base style (requires reload)
   </label>
 </fieldset>`;

views/scripts/windows.js

@@ -455,16 +455,20 @@ class WindowObject {
   event__responseKeyDown(e) {
     switch (e.code) {
       case "Backquote":
+        e.preventDefault();
         this.parentManager.raiseIndex(this, 1);
         break;
       case "Backspace":
+        e.preventDefault();
         this.destroy();
         break;
       case "Space":
+        e.preventDefault();
         if (e.shiftKey) this.minimizeWindow();
         else this.maximizeWindow();
         break;
       case "ArrowUp":
+        e.preventDefault();
         if (this.#isFrozen) return;
         if (e.shiftKey)
           this.windowObject.style.height =
@@ -473,6 +477,7 @@ class WindowObject {
           this.windowObject.style.top = this.windowObject.offsetTop - 10 + "px";
         break;
       case "ArrowDown":
+        e.preventDefault();
         if (this.#isFrozen) return;
         if (e.shiftKey)
           this.windowObject.style.height =
@@ -481,6 +486,7 @@ class WindowObject {
           this.windowObject.style.top = this.windowObject.offsetTop + 10 + "px";
         break;
       case "ArrowLeft":
+        e.preventDefault();
         if (this.#isFrozen) return;
         if (e.shiftKey)
           this.windowObject.style.width =
@@ -490,6 +496,7 @@ class WindowObject {
             this.windowObject.offsetLeft - 10 + "px";
         break;
       case "ArrowRight":
+        e.preventDefault();
         if (this.#isFrozen) return;
         if (e.shiftKey)
           this.windowObject.style.width =
@@ -499,6 +506,7 @@ class WindowObject {
             this.windowObject.offsetLeft + 10 + "px";
         break;
       case "KeyR":
+        e.preventDefault();
         if (this.#isFrozen) return;
         this.windowObject.style.width = `600px`;
         this.windowObject.style.height = `500px`;

views/styles/windows.css

@@ -90,12 +90,11 @@ div.window-object > div.window-manager {
   grid-template-columns: auto max-content;
   vertical-align: middle;
   height: 1.5em;
-  overflow: hidden;
+  /* overflow: hidden; */
   user-select: none;
 }
 
 div.window-object > div.window-manager > div {
-  overflow: hidden;
   width: 100%;
   vertical-align: middle;
   height: 100%;
@@ -104,6 +103,7 @@ div.window-object > div.window-manager > div {
 
 div.window-object > div.window-manager > div.window-manager-start {
   text-align: start;
+  overflow: hidden;
 }
 
 div.window-object