mycosystems/myco.systems
3
0
Fork 0
Code Pull requests Activity Actions

update

Browse source
This commit is contained in:
brookee 2024-01-29 22:14:50 -05:00
parent 8bc6e2496b
commit 87d6df3fb1
3 changed files with 51 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
public/index.html
View file

@ -1,14 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" > <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>CodePen - Globe</title> <title>The Mycelial Network</title>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
</head> </head>
<body> <body>
<div class="center-text">
<script src='//unpkg.com/simplex-noise@2'></script><script src="./script.js"></script> <ul>
<li><a href="https://myco.systems" target="_blank">Myco.Systems</a></li>
<ul>
<li><a href="https://coop.myco.systems" target="_blank">Coop.Myco.Systems</a></li>
<ul>
<li><a href="https://squattheplanet.com/" target="_blank">SquatThePlanet.com</a></li>
<li><a href="https://wiki.hemera.network/" target="_blank">Wiki.Hemera.Network</a></li>
</ul>
<li><a href="https://web.myco.systems" target="_blank">Web.Myco.Systems</a></li>
</ul>
</ul>
</div>
<script src='//unpkg.com/simplex-noise@2'></script>
<script src="./script.js"></script>
</body> </body>
</html> </html>

5
public/script.js
View file

@ -99,7 +99,9 @@
const v = (2 * y) / height - 1; const v = (2 * y) / height - 1;
for (let x = 0; x < width; x++) { for (let x = 0; x < width; x++) {
const u = ratio * ((2 * x) / width - 1); const u = ratio * ((2 * x) / width - 1);
if (globe(x, y, u, v, time)) set(pixels, x, y); const shiftedU = u + 1.2;
if (globe(x, y, shiftedU, v, time)) set(pixels, x, y);
} }
} }
@ -109,3 +111,4 @@
main(); main();
})(); })();

32
public/style.css
View file

@ -14,14 +14,14 @@ body {
body { body {
margin: 0; margin: 0;
background: #241917; background: #241917;
color: #f3bbae; color: #f3bbae !important;
} }
body, body,
.braille { .braille {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
flex-flow: row; flex-flow: row;
} }
@ -43,7 +43,29 @@ body,
right: 100%; right: 100%;
} }
.visible { .center-text {
display: fixed !important; position: absolute;
left: 2; top: 50%;
transform: translate(-50%, -50%);
left: 75%;
font-size: 14px;
font-family: Monaco, monospace;
direction: rtl;
text-align: right;
} }
@media only screen and (max-width: 665px) {
.center-text {
top: 20%;
}
}
.center-text a {
color: #f3bbae;
transition: color 0.5s ease;
}
.center-text a:hover {
color: #ffffff;
}