Skip to content

Commit 5efe76f

Browse files
n1nerlangn1nerlang
authored
Refactor index.html for UI improvements and new features
Updated styles and layout for improved UI and added new buttons for functionality.
1 parent 7af16d8 commit 5efe76f

1 file changed

Lines changed: 20 additions & 22 deletions

File tree

‎index.html‎

Lines changed: 20 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2,37 +2,35 @@
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">
56
<title>Pobfus 1.11.01 // Terminal</title>
67
<style>
7-
:root { --bg: #010409; --sub: #0d1117; --brd: #30363d; --txt: #adbac7; --acc: #f69d50; }
8-
body { background: var(--bg); color: var(--txt); font-family: 'Consolas', monospace; margin: 0; display: flex; flex-direction: column; align-items: center; min-height: 100vh; }
9-
.header { width: 100%; background: var(--sub); padding: 15px 30px; border-bottom: 1px solid var(--brd); display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }
10-
.container { width: 95%; max-width: 1100px; margin: 40px 0; border: 1px solid var(--brd); background: var(--sub); border-radius: 6px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.8); }
11-
#logo { padding: 30px; background: #000; color: var(--acc); font-size: 10px; line-height: 1.2; white-space: pre; text-align: center; border-bottom: 1px solid var(--brd); margin: 0; }
12-
.editor { padding: 25px; display: flex; flex-direction: column; gap: 15px; }
13-
textarea { width: 100%; height: 280px; background: #010409; color: #768390; border: 1px solid var(--brd); padding: 15px; font-size: 13px; outline: none; border-radius: 4px; resize: none; font-family: 'Courier New', monospace; }
14-
.btn-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
15-
.btn { padding: 12px 25px; cursor: pointer; border: 1px solid var(--brd); background: #21262d; color: var(--txt); font-size: 11px; font-weight: bold; text-transform: uppercase; border-radius: 4px; transition: 0.2s; }
16-
.btn-run { background: var(--acc); color: #000; border: none; }
17-
.btn:hover { background: #30363d; }
18-
#status { font-size: 11px; color: #484f58; font-weight: bold; margin-left: auto; letter-spacing: 1px; }
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; }
1919
</style>
2020
</head>
2121
<body>
22-
<div class="header">
23-
<div style="letter-spacing: 3px; font-weight: 900;">POBFUS <span style="color:var(--acc)">1.11.01</span></div>
24-
</div>
2522
<div class="container">
2623
<pre id="logo"></pre>
2724
<div class="editor">
28-
<textarea id="in" placeholder="-- [INPUT_SOURCE]"></textarea>
29-
<div class="btn-row">
30-
<button class="btn btn-run" id="go">COMPILE_1.11.01</button>
31-
<button class="btn" id="cp">COPY_CLIPBOARD</button>
32-
<button class="btn" id="dl" style="visibility:hidden">DOWNLOAD_FILE</button>
33-
<div id="status">CAMBUSCATE_READY</div>
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>
3432
</div>
35-
<textarea id="out" readonly placeholder="-- [OBFUSCATED_OUTPUT]"></textarea>
33+
<textarea id="out" readonly placeholder="-- [MOONSEC_BRICK_OUTPUT]"></textarea>
3634
</div>
3735
</div>
3836
<script src="script.js"></script>

0 commit comments

Comments
 (0)