milknet/pages
1
0
Fork 0
mirror of https://github.com/milk-net/milk-net.github.io.git synced 2025-04-19 17:43:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Compare commits

base: milknet:36f44bae2552a81448c2dccd737c77af745f9179
Branches Tags
milknet:main
..
compare: milknet:34105e978e761386964c55c21e8a7487d52fcdeb
Branches Tags
milknet:main

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

2 changed files with 53 additions and 80 deletions
Show stats Expand all files Collapse all files

90
index.html
View file

@ -1,32 +1,42 @@
<!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>
<script> <style>
document.addEventListener("DOMContentLoaded", function() { img {
let savedLink = localStorage.getItem("savedLink"); display: block;
margin-left: auto;
document.addEventListener("keydown", function(event) { margin-right: auto;
if (event.key === ",") { }
if (!savedLink) { .center-text {
savedLink = prompt("Escape to: https://YOURLINK.tld"); text-align: center;
if (savedLink) { }
localStorage.setItem("savedLink", savedLink); </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) { 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)");
const options = { const options = {
g: { title: "My Drive - Google Drive", icon: "/assets/img/drive.ico" }, g: { title: "My Drive - Google Drive", icon: "/assets/img/drive.ico" },
gc: { title: "Google Classroom", icon: "/assets/img/classroom.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" }, 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" }, i: { title: "IXL | Math, Language Arts, Science, Social Studies, and Spanish", icon: "/assets/img/ixl.ico" },
}; };
if (options[choice]) { if (options[choice]) {
document.title = options[choice].title; document.title = options[choice].title;
changeFavicon(options[choice].icon); changeFavicon(options[choice].icon);
@ -54,25 +64,31 @@
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>
<div class="center-text"> <style>
<a href="/games">Games</a> • footer {
<a href="/apps">Apps</a> • display: flex;
<a href="/links.txt">Links</a> • justify-content: center;
<a href="/form">Contact</a> • gap: 8px;
<a href="/gba">Retro Games</a> • }
<a href="/tools">Settings & tools</a> </style>
</div>
<footer> <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>

43
style.css
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;
}