Skip to content

Commit 4d2fa32

Browse files
aishitecreateaishitecreate
authored
Update index.html
1 parent bfe138e commit 4d2fa32

File tree

1 file changed

+65
-159
lines changed

1 file changed

+65
-159
lines changed

‎index.html‎

Lines changed: 65 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -3,191 +3,97 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>POBFUS | Millennial Elite 1.13.100</title>
6+
<title>pobfus</title>
77
<style>
88
:root {
9-
--gh-bg: #0d1117;
10-
--gh-border: #30363d;
11-
--gh-sidebar: #161b22;
12-
--rbx-log-bg: #1b1b1b;
13-
--p-green: #39ff14;
14-
--p-blue: #79c0ff;
15-
--p-red: #ff3131;
16-
--p-gold: #ffcc00;
9+
--bg: #0d1117;
10+
--border: #30363d;
11+
--accent: #ff4500;
12+
--blue: #79c0ff;
13+
--green: #39ff14;
1714
}
1815

1916
* { box-sizing: border-box; }
20-
body, html { margin: 0; padding: 0; background-color: #010409; color: #c9d1d9; font-family: "Segoe UI", Arial, sans-serif; scroll-behavior: smooth; }
21-
22-
/* --- LANDING SECTION --- */
23-
.welcome-screen {
24-
height: 100vh;
17+
body, html { margin: 0; padding: 0; background-color: #010409; color: #c9d1d9; font-family: "JetBrains Mono", monospace; overflow: hidden; }
18+
19+
/* --- CORE NOTIF --- */
20+
#notif-container { position: fixed; top: 20px; right: 20px; z-index: 9999; }
21+
.core-notif {
22+
background: rgba(13, 17, 23, 0.98);
23+
border: 1px solid var(--accent);
24+
border-left: 4px solid var(--accent);
25+
color: #fff;
26+
padding: 12px 20px;
27+
font-size: 11px;
28+
font-weight: bold;
29+
text-transform: uppercase;
30+
letter-spacing: 1px;
31+
box-shadow: 0 4px 20px rgba(0,0,0,0.6);
2532
display: flex;
26-
flex-direction: column;
27-
justify-content: center;
2833
align-items: center;
29-
text-align: center;
30-
background: radial-gradient(circle at center, #0d1117 0%, #010409 100%);
31-
padding: 20px;
34+
gap: 10px;
35+
animation: slideIn 0.3s ease-out forwards;
3236
}
37+
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
38+
.core-notif.fade-out { animation: slideOut 0.3s ease-in forwards; }
39+
@keyframes slideOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } }
3340

34-
.welcome-screen h1 { font-size: 3rem; margin: 0; color: #fff; letter-spacing: -1px; }
35-
.welcome-screen p { color: #8b949e; max-width: 600px; line-height: 1.6; }
36-
.scroll-hint { margin-top: 50px; color: var(--p-gold); font-size: 12px; font-weight: bold; animation: bounce 2s infinite; }
41+
/* --- LAYOUT --- */
42+
.app-wrapper { height: 100vh; display: flex; flex-direction: column; }
43+
header { background: var(--bg); border-bottom: 1px solid var(--border); padding: 0 20px; display: flex; align-items: center; height: 50px; font-weight: bold; font-size: 12px; }
44+
.container { display: flex; flex: 1; overflow: hidden; }
3745

38-
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }
39-
40-
/* --- MAIN APP CONTAINER --- */
41-
.app-wrapper { height: 100vh; display: flex; flex-direction: column; border-top: 1px solid var(--gh-border); }
46+
aside { width: 260px; background: #161b22; border-right: 1px solid var(--border); display: flex; flex-direction: column; padding: 20px; }
47+
.section-title { font-size: 10px; color: #555; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; }
4248

43-
header {
44-
background: var(--gh-bg);
45-
border-bottom: 1px solid var(--gh-border);
46-
padding: 0 15px;
47-
display: flex;
48-
align-items: center;
49-
height: 48px;
50-
flex-shrink: 0;
51-
}
52-
53-
.app-container { display: flex; flex: 1; overflow: hidden; }
54-
55-
/* SIDEBAR CONTROLS */
56-
aside {
57-
width: 280px;
58-
background: var(--gh-sidebar);
59-
border-right: 1px solid var(--gh-border);
60-
display: flex;
61-
flex-direction: column;
62-
overflow-y: auto;
63-
flex-shrink: 0;
64-
}
65-
66-
.sidebar-section { padding: 20px; border-bottom: 1px solid var(--gh-border); }
67-
.sidebar-section h4 { margin: 0 0 15px 0; color: #555; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; }
68-
69-
.btn-block {
70-
width: 100%;
71-
padding: 12px;
72-
margin-bottom: 10px;
73-
border-radius: 6px;
74-
font-weight: bold;
75-
cursor: pointer;
76-
border: 1px solid transparent;
77-
font-size: 12px;
78-
transition: 0.2s;
79-
}
80-
.btn-primary { background: #238636; color: white; }
81-
.btn-primary:hover { background: #2ea043; }
82-
.btn-outline { background: transparent; border-color: var(--gh-border); color: #c9d1d9; }
83-
.btn-outline:hover { background: #30363d; }
84-
85-
.workspace { display: flex; flex-direction: column; flex: 1; min-width: 0; }
86-
87-
.ticker-bar {
88-
background: #1c2128;
89-
border-bottom: 1px solid var(--gh-border);
90-
padding: 10px;
91-
text-align: center;
92-
font-family: monospace;
93-
font-size: 12px;
94-
font-weight: bold;
95-
}
96-
97-
/* EDITORS */
98-
.editors { display: flex; flex: 1; min-height: 0; }
99-
.pane { flex: 1; display: flex; flex-direction: column; border-right: 1px solid var(--gh-border); }
100-
.pane-label { background: #0d1117; padding: 8px 15px; font-size: 11px; color: #555; font-weight: bold; border-bottom: 1px solid var(--gh-border); }
101-
102-
textarea {
103-
flex: 1;
104-
background: #010409;
105-
padding: 15px;
106-
font-family: "JetBrains Mono", monospace;
107-
font-size: 13px;
108-
resize: none;
109-
outline: none;
110-
border: none;
111-
color: var(--p-blue);
112-
}
113-
114-
/* LOG DOCK */
115-
.log-dock { height: 220px; background: var(--rbx-log-bg); border-top: 2px solid #333; display: flex; flex-direction: column; }
116-
.log-header { background: #2a2a2a; height: 32px; display: flex; align-items: center; padding: 0 10px; gap: 15px; }
117-
.log-tab { font-size: 11px; font-weight: bold; color: #8b949e; cursor: pointer; }
118-
.log-tab.active { color: #fff; border-bottom: 2px solid var(--p-gold); }
119-
.log-body { flex: 1; overflow-y: auto; padding: 10px; font-size: 13px; }
49+
/* Language Selector */
50+
.selector { display: flex; gap: 5px; margin-bottom: 20px; }
51+
.sel-btn { flex: 1; background: #21262d; border: 1px solid var(--border); color: #8b949e; padding: 8px; font-size: 10px; cursor: pointer; }
52+
.sel-btn.active { border-color: var(--accent); color: white; }
53+
54+
.pillar { font-size: 11px; display: flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #8b949e; }
55+
.dot { width: 6px; height: 6px; border-radius: 50%; background: #333; }
56+
.pillar.active .dot { background: var(--green); box-shadow: 0 0 5px var(--green); }
57+
.pillar.core .dot { background: var(--accent); box-shadow: 0 0 5px var(--accent); }
58+
59+
.main { display: flex; flex-direction: column; flex: 1; }
60+
textarea { flex: 1; background: #010409; padding: 20px; font-family: inherit; font-size: 13px; border: none; outline: none; color: var(--blue); resize: none; line-height: 1.5; }
61+
62+
.log-area { height: 180px; background: #000; border-top: 1px solid var(--border); padding: 15px; font-size: 11px; overflow-y: auto; }
63+
.btn-run { width: 100%; padding: 12px; background: var(--accent); color: white; border: none; font-weight: bold; cursor: pointer; text-transform: uppercase; font-size: 11px; margin-top: auto; }
12064
</style>
12165
</head>
12266
<body>
12367

124-
<section class="welcome-screen">
125-
<div style="color: var(--p-gold); font-weight: bold; margin-bottom: 10px;">V1.13.100</div>
126-
<h1>POBFUS ELITE</h1>
127-
<p>From v0.1 Bytecode to the Millennial Build. Professional-grade Lua obfuscation inspired by the heritage of Iron Lung and the Pilot's vision.</p>
128-
<button class="btn-block btn-primary" style="width: 200px;" onclick="document.getElementById('main-app').scrollIntoView()">ENTER WORKSPACE</button>
129-
<div class="scroll-hint">SCROLL TO OPERATE ▼</div>
130-
</section>
68+
<div id="notif-container"></div>
13169

132-
<div class="app-wrapper" id="main-app">
133-
<header>
134-
<div style="font-weight: bold; font-size: 14px;">POBFUS <span style="color:#555">MILLENNIAL</span></div>
135-
<div id="status-ticker" style="margin-left: auto; color: var(--p-red);">SYNCING...</div>
136-
</header>
70+
<div class="app-wrapper">
71+
<header>SYSTEM PROTECTION UNIT</header>
13772

138-
<div class="app-container">
73+
<div class="container">
13974
<aside>
140-
<div class="sidebar-section">
141-
<h4>Core Operations</h4>
142-
<button class="btn-block btn-primary" onclick="_011._transform()">TRANSFORM SOURCE</button>
143-
<button class="btn-block btn-outline" onclick="_011._dl()">DOWNLOAD BUILD</button>
144-
</div>
145-
146-
<div class="sidebar-section">
147-
<h4>Technical Heritage</h4>
148-
<div style="font-size: 11px; line-height: 1.5; color: #8b949e;">
149-
<b style="color: var(--p-blue);">v0.1</b>: Bytecode Alpha<br>
150-
<b style="color: var(--p-gold);">v0.7</b>: Iron Lung Era<br>
151-
<b style="color: var(--p-green);">v1.13.100</b>: Elite Millennial
152-
</div>
75+
<div class="section-title">Architecture</div>
76+
<div class="selector">
77+
<button id="btn-lua" class="sel-btn active" onclick="_011.setLang('lua')">LUA</button>
78+
<button id="btn-luau" class="sel-btn" onclick="_011.setLang('luau')">LUAU</button>
15379
</div>
15480

155-
<div class="sidebar-section">
156-
<h4>Heritage Repos</h4>
157-
<div style="font-size: 10px; color: #58a6ff;">
158-
github.com/steveroblox/pobfus<br>
159-
github.com/legacy-lua/iron-lung
160-
</div>
161-
</div>
81+
<div class="section-title">Pillars</div>
82+
<div class="pillar core"><div class="dot"></div>MoonSec V3</div>
83+
<div class="pillar active"><div class="dot"></div>Prometheus</div>
84+
<div class="pillar active"><div class="dot"></div>Cambuscate</div>
16285

163-
<div class="sidebar-section" style="margin-top: auto; border: none;">
164-
<p style="font-size: 10px; font-style: italic; color: var(--p-gold);">Special thanks to all predecessors.</p>
165-
</div>
86+
<button class="btn-run" onclick="_011._transform()">Initiate Protection</button>
16687
</aside>
16788

168-
<div class="workspace">
169-
<div class="editors">
170-
<div class="pane">
171-
<div class="pane-label">SOURCE.LUA</div>
172-
<textarea id="input" placeholder="-- Paste source code here..."></textarea>
173-
</div>
174-
<div class="pane">
175-
<div class="pane-label">ELITE_OUTPUT.LUA</div>
176-
<textarea id="output-view" readonly placeholder="-- Transformed code will appear here..."></textarea>
177-
</div>
178-
</div>
179-
180-
<div class="log-dock">
181-
<div class="log-header">
182-
<div id="tab-sys" class="log-tab active" onclick="_011.switchTab('sys')">OUTPUT</div>
183-
<div id="tab-chat" class="log-tab" onclick="_011.switchTab('chat')">FAMILY CHAT</div>
184-
</div>
185-
<div id="steve-logs" class="log-body"></div>
186-
</div>
89+
<div class="main">
90+
<textarea id="input" placeholder="-- Source Code..."></textarea>
91+
<textarea id="output-view" readonly style="border-top: 1px solid var(--border);" placeholder="-- Protected Stream..."></textarea>
92+
<div id="sys-logs" class="log-area"></div>
18793
</div>
18894
</div>
18995
</div>
19096

19197
<script src="script.js"></script>
19298
</body>
193-
</html>
99+
</html>

0 commit comments

Comments
 (0)