Skip to content

Commit f1ca5d0

Browse files
luauyluauy
authored
Update index.html
1 parent d81b932 commit f1ca5d0

1 file changed

Lines changed: 52 additions & 129 deletions

File tree

‎index.html‎

Lines changed: 52 additions & 129 deletions
Original file line numberDiff line numberDiff line change
@@ -2,142 +2,65 @@
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 | v1.13.90 Base64-Icon</title>
7-
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet">
8-
<style>
9-
:root {
10-
--bg: #010409;
11-
--sidebar: #0d1117;
12-
--gh-green: #238636;
13-
--gh-green-glow: #2ea043;
14-
--border: #30363d;
15-
--fira: 'Fira Code', monospace;
16-
/* 1.13.90 Palette */
17-
--kw: #ff7b72; --fn: #d2a8ff; --en: #bd93f9; --st: #a5d6ff;
18-
}
19-
20-
body { background: var(--bg); color: #c9d1d9; font-family: 'Inter', sans-serif; margin: 0; display: flex; flex-direction: column; height: 100vh; overflow: hidden; }
21-
22-
/* --- SQUIRCLE TOPBAR --- */
23-
.top-nav { background: #161b22; border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 25px; height: 60px; position: relative; }
24-
.nav-content { display: flex; align-items: center; gap: 12px; position: relative; width: 100%; }
25-
26-
.gh-logo { width: 28px; filter: invert(1); margin-right: 10px; }
27-
.lua-logo { width: 32px; height: 32px; filter: brightness(0) invert(1); }
28-
29-
#squircle-follower {
30-
position: absolute; height: 36px; background: rgba(255, 255, 255, 0.05);
31-
border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px;
32-
pointer-events: none; transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
33-
}
34-
35-
.nav-item { color: #f0f6fc; font-size: 13px; padding: 8px 12px; cursor: pointer; opacity: 0.6; z-index: 5; transition: 0.2s; }
36-
.nav-item.active { opacity: 1; font-weight: 700; }
37-
38-
/* --- MAIN LAYOUT --- */
39-
.main-container { display: flex; flex: 1; overflow: hidden; }
40-
41-
.sidebar { width: 280px; background: var(--sidebar); border-right: 1px solid var(--border); padding: 20px; display: flex; flex-direction: column; gap: 12px; }
42-
43-
.gh-btn {
44-
width: 100%; padding: 10px; border-radius: 6px; border: 1px solid var(--border);
45-
font-weight: 600; font-size: 13px; cursor: pointer; transition: 0.2s;
46-
background: #21262d; color: #c9d1d9; font-family: inherit;
47-
}
48-
.btn-green { background: var(--gh-green); border-color: rgba(255,255,255,0.1); color: white; }
49-
.btn-green:hover { background: var(--gh-green-glow); box-shadow: 0 0 12px rgba(35, 134, 54, 0.3); }
50-
51-
/* --- EDITOR & CONSOLE --- */
52-
.editor-area { flex: 1; display: flex; flex-direction: column; background: var(--bg); }
53-
.code-split { display: flex; flex: 2; border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
54-
55-
#input { flex: 1; background: transparent; color: transparent; caret-color: #fff; padding: 25px; border: 0; outline: 0; font-size: 13px; font-family: var(--fira); resize: none; z-index: 2; }
56-
#hl-layer { position: absolute; top: 25px; left: 25px; pointer-events: none; font-size: 13px; font-family: var(--fira); white-space: pre-wrap; word-wrap: break-word; }
57-
#output { flex: 1; background: #010409; color: var(--gh-green-glow); padding: 25px; font-size: 11px; font-family: var(--fira); border-left: 1px solid var(--border); overflow-y: auto; }
58-
59-
.console { flex: 0.8; background: #010409; display: flex; flex-direction: column; }
60-
.console-header { padding: 8px 25px; background: #0d1117; font-size: 10px; color: #8b949e; border-bottom: 1px solid var(--border); text-transform: uppercase; }
61-
#steve-logs { flex: 1; padding: 12px 25px; font-family: var(--fira); font-size: 12px; color: #8b949e; overflow-y: auto; }
62-
.steve-tag { color: var(--kw); font-weight: bold; }
63-
</style>
5+
<title>tenringsofdoom1x | Pobfus v1.13.90 Successor</title>
6+
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@400;600&display=swap" rel="stylesheet">
647
</head>
65-
<body>
8+
<body style="background-color: White; color: Black; font-family: 'Inter', sans-serif; margin: 0; height: 100vh; display: flex; flex-direction: column;">
9+
10+
<header style="background-color: #f6f8fa; border-bottom: 1px solid LightGray; padding: 16px 24px; display: flex; align-items: center; gap: 12px;">
11+
<img id="lua-logo-main" style="width: 24px;"> <span style="font-size: 14px; color: SteelBlue;">tenringsofdoom1x / <strong style="color: Black;">pobfus-successor</strong></span>
12+
<span style="border: 1px solid LightGray; border-radius: 12px; padding: 2px 8px; font-size: 12px; color: Gray;">Public</span>
13+
</header>
14+
15+
<div style="display: flex; flex: 1; overflow: hidden;">
16+
<aside style="width: 320px; border-right: 1px solid LightGray; padding: 24px; overflow-y: auto; background-color: White;">
17+
<div style="margin-bottom: 30px;">
18+
<h3 style="font-size: 14px; border-bottom: 1px solid LightGray; padding-bottom: 5px;">Execution</h3>
19+
<button id="pushBtn"
20+
onmouseover="this.style.background='linear-gradient(to right, #FFD700, Gold)'"
21+
onmouseout="this.style.background='ForestGreen'"
22+
style="width: 100%; padding: 12px; margin-bottom: 8px; background-color: ForestGreen; color: White; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; transition: 0.3s;">
23+
Obfuscate & Push
24+
</button>
25+
<button id="clrBtn" style="width: 100%; padding: 8px; background-color: White; border: 1px solid DarkGray; border-radius: 6px; color: Maroon; cursor: pointer;">Purge Workspace</button>
26+
</div>
6627

67-
<div class="top-nav">
68-
<div class="nav-content">
69-
<img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" class="gh-logo">
70-
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDBDMTE0LjYxNSAwIDAgMTE0LjYxNSAwIDI1NnMxMTQuNjE1IDI1NiAyNTYgMjU2IDI1Ni0xMTQuNjE1IDI1Ni0yNTZTzM5Ny4zODUgMCAyNTYgMHptMTI4IDM4NGE2NCA2NCAwIDEgMSAwLTEyOCA2NCA2NCAwIDAgMSAwIDEyOHpNMTI4IDEyOGE2NCA2NCAwIDEgMSAwIDEyOCA2NCA2NCAwIDAgMSAwLTEyOHptMTI4IDEyOGE2NCA2NCAwIDEgMSAwIDEyOCA2NCA2NCAwIDAgMSAwLTEyOHoiLz48L3N2Zz4=" class="lua-logo">
71-
<div id="squircle-follower"></div>
72-
<div class="nav-item active" onclick="syncNav(this)">Overview</div>
73-
<div class="nav-item" onclick="syncNav(this)">Repositories</div>
74-
<div class="nav-item" onclick="syncNav(this)">Projects</div>
75-
<div class="nav-item" onclick="syncNav(this)">Milestones</div>
76-
</div>
77-
</div>
28+
<div style="margin-bottom: 30px;">
29+
<h3 style="font-size: 14px; border-bottom: 1px solid LightGray; padding-bottom: 5px;">Evolution Timeline</h3>
30+
<ul id="v-history" style="list-style: none; padding: 0; font-size: 12px; line-height: 1.6;">
31+
<li style="margin-bottom: 10px;"><b style="color: Gold;">v1.13.90</b>: Virtual Macro Engine</li>
32+
<li style="margin-bottom: 10px;"><b style="color: #FFD700;">v1.12.00</b>: Multi-layer Constant Virtualization</li>
33+
<li style="margin-bottom: 10px;"><b style="color: #FFEC8B;">v1.11.00</b>: Env Hotfixes</li>
34+
<li style="margin-bottom: 10px;"><b style="color: Silver;">v0.1.00</b>: The Kickstart Idea</li>
35+
</ul>
36+
</div>
7837

79-
<div class="main-container">
80-
<div class="sidebar">
81-
<button class="gh-btn btn-green" id="pushBtn">Obfuscate & Push</button>
82-
<button class="gh-btn" id="dlBtn">Download Output</button>
83-
<button class="gh-btn" id="clrBtn" style="color:var(--kw)">Clear Buffer</button>
84-
85-
<div style="margin-top: auto; padding: 15px; background: rgba(255,255,255,0.02); border-radius: 6px; border: 1px solid var(--border);">
86-
<div style="font-size: 10px; color: #8b949e;">CURRENT VERSION</div>
87-
<div style="font-size: 13px; font-weight: bold; color: var(--gh-green-glow);">v1.13.90-Agentic</div>
38+
<div style="border-top: 1px solid LightGray; padding-top: 15px;">
39+
<h3 style="font-size: 14px; color: Black; margin-bottom: 5px;">Legacy Remarks</h3>
40+
<p style="font-size: 11px; color: Gray; line-height: 1.5;">
41+
Built on the legacy of <b>MoonSec, Moonix, PSU,</b> and <b>IB</b>. Inspired by the transition from a kickstarter idea to a Successor.
42+
</p>
8843
</div>
89-
</div>
44+
</aside>
9045

91-
<div class="editor-area">
92-
<div class="code-split">
93-
<div id="hl-layer"></div>
94-
<textarea id="input" spellcheck="false" placeholder="-- [ v1.13.90 Universe Pushing Active ]"></textarea>
95-
<div id="output">-- [ Output Stream ]</div>
46+
<main style="flex: 1; display: flex; flex-direction: column; background-color: #0d1117;">
47+
<div style="background-color: #161b22; padding: 8px 16px; color: White; font-size: 12px; border-bottom: 1px solid #30363d;">
48+
successor_engine.lua
9649
</div>
97-
<div class="console">
98-
<div class="console-header">SKIDDY STEVE // AGENTIC ANALYZER</div>
99-
<div id="steve-logs">Line 1 Script: System check complete. Icon loaded via Base64.</div>
50+
51+
<div style="flex: 1; display: flex; position: relative; overflow: hidden;">
52+
<div id="hl-layer" style="position: absolute; width: 100%; height: 100%; padding: 25px; font-family: 'Fira Code', monospace; font-size: 13px; white-space: pre-wrap; pointer-events: none; box-sizing: border-box; overflow-y: hidden;"></div>
53+
<textarea id="input" spellcheck="false" placeholder="-- Paste Source Code" style="flex: 1; background: transparent; color: transparent; caret-color: White; border: none; outline: none; padding: 25px; font-family: 'Fira Code', monospace; font-size: 13px; z-index: 2; resize: none; box-sizing: border-box;"></textarea>
54+
<div id="output" style="flex: 1; background-color: Black; color: Lime; padding: 25px; font-family: 'Fira Code', monospace; font-size: 12px; border-left: 1px solid #30363d; overflow-y: auto; white-space: pre-wrap; box-sizing: border-box;">-- [ Successor Stream ]</div>
10055
</div>
101-
</div>
102-
</div>
103-
104-
<script>
105-
const input = document.getElementById('input');
106-
const hl = document.getElementById('hl-layer');
107-
const steve = document.getElementById('steve-logs');
108-
const squircle = document.getElementById('squircle-follower');
109-
110-
// Nav Squircle
111-
function syncNav(el) {
112-
document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active'));
113-
el.classList.add('active');
114-
squircle.style.width = (el.offsetWidth) + 'px';
115-
squircle.style.left = (el.offsetLeft) + 'px';
116-
}
117-
window.onload = () => syncNav(document.querySelector('.nav-item'));
11856

119-
// 1.13.90 Highlighting
120-
function paint() {
121-
let code = input.value;
122-
code = code.replace(/--.*$/gm, m => `<span style="color:#8b949e">${m}</span>`);
123-
code = code.replace(/\b(local|function|if|then|else|end|return)\b/g, m => `<span style="color:var(--kw)">${m}</span>`);
124-
code = code.replace(/\b(getfenv|setfenv|getgenv|hookmetamethod)\b/g, m => `<span style="color:var(--en); font-weight:bold;">${m}</span>`);
125-
code = code.replace(/\b(print|warn|game|workspace|wait|Instance)\b/g, m => `<span style="color:var(--fn)">${m}</span>`);
126-
code = code.replace(/('|")(.*?)('|")/g, m => `<span style="color:var(--st)">${m}</span>`);
127-
hl.innerHTML = code;
128-
}
129-
130-
input.oninput = () => { paint(); hl.scrollTop = input.scrollTop; };
131-
input.onscroll = () => hl.scrollTop = input.scrollTop;
132-
133-
document.getElementById('pushBtn').onclick = () => {
134-
steve.innerHTML = "Line 1 Script: Pushing build to v1.13.90 remote...";
135-
};
57+
<div style="height: 120px; background-color: Black; border-top: 1px solid #30363d;">
58+
<div style="background-color: #161b22; color: #8b949e; font-size: 11px; padding: 6px 25px;">CONSOLE: SKIDDY STEVE v1.13.90</div>
59+
<div id="steve-logs" style="padding: 12px 25px; color: Gray; font-size: 12px; font-family: 'Fira Code';">Ready for obfuscation.</div>
60+
</div>
61+
</main>
62+
</div>
13663

137-
document.getElementById('clrBtn').onclick = () => {
138-
input.value = ""; paint();
139-
steve.innerHTML = "Line 1 Script: Buffer cleared.";
140-
};
141-
</script>
64+
<script src="script.js"></script>
14265
</body>
143-
</html>
66+
</html>

0 commit comments

Comments
 (0)