milknet/pages
1
0
Fork 0
mirror of https://github.com/milk-net/milk-net.github.io.git synced 2025-04-18 17:23: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

84
index.html
View file

@ -1,38 +1,28 @@
<!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");
<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");
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)");
@ -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>
<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>
<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>
<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;
}