Skip to content

Commit 6d556de

Browse files
n1nerlangn1nerlang
authored
Refactor index.html with updated title and styles
Updated the title and modified styles for the layout and components. Enhanced the structure of the HTML for better organization.
1 parent f3517a8 commit 6d556de

1 file changed

Lines changed: 69 additions & 20 deletions

File tree

‎index.html‎

Lines changed: 69 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,31 +3,80 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Pobfus JS // Virtualization Studio</title>
6+
<title>Pobfus // Luau Virtualization Studio</title>
77
<style>
8-
:root { --bg: #0a0c10; --panel: #12151c; --brd: #2a2e3a; --acc: #f69d50; --txt: #adbac7; }
9-
body { background: var(--bg); color: var(--txt); font-family: 'Consolas', monospace; margin: 0; display: flex; flex-direction: column; height: 100vh; }
10-
.toolbar { padding: 12px; background: var(--panel); border-bottom: 1px solid var(--brd); display: flex; gap: 10px; align-items: center; }
11-
.workspace { display: grid; grid-template-columns: 1fr 1fr; flex: 1; gap: 1px; background: var(--brd); }
12-
textarea { background: var(--bg); color: #768390; border: none; padding: 20px; resize: none; outline: none; font-size: 13px; }
13-
#out { color: var(--acc); background: #07090d; }
14-
.btn { padding: 8px 16px; cursor: pointer; border: 1px solid var(--brd); background: #22272e; color: white; font-size: 11px; border-radius: 4px; }
15-
.btn-run { background: var(--acc); color: #000; border: none; font-weight: bold; }
16-
.status { padding: 5px 20px; font-size: 10px; background: #000; color: var(--acc); border-top: 1px solid var(--brd); }
8+
:root { --bg: #0d1117; --sidebar: #010409; --panel: #161b22; --brd: #30363d; --acc: #58a6ff; --txt: #c9d1d9; --warn: #d29922; --err: #f85149; --succ: #3fb950; }
9+
body { background: var(--bg); color: var(--txt); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; margin: 0; display: flex; height: 100vh; overflow: hidden; }
10+
11+
/* Sidebar Styles */
12+
.info-panel { width: 300px; background: var(--sidebar); border-right: 1px solid var(--brd); display: flex; flex-direction: column; padding: 24px; box-sizing: border-box; }
13+
.info-header { color: var(--acc); font-weight: 600; font-size: 20px; letter-spacing: -0.5px; }
14+
.ver-badge { font-size: 10px; background: #238636; color: white; padding: 2px 6px; border-radius: 10px; margin-left: 8px; vertical-align: middle; }
15+
.status-list { list-style: none; padding: 0; margin: 20px 0; font-size: 12px; }
16+
.status-list li { margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
17+
.dot { height: 8px; width: 8px; border-radius: 50%; }
18+
19+
/* Main Workspace */
20+
.main-content { flex: 1; display: flex; flex-direction: column; }
21+
.toolbar { padding: 12px 20px; background: var(--panel); border-bottom: 1px solid var(--brd); display: flex; gap: 12px; align-items: center; }
22+
.workspace { display: grid; grid-template-columns: 1fr 1fr; flex: 1; background: var(--brd); gap: 1px; }
23+
.editor-container { display: flex; flex-direction: column; background: var(--bg); position: relative; }
24+
.label { padding: 8px 16px; font-size: 11px; background: #090c10; color: #8b949e; border-bottom: 1px solid var(--brd); font-family: monospace; }
25+
26+
textarea { flex: 1; background: transparent; color: #e6edf3; border: none; padding: 20px; resize: none; outline: none; font-family: 'SFMono-Regular', Consolas, "Liberation Mono", Menlo, monospace; font-size: 13px; line-height: 1.6; }
27+
#out { color: var(--warn); background: #0c0e14; }
28+
29+
/* Components */
30+
.btn { padding: 6px 12px; cursor: pointer; border: 1px solid var(--brd); background: #21262d; color: #c9d1d9; font-size: 12px; border-radius: 6px; font-weight: 500; transition: 0.2s; }
31+
.btn:hover { background: #30363d; border-color: #8b949e; }
32+
.btn-run { background: #238636; color: white; border-color: rgba(240,246,252,0.1); }
33+
.btn-run:hover { background: #2ea043; }
34+
35+
/* Notification System */
36+
#notif-container { position: fixed; bottom: 20px; right: 20px; z-index: 1000; display: flex; flex-direction: column; gap: 8px; }
37+
.toast { padding: 12px 16px; background: var(--panel); border: 1px solid var(--brd); border-left: 4px solid var(--acc); color: var(--txt); font-size: 13px; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.5); animation: slideIn 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards; min-width: 250px; }
38+
.toast.error { border-left-color: var(--err); }
39+
.toast.success { border-left-color: var(--succ); }
40+
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
1741
</style>
1842
</head>
1943
<body>
20-
<div class="toolbar">
21-
<b style="color:var(--acc)">POBFUS_JS_V1.11.01</b>
22-
<button class="btn btn-run" id="go">VIRTUALIZE_JS</button>
23-
<button class="btn" id="cp">COPY_BRICK</button>
24-
<button class="btn" id="cl">CLEAR</button>
44+
<div class="info-panel">
45+
<div class="info-header">Pobfus <span class="ver-badge">v1.11.02</span></div>
46+
<p style="font-size: 12px; color: #8b949e;">Advanced Luau Virtualizer tailored for Roblox executors.</p>
47+
48+
<ul class="status-list">
49+
<li><div class="dot" style="background:var(--succ)"></div> Anti-Hook Metatables</li>
50+
<li><div class="dot" style="background:var(--succ)"></div> Selective Compression</li>
51+
<li><div class="dot" style="background:var(--succ)"></div> Infinite-Loop Honeypot</li>
52+
<li><div class="dot" style="background:var(--warn)"></div> Delta/Synapse-Z Optimized</li>
53+
</ul>
54+
55+
<div style="margin-top:auto; font-size: 11px; color: #484f58;">
56+
Development skipped Public Beta (0.7-0.8) for maximum decompiler interference.
57+
</div>
2558
</div>
26-
<div class="workspace">
27-
<textarea id="in" placeholder="// Input JavaScript Source..."></textarea>
28-
<textarea id="out" readonly placeholder="// Obfuscated JS Output..."></textarea>
59+
60+
<div class="main-content">
61+
<div class="toolbar">
62+
<button class="btn btn-run" id="go">Obfuscate Script</button>
63+
<button class="btn" id="cp">Copy Output</button>
64+
<button class="btn" id="cl" style="margin-left:auto;">Clear</button>
65+
</div>
66+
67+
<div class="workspace">
68+
<div class="editor-container">
69+
<div class="label">INPUT_SOURCE</div>
70+
<textarea id="in" spellcheck="false" placeholder="-- Paste your raw Luau script here..."></textarea>
71+
</div>
72+
<div class="editor-container">
73+
<div class="label">POBFUS_VIRTUAL_BRICK</div>
74+
<textarea id="out" readonly spellcheck="false" placeholder="-- Virtualized output will appear here..."></textarea>
75+
</div>
76+
</div>
2977
</div>
30-
<div class="status" id="st">ENGINE_STATUS: BETA</div>
78+
79+
<div id="notif-container"></div>
3180
<script src="script.js"></script>
3281
</body>
33-
</html>
82+
</html>

0 commit comments

Comments
 (0)