Skip to content

Commit c0a4003

Browse files
aishitecreateaishitecreate
authored
Update index.html
1 parent 18743e3 commit c0a4003

File tree

1 file changed

+49
-85
lines changed

1 file changed

+49
-85
lines changed

‎index.html‎

Lines changed: 49 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -2,98 +2,62 @@
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</title>
5+
<title>pobfus / pronar.cc</title>
76
<style>
8-
:root {
9-
--bg: #0d1117;
10-
--border: #30363d;
11-
--accent: #ff4500;
12-
--blue: #79c0ff;
13-
--green: #39ff14;
14-
}
15-
16-
* { box-sizing: border-box; }
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);
32-
display: flex;
33-
align-items: center;
34-
gap: 10px;
35-
animation: slideIn 0.3s ease-out forwards;
36-
}
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; } }
40-
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; }
45-
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; }
48-
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; }
7+
:root { --bg: #0d1117; --border: #30363d; --text: #c9d1d9; --accent: #39ff14; }
8+
body { margin: 0; background: #010409; color: var(--text); font-family: -apple-system, sans-serif; height: 100vh; display: flex; flex-direction: column; overflow: hidden; }
9+
header { background: var(--bg); border-bottom: 1px solid var(--border); padding: 12px 24px; display: flex; align-items: center; gap: 10px; font-size: 14px; }
10+
.container { display: flex; flex: 1; }
11+
aside { width: 260px; background: var(--bg); border-right: 1px solid var(--border); padding: 15px; display: flex; flex-direction: column; }
12+
.main { flex: 1; display: flex; flex-direction: column; }
13+
textarea { flex: 1; background: transparent; color: #79c0ff; border: none; padding: 20px; font-family: "JetBrains Mono", monospace; font-size: 11px; outline: none; resize: none; }
14+
#logs { height: 150px; background: #000; border-top: 1px solid var(--border); padding: 12px; font-family: monospace; font-size: 10px; overflow-y: auto; color: #8b949e; }
15+
.btn-commit { background: #238636; color: white; border: 1px solid rgba(255,255,255,0.1); padding: 10px; border-radius: 6px; cursor: pointer; font-weight: 600; margin-top: 10px; transition: 0.2s; }
16+
.btn-commit:hover { background: #2ea043; }
17+
.label { font-size: 10px; color: #8b949e; text-transform: uppercase; margin: 15px 0 5px 0; letter-spacing: 1px; }
18+
.pillar { font-size: 11px; color: var(--accent); margin-bottom: 3px; }
19+
pre.sidebar-logo { font-size: 4px; line-height: 1.1; color: var(--accent); opacity: 0.8; pointer-events: none; }
6420
</style>
6521
</head>
6622
<body>
6723

68-
<div id="notif-container"></div>
69-
70-
<div class="app-wrapper">
71-
<header>SYSTEM PROTECTION UNIT</header>
72-
73-
<div class="container">
74-
<aside>
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>
79-
</div>
80-
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>
85-
86-
<button class="btn-run" onclick="_011._transform()">Initiate Protection</button>
87-
</aside>
88-
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>
93-
</div>
24+
<header>
25+
<svg height="24" viewBox="0 0 16 16" width="24" fill="white"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg>
26+
<span>pobfus / <b>pronar.cc</b></span>
27+
</header>
28+
29+
<div class="container">
30+
<aside>
31+
<pre class="sidebar-logo">
32+
.... .. .. .x+=:.
33+
+^""888h. ~"888h . uW8" oec : z` ^%
34+
8X. ?8888X 8888f u. `t888 @88888 x. . . <k
35+
'888x 8888X 8888~ ...ue888b 8888 . 8"*88% .@88k z88u .@8Ned8"
36+
'88888 8888X "88x: 888R Y888r 9888.z88N 8b. ~"8888 ^8888 .@^%8888"
37+
`8888 8888X X88x. 888R I888> 9888 888E u888888> 8888 888R x88: `)8b.
38+
`*` 8888X '88888X 888R I888> 9888 888E 8888R 8888 888R 8888N=*8888
39+
~`...8888X "88888 888R I888> 9888 888E 8888P 8888 888R %8" R88
40+
x8888888X. `%8" u8888cJ888 9888 888E *888> 8888 ,888B . @8Wou 9%
41+
'%"*8888888h. " "*888*P" .8888 888" 4888 "8888Y 8888" .888888P`
42+
~ 888888888!` 'Y" `%888*%" '888 `Y" 'YP ` ^"F
43+
X888^""" "` 88R
44+
`88f 88>
45+
88 48
46+
"" '8
47+
</pre>
48+
<div class="label">Pillars</div>
49+
<div class="pillar">PRONAR.V3.STRICT</div>
50+
<div class="pillar">NEWPROXY.LOCK</div>
51+
<div class="pillar">ENV.SCRAMBLER</div>
52+
<button class="btn-commit" onclick="core.commit()">Commit & Protect</button>
53+
</aside>
54+
<div class="main">
55+
<textarea id="in" placeholder="-- Paste raw source code..."></textarea>
56+
<textarea id="out" readonly style="color: #a5d6ff; border-top: 1px solid var(--border);" placeholder="-- Minified & Obfuscated output..."></textarea>
57+
<div id="logs"></div>
9458
</div>
9559
</div>
9660

9761
<script src="script.js"></script>
9862
</body>
99-
</html>
63+
</html>

0 commit comments

Comments
 (0)