Surillyacom/THOS-Server
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Added images

Browse Source
This commit is contained in:
Surillya
2025-06-05 13:44:25 +02:00
parent 3920faf465
commit b5c984dfa5
2 changed files with 869 additions and 823 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
THOS.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

118
index.php
View File

@ -1,15 +1,10 @@
<?php
$statePath = '/home/surillya/.thos_state.json';
$state = file_exists($statePath) ? json_decode(file_get_contents($statePath), true) : null;
if (!file_exists($statePath)) {
header('Location: oobe.php');
exit();
}
?>
<!DOCTYPE html>
<html lang="en">
<img?php $statePath='/home/surillya/.thos_state.json' ; $state=file_exists($statePath) ?
json_decode(file_get_contents($statePath), true) : null; if (!file_exists($statePath)) { header('Location: oobe.php');
exit(); } ?>
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8">
<title>SurillyaOS</title>
<style>
@ -235,11 +230,7 @@ if (!file_exists($statePath)) {
gap: 0.25rem;
padding: 1rem 1.25rem;
border-radius: 1rem;
background: rgba(30, 30, 30, 0.6);
/* semi-transparent dark */
border: 2px solid transparent;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
color: white;
min-width: 260px;
@ -248,6 +239,10 @@ if (!file_exists($statePath)) {
animation: fadeInUp 0.3s ease-out;
position: relative;
transition: transform 0.2s ease, opacity 0.2s ease;
background: var(--window-bg);
backdrop-filter: var(--window-blur);
-webkit-backdrop-filter: var(--window-blur);
color: var(--accent);
}
.notification-dismiss {
@ -293,34 +288,85 @@ if (!file_exists($statePath)) {
}
</style>
<script src="tailwind.es"></script>
</head>
</head>
<body class="bg-black">
<body class="bg-black">
<div id="appWrapper" class="transition-all duration-300">
<div id="bg-image" class="fixed inset-0 z-[-10] bg-cover bg-center transition-all duration-300"></div>
<div id="app-bar" class="bg-[#1e1e1e] fixed top-0 left-0 w-52 h-screen p-2.5 z-50">
<div class="flex flex-col h-full">
<div class="relative mb-4">
<button id="powerButton" class="text-gray-300 hover:text-white transition-colors duration-300">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
class="w-12 h-12 stroke-current hover:stroke-red-500 transition-colors duration-300">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
<button id="powerButton" class="group relative transition duration-300">
<img src="THOS.png" alt="Power" class="w-12 h-12 transition-all duration-300 ease-in-out
group-hover:brightness-125
group-hover:scale-110
group-hover:drop-shadow-[0_0_10px_rgba(255,200,255,0.6)]
group-hover:saturate-150
cursor-pointer select-none">
</button>
</div>
<div class="grid grid-cols-3 gap-3 p-2 flex flex-col justify-between">
<button onclick="openApp('explorer.php', 'Explorer')" title="File Explorer"
class="p-2 rounded-lg bg-gray-800 hover:bg-gray-700 transition-all">
<svg class="w-6 h-6 text-blue-300 mx-auto" fill="none" stroke="currentColor" stroke-width="2"
viewBox="0 0 24 24">
<path d="M3 7l6-3 6 3 6-3v12l-6 3-6-3-6 3V7z" />
<path d="M9 4v12" />
<path d="M15 7v12" />
</svg>
</button>
<button onclick="openApp('tasks.php', 'Task Manager')" title="Task Manager"
class="p-2 rounded-lg bg-gray-800 hover:bg-gray-700 transition-all">
<svg class="w-6 h-6 text-red-300 mx-auto" fill="none" stroke="currentColor" stroke-width="2"
viewBox="0 0 24 24">
<rect x="3" y="3" width="7" height="7" rx="1" />
<rect x="14" y="3" width="7" height="7" rx="1" />
<rect x="3" y="14" width="7" height="7" rx="1" />
<rect x="14" y="14" width="7" height="7" rx="1" />
</svg>
</button>
<button onclick="openApp('https://surillya.com/thos/store', 'THOS Store')" title="THOS Store"
class="p-2 rounded-lg bg-gray-800 hover:bg-gray-700 transition-all">
<svg class="w-6 h-6 text-pink-300 mx-auto" fill="none" stroke="currentColor" stroke-width="2"
viewBox="0 0 24 24">
<path d="M4 9h16l-1.68 10.08a2 2 0 0 1-2 1.92H7.68a2 2 0 0 1-2-1.92L4 9Z" />
<path d="M8 11V8a4 4 0 0 1 8 0v3" />
</svg>
</button>
<button onclick="openApp('https://surillya.com/thos/search/thossearch.html', 'Internet', true)"
title="Internet" class="p-2 rounded-lg bg-gray-800 hover:bg-gray-700 transition-all">
<svg class="w-6 h-6 text-green-300 mx-auto" fill="none" stroke="currentColor" stroke-width="2"
viewBox="0 0 24 24">
<circle cx="12" cy="12" r="10" />
<path d="M2 12h20" />
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
</svg>
</button>
<button onclick="openApp('settings.php', 'Settings')" title="Settings"
class="p-2 rounded-lg bg-gray-800 hover:bg-gray-700 transition-all">
<svg class="w-6 h-6 text-yellow-300 mx-auto" fill="none" stroke="currentColor" stroke-width="2"
viewBox="0 0 24 24">
<path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
<path
d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1
1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0
010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65
1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0
012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65
0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z" />
</svg>
</button>
</div>
<div class="flex-grow">
<button class="app-btn w-full" onclick="openApp('explorer.php', 'Explorer')">File Explorer</button>
<button class="app-btn w-full" onclick="openApp('tasks.php', 'Task Manager')">Task Manager</button>
<button class="app-btn w-full" onclick="openApp('https://surillya.com/thos/store', 'THOS Store')">THOS
Store</button>
<button class="app-btn w-full"
onclick="openApp('https://surillya.com/thos/search/thossearch.html', 'Internet', true)">Internet</button>
<button class="app-btn w-full" onclick="openApp('settings.php', 'Settings')">Settings</button>
</div>
<div class="flex-grow"></div>
<div id="trdp" class="grid grid-cols-2 gap-2 mt-4 p-2 bg-[#252525] rounded-lg">
<div id="trdp"
class="grid grid-cols-2 gap-2 mt-4 p-2 bg-[#252525] rounded-lg overflow-y-auto p-2 justify-center items-center">
</div>
<div id="version-display-container" class="w-full flex justify-center items-center mt-4">
@ -903,8 +949,8 @@ if (!file_exists($statePath)) {
notification.innerHTML = `
${icon ? `<div class="text-xl">${icon}</div>` : ""}
<div class="flex-1">
<div class="notification-title font-semibold text-base">${title}</div>
${description ? `<div class="notification-desc text-sm text-gray-300">${description}</div>` : ""}
<div class="notification-title font-semibold">${title}</div>
${description ? `<div class="notification-desc text-sm text-gray-400">${description}</div>` : ""}
</div>
<button class="notification-dismiss absolute top-2 right-2 text-white/50 hover:text-white transition-colors text-sm" aria-label="Dismiss">&times;</button>
`;
@ -929,6 +975,6 @@ if (!file_exists($statePath)) {
window.notify = notify;
</script>
</body>
</body>
</html>
</html>