Skip to content

Commit 9de33af

Browse files
aishitecreateaishitecreate
authored
Update index.html
1 parent 573631d commit 9de33af

File tree

1 file changed

+60
-81
lines changed

1 file changed

+60
-81
lines changed

‎index.html‎

Lines changed: 60 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<title>POBFUS | Bytesmas Priority Build</title>
5+
<title>POBFUS | Integrated Ticker Build</title>
66
<style>
77
:root {
88
--gh-bg: #0d1117;
@@ -11,34 +11,21 @@
1111
--rbx-log-bg: #1b1b1b;
1212
--p-green: #39ff14;
1313
--p-blue: #79c0ff;
14-
--p-purple: #d2a8ff;
1514
--p-red: #ff3131;
1615
--p-gold: #ffcc00;
1716
}
1817

1918
body {
2019
background-color: #010409;
2120
color: #c9d1d9;
22-
font-family: "JetBrains Mono", monospace;
21+
font-family: "Arial", sans-serif;
2322
margin: 0;
2423
display: flex;
2524
flex-direction: column;
2625
height: 100vh;
2726
overflow: hidden;
2827
}
2928

30-
#geo-lock {
31-
position: fixed;
32-
inset: 0;
33-
background: #000;
34-
z-index: 9999;
35-
display: none;
36-
flex-direction: column;
37-
align-items: center;
38-
justify-content: center;
39-
text-align: center;
40-
}
41-
4229
header {
4330
background: var(--gh-bg);
4431
border-bottom: 1px solid var(--gh-border);
@@ -47,126 +34,118 @@
4734
align-items: center;
4835
justify-content: space-between;
4936
height: 48px;
37+
flex-shrink: 0;
5038
}
5139

5240
.app-container { display: flex; flex: 1; overflow: hidden; }
5341

5442
aside {
55-
width: 260px;
43+
width: 240px;
5644
background: var(--gh-sidebar);
5745
border-right: 1px solid var(--gh-border);
58-
font-size: 11px;
46+
display: flex;
47+
flex-direction: column;
48+
overflow-y: auto;
5949
}
6050

6151
.sidebar-section { padding: 15px; border-bottom: 1px solid var(--gh-border); }
62-
.sidebar-section h4 { margin: 0 0 10px 0; color: #555; text-transform: uppercase; font-size: 10px; }
63-
64-
.toggle-btn {
52+
.sidebar-section h4 { margin: 0 0 10px 0; color: #555; text-transform: uppercase; font-size: 11px; font-weight: bold; }
53+
54+
.workspace { display: flex; flex-direction: column; flex: 1; overflow: hidden; }
55+
56+
/* INTEGRATED TOPBAR TIMER */
57+
.ticker-bar {
58+
background: #1c2128;
59+
border-bottom: 1px solid var(--gh-border);
60+
padding: 4px 15px;
6561
display: flex;
66-
justify-content: space-between;
6762
align-items: center;
68-
padding: 6px 8px;
69-
background: #21262d;
70-
border: 1px solid var(--gh-border);
71-
border-radius: 4px;
72-
margin-bottom: 5px;
73-
cursor: pointer;
74-
font-size: 10px;
63+
justify-content: center;
64+
gap: 20px;
65+
flex-shrink: 0;
7566
}
76-
.toggle-btn.active { border-color: var(--p-red); color: #fff; }
77-
78-
.workspace { display: flex; flex-direction: column; flex: 1; }
7967

8068
#status-ticker {
81-
background: #1c2128;
82-
border-bottom: 1px solid var(--gh-border);
83-
padding: 8px 15px;
84-
font-size: 11px;
69+
font-size: 12px;
70+
font-weight: bold;
71+
min-width: 250px;
8572
text-align: center;
73+
}
74+
75+
.override-btn {
76+
background: #21262d;
77+
border: 1px solid var(--gh-border);
78+
color: #8b949e;
79+
font-size: 10px;
80+
padding: 4px 10px;
81+
border-radius: 4px;
82+
cursor: pointer;
8683
font-weight: bold;
87-
color: var(--p-red);
88-
letter-spacing: 1px;
84+
transition: 0.2s;
8985
}
86+
.override-btn.active-bmas { border-color: var(--p-red); color: var(--p-red); }
87+
.override-btn.active-mday { border-color: var(--p-gold); color: var(--p-gold); }
9088

9189
.editors { display: flex; flex: 1; border-bottom: 1px solid var(--gh-border); }
9290
.pane { flex: 1; display: flex; flex-direction: column; border-right: 1px solid var(--gh-border); }
93-
.pane-label { background: #0d1117; padding: 6px 15px; font-size: 10px; color: #555; }
91+
.pane-label { background: #0d1117; padding: 6px 15px; font-size: 11px; color: #555; font-weight: bold; }
9492

9593
textarea {
9694
flex: 1;
9795
background: #010409;
9896
padding: 15px;
99-
font-family: inherit;
97+
font-family: "JetBrains Mono", monospace;
10098
font-size: 13px;
10199
resize: none;
102100
outline: none;
103101
border: none;
104102
color: var(--p-blue);
105103
}
106104

107-
#steve-logs {
108-
height: 220px;
109-
background: var(--rbx-log-bg);
110-
border-top: 2px solid #444;
111-
overflow-y: scroll;
112-
padding: 10px;
113-
font-size: 12px;
114-
}
115-
116-
.log-entry { margin-bottom: 4px; }
117-
.log-ts { color: #444; margin-right: 10px; }
105+
.log-house-container { height: 240px; display: flex; flex-direction: column; flex-shrink: 0; }
106+
#log-roof { background: #333; height: 30px; display: flex; align-items: center; padding: 0 15px; font-size: 11px; font-weight: bold; transition: 0.5s; border-bottom: 2px solid #000; }
107+
#steve-logs { flex: 1; background: var(--rbx-log-bg); overflow-y: scroll; padding: 10px; font-size: 13px; }
118108
</style>
119109
</head>
120110
<body>
121111

122-
<div id="geo-lock">
123-
<h1 style="color: var(--p-red);">UNDER CONSTRUCTION</h1>
124-
<p style="color: #8b949e;">THE SUMMER WILL MAKE A VACATION FOR THEM!</p>
125-
</div>
126-
127112
<header>
128113
<div class="header-brand">
129-
<span style="font-weight:600; letter-spacing: 1px;">POBFUS <span style="font-weight:200; color:#444;">1.13.100</span></span>
114+
<span style="font-weight:bold;">POBFUS <span style="font-weight:normal; color:#444;">1.13.100</span></span>
130115
</div>
131-
<button style="background:#238636; color:white; border:none; padding:5px 15px; border-radius:4px; cursor:pointer;" onclick="_011._dl()">EXECUTE</button>
116+
<button style="background:#238636; color:white; border:none; padding:6px 18px; border-radius:4px; cursor:pointer; font-weight:bold;" onclick="_011._dl()">EXECUTE</button>
132117
</header>
133118

134119
<div class="app-container">
135120
<aside>
136121
<div class="sidebar-section">
137-
<h4>Override Controls</h4>
138-
<div id="toggle-bmas" class="toggle-btn" onclick="_011.toggle('bmas')">
139-
<span>Force Bytesmas</span>
140-
<span class="status">OFF</span>
141-
</div>
142-
<div id="toggle-mday" class="toggle-btn" onclick="_011.toggle('mday')">
143-
<span>Force Millennial Day</span>
144-
<span class="status">OFF</span>
145-
</div>
122+
<h4>Update Archives</h4>
123+
<div style="color:#8b949e; margin-bottom:4px;">v1.13.100 (Stable)</div>
124+
<div style="color:#444; text-decoration: line-through;">v0.7 (Deprecated)</div>
146125
</div>
147126
<div class="sidebar-section">
148-
<h4>Archives</h4>
149-
<div style="color:#555;">v1.13.100 (Current)</div>
150-
<div style="color:#333; text-decoration: line-through;">v0.7 (Deprecated 03.08.26)</div>
127+
<h4>Household</h4>
128+
<div style="color:#c9d1d9; cursor:pointer; margin-bottom:8px;" onclick="_011._remote()">📺 TV Remote</div>
129+
<div style="color:#444;">Guest Room (PH House)</div>
151130
</div>
152131
</aside>
153132

154133
<div class="workspace">
155-
<div id="status-ticker">CALCULATING BYTESMAS PROXIMITY...</div>
134+
<div class="ticker-bar">
135+
<button id="btn-bmas" class="override-btn" onclick="_011.toggle('bmas')">BYTESMAS OVERRIDE</button>
136+
<div id="status-ticker">INIT...</div>
137+
<button id="btn-mday" class="override-btn" onclick="_011.toggle('mday')">MILLENNIAL DAY OVERRIDE</button>
138+
</div>
139+
156140
<div class="editors">
157141
<div class="pane">
158-
<div class="pane-label">Source.lua</div>
159-
<textarea id="input" spellcheck="false"></textarea>
142+
<div class="pane-label">SOURCE.LUA</div>
143+
<textarea id="input" spellcheck="false" placeholder="-- Input code..."></textarea>
160144
</div>
161145
<div class="pane">
162-
<div class="pane-label">Obfuscated.lua</div>
163-
<textarea id="output-view" readonly></textarea>
146+
<div class="pane-label">OBFUSCATED.LUA</div>
147+
<textarea id="output-view" readonly placeholder="-- Awaiting..."></textarea>
164148
</div>
165149
</div>
166-
<div id="steve-logs"></div>
167-
</div>
168-
</div>
169-
170-
<script src="script.js"></script>
171-
</body>
172-
</html>
150+
151+
<div class

0 commit comments

Comments
 (0)