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

24
public/index.html
View file

@ -1,14 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CodePen - Globe</title>
<title>The Mycelial Network</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<script src='//unpkg.com/simplex-noise@2'></script><script src="./script.js"></script>
<div class="center-text">
<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>
</html>

5
public/script.js
View file

@ -99,7 +99,9 @@
const v = (2 * y) / height - 1;
for (let x = 0; x < width; x++) {
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();
})();

32
public/style.css
View file

@ -14,14 +14,14 @@ body {
body {
margin: 0;
background: #241917;
color: #f3bbae;
color: #f3bbae !important;
}
body,
.braille {
display: flex;
align-items: center;
justify-content: center;
justify-content: flex-start;
flex-flow: row;
}
@ -43,7 +43,29 @@ body,
right: 100%;
}
.visible {
display: fixed !important;
left: 2;
.center-text {
position: absolute;
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;
}