Webleb - UI Elements - Bad Parenting

HTML

<!DOCTYPE html>

<html lang="en-us">
<head>
  <meta charset="utf-8">
   <base href="https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@main/bad-parenting/">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Unity WebGL Player | Bad Parenting 1</title>
  <link rel="shortcut icon" href="TemplateData/favicon.ico">
  <link rel="stylesheet" href="TemplateData/style.css">

function unityShowBanner(msg, type) {
      // no need for errors
    }

const buildUrl = "Build";
    const loaderUrl = buildUrl + "/Build.loader.js";

async function loadSplitData(baseUrl, parts) {
      const chunks = [];
      for (let i = 1; i <= parts; i++) {
        const partUrl = `${baseUrl}.part${i}`;
        const response = await fetch(partUrl);
        if (!response.ok) throw new Error(`Failed to load ${partUrl}`);
        const chunk = await response.arrayBuffer();
        chunks.push(chunk);
        progressBarFull.style.width = (i / parts) * 30 + "%";
      }
      const mergedBlob = new Blob(chunks);
      return URL.createObjectURL(mergedBlob);
    }

const config = {
      dataUrl: buildUrl + "/Build.data",
      frameworkUrl: buildUrl + "/Build.framework.js",
      codeUrl: buildUrl + "/Build.wasm",
      streamingAssetsUrl: "StreamingAssets",
      companyName: "twoootwo",
      productName: "Bad Parenting 1",
      productVersion: "1.0",
      showBanner: unityShowBanner,
    };

// Make the canvas dynamically fit the screen
    function resizeCanvas() {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    }
    window.addEventListener("resize", resizeCanvas);
    resizeCanvas();

loadingBar.style.display = "block";

Promise.all([
      loadSplitData("Build/Build.wasm", 2),
      loadSplitData("Build/Build.data", 3)
    ])
    .then(([wasmUrl, dataUrl]) => {
      config.codeUrl = wasmUrl;
      config.dataUrl = dataUrl;

CSS

JS