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,9 +1,19 @@
<!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">
<link rel="stylesheet" href="style.css"> <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> <script>
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
let savedLink = localStorage.getItem("savedLink"); let savedLink = localStorage.getItem("savedLink");
@ -22,7 +32,7 @@
}); });
}); });
</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)");
@ -54,7 +64,7 @@
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">
@ -62,17 +72,23 @@
<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"> <div class="center-text">
<a href="/games">Games</a> <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>
<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>
<footer> <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.png" loading="lazy" width="88" height="31"></a>
<a href="/"><img src="/assets/img/88x31_light.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>
</body> </body>
</html> </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;
}