-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathLog In.html
More file actions
421 lines (341 loc) · 13.4 KB
/
Copy pathLog In.html
File metadata and controls
421 lines (341 loc) · 13.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://unpkg.com/7.css/dist/7.css">
<title>Windows Media Center Revival</title>
<link rel="icon" href="Images/App007.ico" type="image/x-icon">
<audio id="secretSound" src="Sounds/vista.mp3" preload="auto"></audio>
<script>
var konamicode = [38,38,40,37,38,37,17,65];
var kc=0;
function checker(){
if (kc==8){
kc=0;
let sound = new Audio("Sounds/winxp.mp3")
sound.play()
window.open(
"Win7 Codes.html", "_self");
}
}
function keyUp(e) {
var keynum;
if (window.event){keynum = event.keyCode;}
else if (e.which){keynum = e.which;}
for (i=0;i<222;i++){
var kx=konamicode[kc];
if (keynum==i){
if (i!=kx){kc=0;} else {kc++;}
}
}
checker();
}
document.onkeyup = keyUp;
function playMusic() {
var audio = document.getElementById("Sounds/vistashutdown.mp3");
audio.play();
}
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const tablists = document.querySelectorAll('[role="tablist"]');
tablists.forEach(tablist => {
const tabs = Array.from(tablist.querySelectorAll('[role="tab"]'));
const container = tablist.closest('.tabs') || document;
// initialize tabindex and panels visibility
tabs.forEach((tab, i) => {
const selected = tab.getAttribute('aria-selected') === 'true';
tab.setAttribute('tabindex', selected ? '0' : '-1');
});
const panels = Array.from(container.querySelectorAll('[role="tabpanel"]'));
// ensure only the selected panel is visible at load
panels.forEach(p => {
const id = p.id;
const matchingTab = tabs.find(t => t.getAttribute('aria-controls') === id);
if (!matchingTab || matchingTab.getAttribute('aria-selected') !== 'true') p.hidden = true;
else p.hidden = false;
});
function activateTab(tab) {
// deactivate all tabs
tabs.forEach(t => {
t.setAttribute('aria-selected', 'false');
t.setAttribute('tabindex', '-1');
});
// hide all panels
panels.forEach(p => p.hidden = true);
// activate clicked tab and its panel
tab.setAttribute('aria-selected', 'true');
tab.setAttribute('tabindex', '0');
tab.focus();
const panelId = tab.getAttribute('aria-controls');
const panel = container.querySelector('#' + panelId);
if (panel) panel.hidden = false;
}
// click handler
tabs.forEach(tab => {
tab.addEventListener('click', (e) => {
if (tab.hasAttribute('disabled')) return;
activateTab(tab);
});
// keyboard navigation: Left/Right/Home/End
tab.addEventListener('keydown', (e) => {
const index = tabs.indexOf(e.currentTarget);
let newIndex = null;
switch (e.key) {
case 'ArrowLeft': newIndex = index - 1; break;
case 'ArrowRight': newIndex = index + 1; break;
case 'Home': newIndex = 0; break;
case 'End': newIndex = tabs.length - 1; break;
default: return; // do nothing on other keys
}
e.preventDefault();
if (newIndex < 0) newIndex = tabs.length - 1;
if (newIndex >= tabs.length) newIndex = 0;
tabs[newIndex].click();
});
});
});
});
</script>
</script>
<!--JavaScript code goes here.-->
<script language="javascript">
function MouseRollover(MyImage) {
MyImage.src = "Images/App007(GLOW).png";
}
function MouseOut(MyImage) {
MyImage.src = "Images/App007.png";
}
function myFunction(MyImage) {
MyImage.src = "Images/App007(Press).png"
let sound = new Audio("Sounds/vistashutdown.mp3")
sound.play()
var myWindow = window.open("https://www.youtube.com/watch?v=BhMOb_IkvIg", "_blank");
}
</script>
<script>
document.querySelector("form").addEventListener("submit", function(event) {
const checkboxes = document.querySelectorAll("input[name='contact[]']");
const oneChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
if (!oneChecked) {
event.preventDefault();
alert("Please select at least one communication method.");
}
});
</script>
</head>
<body>
<h1>Windows Media Center Revived</h1>
<audio id="background-audio" src="Sounds/vista.mp3" autoplay hidden></audio>
</div>
<div class="MediaCenter">
<img src="Images/App007.png" alt="Logo"
onMouseOver="MouseRollover(this)"
onMouseOut="MouseOut(this)"
onclick="myFunction(this)" />
<div class="sidenav">
<div class="taskbar-container">
<a href="index.html" class="taskbar-bar index"><img src="Images/File124.ico" alt="Index Icon" class="taskbar-icon">About</a>
<a href="Connect.html" class="taskbar-bar connect"><img src="Images/Display061.ico" alt="Connect Icon" class="taskbar-icon">Connect</a>
<a href="Idea.html" class="taskbar-bar bottom"><img src="Images/File107.ico" alt="Idea Icon" class="taskbar-icon">Idea</a>
<img src="Images/CP001.ico" alt="LoadWindowsVista" class="taskbar-bar non-interactive">
<a href="Log In.html"><button id="Sign In.html">Sign In</button></a>
</div>
</div>
<div class="background">
<div class="window glass active" id="mydiv" style="max-width: 1000px; height: auto; position: absolute; top: 200px; left: 500px; z-index: 100; --w7-w-bg: #1f7362;">
<div class="title-bar" id="mydivheader">
<div class="title-bar-text">Connect</div>
<div class="title-bar-controls">
<button aria-label="Help"></button>
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body has-space" style="font-size: 32px; color: #000;">
<section class="tabs">
<menu role="tablist" aria-label="Tabs Template">
<button role="tab" aria-controls="tab-A" aria-selected="true">Form</button>
</menu>
<article role="tabpanel" id="tab-A">
<div class="has-scrollbar" style="width: 100%; height: 500px; overflow: auto; color: #000">
<img src="Images/C&M021.ico" alt="Request" width="100" height="100">
<h3>Form</h3>
<p> If you are interested joining this project, either email via "Connect" or submit the form below.</p>
<ul class="tree-view has-container">
<li>
<details>
<summary>Please Read <img src="Images/Alert036.ico" alt="Alert" width="20" height="20"></summary>
<ul>
<li> These are the guidelines for joining <b>Windows</b> Media Center Revival program.</l>
<li> 1. You must place a appropriate name/nickname. This is so you and others can identify
who you are so that there are no changes being made by anyone outside of the project.</l>
<li> 2. The project is a non-profit remaster of <b>Windows</b> Media Center. Any money that
was spent on the project will be either by will or by funding for AD-free evivronment
of the website.
You may not advertise for any of your personal projects, as it will hinder the purpose of
AD-free evivronment. But there will be <b>Windows</b> Media Center related things inside
of the website. It will be only advertise projects about <b>Windows</b> Media Center and
other projects that coincide with it.</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</details>
</li>
</ul>
<form action="https://formsubmit.co/luqmantaylor2009@gmail.com" method="POST">
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="_subject" value="New Project Signup!">
<p> Please complete the form below in entirety!</p>
<h3>Information</h3>
<div class="group" style="font-size: 20px; width: 200px;">
<label for="text30">Name/Nickname</label>
<input id="text30" type="text" name="name" required />
</div>
<div class="group" style="font-size: 20px; width: 200px;">
<label for="text31">Email</label>
<input id="text31" type="text" name="email" required />
</div>
<div class="group" style="font-size: 20px; width: 250px;">
<label for="communication">Communication Preference</label>
<select id="communication" name="communication" required>
<option value="" disabled selected>Select an option</option>
<option value="Email">Email</option>
<option value="Discord">Discord</option>
<option value="Messages System">Messages System</option>
<option value="WhatsApp">WhatsApp</option>
<option value="Other">Other</option>
</select>
<div role="tooltip" id="commTooltip" style="display:none; margin-top: 5px;">
Please pick a communication type.
</div>
</div>
<div class="group" style="font-size: 20px; width: 200px;">
<label for="text4">If you choose Discord, Messages, WhatsApp and Other, please type username/other. If just email, type "Nothing"</label>
<input id="text4" type="text" name="email" required />
</div>
<h3> About you </h3>
<div class="group" style="font-size: 20px; width: 200px;">
<div class="has-scrollbar" style="width: 100%; height: 180px;>
<label for="text32">About You</label>
<textarea id="text32" name="about you" row="100" style="height: 180px; width: 250px;" required></textarea>
</div>
</div>
<h3> Agreement </h3>
<div>
<input type="checkbox" id="Agreement" name="agreement" required>
<label for="Agreement">You agree that you have read and understood the rules of this project.
</div>
<div>
<input type="checkbox" id="Agreement2" name="agreement" required>
<label for="Agreement2"> I understand that any miscounduct or misuse of this project/product will be a result of
me being removed immediately from the project by the creator.</label>
</div>
<button type="submit" class="button primary">Sumbit</button>
</form>
</div>
<div role="progressbar" class="marquee"></div>
<a href="Win7 Codes.html">
<img src="Images/App025.ico" alt="Press" width="32" height="32">
</a>
</article>
</section>
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
</style>
<script>
function validateForm() {
const communication = document.getElementById("communication").value;
const tooltip = document.getElementById("commTooltip");
if (communication === "") {
tooltip.style.display = "block"; // show the tooltip
return false; // prevent submission
} else {
tooltip.style.display = "none"; // hide the tooltip
return true; // allow submission
}
}
</script>
<script>
//Make the DIV element draggagle:
dragElement(document.getElementById("mydiv"));
function dragElement(elmnt) {
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
if (document.getElementById(elmnt.id + "header")) {
/* if present, the header is where you move the DIV from:*/
document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
} else {
/* otherwise, move the DIV from anywhere inside the DIV:*/
elmnt.onmousedown = dragMouseDown;
}
function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position:
elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
}
function closeDragElement() {
/* stop moving when mouse button is released:*/
document.onmouseup = null;
document.onmousemove = null;
}
}
</script>
<audio id="hover-sound" src="Sounds/Cursor_WindowsMediaCenter.wav" preload="auto"></audio>
<audio id="click-sound" src="Sounds/Click_WindowsMediaCenter.wav" preload="auto"></audio>
<script>
document.addEventListener('DOMContentLoaded', function() {
const hoverSound = document.getElementById('hover-sound');
const clickSound = document.getElementById('click-sound');
const interactiveElements = document.querySelectorAll('.taskbar-container a, .taskbar-container button');
console.log("JS initialized. Found elements:", interactiveElements.length);
interactiveElements.forEach(el => {
el.addEventListener('mouseenter', () => {
console.log("Hovered:", el);
hoverSound.currentTime = 0;
hoverSound.play().catch(err => console.warn("Hover sound blocked:", err));
});
// Click sound that plays before page switch
el.addEventListener('click', (event) => {
const href = el.getAttribute('href');
if (href && href.endsWith('.html')) {
event.preventDefault(); // Stop instant navigation
clickSound.currentTime = 0;
clickSound.play().catch(()=>{});
setTimeout(() => {
window.location.href = href;
}, 500);
} else {
clickSound.currentTime = 0;
clickSound.play().catch(()=>{});
}
});
});
});
</script>
</body>
</html>