Skip to content

Commit d225962

Browse files
tharun9772tharun9772
authored
Create index.html
1 parent 627c25d commit d225962

1 file changed

Lines changed: 282 additions & 0 deletions

File tree

‎apps/sea-bean-full/index.html‎

Lines changed: 282 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,282 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>StudyZone - Middle School Learning</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
8+
<link rel="icon" id="favicon" href="">
9+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
10+
<link href="/apps/sea-bean-full/sea.css" rel="stylesheet">
11+
<script src="https://unpkg.com/lucide@latest"></script>
12+
13+
</head>
14+
<body>
15+
16+
<div id="studyzone-decoy">
17+
<div id="wrapper">
18+
<div id="header">
19+
<h1>StudyZone</h1>
20+
<p>Your Complete Middle School Resource Center</p>
21+
<p style="font-size: 10px; margin-top: 8px;">Powered by Clever.com</p>
22+
</div>
23+
24+
<div id="nav">
25+
<a href="#home">HOME</a>
26+
<a href="#subjects">SUBJECTS</a>
27+
<a href="#resources">RESOURCES</a>
28+
<a href="#help">HOMEWORK HELP</a>
29+
<a href="#teachers">FOR TEACHERS</a>
30+
<a href="#about">ABOUT</a>
31+
</div>
32+
33+
<div id="main">
34+
<div id="sidebar-school">
35+
<h3>SUBJECTS</h3>
36+
<ul>
37+
<li><a href="#math">Mathematics</a></li>
38+
<li><a href="#science">Science</a></li>
39+
<li><a href="#english">English</a></li>
40+
</ul>
41+
</div>
42+
43+
<div id="content-school">
44+
<div class="alert">
45+
<strong>NEW:</strong> Interactive practice tests now available for all subjects. Check the Resources section.
46+
</div>
47+
48+
<h2>Welcome to StudyZone</h2>
49+
<p>StudyZone is your one-stop resource for middle school learning. Whether you need help with homework, want to practice for tests, or just want to learn something new.</p>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
55+
<div id="startupOverlay" class="modal-overlay">
56+
<div class="modal-content startup-modal">
57+
<h2>Welcome to Sea Bean</h2>
58+
<p class="subtitle">Customize your portal before diving in.</p>
59+
60+
<div class="setting-group">
61+
<label>What's your name?</label>
62+
<input type="text" id="userName" class="settings-input" placeholder="Enter name..." autocomplete="off">
63+
</div>
64+
65+
<div class="setting-group">
66+
<label>Select Theme</label>
67+
<div class="theme-grid" id="startupThemeGrid"></div>
68+
<input type="hidden" id="startupSelectedTheme" value="blue">
69+
</div>
70+
71+
<div class="setting-group">
72+
<label>Device Mode</label>
73+
<div class="device-toggle">
74+
<div class="device-btn active" onclick="selectDevice('desktop', this)">
75+
<i data-lucide="monitor"></i>
76+
<span>Computer</span>
77+
</div>
78+
<div class="device-btn" onclick="selectDevice('mobile', this)">
79+
<i data-lucide="smartphone"></i>
80+
<span>Mobile</span>
81+
</div>
82+
</div>
83+
<input type="hidden" id="deviceSelection" value="desktop">
84+
</div>
85+
86+
<div class="setting-group">
87+
<label>Disguise Portal As</label>
88+
<select id="startupCloakSelect" class="settings-select" onchange="if(window.setCloak) window.setCloak(this.value)">
89+
<option value="default">None (Default)</option>
90+
<option value="google">Google</option>
91+
<option value="drive">Google Drive</option>
92+
<option value="ixl">IXL | Learning</option>
93+
<option value="canvas">Canvas Dashboard</option>
94+
</select>
95+
</div>
96+
97+
<button class="btn-stealth startup-btn" onclick="finishStartup()">
98+
Catch the wave <i data-lucide="waves"></i>
99+
</button>
100+
</div>
101+
</div>
102+
103+
<nav id="sidebar" onmouseenter="handleSidebarHover(true)" onmouseleave="handleSidebarHover(false)">
104+
<div class="sidebar-inner">
105+
<div class="sidebar-brand">
106+
<div class="brand-icon-wrapper">
107+
<div class="brand-icon"><i data-lucide="waves"></i></div>
108+
</div>
109+
<div class="brand-text" id="brandTextDisplay">sea bean</div>
110+
</div>
111+
112+
<a class="nav-item active" onclick="loadPage('https://cdn.jsdelivr.net/gh/Sea-Math/SeaBeanOfficialLite@main/home.svg', 'Home', this)">
113+
<div class="icon-container"><i data-lucide="home"></i></div>
114+
<span class="nav-text">Home</span>
115+
</a>
116+
<a class="nav-item" onclick="loadPage('https://cdn.jsdelivr.net/gh/Mr-Calvin-Math-Class/stochastic-fibonacci-9300@main/doesn.svg', 'Games', this)">
117+
<div class="icon-container"><i data-lucide="gamepad-2"></i></div>
118+
<span class="nav-text">Games</span>
119+
</a>
120+
121+
<a class="nav-item" onclick="loadPage('https://cdn.jsdelivr.net/gh/Sea-Math/SeaBeanOfficialLite@main/seastonesv1.svg', 'Browse dah web', this)">
122+
<div class="icon-container"><i data-lucide="compass"></i></div>
123+
<span class="nav-text">Browse</span>
124+
</a>
125+
<a class="nav-item" onclick="loadPage('https://cdn.jsdelivr.net/gh/Sea-Math/SeaBeanOfficialLite@main/ai.svg', 'talk to smart man', this)">
126+
<div class="icon-container"><i data-lucide="bot"></i></div>
127+
<span class="nav-text">Ai</span>
128+
</a>
129+
130+
131+
<div style="flex-grow: 1; min-height: 20px;"></div>
132+
133+
<div class="sidebar-footer">
134+
<a class="nav-item" href="https://discord.gg/z8nfMADyYh" target="_blank">
135+
<div class="icon-container">
136+
<svg class="custom-icon" viewBox="0 0 24 24" fill="currentColor">
137+
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.028zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
138+
</svg>
139+
</div>
140+
<span class="nav-text">Discord</span>
141+
</a>
142+
143+
<a class="nav-item" href="https://github.com/Sea-Math/Sea-Math.github.io" target="_blank">
144+
<div class="icon-container">
145+
<svg class="custom-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
146+
<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.02c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A4.8 4.8 0 0 0 8 18v4"></path>
147+
</svg>
148+
</div>
149+
<span class="nav-text">GitHub</span>
150+
</a>
151+
152+
<a class="nav-item" onclick="openSettings()">
153+
<div class="icon-container"><i data-lucide="settings"></i></div>
154+
<span class="nav-text">Settings</span>
155+
</a>
156+
</div>
157+
</div>
158+
</nav>
159+
160+
<main id="content-area">
161+
<div id="iframe-wrapper">
162+
<iframe id="mainFrame" src="https://cdn.jsdelivr.net/gh/Sea-Math/SeaBeanOfficialLite@main/home.svg"></iframe>
163+
164+
<div id="loaderOverlay" class="wave-wrapper">
165+
<div id="loaderWaveFill" class="wave-fill">
166+
<svg class="svg-waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28" preserveAspectRatio="none">
167+
<defs><path id="loader-gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /></defs>
168+
<g class="parallax">
169+
<use href="#loader-gentle-wave" x="48" y="0" fill="var(--accent)" opacity="0.4" />
170+
<use href="#loader-gentle-wave" x="48" y="3" fill="var(--accent)" opacity="0.6" />
171+
<use href="#loader-gentle-wave" x="48" y="5" fill="var(--accent-dark)" opacity="0.8" />
172+
<use href="#loader-gentle-wave" x="48" y="7" fill="var(--bg-deep)" />
173+
</g>
174+
</svg>
175+
<div class="loading-text" id="loadingText">LOADING...</div>
176+
</div>
177+
</div>
178+
</div>
179+
</main>
180+
181+
<div id="themeTransitionOverlay" class="wave-wrapper">
182+
<div id="themeWaveFill" class="wave-fill">
183+
<svg class="svg-waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28" preserveAspectRatio="none">
184+
<defs><path id="theme-gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /></defs>
185+
<g class="parallax" id="transitionWaveGroup">
186+
<use href="#theme-gentle-wave" x="48" y="0" fill="var(--accent)" opacity="0.5" />
187+
<use href="#theme-gentle-wave" x="48" y="3" fill="var(--accent)" opacity="0.7" />
188+
<use href="#theme-gentle-wave" x="48" y="5" fill="var(--dark)" opacity="0.9" />
189+
<use href="#theme-gentle-wave" x="48" y="7" fill="var(--bg-deep)" />
190+
</g>
191+
</svg>
192+
</div>
193+
</div>
194+
195+
196+
197+
<div id="settingsOverlay" class="modal-overlay" onclick="closeSettings(event)">
198+
<div class="modal-content" onclick="event.stopPropagation()">
199+
<div class="settings-header">
200+
<h2><i data-lucide="sliders-horizontal"></i> Settings</h2>
201+
<button class="close-btn" onclick="document.getElementById('settingsOverlay').classList.remove('show')"><i data-lucide="x"></i></button>
202+
</div>
203+
204+
<div class="settings-section-title"><i data-lucide="megaphone"></i> Advertisement</div>
205+
<p>Ads blocked by Bloxcraft UBG. Enjoy Unblocked Content! </p>
206+
207+
<div class="settings-section-title"><i data-lucide="palette"></i> Appearance</div>
208+
<div class="theme-grid" id="themeGridContainer"></div>
209+
210+
<div class="settings-section-title"><i data-lucide="ghost"></i> Privacy & Stealth</div>
211+
<div class="setting-group">
212+
<label>Disguise Tab As</label>
213+
<select id="cloakSelect" class="settings-select" onchange="window.setCloak(this.value);">
214+
<option value="default">None (Default)</option>
215+
<option value="google">Google</option>
216+
<option value="drive">Google Drive</option>
217+
<option value="ixl">IXL | Learning</option>
218+
<option value="canvas">Canvas Dashboard</option>
219+
</select>
220+
</div>
221+
222+
<div class="setting-group">
223+
<label>Panic Redirect URL (Press Esc)</label>
224+
<input type="text" id="panicUrlInput" class="settings-input" placeholder="https://www.google.com" onchange="window.updatePanicUrl(this.value)">
225+
</div>
226+
227+
<div class="setting-group">
228+
<label>Auto-Panic</label>
229+
<select id="autoPanicSelect" class="settings-select" onchange="window.updateAutoPanic(this.value)">
230+
<option value="false">Off (Stay open in background)</option>
231+
<option value="true">On (Redirect immediately if you change tabs)</option>
232+
</select>
233+
</div>
234+
235+
<button class="btn-stealth" onclick="window.openAboutBlank()">
236+
<i data-lucide="external-link"></i> Launch Portal in about:blank
237+
</button>
238+
</div>
239+
</div>
240+
241+
<div id="themeAnnouncementOverlay" class="modal-overlay">
242+
<div class="modal-content announcement-modal">
243+
<div class="announcement-header">
244+
<i data-lucide="waves"></i>
245+
<span id="announceTitle">better update???</span>
246+
</div>
247+
248+
<div class="announcement-content" id="announceContent">
249+
<div class="update-item">
250+
<div class="update-icon"><i data-lucide="eye-off"></i></div>
251+
<div class="update-text">
252+
<h4>Lights Out</h4>
253+
<p>We've turned off the bright neons, glows, and harsh whites to protect your eyes.</p>
254+
</div>
255+
</div>
256+
<div class="update-item">
257+
<div class="update-icon"><i data-lucide="smartphone"></i></div>
258+
<div class="update-text">
259+
<h4>Mobile Ready</h4>
260+
<p>You can now toggle mobile mode for a native app-like experience on smaller screens.</p>
261+
</div>
262+
</div>
263+
<div class="update-item">
264+
<div class="update-icon"><i data-lucide="wind"></i></div>
265+
<div class="update-text">
266+
<h4>Silky Smooth</h4>
267+
<p>Added custom animations and snappy transitions across the entire platform.</p>
268+
</div>
269+
</div>
270+
</div>
271+
272+
<div class="announcement-footer">
273+
<button class="btn-announce-secondary" onclick="console.log('Redirect to changelog')">Changelog</button>
274+
<button class="btn-announce-primary" onclick="closeAnnouncement()">Awesome</button>
275+
</div>
276+
</div>
277+
</div>
278+
279+
<script src="/apps/sea-bean-full/bean.js">
280+
</script>
281+
</body>
282+
</html>

0 commit comments

Comments
 (0)