Spaces:

dylanebert
/

EchoesInTheDark

Running

App Files Files Community

dylanebert HF staff commited on 13 days ago

Commit

e0293f8

1 Parent(s): 56c3d77

initial commit

Browse files

Files changed (9) hide show

.gitattributes +1 -0
Build/Build.data +3 -0
Build/Build.framework.js +3 -0
Build/Build.loader.js +3 -0
Build/Build.wasm +3 -0
TemplateData/favicon.ico +0 -0
TemplateData/fullscreen-button.png +0 -0
TemplateData/style.css +105 -0
index.html +177 -18

.gitattributes CHANGED Viewed

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+Build/* filter=lfs diff=lfs merge=lfs -text

Build/Build.data ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:fa133585616dc60678abbe25521a640912c66de083de21fd83105b547a4b71ba
+size 15190618

Build/Build.framework.js ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:1eb6396b4fb255621843ce77774c7d7bbb9c03f7f993f02e70d04a26ced125b1
+size 422344

Build/Build.loader.js ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:80127c16a9052a5f0a630450368ed3396832591a7e95fcbc39d22f7fbd931bf1
+size 26416

Build/Build.wasm ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:7d3bb6a3f366f94d2877d8a99cbdfbd6e889c7f90d2529e898c7d15c5ce1a94a
+size 33434485

TemplateData/favicon.ico ADDED Viewed

TemplateData/fullscreen-button.png ADDED Viewed

TemplateData/style.css ADDED Viewed

	@@ -0,0 +1,105 @@

+html {
+    box-sizing: border-box;
+}
+*, *:before, *:after {
+    box-sizing: inherit;
+}
+html, body {
+    height: 100%;
+}
+canvas {
+    display: block;
+}
+body {
+    margin: 0;
+}
+#unity-container {
+    width: 100%;
+    height: 100%;
+}
+#unity-canvas {
+    width: 100%;
+    height: 100%;
+    background: #231F20;
+}
+#loading-cover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+#unity-loading-bar {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+#unity-logo {
+    text-align: center;
+}
+#unity-logo img {
+    max-width: 80%;
+}
+#unity-progress-bar-empty {
+    width: 80%;
+    height: 24px;
+    margin: 10px 20px 20px 10px;
+    text-align: left;
+    border: 1px solid white;
+    padding: 2px;
+}
+#unity-progress-bar-full {
+    width: 0%;
+    height: 100%;
+    background: white;
+}
+.light #unity-progress-bar-empty {
+    border-color: black;
+}
+.light #unity-progress-bar-full {
+    background: black;
+}
+#unity-fullscreen-button {
+    position: absolute;
+    right: 10px;
+    bottom: 10px;
+    width: 38px;
+    height: 38px;
+    background: url('fullscreen-button.png') no-repeat center;
+    background-size: contain;
+}
+.spinner,
+.spinner:after {
+  border-radius: 50%;
+  width: 5em;
+  height: 5em;
+}
+.spinner {
+  margin: 10px;
+  font-size: 10px;
+  position: relative;
+  text-indent: -9999em;
+  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
+  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
+  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
+  border-left: 1.1em solid #ffffff;
+  transform: translateZ(0);
+  animation: spinner-spin 1.1s infinite linear;
+}
+@keyframes spinner-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

index.html CHANGED Viewed

@@ -1,19 +1,178 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en-us">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+        <title>Vibe Coding in the Dark</title>
+        <link rel="shortcut icon" href="TemplateData/favicon.ico" />
+        <link rel="stylesheet" href="TemplateData/style.css" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
+            rel="stylesheet"
+        />
+        <style>
+            body,
+            #unity-canvas,
+            #loading-cover {
+                background-color: #000000;
+            }
+            #unity-loading-bar,
+            #unity-logo,
+            #unity-progress-bar-empty,
+            .spinner {
+                display: none !important;
+            }
+            #loading-text {
+                color: white;
+                font-family: "Bebas Neue", Arial, sans-serif;
+                font-size: 64px;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                text-align: center;
+                max-width: 80%;
+                line-height: 1.5;
+                margin-bottom: 10px;
+            }
+            #loading-subtext {
+                font-family: "Bebas Neue", Arial, sans-serif;
+                font-size: 32px;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, 40px);
+                text-align: center;
+                max-width: 80%;
+                line-height: 1.5;
+                color: white;
+            }
+            #loading-cover {
+                transition: opacity 1.5s ease-in-out;
+            }
+            .fade-out {
+                opacity: 0;
+            }
+        </style>
+    </head>
+    <body class="dark">
+        <div id="unity-container" class="unity-desktop">
+            <canvas id="unity-canvas"></canvas>
+        </div>
+        <div id="loading-cover" style="display: none; background-color: #000000">
+            <div id="loading-text">Vibe Coding in the Dark</div>
+            <div id="loading-subtext">by Dylan Ebert (IndividualKex)</div>
+        </div>
+        <div id="unity-fullscreen-button" style="display: none"></div>
+        <a
+            target="_blank"
+            href="https://jam.pieter.com"
+            style="
+                font-family: 'system-ui', sans-serif;
+                position: fixed;
+                bottom: -1px;
+                right: -1px;
+                padding: 7px;
+                font-size: 14px;
+                font-weight: bold;
+                background: #fff;
+                color: #000;
+                text-decoration: none;
+                z-index: 10;
+                border-top-left-radius: 12px;
+                z-index: 10000;
+                border: 1px solid #fff;
+            "
+            >🕹️ Vibe Jam 2025</a
+        >
+        <script>
+                  const hideFullScreenButton = "1";
+                  const buildUrl = "Build";
+                  const loaderUrl = buildUrl + "/Build.loader.js";
+                  const config = {
+                    dataUrl: buildUrl + "/Build.data",
+                    frameworkUrl: buildUrl + "/Build.framework.js",
+                    codeUrl: buildUrl + "/Build.wasm",
+                    streamingAssetsUrl: "StreamingAssets",
+                    companyName: "IndividualKex",
+                    productName: "Vibe Coding in the Dark",
+                    productVersion: "0.1.0",
+                  };
+                  const container = document.querySelector("#unity-container");
+                  const canvas = document.querySelector("#unity-canvas");
+                  const loadingCover = document.querySelector("#loading-cover");
+                  const fullscreenButton = document.querySelector("#unity-fullscreen-button");
+                  const canFullscreen = (function() {
+                    for (const key of [
+                        'exitFullscreen',
+                        'webkitExitFullscreen',
+                        'webkitCancelFullScreen',
+                        'mozCancelFullScreen',
+                        'msExitFullscreen',
+                      ]) {
+                      if (key in document) {
+                        return true;
+                      }
+                    }
+                    return false;
+                  }());
+                  if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+                    container.className = "unity-mobile";
+                    config.devicePixelRatio = 1;
+                  }
+                  loadingCover.style.display = "";
+                  // Set minimum display time (3 seconds)
+                  const minDisplayTime = 3000; // milliseconds
+                  let loadingStartTime = Date.now();
+                  let loadingFinished = false;
+                  let minTimeElapsed = false;
+                  // Function to check if we can hide the loading screen
+                  function tryHideLoadingScreen() {
+                    if (loadingFinished && minTimeElapsed) {
+                      loadingCover.classList.add('fade-out');
+                      setTimeout(() => {
+                        loadingCover.style.display = "none";
+                        loadingCover.classList.remove('fade-out');
+                      }, 1500); // Match the CSS transition time
+                    }
+                  }
+                  // Start the minimum display time timer
+                  setTimeout(() => {
+                    minTimeElapsed = true;
+                    tryHideLoadingScreen();
+                  }, minDisplayTime);
+                  const script = document.createElement("script");
+                  script.src = loaderUrl;
+                  script.onload = () => {
+                    createUnityInstance(canvas, config, (progress) => {
+                      // No progress visualization needed
+                    }).then((unityInstance) => {
+                      loadingFinished = true;
+                      tryHideLoadingScreen();
+                      if (canFullscreen) {
+                        if (!hideFullScreenButton) {
+                          fullscreenButton.style.display = "";
+                        }
+                        fullscreenButton.onclick = () => {
+                          unityInstance.SetFullscreen(1);
+                        };
+                      }
+                    }).catch((message) => {
+                      alert(message);
+                    });
+                  };
+                  document.body.appendChild(script);
+        </script>
+    </body>
 </html>