Compare commits

..

5 commits

Author SHA1 Message Date
Voxel
36f44bae25
just deploy bro 2025-04-11 17:03:34 -04:00
Voxel
e3c41d191b
Create style.css 2025-04-11 17:03:10 -04:00
Voxel
a35c16ae1b
Clean-up attempt again 2025-04-11 17:02:39 -04:00
Voxel
84ddb33104
Clean-up attempt 2025-04-11 16:57:21 -04:00
Voxel
34ffe2adb2
Update index.html 2025-04-11 16:52:24 -04:00
2 changed files with 80 additions and 53 deletions

View file

@ -1,38 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>MilkNet</title> <title>MilkNet</title>
<link id="favicon" rel="icon" href="/assets/img/milk.png" type="image/x-icon"> <link id="favicon" rel="icon" href="/assets/img/milk.png" type="image/x-icon">
<style>body{max-width:1000px;margin:auto;background-color:black;color:white;font-family:Arial;}a{color:#05d5ff}</style> <link rel="stylesheet" href="style.css">
<style> <script>
img { document.addEventListener("DOMContentLoaded", function() {
display: block; let savedLink = localStorage.getItem("savedLink");
margin-left: auto;
margin-right: auto;
}
.center-text {
text-align: center;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
let savedLink = localStorage.getItem("savedLink");
document.addEventListener("keydown", function(event) { document.addEventListener("keydown", function(event) {
if (event.key === ",") { if (event.key === ",") {
if (!savedLink) { if (!savedLink) {
savedLink = prompt("Escape to: https://YOURLINK.tld"); savedLink = prompt("Escape to: https://YOURLINK.tld");
if (savedLink) { if (savedLink) {
localStorage.setItem("savedLink", savedLink); localStorage.setItem("savedLink", savedLink);
}
} else {
window.open(savedLink, "_blank");
} }
} else {
window.open(savedLink, "_blank");
} }
}); }
}); });
</script> });
<script> </script>
<script>
document.addEventListener("keydown", function (event) { document.addEventListener("keydown", function (event) {
if (event.key === ".") { if (event.key === ".") {
let choice = prompt("CLOAK OPTIONS: Google Drive (enter g), Google Classroom (enter gc), Google Docs (enter gd), Clever (enter c), PowerSchool (enter p), Khan Academy (enter k), Desmos (enter d), Schoology (enter s), Cool Math Games (enter cmg)"); let choice = prompt("CLOAK OPTIONS: Google Drive (enter g), Google Classroom (enter gc), Google Docs (enter gd), Clever (enter c), PowerSchool (enter p), Khan Academy (enter k), Desmos (enter d), Schoology (enter s), Cool Math Games (enter cmg)");
@ -64,31 +54,25 @@
link.href = src; link.href = src;
document.getElementsByTagName("head")[0].appendChild(link); document.getElementsByTagName("head")[0].appendChild(link);
} }
</script> </script>
</head> </head>
<body> <body>
<img src="/assets/img/milk_optimized.png" class="center"> <img src="/assets/img/milk_optimized.png" class="center">
<h1 class="center-text">MilkNet</h1> <h1 class="center-text">MilkNet</h1>
<p class="center-text">Paradise for bored students. What would you like to do?</p> <p class="center-text">Paradise for bored students. What would you like to do?</p>
<div class="center-text">
<a href="/games">Games</a><a href="/apps">Apps</a><a href="/links.txt">Links</a><a href="/form">Contact</a><a href="/gba">Retro Games</a><a href="/tools">Settings & tools</a>
</div>
<style>
footer {
display: flex;
justify-content: center;
gap: 8px;
}
</style>
<footer>
<a href="/"><img src="/assets/img/88x31.png" loading="lazy" width="88" height="31"></a>
<a href="/"><img src="/assets/img/88x31_light.png" loading="lazy" width="88" height="31"></a>
</footer>
<div class="center-text">
<a href="/games">Games</a>
<a href="/apps">Apps</a>
<a href="/links.txt">Links</a>
<a href="/form">Contact</a>
<a href="/gba">Retro Games</a>
<a href="/tools">Settings & tools</a>
</div>
<footer>
<a href="/"><img src="/assets/img/88x31.png" loading="lazy" width="88" height="31"></a>
<a href="/"><img src="/assets/img/88x31_light.png" loading="lazy" width="88" height="31"></a>
</footer>
</body> </body>
</html> </html>
</head>

43
style.css Normal file
View file

@ -0,0 +1,43 @@
html, body {
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
background-color: black;
color: white;
font-family: Arial;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
a {
color: #05d5ff;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
.center-text {
text-align: center;
}
h1.center-text {
margin-bottom: 0.3em;
}
p.center-text {
margin-top: 0.3em;
}
footer {
display: flex;
justify-content: center;
gap: 8px;
padding: 16px;
margin-top: auto;
}