Skip to content

Commit ad98d75

Browse files
n1nerlangn1nerlang
authored
Change title and improve UI styles in index.html
Updated the title and modified styles for better UI.
1 parent 929f417 commit ad98d75

1 file changed

Lines changed: 76 additions & 23 deletions

File tree

‎index.html‎

Lines changed: 76 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -3,36 +3,89 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6-
<title>Pobfus 1.11.01 // Terminal</title>
6+
<title>Pobfus 1.11.01 // Virtualization Studio</title>
77
<style>
8-
:root { --bg: #0d1117; --sub: #161b22; --brd: #30363d; --txt: #c9d1d9; --acc: #f69d50; --test: #ff7b72; }
9-
body { background: var(--bg); color: var(--txt); font-family: 'Consolas', monospace; margin: 0; padding: 10px; display: flex; flex-direction: column; align-items: center; }
10-
.container { width: 100%; max-width: 900px; border: 1px solid var(--brd); background: var(--sub); border-radius: 8px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.6); }
11-
#logo { padding: 15px; background: #000; color: var(--acc); font-size: 8px; white-space: pre; overflow-x: auto; text-align: center; border-bottom: 1px solid var(--brd); margin: 0; }
12-
.editor { padding: 15px; display: flex; flex-direction: column; gap: 10px; }
13-
textarea { width: 100%; height: 180px; background: #010409; color: #8b949e; border: 1px solid var(--brd); padding: 12px; font-size: 12px; border-radius: 6px; resize: none; box-sizing: border-box; outline: none; }
14-
.btn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
15-
.btn { padding: 14px; cursor: pointer; border: 1px solid var(--brd); background: #21262d; color: var(--txt); font-size: 11px; font-weight: bold; border-radius: 6px; text-transform: uppercase; -webkit-tap-highlight-color: transparent; }
16-
.btn-run { grid-column: span 2; background: var(--acc); color: #000; border: none; font-size: 13px; }
17-
.btn-test { background: transparent; color: var(--test); border-color: var(--test); font-size: 10px; padding: 8px; }
18-
#status { font-size: 10px; text-align: center; color: #8b949e; margin-top: 5px; font-weight: bold; }
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; }
1948
</style>
2049
</head>
2150
<body>
2251
<div class="container">
23-
<pre id="logo"></pre>
24-
<div class="editor">
25-
<button class="btn btn-test" id="ts">LOAD_COMPLEX_TEST_SUITE</button>
26-
<textarea id="in" placeholder="-- [INPUT_LUA_SOURCE]"></textarea>
27-
<div id="status">CAMBUSCATE_READY_V1.11.01</div>
28-
<div class="btn-grid">
29-
<button class="btn btn-run" id="go">OBFUSCATE_DATA</button>
30-
<button class="btn" id="cp">COPY_RAW</button>
31-
<button class="btn" id="dl">SAVE_FILE</button>
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>
3277
</div>
33-
<textarea id="out" readonly placeholder="-- [MOONSEC_BRICK_OUTPUT]"></textarea>
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>
3487
</div>
3588
</div>
3689
<script src="script.js"></script>
3790
</body>
38-
</html>
91+
</html>

0 commit comments

Comments
 (0)