-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
100 lines (100 loc) · 9.03 KB
/
index.html
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
<!DOCTYPE HTML>
<!--Hello, curious code explorer! This is the main frontend page for WebTV HD. It handles lots of things, from the pages you see to the sounds you hear, as well as alert dialogs and other functionality.-->
<html lang=en><head>
<title>WebTV HD</title>
<script>if(navigator.userAgent.indexOf('WebTV')!=-1){location.replace('https://SKCro.github.io/WebTV-HD/wtv.html')}</script>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width,height=device-height,initial-scale=1">
<meta name=author content=SKCro>
<meta property=og:title content="WebTV HD">
<meta property=og:description content="WebTV HD is a basic, browser-based recreation of Microsoft's WebTV service, which originally launched in 1996. For more information on this project, check out the GitHub repo at https://github.com/SKCro/WebTV-HD.">
<meta property=og:image content=https://SKCro.github.io/WebTV-HD/images/mobileIcon.png>
<meta property=og:url content=https://SKCro.github.io/WebTV-HD/>
<meta name=twitter:title content="WebTV HD">
<meta name=twitter:card content=summary>
<meta name=twitter:description content="WebTV HD is a basic, browser-based recreation of Microsoft's WebTV service, which originally launched in 1996. For more information on this project, check out the GitHub repo at https://github.com/SKCro/WebTV-HD.">
<meta name=twitter:image content=https://SKCro.github.io/WebTV-HD/images/mobileIcon.png>
<meta name=twitter:site content=https://SKCro.github.io/WebTV-HD/>
<meta name=twitter:creator content=@SKCro_>
<meta name=application-name content="WebTV HD">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-title content="WebTV HD">
<meta name=apple-mobile-web-app-status-bar content=#191919>
<meta name=msapplication-TileColor content=#191919>
<meta name=theme-color content=#191919>
<meta name=description content="WebTV HD is a basic, browser-based recreation of Microsoft's WebTV service, which originally launched in 1996. For more information on this project, check out the GitHub repo at https://github.com/SKCro/WebTV-HD.">
<meta name=keywords content="WebTV, Web TV, wtv, Microsoft WebTV, Microsoft Web TV, MSN TV, MSNTV, MsnTV, retro, 90s, 2000s">
<link rel=stylesheet type=text/css href=css/style.css>
<link rel=stylesheet type=text/css href=css/service.css>
<link rel=stylesheet type=text/css href=css/iframe.css>
<link rel=icon href=favicon.ico>
<link rel=icon href=icon.png>
<link rel=mask-icon href=images/safariPinnedTab.svg color=#191919>
<link rel=manifest href=beb.webmanifest>
</head><body>
<audio id=bgmusic preload=auto><!--Background music placeholder - JS adds a source automatically--></audio>
<audio id=bgsound preload=auto><!--Background music placeholder for webpages - JS adds a source automatically--></audio>
<dialog class=corner-panel id=loadingPanel role=alert title="Loading panel">
<div class=corner-panel-logo id=loadingGlobe title="Spinning around and around and around and around..." aria-hidden=true></div>
<div id=loadingMessageContainer aria-label="Loading message container">
<progress id=loadingProgress value=100 max=100></progress>
<label for=loadingProgress id=loadingMessage aria-label="Loading page:">Loading WebTV HD...</label>
</div>
</dialog>
<dialog class=corner-panel id=reconnectPanel role=alertdialog aria-hidden=true>
<div class=corner-panel-logo id=reconnectLogo aria-hidden=true></div>
<button id=reconnectButton class="ButtonBorder3 submit noselect" title="Reconnect to WebTV" aria-label="Click here to simulate reconnecting to WebTV" onclick=reconnect()>Reconnect</button>
</dialog>
<dialog id=dialog class=hidden role=alertdialog aria-hidden=true>
<div class=dialog-message-container>
<div id=dialogLogo title="Alert icon" aria-hidden=true></div>
<div id=dialogMessage></div>
</div>
<div class=dialog-separator aria-hidden=true><hr></div>
<div class=dialog-buttons><button class="dialog-button submit noselect" id=dialogButton title="Close this dialog" aria-label="Close this dialog" onclick=closeDialog()>Continue</button></div>
</dialog>
<iframe class=shown id=mainFrame src=PowerOn.html title="Current page content: focus to browse the page" aria-hidden=false><p>Your browser needs to support iframes in order to use WebTV HD.<br>But then again, it's 2024, so how does your browser <i>not</i> have iframe support?</p></iframe>
<iframe id=tvFrame aria-hidden=true title="TV Home content" src=about:blank class=hidden></iframe>
<div class=perspective-fix onclick=playSound(bonkSound) aria-hidden=true></div>
<div id=pipWindow class=hidden title="Picture-in-picture window" onclick=playSound(bonkSound) aria-hidden=true><iframe id=pipVideo src=about:blank allow=autoplay;encrypted-media;fullscreen></iframe></div>
<div id=statusBar role=menubar aria-label="Status bar: Contains the page's name and loading status - Click on it to show or hide the options bar">
<div class=status-bar-overlay title="Click to show or hide the options bar" role=button aria-haspopup=menu aria-label="Click here to show or hide the options bar" onclick=toggleOptionsBar()></div>
<div class=status-bar-content role=note aria-label="Status bar content: contains page name and loading status">
<button class="show-sidebar-button ButtonBorder2" title="Click to toggle sidebar" aria-label="Toggle sidebar button: Click to toggle the sidebar on the page" onclick=toggleSidebar()></button>
<div class=page-name aria-label="Page name" role=note>Loading WebTV HD...</div>
<div class=scroll-arrows style=display:none></div>
<div class="status-container has-audioscope" title="Click to toggle audioscope" aria-hidden=true onclick=toggleAudioscope()>
<div class="status-indicator loading"></div>
<webtv-audioscope id=statusAudioscope width=200% height=100.5% leftoffset=-3% rightoffset=3% leftcolor=#8ece10 rightcolor=#ce8e10 bgcolor=#111122 gain=2></webtv-audioscope>
</div>
</div>
</div>
<nav id=optionsBar role=menubar aria-label="Options bar: Contains various browsing options" aria-hidden=true>
<nav class=options-row role=toolbar aria-label="Options row 1: Contains the home button, find, info, go to, view, and home">
<div class="clickable noselect" id=home title="Go home" aria-label="Home button: Click to go home" role=button onclick=home()></div>
<button class="options-button clickable noselect" id=find title="Find a word on this page" aria-label="Find button: Click to find a word on this page" onclick=find()>find</button>
<button class="options-button clickable noselect" id=info title="Get info about this page" aria-label="Info button: Click to get information about this page" onclick=info()>info</button>
<button class="options-button clickable noselect" id=goto title="Go to another page" aria-label="Go to button: Click to navigate to another page or URL" onclick=goTo()>go to</button>
<button class="options-button clickable noselect" id=save title="Flip over to TV Home" aria-label="View button: Click to switch to TV Home" onclick=view()>view</button>
<button class="options-button clickable noselect" id=send title="Send this page via electronic mail" aria-label="Send button: Click to send this page via email" onclick=send()>send</button>
</nav>
<nav class="options-row bottom" role=toolbar aria-label="Options row 2: Contains the background music toggle, print, hang up, reload, and the picture-in-picture toggle">
<button class="options-button bottom clickable noselect" id=music title="Toggle background music" aria-label="Music button: Click to toggle background music" onclick=music() aria-pressed=false>music<div id=musicIndicator aria-hidden=true></div></button>
<button class="options-button bottom clickable noselect" id=print title="Print this page" aria-label="Print button: Click to print this page" onclick=print()>print</button>
<button class="options-button bottom clickable noselect" id=hangup title="Hang up the phone - only for visual purposes, does not actually disconnect" aria-label="Hang up button: Click to simulate hanging up" onclick=hangUp()>hang up</button>
<button class="options-button bottom clickable noselect" id=reload title="Reload this page" aria-label="Reload button: Click to reload this page" onclick=reload()>reload</button>
<button class="options-button bottom clickable noselect" id=pip title="Toggle picture-in-picture window" aria-label="Picture-in-picture button: Click to toggle the picture-in-picture window" onclick=pip() aria-pressed=false>pip<div id=pipIndicator aria-hidden=true></div></button>
</nav>
</nav>
<dialog id=panel class=hiding aria-role=alertdialog>
<section class=top-row>
<span id=topInputPretext></span>
<div id=topInput><input type=text class="inputNoSound noselect" id=textQuery autocomplete=off oninput=clearMessage()></div>
<button class="submit noselect" id=panelSubmit></button>
<div id=bottomMessage></div>
</section><section class=bottom-row><hr>
<button class="submit noselect" id=panelClear>Clear</button>
<button class="submit noselect" id=panelCancel onclick=closePanel()>Cancel</button>
<button class="submit noselect" id=panelAction></button>
</section>
</dialog><script src=js/iframe.js></script><script src=js/audioscope.js defer></script></body></html>