Update index.html

This commit is contained in:
Voxel 2025-04-13 11:33:47 -04:00 committed by GitHub
parent 0ff46023cf
commit a6ab971546
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,16 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Teletext Viewer</title> <title>MilkNet | Teletext</title>
<link id="favicon" rel="icon" href="https://forge.fsky.io/repo-avatars/c2504c43714bef6be3cc3500215091f832529292c1bc7338ad9d1b8262dbf84c" type="image/x-icon">
<style type="text/css"> <style type="text/css">
body { background: #000; color:#222; font-family:sans-serif; margin:0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body { background: #000; color:#000; font-family:sans-serif; margin:0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#viewer { height:100vh; height:calc(var(--vh, 1vh)*100); width:100vw; display:flex; flex-direction: column; } #viewer { height:100vh; height:calc(var(--vh, 1vh)*100); width:100vw; display:flex; flex-direction: column; }
H1 { margin: 0em; font-size:1.5em; } H1 { margin: 0em; font-size:1.5em; }
a, span { color:#bbb; text-decoration: none; } a, span { color:#000; text-decoration: none; }
#header { margin-bottom:5px; color:#eee; background:#666; padding:0.25em 0.5em; width:100%; display:flex; align-items: center; justify-content:space-between;} #header { margin-bottom:5px; color:#000; background:#000; padding:0.25em 0.5em; width:100%; display:flex; align-items: center; justify-content:space-between;}
#bitmaps { display:none; } #bitmaps { display:none; }
#screen { padding:5px; text-align:center; height:100%; flex:1} #screen { padding:5px; text-align:center; height:100%; flex:1}
#container { flex:1; background:#999; display:inline-flex; width:100vw; height:100%; overflow:hidden } #container { flex:1; background:#000; display:inline-flex; width:100vw; height:100%; overflow:hidden }
#right { display:none; max-width:30vw; max-height:100%; height:45em; width: 15em;} #right { display:none; max-width:30vw; max-height:100%; height:45em; width: 15em;}
#below { display:none; height:calc(100vw*0.464);} #below { display:none; height:calc(100vw*0.464);}
#remote { padding:5px; height:100%; width:100%; display:none;} #remote { padding:5px; height:100%; width:100%; display:none;}
@ -27,12 +28,13 @@
<script type="text/javascript" src="remote.js"></script> <script type="text/javascript" src="remote.js"></script>
<script type="text/javascript" src="teletext-resources/renderer.js"></script> <script type="text/javascript" src="teletext-resources/renderer.js"></script>
<script type="text/javascript" src="teletext-resources/teletext.js"></script> <script type="text/javascript" src="teletext-resources/teletext.js"></script>
<script type="text/javascript" src="/index.js"></script>
</head> </head>
<body> <body>
<div id="viewer"> <div id="viewer">
<div id="header"> <div id="header">
<H1>Teletext viewer</H1> <H1>Teletext viewer</H1>
<span style="color:#e99; padding:0em 1em">Use remote to select channel and press <span style="color:white;">(≡)</span> for teletext.</span> <span style="color:#fff; padding:0em 1em">Use remote to select channel and press <span style="color:white;">(≡)</span> for teletext.</span>
<span>Created by <a href="https://oldbytes.space/@zxguesser">@ZXGuesser</a></span> <span>Created by <a href="https://oldbytes.space/@zxguesser">@ZXGuesser</a></span>
</div> </div>
<div id="container"> <div id="container">