Skip to content

Commit f3517a8

Browse files
n1nerlangn1nerlang
authored
Refactor index.html for Pobfus JS version update
1 parent ce9e0cf commit f3517a8

1 file changed

Lines changed: 22 additions & 80 deletions

File tree

‎index.html‎

Lines changed: 22 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -2,90 +2,32 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6-
<title>Pobfus 1.11.01 // Virtualization Studio</title>
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Pobfus JS // Virtualization Studio</title>
77
<style>
8-
:root {
9-
--bg: #0f111a; --sidebar: #1a1c25; --panel: #161922;
10-
--brd: #2d313d; --txt: #d4d4d4; --acc: #61afef;
11-
--btn: #3d4451; --btn-hover: #4b5263; --err: #e06c75; --suc: #98c379;
12-
}
13-
body { background: var(--bg); color: var(--txt); font-family: 'JetBrains Mono', 'Consolas', monospace; margin: 0; padding: 0; display: flex; justify-content: center; height: 100vh; }
14-
.container { width: 100%; max-width: 1100px; display: flex; flex-direction: column; border-right: 1px solid var(--brd); border-left: 1px solid var(--brd); background: var(--sidebar); }
15-
16-
/* Header */
17-
.header { padding: 12px 20px; background: #090b10; border-bottom: 1px solid var(--brd); display: flex; justify-content: space-between; align-items: center; }
18-
.logo-text { color: var(--acc); font-weight: bold; font-size: 14px; letter-spacing: 1px; }
19-
.version-tag { font-size: 10px; color: #5c6370; background: #282c34; padding: 2px 8px; border-radius: 10px; border: 1px solid var(--brd); }
20-
21-
/* Action Toolbar */
22-
.toolbar { background: var(--panel); padding: 10px 15px; display: flex; gap: 10px; border-bottom: 1px solid var(--brd); align-items: center; }
23-
.btn { padding: 8px 16px; cursor: pointer; border: 1px solid var(--brd); background: var(--btn); color: white; font-size: 11px; font-weight: 600; border-radius: 4px; transition: all 0.2s; text-transform: uppercase; }
24-
.btn:hover { background: var(--btn-hover); border-color: var(--acc); }
25-
.btn-run { background: var(--acc); color: #0f111a; border: none; }
26-
.btn-run:hover { background: #82b1ff; transform: translateY(-1px); }
27-
28-
/* Dropdown */
29-
.dropdown-wrapper { position: relative; }
30-
select { background: #21252b; color: #abb2bf; border: 1px solid var(--brd); padding: 7px 12px; font-size: 11px; border-radius: 4px; outline: none; cursor: pointer; appearance: none; -webkit-appearance: none; padding-right: 30px; }
31-
.dropdown-wrapper::after { content: '▼'; position: absolute; right: 10px; top: 8px; font-size: 8px; color: #5c6370; pointer-events: none; }
32-
33-
/* Main Workspace */
34-
.workspace { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--brd); overflow: hidden; }
35-
.editor-container { display: flex; flex-direction: column; background: var(--bg); position: relative; }
36-
.editor-header { padding: 8px 15px; font-size: 10px; color: #5c6370; background: #12141c; border-bottom: 1px solid var(--brd); font-weight: bold; }
37-
38-
textarea {
39-
flex: 1; background: transparent; color: #abb2bf;
40-
border: none; padding: 20px; font-family: 'Consolas', monospace;
41-
font-size: 13px; border-radius: 0; resize: none; outline: none; line-height: 1.6;
42-
}
43-
#out { color: #d19a66; background: #0c0e14; }
44-
45-
/* Status Bar */
46-
.status-bar { background: #1a1c25; color: #5c6370; padding: 5px 15px; font-size: 10px; display: flex; justify-content: space-between; border-top: 1px solid var(--brd); }
47-
.status-active { color: var(--suc); font-weight: bold; }
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); }
4817
</style>
4918
</head>
5019
<body>
51-
<div class="container">
52-
<div class="header">
53-
<div class="logo-text">POBFUS_STUDIO</div>
54-
<div class="version-tag">ENGINE_V1.11.01</div>
55-
</div>
56-
57-
<div class="toolbar">
58-
<button class="btn btn-run" id="go">OBFUSCATE</button>
59-
<div class="dropdown-wrapper">
60-
<select id="scriptSelect">
61-
<option value="" disabled selected>STRESS_TEST_SCRIPTS</option>
62-
<option value="fib">Fibonacci Algorithm</option>
63-
<option value="print">Global Environment Test</option>
64-
<option value="aim">Complex Userdata Logic</option>
65-
<option value="full">High-Stress Instruction Suite</option>
66-
</select>
67-
</div>
68-
<button class="btn" id="cp">COPY_RAW</button>
69-
<button class="btn" id="dl">DOWNLOAD</button>
70-
<button class="btn" id="cl" style="margin-left:auto; border-color: var(--err); color: var(--err);">CLEAR</button>
71-
</div>
72-
73-
<div class="workspace">
74-
<div class="editor-container">
75-
<div class="editor-header">LUA_SOURCE_INPUT</div>
76-
<textarea id="in" placeholder="-- Input Lua Source Code..."></textarea>
77-
</div>
78-
<div class="editor-container">
79-
<div class="editor-header">VIRTUALIZED_OUTPUT_BRICK</div>
80-
<textarea id="out" readonly placeholder="-- Obfuscated output will be generated here..."></textarea>
81-
</div>
82-
</div>
83-
84-
<div class="status-bar">
85-
<div>STATUS: <span id="status" class="status-active">READY</span></div>
86-
<div>CAMBUSCATE_KERNEL_0.2.1 | LUA_5.1_COMPATIBLE</div>
87-
</div>
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>
8825
</div>
26+
<div class="workspace">
27+
<textarea id="in" placeholder="// Input JavaScript Source..."></textarea>
28+
<textarea id="out" readonly placeholder="// Obfuscated JS Output..."></textarea>
29+
</div>
30+
<div class="status" id="st">ENGINE_STATUS: BETA</div>
8931
<script src="script.js"></script>
9032
</body>
91-
</html>
33+
</html>

0 commit comments

Comments
 (0)