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

@@ -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>

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);
 }