Skip to content

Commit 7af16d8

Browse files
luauyluauy
authored
Update title and modify layout in index.html
1 parent 934abed commit 7af16d8

1 file changed

Lines changed: 25 additions & 26 deletions

File tree

‎index.html‎

Lines changed: 25 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -2,40 +2,39 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Pobfus 1.11.01</title>
5+
<title>Pobfus 1.11.01 // Terminal</title>
76
<style>
87
:root { --bg: #010409; --sub: #0d1117; --brd: #30363d; --txt: #adbac7; --acc: #f69d50; }
9-
body { background: var(--bg); color: var(--txt); font-family: 'Consolas', monospace; margin: 0; display: flex; flex-direction: column; align-items: center; min-height: 100vh; overflow-x: hidden; }
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; }
109
.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; }
11-
.container { width: 95%; max-width: 1100px; margin: 40px 0; border: 1px solid var(--brd); background: var(--sub); border-radius: 6px; box-shadow: 0 0 30px rgba(0,0,0,0.7); }
12-
#logo { padding: 30px; background: #000; color: var(--acc); font-size: 11px; line-height: 1.2; white-space: pre; overflow-x: auto; text-align: center; border-bottom: 1px solid var(--brd); }
13-
.editor { padding: 25px; display: flex; flex-direction: column; gap: 20px; }
14-
textarea { width: 100%; height: 300px; background: #010409; color: #768390; border: 1px solid var(--brd); padding: 15px; font-size: 13px; outline: none; border-radius: 4px; resize: none; transition: 0.2s; }
15-
textarea:focus { border-color: var(--acc); color: #adbac7; }
16-
.btn-row { display: flex; gap: 12px; }
17-
.btn { padding: 14px 30px; cursor: pointer; border: 1px solid var(--brd); background: #21262d; color: var(--txt); font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
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; }
1816
.btn-run { background: var(--acc); color: #000; border: none; }
19-
#status { font-size: 10px; color: #484f58; font-weight: bold; font-family: 'Courier New', monospace; }
17+
.btn:hover { background: #30363d; }
18+
#status { font-size: 11px; color: #484f58; font-weight: bold; margin-left: auto; letter-spacing: 1px; }
2019
</style>
2120
</head>
2221
<body>
23-
<div class="header">
24-
<div style="letter-spacing: 4px; font-weight: 900; font-size: 20px;">POBFUS <span style="color:var(--acc)">1.11.01</span></div>
25-
</div>
26-
<div class="container">
27-
<pre id="logo"></pre>
28-
<div class="editor">
29-
<textarea id="in" spellcheck="false" placeholder="-- [INPUT_BUFFER]"></textarea>
30-
<div id="status">ENGINE_IDLE</div>
31-
<div class="btn-row">
32-
<button class="btn btn-run" id="go"></button>
33-
<button class="btn" id="cp"></button>
34-
<button class="btn" id="dl" style="display:none"></button>
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>
25+
<div class="container">
26+
<pre id="logo"></pre>
27+
<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>
34+
</div>
35+
<textarea id="out" readonly placeholder="-- [OBFUSCATED_OUTPUT]"></textarea>
3536
</div>
36-
<textarea id="out" readonly spellcheck="false" placeholder="-- [ENCRYPTED_OUTPUT]"></textarea>
3737
</div>
38-
</div>
39-
<script src="script.js"></script>
38+
<script src="script.js"></script>
4039
</body>
4140
</html>

0 commit comments

Comments
 (0)