From ba28f01247e6e9c322b03b543269d53e5b17185d Mon Sep 17 00:00:00 2001
From: Wizzard <rich@bandaholics.cash>
Date: Sat, 15 Mar 2025 17:21:10 -0400
Subject: [PATCH] Add: Show warning for dangerous options
---
webradar/index.html | 43 +++++++++++++++++++++++++++++++++----------
webradar/styles.css | 45 +++++++++++++++++++++++++++++++++++++--------
2 files changed, 70 insertions(+), 18 deletions(-)
diff --git a/webradar/index.html b/webradar/index.html
index 2da3836..8682068 100644
--- a/webradar/index.html
+++ b/webradar/index.html
@@ -1,47 +1,70 @@
<!DOCTYPE html>
<html lang="en">
+
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>radarflow</title>
- <link href="styles.css" rel="stylesheet" type="text/css"/>
+ <link href="styles.css" rel="stylesheet" type="text/css" />
</head>
+
<body>
<div id="canvasContainer">
<div id="settingsHolder">
<div class="settings">
<div>
- <input type="checkbox" onclick="toggleZoom()" id="zoomCheck" name="zoom"/>
+ <input type="checkbox" onclick="toggleZoom()" id="zoomCheck" name="zoom" />
<label for="zoomCheck">Zoom</label>
</div>
<div>
- <input type="checkbox" onclick="toggleStats()" id="statsCheck" name="stats"/>
+ <input type="checkbox" onclick="toggleStats()" id="statsCheck" name="stats" />
<label for="statsCheck">Stats</label>
</div>
<div>
- <input type="checkbox" onclick="toggleNames()" id="namesCheck" name="names"/>
+ <input type="checkbox" onclick="toggleNames()" id="namesCheck" name="names" />
<label for="namesCheck">Player Names</label>
</div>
<div>
- <input type="checkbox" onclick="toggleGuns()" id="gunsCheck" name="guns"/>
+ <input type="checkbox" onclick="toggleGuns()" id="gunsCheck" name="guns" />
<label for="gunsCheck">Weapons</label>
</div>
<div>
- <input type="checkbox" onclick="toggleRotate()" id="rotateCheck" name="rotate" checked/>
+ <input type="checkbox" onclick="toggleRotate()" id="rotateCheck" name="rotate" checked />
<label for="rotateCheck">Rotate Map</label>
</div>
<div>
- <input type="checkbox" onclick="toggleCentered()" id="centerCheck" name="center" checked/>
+ <input type="checkbox" onclick="toggleCentered()" id="centerCheck" name="center" checked />
<label for="centerCheck">Player Centered</label>
</div>
- <div>
- <input type="checkbox" onclick="toggleMoneyReveal()" id="moneyReveal" name="money"/>
- <label for="moneyReveal">Money Reveal (DANGEROUS!)</label>
+
+ <button id="showDangerousBtn" onclick="toggleDangerousOptions()">Show Dangerous Options</button>
+
+ <div class="dangerous-options" id="dangerousOptions">
+ <div>
+ <input type="checkbox" onclick="toggleMoneyReveal()" id="moneyReveal" name="money" />
+ <label for="moneyReveal">Money Reveal (Write Memory)</label>
+ </div>
</div>
</div>
</div>
<canvas id="canvas"></canvas>
</div>
<script src="script.js"></script>
+
+ <script>
+ function toggleDangerousOptions() {
+ const dangerousSection = document.getElementById('dangerousOptions');
+ const button = document.getElementById('showDangerousBtn');
+
+ if (dangerousSection.classList.contains('revealed')) {
+ dangerousSection.classList.remove('revealed');
+ button.textContent = 'Show Dangerous Options';
+ } else {
+ dangerousSection.classList.add('revealed');
+ button.textContent = 'Hide Dangerous Options';
+ }
+ }
+ </script>
</body>
+
</html>
\ No newline at end of file
diff --git a/webradar/styles.css b/webradar/styles.css
index d3732ef..bc649f4 100644
--- a/webradar/styles.css
+++ b/webradar/styles.css
@@ -1,11 +1,11 @@
-body {
+body {
margin: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
- background-color: #000000; /* Change the background color as needed */
+ background-color: #000000;
background-image: url('assets/image/background.png');
background-repeat: repeat;
background-size: 128px 128px;
@@ -39,7 +39,7 @@ canvas {
#settingsHolder .settings {
display: flex;
flex-direction: column;
- font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: white;
visibility: visible;
opacity: 0.8;
@@ -56,22 +56,51 @@ canvas {
.settings {
display: flex;
flex-direction: column;
- font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: white;
visibility: visible;
opacity: 0;
padding: 10px;
- background-color: rgba(25, 25, 25, 0.7); /* Semi-transparent white background */
- transition: opacity 0.3s ease; /* Smooth transition */
+ background-color: rgba(25, 25, 25, 0.7);
+ transition: opacity 0.3s ease;
}
-@media (max-width: 600px), (max-height: 600px) {
+.dangerous-options {
+ display: none;
+ border-top: 1px solid rgba(255, 0, 0, 0.5);
+ margin-top: 10px;
+ padding-top: 10px;
+}
+
+.dangerous-options.revealed {
+ display: block;
+}
+
+#showDangerousBtn {
+ background-color: #6b0000;
+ color: white;
+ border: none;
+ padding: 5px 10px;
+ margin-top: 10px;
+ border-radius: 3px;
+ cursor: pointer;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ transition: background-color 0.3s;
+}
+
+#showDangerousBtn:hover {
+ background-color: #8a0000;
+}
+
+@media (max-width: 600px),
+(max-height: 600px) {
#settingsHolder {
display: none;
}
}
-@media (max-width: 400px), (max-height: 400px) {
+@media (max-width: 400px),
+(max-height: 400px) {
#canvasContainer::before {
content: 'settings';
position: fixed;