mirror of
https://github.com/milk-net/milk-net.github.io.git
synced 2025-04-16 07:33:42 -05:00
Compare commits
5 commits
34105e978e
...
36f44bae25
Author | SHA1 | Date | |
---|---|---|---|
![]() |
36f44bae25 | ||
![]() |
e3c41d191b | ||
![]() |
a35c16ae1b | ||
![]() |
84ddb33104 | ||
![]() |
34ffe2adb2 |
2 changed files with 80 additions and 53 deletions
90
index.html
90
index.html
|
@ -1,42 +1,32 @@
|
|||
<!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");
|
||||
|
||||
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");
|
||||
<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");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
</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" },
|
||||
|
@ -49,7 +39,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);
|
||||
|
@ -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>
|
||||
<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>
|
||||
|
||||
<style>
|
||||
footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
}
|
||||
</style>
|
||||
<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>
|
||||
|
||||
|
||||
<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
43
style.css
Normal 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;
|
||||
}
|
Loading…
Add table
Reference in a new issue