From 07611f8a1d35f081ff36ea9af9847feaea7b1669 Mon Sep 17 00:00:00 2001
From: Michael Verdi <hello@michaelverdi.com>
Date: Thu, 31 Jul 2025 22:33:41 -0500
Subject: [PATCH] Reorganize repository structure and move poster.jpg back to
 root

- Create vr180player/ folder with organized structure:
  - vr180player/images/ for all UI control images
  - vr180player/vr180-player.js and vr180player/vr180-player.css
- Move poster.jpg back to root level alongside main content files
- Update all file references in index.html and CSS files
- Maintain clean separation between main content and player components
- All functionality preserved with improved organization
---
 index.html                                    |   6 +--
 .../images/back-hover.png                     | Bin
 back.png => vr180player/images/back.png       | Bin
 .../images/forward-hover.png                  | Bin
 forward.png => vr180player/images/forward.png | Bin
 .../images/fullscreen-hover.png               | Bin
 .../images/fullscreen.png                     | Bin
 .../images/mute-hover.png                     | Bin
 mute.png => vr180player/images/mute.png       | Bin
 .../images/pause-hover.png                    | Bin
 pause.png => vr180player/images/pause.png     | Bin
 play.png => vr180player/images/play.png       | Bin
 .../images/play2-hover.png                    | Bin
 play2.png => vr180player/images/play2.png     | Bin
 .../images/unmute-hover.png                   | Bin
 unmute.png => vr180player/images/unmute.png   | Bin
 .../vr180-player.css                          |  36 +++++++++---------
 .../vr180-player.js                           |   0
 18 files changed, 21 insertions(+), 21 deletions(-)
 rename back-hover.png => vr180player/images/back-hover.png (100%)
 rename back.png => vr180player/images/back.png (100%)
 rename forward-hover.png => vr180player/images/forward-hover.png (100%)
 rename forward.png => vr180player/images/forward.png (100%)
 rename fullscreen-hover.png => vr180player/images/fullscreen-hover.png (100%)
 rename fullscreen.png => vr180player/images/fullscreen.png (100%)
 rename mute-hover.png => vr180player/images/mute-hover.png (100%)
 rename mute.png => vr180player/images/mute.png (100%)
 rename pause-hover.png => vr180player/images/pause-hover.png (100%)
 rename pause.png => vr180player/images/pause.png (100%)
 rename play.png => vr180player/images/play.png (100%)
 rename play2-hover.png => vr180player/images/play2-hover.png (100%)
 rename play2.png => vr180player/images/play2.png (100%)
 rename unmute-hover.png => vr180player/images/unmute-hover.png (100%)
 rename unmute.png => vr180player/images/unmute.png (100%)
 rename vr180-player.css => vr180player/vr180-player.css (80%)
 rename vr180-player.js => vr180player/vr180-player.js (100%)

diff --git a/index.html b/index.html
index 66a501e..f9b4df0 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 	<title>VR180 Web Player</title>
-	<link rel="stylesheet" href="vr180-player.css">
+	<link rel="stylesheet" href="vr180player/vr180-player.css">
 	<style>
         body {
 		  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -31,7 +31,7 @@
 				<source src="sbs-video.mp4" type="video/mp4">
 			</video>
 			<button id="playBtn" aria-label="Play video">
-				<img src="play.png" alt="Play">
+				<img src="vr180player/images/play.png" alt="Play">
 			</button>
 			<div id="panel">
 				<div id="status">
@@ -56,6 +56,6 @@
 			</div>
 		</div>
 	</main>
-	<script type="module" src="vr180-player.js"></script>
+	<script type="module" src="vr180player/vr180-player.js"></script>
 </body>
 </html>
diff --git a/back-hover.png b/vr180player/images/back-hover.png
similarity index 100%
rename from back-hover.png
rename to vr180player/images/back-hover.png
diff --git a/back.png b/vr180player/images/back.png
similarity index 100%
rename from back.png
rename to vr180player/images/back.png
diff --git a/forward-hover.png b/vr180player/images/forward-hover.png
similarity index 100%
rename from forward-hover.png
rename to vr180player/images/forward-hover.png
diff --git a/forward.png b/vr180player/images/forward.png
similarity index 100%
rename from forward.png
rename to vr180player/images/forward.png
diff --git a/fullscreen-hover.png b/vr180player/images/fullscreen-hover.png
similarity index 100%
rename from fullscreen-hover.png
rename to vr180player/images/fullscreen-hover.png
diff --git a/fullscreen.png b/vr180player/images/fullscreen.png
similarity index 100%
rename from fullscreen.png
rename to vr180player/images/fullscreen.png
diff --git a/mute-hover.png b/vr180player/images/mute-hover.png
similarity index 100%
rename from mute-hover.png
rename to vr180player/images/mute-hover.png
diff --git a/mute.png b/vr180player/images/mute.png
similarity index 100%
rename from mute.png
rename to vr180player/images/mute.png
diff --git a/pause-hover.png b/vr180player/images/pause-hover.png
similarity index 100%
rename from pause-hover.png
rename to vr180player/images/pause-hover.png
diff --git a/pause.png b/vr180player/images/pause.png
similarity index 100%
rename from pause.png
rename to vr180player/images/pause.png
diff --git a/play.png b/vr180player/images/play.png
similarity index 100%
rename from play.png
rename to vr180player/images/play.png
diff --git a/play2-hover.png b/vr180player/images/play2-hover.png
similarity index 100%
rename from play2-hover.png
rename to vr180player/images/play2-hover.png
diff --git a/play2.png b/vr180player/images/play2.png
similarity index 100%
rename from play2.png
rename to vr180player/images/play2.png
diff --git a/unmute-hover.png b/vr180player/images/unmute-hover.png
similarity index 100%
rename from unmute-hover.png
rename to vr180player/images/unmute-hover.png
diff --git a/unmute.png b/vr180player/images/unmute.png
similarity index 100%
rename from unmute.png
rename to vr180player/images/unmute.png
diff --git a/vr180-player.css b/vr180player/vr180-player.css
similarity index 80%
rename from vr180-player.css
rename to vr180player/vr180-player.css
index 1361184..d748252 100644
--- a/vr180-player.css
+++ b/vr180player/vr180-player.css
@@ -136,7 +136,7 @@
 	grid-area: full;
 	width: 44px;
 	height: 44px;
-	background-image: url(fullscreen.png);
+	background-image: url(images/fullscreen.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -144,14 +144,14 @@
 }
 
 #fullscreen:hover {
-	background-image: url(fullscreen-hover.png);
+	background-image: url(images/fullscreen-hover.png);
 }
 
 #mute {
 	grid-area: mute;
 	width: 44px;
 	height: 44px;
-	background-image: url(mute.png);
+	background-image: url(images/mute.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -159,23 +159,23 @@
 }
 
 #mute:hover {
-	background-image: url(mute-hover.png);
+	background-image: url(images/mute-hover.png);
 }
 
 #mute.muted {
-	background-image: url(mute.png);
+	background-image: url(images/mute.png);
 }
 
 #mute.muted:hover {
-	background-image: url(mute-hover.png);
+	background-image: url(images/mute-hover.png);
 }
 
 #mute.unmuted {
-	background-image: url(unmute.png);
+	background-image: url(images/unmute.png);
 }
 
 #mute.unmuted:hover {
-	background-image: url(unmute-hover.png);
+	background-image: url(images/unmute-hover.png);
 }
 
 #nav {
@@ -189,7 +189,7 @@
 #back {
 	width: 44px;
 	height: 44px;
-	background-image: url(back.png);
+	background-image: url(images/back.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -197,13 +197,13 @@
 }
 
 #back:hover {
-	background-image: url(back-hover.png);
+	background-image: url(images/back-hover.png);
 }
 
 #play2 {
 	width: 44px;
 	height: 44px;
-	background-image: url(play2.png);
+	background-image: url(images/play2.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -211,29 +211,29 @@
 }
 
 #play2:hover {
-	background-image: url(play2-hover.png);
+	background-image: url(images/play2-hover.png);
 }
 
 #play2.paused {
-	background-image: url(play2.png);
+	background-image: url(images/play2.png);
 }
 
 #play2.paused:hover {
-	background-image: url(play2-hover.png);
+	background-image: url(images/play2-hover.png);
 }
 
 #play2.playing {
-	background-image: url(pause.png);
+	background-image: url(images/pause.png);
 }
 
 #play2.playing:hover {
-	background-image: url(pause-hover.png);
+	background-image: url(images/pause-hover.png);
 }
 
 #forward {
 	width: 44px;
 	height: 44px;
-	background-image: url(forward.png);
+	background-image: url(images/forward.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -241,5 +241,5 @@
 }
 
 #forward:hover {
-	background-image: url(forward-hover.png);
+	background-image: url(images/forward-hover.png);
 }
diff --git a/vr180-player.js b/vr180player/vr180-player.js
similarity index 100%
rename from vr180-player.js
rename to vr180player/vr180-player.js