<!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" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.1.0/pako.min.js"></script>
</head>
<body>
<div id="canvasContainer">
<button id="showMenuBtn" onclick="toggleMenu(true)" style="display: none;">Show Menu</button>
<div id="settingsHolder">
<div class="settings">
<div>
<input type="checkbox" onclick="togglePerformanceMode()" id="performanceMode" />
<label for="performanceMode">Performance Mode</label>
</div>
<div>
<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" />
<label for="statsCheck">Stats</label>
</div>
<div>
<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" />
<label for="gunsCheck">Weapons</label>
</div>
<div>
<input type="checkbox" onclick="toggleDisplayMoney()" id="moneyDisplay" name="money-display"
checked />
<label for="moneyDisplay">Display Money</label>
</div>
<div>
<input type="checkbox" onclick="toggleHealth()" id="healthCheck" name="health" checked />
<label for="healthCheck">Display Health</label>
</div>
<div>
<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 />
<label for="centerCheck">Player Centered</label>
</div>
<div class="player-focus">
<label for="playerSelect">Focus Player:</label>
<select id="playerSelect" onchange="changePlayerFocus()">
<option value="local">YOU</option>
</select>
</div>
<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>
<button id="hideMenuBtn" onclick="toggleMenu(false)">Hide Menu</button>
</div>
</div>
<canvas id="canvas"></canvas>
</div>
<script src="script.js"></script>
<script src="webstuff.js"></script>
</body>
</html>