mirror of
https://github.com/milk-net/milk-net.github.io.git
synced 2025-04-19 17:43:42 -05:00
Compare commits
No commits in common. "36f44bae2552a81448c2dccd737c77af745f9179" and "34105e978e761386964c55c21e8a7487d52fcdeb" have entirely different histories.
36f44bae25
...
34105e978e
2 changed files with 53 additions and 80 deletions
90
index.html
90
index.html
|
@ -1,32 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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);
|
||||
<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");
|
||||
}
|
||||
} 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" },
|
||||
|
@ -39,7 +49,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);
|
||||
|
@ -54,25 +64,31 @@
|
|||
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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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
43
style.css
|
@ -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;
|
||||
}
|
Loading…
Add table
Reference in a new issue