From afd46b317857c348251f8e4c9bf453cb453d90d8 Mon Sep 17 00:00:00 2001 From: cailean Date: Thu, 27 Nov 2025 17:34:44 +0000 Subject: [PATCH] One more push to go! --- .gitignore | 1 + css/style.css | 23 ++++++-- index.html | 14 +++-- js/Content.js | 51 ++++++++++++------ js/Item.js | 25 ++++++--- js/ModelLoader.js | 2 +- js/Player.js | 44 +++++++-------- js/main.js | 4 +- package-lock.json | 6 +++ package.json | 1 + ...emo-world_repositioned_2711_transforms.glb | 3 ++ public/sounds/ambient.mp3 | Bin 0 -> 10240737 bytes public/texts/XR_FLOSS_Init.md | 7 +++ server.js | 1 - 14 files changed, 122 insertions(+), 60 deletions(-) create mode 100644 public/models/demo-world_repositioned_2711_transforms.glb create mode 100644 public/sounds/ambient.mp3 diff --git a/.gitignore b/.gitignore index 76e5db1..0427755 100644 --- a/.gitignore +++ b/.gitignore @@ -146,3 +146,4 @@ public/models/demo-world_2411.glb public/models/left_hand.glb public/models/lp_hand.glb /dist +public/models/demo-world_repositioned_2711.glb diff --git a/css/style.css b/css/style.css index 8be8450..dcc4ff2 100644 --- a/css/style.css +++ b/css/style.css @@ -7,6 +7,8 @@ body { margin: 0; overflow: hidden; font-family: sans-serif; + width: 100%; + height: 100%; } canvas { @@ -74,28 +76,38 @@ h2 span { cursor: pointer; } + .modal { position: fixed; - top: 40%; + top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95); - width: 1600px; /* Fixed pixel width */ - height: 600px; /* Fixed pixel height */ + width: 80vw; + height: auto; + max-height: 80vh; + overflow-y: auto; background: rgba(255, 255, 255, 0.1); z-index: 20; backdrop-filter: blur(10px); opacity: 0; transition: opacity 0.5s ease-out, transform 0.5s ease-out; border-radius: 10px; - padding: 20px 40px; + padding: 10px 10px; box-sizing: border-box; display: flex; flex-direction: column; color: #000000; font-family: 'Redacted70'; - pointer-events: none; /* Prevent interaction when hidden */ + pointer-events: none; + scrollbar-width: none; + -ms-overflow-style: none; } +.modal::-webkit-scrollbar { + display: none; +} + + .modal.show { transform: translate(-50%, -50%) scale(1); opacity: 1; @@ -112,6 +124,7 @@ h2 span { .modal p { font-size: 30px; + margin: 15px; } .modal .close-modal { diff --git a/index.html b/index.html index bc2dad7..052dca1 100644 --- a/index.html +++ b/index.html @@ -22,13 +22,21 @@