Compare commits

..

No commits in common. "36f44bae2552a81448c2dccd737c77af745f9179" and "34105e978e761386964c55c21e8a7487d52fcdeb" have entirely different histories.

2 changed files with 53 additions and 80 deletions

View file

@ -1,32 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<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);
<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");
}
} 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" },
@ -39,7 +49,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);
@ -54,25 +64,31 @@
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>
<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>
<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>
<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>

View file

@ -1,43 +0,0 @@
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;
}