Added images
This commit is contained in:
104
index.php
104
index.php
@ -1,11 +1,6 @@
|
|||||||
<?php
|
<img?php $statePath='/home/surillya/.thos_state.json' ; $state=file_exists($statePath) ?
|
||||||
$statePath = '/home/surillya/.thos_state.json';
|
json_decode(file_get_contents($statePath), true) : null; if (!file_exists($statePath)) { header('Location: oobe.php');
|
||||||
$state = file_exists($statePath) ? json_decode(file_get_contents($statePath), true) : null;
|
exit(); } ?>
|
||||||
if (!file_exists($statePath)) {
|
|
||||||
header('Location: oobe.php');
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
@ -235,11 +230,7 @@ if (!file_exists($statePath)) {
|
|||||||
gap: 0.25rem;
|
gap: 0.25rem;
|
||||||
padding: 1rem 1.25rem;
|
padding: 1rem 1.25rem;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
background: rgba(30, 30, 30, 0.6);
|
|
||||||
/* semi-transparent dark */
|
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
backdrop-filter: blur(12px);
|
|
||||||
-webkit-backdrop-filter: blur(12px);
|
|
||||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||||
color: white;
|
color: white;
|
||||||
min-width: 260px;
|
min-width: 260px;
|
||||||
@ -248,6 +239,10 @@ if (!file_exists($statePath)) {
|
|||||||
animation: fadeInUp 0.3s ease-out;
|
animation: fadeInUp 0.3s ease-out;
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: transform 0.2s ease, opacity 0.2s ease;
|
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 {
|
.notification-dismiss {
|
||||||
@ -301,26 +296,77 @@ if (!file_exists($statePath)) {
|
|||||||
<div id="app-bar" class="bg-[#1e1e1e] fixed top-0 left-0 w-52 h-screen p-2.5 z-50">
|
<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="flex flex-col h-full">
|
||||||
<div class="relative mb-4">
|
<div class="relative mb-4">
|
||||||
<button id="powerButton" class="text-gray-300 hover:text-white transition-colors duration-300">
|
<button id="powerButton" class="group relative transition duration-300">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
|
<img src="THOS.png" alt="Power" class="w-12 h-12 transition-all duration-300 ease-in-out
|
||||||
class="w-12 h-12 stroke-current hover:stroke-red-500 transition-colors duration-300">
|
group-hover:brightness-125
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
group-hover:scale-110
|
||||||
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" />
|
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>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-grow">
|
<div class="flex-grow"></div>
|
||||||
<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 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>
|
||||||
|
|
||||||
<div id="version-display-container" class="w-full flex justify-center items-center mt-4">
|
<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 = `
|
notification.innerHTML = `
|
||||||
${icon ? `<div class="text-xl">${icon}</div>` : ""}
|
${icon ? `<div class="text-xl">${icon}</div>` : ""}
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<div class="notification-title font-semibold text-base">${title}</div>
|
<div class="notification-title font-semibold">${title}</div>
|
||||||
${description ? `<div class="notification-desc text-sm text-gray-300">${description}</div>` : ""}
|
${description ? `<div class="notification-desc text-sm text-gray-400">${description}</div>` : ""}
|
||||||
</div>
|
</div>
|
||||||
<button class="notification-dismiss absolute top-2 right-2 text-white/50 hover:text-white transition-colors text-sm" aria-label="Dismiss">×</button>
|
<button class="notification-dismiss absolute top-2 right-2 text-white/50 hover:text-white transition-colors text-sm" aria-label="Dismiss">×</button>
|
||||||
`;
|
`;
|
||||||
|
|||||||
Reference in New Issue
Block a user