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

Compare commits

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

5 commits
34105e978e ... 36f44bae25

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
Show stats Expand all files Collapse all files

90
index.html
View file

@ -1,42 +1,32 @@
<!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; document.addEventListener("keydown", function(event) {
} if (event.key === ",") {
.center-text { if (!savedLink) {
text-align: center; savedLink = prompt("Escape to: https://YOURLINK.tld");
} if (savedLink) {
</style> localStorage.setItem("savedLink", savedLink);
<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" },
@ -49,7 +39,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);
@ -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> <div class="center-text">
footer { <a href="/games">Games</a> •
display: flex; <a href="/apps">Apps</a> •
justify-content: center; <a href="/links.txt">Links</a> •
gap: 8px; <a href="/form">Contact</a> •
} <a href="/gba">Retro Games</a> •
</style> <a href="/tools">Settings & tools</a>
</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 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;
}