Skip to content

Commit 8c46ece

Browse files
michal92299michal92299
authored
Create settings.html
1 parent 7e0872b commit 8c46ece

File tree

1 file changed

+90
-0
lines changed

1 file changed

+90
-0
lines changed

‎settings.html‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Settings - Hacker Mode</title>
7+
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
8+
<link rel="stylesheet" href="styles.css">
9+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
10+
</head>
11+
<body class="flex flex-col items-center justify-center h-screen text-white bg-gradient-to-br from-gray-900 to-black overflow-hidden">
12+
<h1 class="text-4xl font-bold mb-8 neon-text" id="settings-title">Settings</h1>
13+
<div class="grid grid-cols-2 gap-6 w-3/4 max-w-3xl">
14+
<div class="bg-gray-800 p-6 rounded-xl setting-panel">
15+
<h2 class="text-lg font-bold mb-4" id="audio-title">Audio</h2>
16+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.audioAction('increaseVolume')">Increase Volume</button>
17+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.audioAction('decreaseVolume')">Decrease Volume</button>
18+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.audioAction('toggleMute')">Toggle Mute</button>
19+
</div>
20+
<div class="bg-gray-800 p-6 rounded-xl setting-panel">
21+
<h2 class="text-lg font-bold mb-4" id="display-title">Display</h2>
22+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.displayAction('increaseBrightness')">Increase Brightness</button>
23+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.displayAction('decreaseBrightness')">Decrease Brightness</button>
24+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.displayAction('toggleTheme')">Toggle Dark/Light Mode</button>
25+
</div>
26+
<div class="bg-gray-800 p-6 rounded-xl setting-panel">
27+
<h2 class="text-lg font-bold mb-4" id="network-title">Network</h2>
28+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.networkAction('showWifiSettings')">Wi-Fi Settings</button>
29+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.networkAction('toggleWifi')">Toggle Wi-Fi</button>
30+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.networkAction('showBluetooth')">Bluetooth</button>
31+
</div>
32+
<div class="bg-gray-800 p-6 rounded-xl setting-panel">
33+
<h2 class="text-lg font-bold mb-4" id="power-title">Power</h2>
34+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.powerAction('power-saver')">Power Saving</button>
35+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.powerAction('balanced')">Balanced</button>
36+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.powerAction('performance')">Performance</button>
37+
</div>
38+
<div class="bg-gray-800 p-6 rounded-xl setting-panel">
39+
<h2 class="text-lg font-bold mb-4" id="general-title">General</h2>
40+
<select id="language-select" class="w-full bg-gray-700 text-white py-2 rounded mb-2">
41+
<option value="en">English</option>
42+
<option value="pl">Polski</option>
43+
</select>
44+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.setLanguage(document.getElementById('language-select').value)">Apply Language</button>
45+
</div>
46+
<div class="bg-gray-800 p-6 rounded-xl setting-panel">
47+
<h2 class="text-lg font-bold mb-4" id="gaming-tools-title">Gaming Tools</h2>
48+
<label class="block mb-2">
49+
<input type="checkbox" id="enable_gamescope" onclick="window.electronApi.toggleGamingTool('gamescope', this.checked)">
50+
<span id="label_enable_gamescope">Enable Gamescope</span>
51+
</label>
52+
<label class="block mb-2">
53+
<input type="checkbox" id="enable_mangohud" onclick="window.electronApi.toggleGamingTool('mangohud', this.checked)">
54+
<span id="label_enable_mangohud">Enable MangoHUD</span>
55+
</label>
56+
<label class="block mb-2">
57+
<input type="checkbox" id="enable_vkbasalt" onclick="window.electronApi.toggleGamingTool('vkbasalt', this.checked)">
58+
<span id="label_enable_vkbasalt">Enable vkBasalt</span>
59+
</label>
60+
</div>
61+
</div>
62+
<div id="wifi-panel" class="hidden bg-gray-800 p-6 rounded-xl mt-6 w-3/4 max-w-2xl">
63+
<h2 class="text-lg font-bold mb-4" id="wifi-title">Wi-Fi Settings</h2>
64+
<div id="wifi-list"></div>
65+
<input type="text" id="wifi-password" class="w-full bg-gray-700 text-white py-2 px-3 rounded mb-2" placeholder="Password (if required)">
66+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.connectWifi()">Connect</button>
67+
</div>
68+
<div id="bluetooth-panel" class="hidden bg-gray-800 p-6 rounded-xl mt-6 w-3/4 max-w-2xl">
69+
<h2 class="text-lg font-bold mb-4" id="bluetooth-title">Bluetooth Devices</h2>
70+
<div id="bluetooth-list"></div>
71+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.scanBluetooth()">Scan</button>
72+
<button class="w-full bg-gray-700 py-2 rounded mb-2 hover:bg-gray-600 setting-btn" onclick="window.electronApi.pairBluetooth()">Pair</button>
73+
</div>
74+
<div class="absolute bottom-4 right-4 flex space-x-4">
75+
<button class="back-btn bg-gray-900 text-white px-6 py-3 rounded-lg" onclick="window.electronApi.closeSettings()">Back</button>
76+
<button class="close-btn bg-gray-900 text-white px-6 py-3 rounded-lg" onclick="window.electronApi.closeSettings()">Close</button>
77+
</div>
78+
<script>
79+
document.addEventListener('DOMContentLoaded', async () => {
80+
try {
81+
await window.electronApi.initSettings();
82+
} catch (e) {
83+
console.error(`Error initializing settings: ${e}`);
84+
}
85+
gsap.from('.setting-panel', { duration: 1, y: 50, opacity: 0, stagger: 0.2 });
86+
gsap.from('.back-btn, .close-btn', { duration: 1, y: 50, opacity: 0, delay: 0.5 });
87+
});
88+
</script>
89+
</body>
90+
</html>

0 commit comments

Comments
 (0)