From 4d0ee5fc5ff2c7270904e8034b0dcfcec53b3a74 Mon Sep 17 00:00:00 2001
From: Downforce Agent <bonkmaykr@protonmail.com>
Date: Wed, 26 Jun 2024 03:04:24 -0400
Subject: [PATCH] Upload files to "/"

---
 preview.php | 342 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 342 insertions(+)
 create mode 100644 preview.php
diff --git a/preview.php b/preview.php
new file mode 100644
index 0000000..eb8b8a6
--- /dev/null
+++ b/preview.php
@@ -0,0 +1,342 @@
+<?php 
+error_reporting(E_ERROR); 
+
+$path = $_GET["path"];
+if(!isset($path)) {
+	$path = "";
+}
+
+$width = $_GET["w"];
+if(!isset($width)) {
+	$width = "956";
+}
+
+$height = $_GET["h"];
+if(!isset($height)) {
+	$height = "584";
+}
+?>
+
+<!DOCTYPE html>
+<html>
+	<head>
+	    <!--<script>
+	        window.self.resizeTo(<?php echo $width;?>, <?php echo $height;?>);
+	    </script>-->
+	    <style>
+			/*
+				TODO: make viewer more flexible,
+				rtpanel size should automatically
+				depend on overall container size
+				
+				use CSS variables and calc() [duh]
+				-bonk
+			*/
+			
+			/*
+				TWODO: add dialogs and use override.css
+				to position working buttons
+				
+				this isn't as hard as it sounds, use calc()
+			*/
+			
+			body {
+			    margin:0px;
+			}
+			
+			* {
+				--driveBarColor:rgb(25, 25, 25);
+				--chatBoxColor:rgb(255, 255, 255);
+				-webkit-user-select: none; /* Safari */
+				-ms-user-select: none; /* IE 10 and IE 11 */
+				user-select: none; /* Standard syntax */
+				background-repeat: repeat;
+			}
+			
+			#player {
+				display:block;
+				height:100%;
+				width:100%;
+				
+				/*Quirk fix for Chrome and it's forks*/
+				/*Thanks Google, you fucking retards!*/
+				position:fixed;
+				overflow:hidden;top:0px;left:0px; /*this part is less important but i keep it here for cleanliness*/
+				min-height: 441px;
+				min-width: 586px;
+			}
+			
+			#playerViewportContainer {
+				display:block;
+				width:100%;
+				height:calc(100% - 149px);
+				padding:0px;
+				margin:0px;
+			}
+      
+      #playerViewport {
+	      width:calc(100% - 97px);
+	      height:100%;
+	      float: left;
+	      background: url("viewport.png");
+	      background-size: cover;
+	      background-position: center;
+	      image-rendering: pixelated;
+      }
+			
+			#playerChatboxContainer {
+				display:block;
+				width:100%;
+				height:149px;
+				background-color:black;
+				padding:0px;
+				margin:0px;
+			}
+			
+			#playerSkinableRight {
+				width:97px;
+				height:100%;
+				padding:0px;
+				margin:0px;
+				background-color:var(--driveBarColor);
+				display:block;
+				overflow:hidden;
+				float:right;
+			}
+			
+			/*Right panel*/
+			#rtpanel {
+				width:100%;
+				height:182px;
+				padding:0px;
+				margin:0px;
+				background:url("<?php echo $path;?>rtpanel.gif");
+				display:block;
+			}
+			#rtpanel > #friendsListTitle {
+				width:100%;
+				height:29px;
+				padding:0px;
+				margin:0px;
+				background:url("<?php echo $path;?>rtpanel.gif");
+				background-position-x: -97px;
+				background-position-y: -153px;
+			}
+			
+			/*Right panel buttons (generic)*/
+			.rtpanelButton {
+				width:100%;
+				padding:0px;
+				margin:0px;
+				background:url("<?php echo $path;?>rtpanel.gif");
+				display:block;
+				background-position-x: -97px;
+			}
+			.rtpanelButton:hover {background-position-x: -194px;}
+			.rtpanelButton:active {background-position-x: -291px;}
+			
+			/*Right panel buttons (individual)*/
+			.rtpanelButton#buttonHelp {
+				height:23px;
+				background-position-y: 0px;
+			}
+			.rtpanelButton#buttonOptions {
+				height:21px;
+				background-position-y: -23px;
+			}
+			.rtpanelButton#buttonMail {
+				height:21px;
+				background-position-y: -44px;
+			}
+			.rtpanelButton#buttonMarks {
+				height:21px;
+				background-position-y: -65px;
+			}
+			.rtpanelButton#buttonWorlds {
+				height:21px;
+				background-position-y: -86px;
+			}
+			.rtpanelButton#buttonActions {
+				height:21px;
+				background-position-y: -107px;
+			}
+			.rtpanelButton#buttonVIP {
+				height:25px;
+				background-position-y: -128px;
+			}
+			
+			/*Friends list*/
+			#playerSkinableRight > #friendsList {
+				background:url("<?php echo $path;?>friends.gif");
+				background-position-x: -0px;
+				height:calc(100% - 182px);
+				position:relative;
+			}
+			#playerSkinableRight > #friendsList > #friend {
+				background:url("<?php echo $path;?>friends.gif");
+				background-position-x: -97px;
+				height:11px;
+				
+				color:white;
+				font-size:9px;
+				padding-left:21px;
+				font-family:"Arial", "Helvetica", "MS Mincho";
+			}
+			#playerSkinableRight > #friendsList > #friend:hover {background-position-x: -194px;}
+			#playerSkinableRight > #friendsList > #friend:active {background-position-x: -291px;}
+			#playerSkinableRight > #friendsList > #buttonMoreFriends {
+				height:11px;
+				background:url("<?php echo $path;?>mfriends.gif");
+				background-position-x: -97px;
+				position: absolute;
+				bottom: 0px;
+				right: 0px;
+				width: 100%;
+			}
+			#playerSkinableRight > #friendsList > #buttonMoreFriends:hover {background-position-x: -194px;}
+			#playerSkinableRight > #friendsList > #buttonMoreFriends:active {background-position-x: -291px;}
+			
+			/*Bottom bar*/
+			#playerSkinableBottom {
+				display:block;
+				margin:0px;
+				padding:0px;
+				height:19px;
+				width:100%;
+				background-color:var(--driveBarColor);
+				
+				color:white;
+				font-size:12px;
+				font-family:"Arial", "Helvetica", "MS Mincho";
+				position: relative;
+			}
+			
+			#playerQuitContainer {
+				width:130px;
+				height:19px;
+				position: absolute;
+				left: 0;
+				top: 0;
+			}
+			#playerUsernameContainer {
+	      position: absolute;
+	      left: 0;
+	      top: 10%;
+			}
+			#playerDriveContainer {
+				height:19px;
+				width: calc(100% - 287px);
+				margin-left: 130px;
+				margin-right: 157px;
+				position: relative;
+			}
+			#playerStatusContainer {
+	      position: absolute;
+	      right: 0;
+	      top: 10%;
+			}
+			#playerMapContainer {
+				width:157px; /*had to remove one pixel to make it fit... close enough?*/
+				height:19px;
+				overflow-y:visible; /*enable CSS overflow on the button for visual accuracy*/
+				position: absolute;
+				right: 0;
+				top: 0;
+			}
+			
+			#buttonQuit {
+				float:left;
+				width:65px;
+				height:19px;
+				background:url("<?php echo $path;?>quit.gif");
+				background-position-x: -65px;
+			}
+			#buttonMap {
+				float:right;
+				width:98px;
+				height:22px;
+				background:url("<?php echo $path;?>explore.gif");
+				background-position-x: -98px;
+			}
+			#buttonDrive {
+				margin:auto;
+				width:81px;
+				height:19px;
+				background:url("<?php echo $path;?>drive.gif");
+				background-position-x: -81px;
+			}
+			#buttonQuit:hover {background-position-x: -130px;}
+			#buttonQuit:active {background-position-x: -195px;}
+			#buttonDrive:hover {background-position-x: -162px;}
+			#buttonDrive:active {background-position-x: -243px;}
+			#buttonMap:hover {background-position-x: -196px;}
+			#buttonMap:active {background-position-x: -294px;}
+			
+			#playerChatboxSubContainer {
+				background:url("chatboxleft.png"), url("chatboxright.png"), url("chatboxcenter.png"), var(--chatBoxColor);
+				width:100%;
+				height:130px;
+				margin:0px;
+				padding:0px;
+				background-repeat: no-repeat, no-repeat, repeat-x;
+				background-position: left center, right center, center center;
+			}
+		</style>
+		
+		<link rel="stylesheet" href="<?php echo $path;?>override.css">
+	</head>
+	<body>
+		<div id="player">
+			<div id="playerViewportContainer">
+			<div id="playerViewport"></div>
+				<div id="playerSkinableRight">
+					<div id="rtpanel">
+						<div id="buttonHelp" class="rtpanelButton"></div>
+						<div id="buttonOptions" class="rtpanelButton"></div>
+						<div id="buttonMail" class="rtpanelButton"></div>
+						<div id="buttonMarks" class="rtpanelButton"></div>
+						<div id="buttonWorlds" class="rtpanelButton"></div>
+						<div id="buttonActions" class="rtpanelButton"></div>
+						<div id="buttonVIP" class="rtpanelButton"></div>
+						
+						<div id="friendsListTitle"></div>
+					</div>
+						
+						<div id="friendsList">
+							<div id="friend">dosfox</div>
+							<div id="friend">Wirlaburla</div>
+							<div id="friend">zalij</div>
+							<div id="friend">aujourd_hui</div>
+							<div id="friend">steel_apple_pipe</div>
+							<div id="friend">SirGrandpa</div>
+							<div id="friend">razzleratz</div>
+							<div id="friend">Freeze_Man</div>
+							<div id="friend">drawadog</div>
+							<div id="buttonMoreFriends"></div>
+						</div>
+				</div>
+			</div>
+			
+			<div id="playerChatboxContainer">
+				<div id="playerSkinableBottom">
+					<div id="playerQuitContainer"><div id="buttonQuit"></div></div>
+					<div id="playerDriveContainer">
+					  <div id="playerUsernameContainer">VIP kangang4014</div>
+						<div id="buttonDrive"></div>
+					  <div id="playerStatusContainer">Sleeping...</div>
+					</div>
+	        <div id="playerMapContainer"><div id="buttonMap"></div></div>
+					
+				</div>
+				<div id="playerChatboxSubContainer">
+					<!--
+					I won't bother putting an actual interface here because most of it is unaffected
+					by the skin anyway. Most of it's baked into the viewer. It would just be faster to make
+					this all one image, and then use layered CSS backgrounds to change the color of the chat
+					box according to the skin -bonk
+					-->
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
