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,42 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>MilkNet</title>
<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>
<style>
img {
display: block;
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) {
if (event.key === ",") {
if (!savedLink) {
savedLink = prompt("Escape to: https://YOURLINK.tld");
if (savedLink) {
localStorage.setItem("savedLink", savedLink);
}
} else {
window.open(savedLink, "_blank");
<title>MilkNet</title>
<link id="favicon" rel="icon" href="/assets/img/milk.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<script>
document.addEventListener("DOMContentLoaded", function() {
let savedLink = localStorage.getItem("savedLink");
document.addEventListener("keydown", function(event) {
if (event.key === ",") {
if (!savedLink) {
savedLink = prompt("Escape to: https://YOURLINK.tld");
if (savedLink) {
localStorage.setItem("savedLink", savedLink);
}
} else {
window.open(savedLink, "_blank");
}
});
}
});
</script>
<script>
});
</script>
<script>
document.addEventListener("keydown", function (event) {
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)");
const options = {
g: { title: "My Drive - Google Drive", icon: "/assets/img/drive.ico" },
gc: { title: "Google Classroom", icon: "/assets/img/classroom.ico" },
@ -49,7 +39,7 @@
cmg: { title: "Cool Math Games - Free Online Games for Learning and Fun", icon: "/assets/img/coolmathgames.ico" },
i: { title: "IXL | Math, Language Arts, Science, Social Studies, and Spanish", icon: "/assets/img/ixl.ico" },
};
if (options[choice]) {
document.title = options[choice].title;
changeFavicon(options[choice].icon);
@ -64,31 +54,25 @@
link.href = src;
document.getElementsByTagName("head")[0].appendChild(link);
}
</script>
</script>
</head>
<body>
<img src="/assets/img/milk_optimized.png" class="center">
<h1 class="center-text">MilkNet</h1>
<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>
<img src="/assets/img/milk_optimized.png" class="center">
<h1 class="center-text">MilkNet</h1>
<p class="center-text">Paradise for bored students. What would you like to do?</p>
<style>
footer {
display: flex;
justify-content: center;
gap: 8px;
}
</style>
<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>
<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>
</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;
}