Skip to content

Commit 686dfa8

Browse files
hamshika9772hamshika9772
authored
Create home.html
1 parent 41c7813 commit 686dfa8

1 file changed

Lines changed: 368 additions & 0 deletions

File tree

‎assets/proxy-dom/home.html‎

Lines changed: 368 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,368 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8"/>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7+
<meta name="google-site-verification" content="Z8tsQQFL16amICSZIQAay8h_CzCnwLaKENYW5UsSEPs" />
8+
<meta name="description" content="The Final Boss, Of Unblocked Games. Also Fish :D">
9+
<title>Dominum Browser - Newtab</title>
10+
<link rel="icon" href="img.png" type="image/x-icon"/>
11+
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;800&display=swap" rel="stylesheet"/>
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
13+
<style>
14+
* {
15+
margin: 0;
16+
padding: 0;
17+
box-sizing: border-box;
18+
}
19+
20+
body {
21+
font-family: 'Orbitron', sans-serif;
22+
background: #050007;
23+
color: #fff;
24+
height: 100vh;
25+
overflow: hidden;
26+
display: flex;
27+
flex-direction: column;
28+
align-items: center;
29+
justify-content: center;
30+
position: relative;
31+
background-repeat: no-repeat;
32+
}
33+
34+
body::before, body::after {
35+
content: "";
36+
position: absolute;
37+
top: 0; left: 0;
38+
width: 100%; height: 100%;
39+
pointer-events: none;
40+
z-index: 0;
41+
}
42+
43+
body::before {
44+
background: repeating-linear-gradient(
45+
to bottom,
46+
rgba(255,255,255,0.05) 0px,
47+
rgba(255,255,255,0.05) 1px,
48+
transparent 2px,
49+
transparent 4px
50+
);
51+
animation: scanlines 6s linear infinite;
52+
}
53+
54+
body::after {
55+
background: url("https://codehs.com/uploads/b54ba4554c9e223cc321d6a1012fe6f9");
56+
background-size: cover;
57+
opacity: 0.08;
58+
mix-blend-mode: screen;
59+
}
60+
61+
@keyframes scanlines {
62+
0% { transform: translateY(0); }
63+
100% { transform: translateY(-4px); }
64+
}
65+
66+
nav {
67+
position: fixed;
68+
top: 20px;
69+
left: 50%;
70+
transform: translateX(-50%);
71+
display: flex;
72+
gap: 20px;
73+
padding: 12px 28px;
74+
background: rgba(15, 0, 30, 0.7);
75+
border: 1px solid rgba(255, 0, 255, 0.3);
76+
border-radius: 40px;
77+
box-shadow: 0 0 25px rgba(255, 0, 200, 0.4);
78+
backdrop-filter: blur(8px);
79+
z-index: 2;
80+
}
81+
82+
nav a {
83+
text-decoration: none;
84+
color: #fff;
85+
font-size: 20px;
86+
transition: 0.25s;
87+
}
88+
89+
nav a:hover {
90+
color: #ff0080;
91+
text-shadow: 0 0 10px #ff0080, 0 0 20px #ff00de;
92+
transform: translateY(-3px);
93+
}
94+
95+
.hero {
96+
margin-top: 60px;
97+
text-align: center;
98+
z-index: 2;
99+
}
100+
101+
.hero img {
102+
width: 150px;
103+
max-width: 90vw;
104+
animation: floaty 6s ease-in-out infinite;
105+
filter: drop-shadow(0 0 25px rgba(255, 0, 200, 0.4));
106+
margin-top: 100px;
107+
}
108+
109+
.hero h1 {
110+
font-size: 72px;
111+
font-weight: 800;
112+
color: #fff;
113+
position: relative;
114+
text-transform: uppercase;
115+
letter-spacing: 4px;
116+
animation: glitch 2s infinite;
117+
}
118+
119+
.hero h1::before,
120+
.hero h1::after {
121+
content: "DOMINUM X M3T4L";
122+
position: absolute;
123+
left: 0;
124+
right: 0;
125+
overflow: hidden;
126+
clip: rect(0, 900px, 0, 0);
127+
}
128+
129+
.hero h1::before {
130+
color: #00fff7;
131+
animation: glitchTop 2s infinite;
132+
}
133+
134+
.hero h1::after {
135+
color: #ff00a2;
136+
animation: glitchBottom 1.5s infinite;
137+
}
138+
139+
.logo-container {
140+
display: flex;
141+
flex-direction: row;
142+
justify-content: center;
143+
align-items: center;
144+
gap: 20px;
145+
margin-bottom: 1px;
146+
}
147+
148+
.logo-container h2 {
149+
font-size: 48px;
150+
color: #ff00a2;
151+
margin-top: 50px;
152+
font-weight: 800;
153+
text-shadow: 0 0 10px #ff00a2, 0 0 20px #ff00de;
154+
}
155+
156+
@keyframes glitch {
157+
0% { text-shadow: 0 0 2px #fff, 0 0 10px #ff00a2; }
158+
20% { text-shadow: -2px 0 #00fff7, 2px 2px #ff00a2; }
159+
40% { text-shadow: 2px -2px #00fff7, -2px 2px #ff00a2; }
160+
60% { text-shadow: 0 0 3px #fff, 0 0 15px #ff00a2; }
161+
80% { text-shadow: 2px 0 #00fff7, -2px -2px #ff00a2; }
162+
100% { text-shadow: 0 0 2px #fff, 0 0 10px #ff00a2; }
163+
}
164+
165+
@keyframes glitchTop {
166+
0% { clip: rect(0, 900px, 0, 0); }
167+
20% { clip: rect(0, 900px, 20px, 0); transform: translate(-2px, -2px); }
168+
40% { clip: rect(0, 900px, 0, 0); transform: translate(0, 0); }
169+
60% { clip: rect(0, 900px, 10px, 0); transform: translate(-3px, 2px); }
170+
80% { clip: rect(0, 900px, 5px, 0); transform: translate(2px, -1px); }
171+
100% { clip: rect(0, 900px, 0, 0); }
172+
}
173+
174+
@keyframes glitchBottom {
175+
0% { clip: rect(0, 900px, 0, 0); }
176+
20% { clip: rect(15px, 900px, 40px, 0); transform: translate(2px, 2px); }
177+
40% { clip: rect(0, 900px, 0, 0); transform: translate(0, 0); }
178+
60% { clip: rect(10px, 900px, 35px, 0); transform: translate(-2px, 1px); }
179+
80% { clip: rect(5px, 900px, 20px, 0); transform: translate(3px, -2px); }
180+
100% { clip: rect(0, 900px, 0, 0); }
181+
}
182+
183+
@keyframes floaty {
184+
0%, 100% { transform: translateY(0); }
185+
50% { transform: translateY(-12px); }
186+
}
187+
188+
.clock {
189+
position: fixed;
190+
bottom: 20px;
191+
right: 20px;
192+
background: rgba(10, 0, 20, 0.7);
193+
border: 1px solid rgba(255, 0, 255, 0.3);
194+
backdrop-filter: blur(6px);
195+
border-radius: 10px;
196+
padding: 10px 16px;
197+
font-size: 14px;
198+
color: #fff;
199+
text-shadow: 0 0 8px #ff00de, 0 0 15px #00fff7;
200+
box-shadow: 0 0 20px rgba(255, 0, 200, 0.25);
201+
z-index: 2;
202+
}
203+
204+
.update-counter {
205+
position: fixed;
206+
top: 75px;
207+
left: 50%;
208+
transform: translateX(-50%);
209+
padding: 6px 14px;
210+
background: rgba(15, 0, 30, 0.7);
211+
border: 1px solid rgba(0, 255, 255, 0.3);
212+
border-radius: 20px;
213+
backdrop-filter: blur(8px);
214+
box-shadow: 0 0 15px rgba(0, 255, 255, 0.4);
215+
color: #00fff7;
216+
font-size: 14px;
217+
font-weight: 500;
218+
letter-spacing: 1px;
219+
z-index: 2;
220+
}
221+
222+
.update-counter span {
223+
font-weight: 800;
224+
color: #fff;
225+
text-shadow: 0 0 5px #ff00de, 0 0 10px #00fff7;
226+
}
227+
228+
.countdown-container {
229+
position: fixed;
230+
top: 135px;
231+
left: 50%;
232+
transform: translateX(-50%);
233+
text-align: center;
234+
padding: 10px 20px;
235+
background: rgba(30, 0, 15, 0.7);
236+
border: 1px solid rgba(0, 255, 255, 0.3);
237+
border-radius: 10px;
238+
backdrop-filter: blur(8px);
239+
box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
240+
z-index: 2;
241+
color: #fff;
242+
font-size: 14px;
243+
letter-spacing: 1px;
244+
margin-top: 10px;
245+
}
246+
247+
.countdown-container p {
248+
font-size: 16px;
249+
font-weight: 500;
250+
color: #00fff7;
251+
margin-bottom: 5px;
252+
text-shadow: 0 0 5px #00fff7;
253+
}
254+
255+
.timer-display {
256+
display: flex;
257+
justify-content: center;
258+
gap: 5px;
259+
align-items: center;
260+
margin-top: 5px;
261+
}
262+
263+
.time-block {
264+
display: flex;
265+
flex-direction: column;
266+
align-items: center;
267+
font-size: 12px;
268+
font-weight: 500;
269+
line-height: 1;
270+
color: #ff00de;
271+
text-shadow: 0 0 5px #ff00de;
272+
}
273+
274+
.time-block span {
275+
font-size: 28px;
276+
font-weight: 800;
277+
color: #fff;
278+
text-shadow: 0 0 10px #00fff7, 0 0 20px #ff00de;
279+
margin-bottom: 2px;
280+
}
281+
282+
.separator {
283+
font-size: 28px;
284+
font-weight: 800;
285+
color: #00fff7;
286+
margin: 0 5px;
287+
}
288+
289+
@media (max-width: 600px) {
290+
nav { gap: 12px; padding: 10px 16px; }
291+
nav a { font-size: 18px; }
292+
.hero h1 { font-size: 42px; }
293+
.hero img { width: 160px; }
294+
.time-block span { font-size: 20px; }
295+
.time-block { font-size: 10px; }
296+
.separator { font-size: 20px; }
297+
}
298+
</style>
299+
</head>
300+
<body>
301+
302+
303+
304+
305+
<div class="hero">
306+
<h1>Domumium Newtab</h1>
307+
<p>Modified Version. Original @ <a href="https://sites.google.com/view/dominum-browser/">Here</a></p>
308+
<h2>Credits:</h2>
309+
<h3>Dominum (For Letting Us Add It To This Site)</h3>
310+
</div>
311+
312+
313+
<div class="clock" id="clock">--:-- --</div>
314+
315+
<script>
316+
function updateClock() {
317+
const clock = document.getElementById('clock');
318+
const now = new Date();
319+
let hours = now.getHours();
320+
const minutes = String(now.getMinutes()).padStart(2, "0");
321+
const ampm = hours >= 12 ? "PM" : "AM";
322+
hours = hours % 12 || 12;
323+
clock.textContent = `${hours}:${minutes} ${ampm}`;
324+
}
325+
setInterval(updateClock, 1000);
326+
updateClock();
327+
328+
function updateCounter() {
329+
const lastUpdateDate = new Date('October 1, 2025');
330+
const today = new Date();
331+
const diffTime = Math.abs(today - lastUpdateDate);
332+
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
333+
const counterElement = document.getElementById('updateCounter');
334+
let message = `Last Update: **${diffDays} Day${diffDays === 1 ? '' : 's'} Ago**`;
335+
if (diffDays === 0) message = "🔥 **UPDATED TODAY!**";
336+
else if (diffDays === 1) message = "✨ Last Update: **1 Day Ago**";
337+
else if (diffDays < 7) message = `🚨 Last Update: **${diffDays} Days Ago**`;
338+
counterElement.innerHTML = message.replace(/\*\*(.*?)\*\*/g, '<span>$1</span>');
339+
}
340+
updateCounter();
341+
342+
function updateCountdown() {
343+
const countdownDate = new Date("November 15, 2025 18:00:00").getTime();
344+
const now = new Date().getTime();
345+
const distance = countdownDate - now;
346+
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
347+
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
348+
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
349+
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
350+
if (document.getElementById("days")) {
351+
document.getElementById("days").textContent = String(days).padStart(2, '0');
352+
document.getElementById("hours").textContent = String(hours).padStart(2, '0');
353+
document.getElementById("minutes").textContent = String(minutes).padStart(2, '0');
354+
document.getElementById("seconds").textContent = String(seconds).padStart(2, '0');
355+
}
356+
if (distance < 0) {
357+
clearInterval(countdownInterval);
358+
const timerContainer = document.getElementById("countdownTimer");
359+
timerContainer.innerHTML = '🎉 **UPDATE IS LIVE!** 🎉';
360+
timerContainer.style.boxShadow = '0 0 20px rgba(255, 50, 200, 0.5)';
361+
timerContainer.style.borderColor = 'rgba(255, 50, 200, 0.3)';
362+
}
363+
}
364+
const countdownInterval = setInterval(updateCountdown, 1000);
365+
updateCountdown();
366+
</script>
367+
</body>
368+
</html>

0 commit comments

Comments
 (0)