|
|
```html |
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Settings | Operation Void Control</title> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
void: { 900: '#050505', 800: '#0a0a0a', 700: '#121212' }, |
|
|
neon: { green: '#22c55e', orange: '#f97316', gold: '#ffd700', red: '#ef4444' } |
|
|
}, |
|
|
fontFamily: { mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', "Liberation Mono", "Courier New", 'monospace'] } |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</head> |
|
|
<body class="bg-void-900 text-gray-300 font-sans antialiased overflow-hidden h-screen flex flex-col relative"> |
|
|
<div class="absolute inset-0 z-0 pointer-events-none opacity-[0.03] pattern-metatron"></div> |
|
|
|
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<div class="flex flex-1 overflow-hidden relative z-10"> |
|
|
<custom-sidebar></custom-sidebar> |
|
|
|
|
|
<main class="flex-1 overflow-y-auto p-6 md:p-8"> |
|
|
<header class="mb-8 border-b border-gray-800 pb-4"> |
|
|
<h1 class="text-3xl font-bold text-white tracking-wider uppercase font-mono">System Settings</h1> |
|
|
<p class="text-sm text-neon-green mt-1">Configure Clawdbot C2 parameters</p> |
|
|
</header> |
|
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="lg:col-span-1"> |
|
|
<div class="bg-void-800 border border-gray-800 rounded-xl overflow-hidden"> |
|
|
<div class="p-4 border-b border-gray-700"> |
|
|
<h3 class="font-bold text-white">Categories</h3> |
|
|
</div> |
|
|
<nav class="p-2"> |
|
|
<a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-neon-green/10 text-neon-green"> |
|
|
<i data-feather="sliders" class="w-4 h-4"></i> |
|
|
<span>General</span> |
|
|
</a> |
|
|
<a href="#" class="flex items-center gap- |
|
|
___METADATA_START___ |
|
|
{"repoId":"00Boobs00/operation-void-control","isNew":false,"userName":"00Boobs00"} |
|
|
___METADATA_END___ |
