From b55f598b56072cac84e0ea963fc69585ef47ec35 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Sun, 4 Feb 2024 23:35:52 -0500
Subject: [PATCH 01/14] initial
---
public/index.html | 87 ++++++++++++++++++++++++++++++-----------------
public/style.css | 46 +++++++++++++++++++++++++
2 files changed, 101 insertions(+), 32 deletions(-)
diff --git a/public/index.html b/public/index.html
index 8323bde..304b6b2 100755
--- a/public/index.html
+++ b/public/index.html
@@ -12,43 +12,66 @@
<body>
<div class="center-text">
- <a>Hi! It's good to see you \( ‘ o ‘ )/</a>
- <div class="bullet-text ">
- <ul class="links">
- <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>
- <li><a href="https://git.myco.systems" target="_blank">Git.Myco.Systems</a></li>
- </ul>
- </ul>
+ <input type="radio" id="tab-links" name="tab" checked style="display: none;">
+ <input type="radio" id="tab-contact" name="tab" style="display: none;">
+ <input type="radio" id="tab-about" name="tab" style="display: none;">
+
+ <div class="tabs">
+ <label for="tab-links" class="tab">Links & Donate</label>
+ <label for="tab-contact" class="tab">Contact</label>
+ <label for="tab-about" class="tab">About</label>
</div>
- <details class="modal">
- <summary class="modal__toggle"></summary>
- <div class="modal__background">
- <div class="modal__body" tabindex="-1" role="dialog" aria-labelledby="modal__label" aria-live="assertive" aria-modal="true">
- <p id="modal__label" class="modal__text">
- Donations go to making sure we can keep all of our free services running ♡⸜(ˆᗜˆ˵ )⸝♡
- <br><br>
- <b>The following cryptocurrencies are supported:</b>
- <br><br>
- <b class="crypto-name">Monero (XMR):</b><span class="crypto-address">49r2aeun8DtV5VqZpZSwRpS83WfUWEaLt4NG8HJwwVkbiT1vSsXTXrPFKkKTdc6MPX9iezbTidNPvhGZKCnM1338TfK6Hgi</span>
- <br>
- <b class="crypto-name">Litecoin (LTC):</b><span class="crypto-address">LRAm7h5XENknfYEpbdVsvyGY8D6MiXGTDV</span>
- <br>
- <b class="crypto-name">Bitcoin (BTC):</b><span class="crypto-address">bc1qkv97ajh7f0a72l9rsjd3fmmly5q5uywr06q3x0</span>
- </p>
- </div>
+ <div id="linksTab" class="tab-content">
+ <a>Hi! It's good to see you \( ‘ o ‘ )/</a>
+ <div class="bullet-text">
+ <ul class="links">
+ <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>
+ <li><a href="https://git.myco.systems" target="_blank">Git.Myco.Systems</a></li>
+ </ul>
+ </ul>
</div>
-
- </details>
+ <details class="modal">
+ <summary class="modal__toggle"></summary>
+ <div class="modal__background">
+ <div class="modal__body" tabindex="-1" role="dialog" aria-labelledby="modal__label" aria-live="assertive"
+ aria-modal="true">
+ <p id="modal__label" class="modal__text">
+ Donations go to making sure we can keep all of our free services running ♡⸜(ˆᗜˆ˵ )⸝♡
+ <br><br>
+ <b>The following cryptocurrencies are supported:</b>
+ <br><br>
+ <b class="crypto-name">Monero (XMR):</b><span
+ class="crypto-address">49r2aeun8DtV5VqZpZSwRpS83WfUWEaLt4NG8HJwwVkbiT1vSsXTXrPFKkKTdc6MPX9iezbTidNPvhGZKCnM1338TfK6Hgi</span>
+ <br>
+ <b class="crypto-name">Litecoin (LTC):</b><span
+ class="crypto-address">LRAm7h5XENknfYEpbdVsvyGY8D6MiXGTDV</span>
+ <br>
+ <b class="crypto-name">Bitcoin (BTC):</b><span
+ class="crypto-address">bc1qkv97ajh7f0a72l9rsjd3fmmly5q5uywr06q3x0</span>
+ </p>
+ </div>
+ </div>
+ </details>
+ </div>
+
+ <div id="contactTab" class="tab-content">
+ <!-- Content for the Contact tab goes here -->
+ </div>
+
+ <div id="aboutTab" class="tab-content">
+ <!-- Content for the About tab goes here -->
+ </div>
</div>
+
</div>
<script src='//unpkg.com/simplex-noise@2'></script>
<script src="./script.js"></script>
diff --git a/public/style.css b/public/style.css
index 8ff9ced..8c556db 100755
--- a/public/style.css
+++ b/public/style.css
@@ -51,6 +51,51 @@ body,
gap: 25px;
display: flex;
flex-direction: column;
+ border: 4px solid #f3bbae92;
+ text-align: left;
+ z-index: 10;
+ word-wrap: break-word;
+ font-family: Monaco, monospace;
+ background-color: #241917;
+}
+
+.tabs {
+ display: flex;
+}
+
+.tab {
+ cursor: pointer;
+ padding: 8px;
+ border-width: 0 4px 4px 0;
+ border-style: solid;
+ border-color: #f3bbae92;
+ font-size: 12px;
+}
+
+.tab-content {
+ display: none;
+ padding: 20px 20px;
+ padding-top: 0px;
+}
+
+
+.tab-content a {
+
+}
+
+.tab:checked ~ label {
+ background-color: #f3bbae;
+ color: #241917;
+}
+
+#linksTab, #contactTab, #aboutTab {
+ display: none;
+}
+
+#tab-links:checked ~ #linksTab,
+#tab-contact:checked ~ #contactTab,
+#tab-about:checked ~ #aboutTab {
+ display: block;
}
@media only screen and (min-width: 1024px) {
@@ -83,6 +128,7 @@ body,
.center-text a {
color: #f3bbae;
transition: color 0.5s ease;
+ font-size: 14px;
}
.center-text a:hover {
From fad0625239ffc0c89ca190fb7df8964973214795 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Wed, 7 Feb 2024 19:38:11 -0500
Subject: [PATCH 02/14] update
---
public/index.html | 29 +++++++++++++++++++----------
public/modal.css | 2 --
public/style.css | 37 ++++++++++++++++++++++++++++---------
3 files changed, 47 insertions(+), 21 deletions(-)
diff --git a/public/index.html b/public/index.html
index 304b6b2..52b99ba 100755
--- a/public/index.html
+++ b/public/index.html
@@ -12,14 +12,12 @@
<body>
<div class="center-text">
- <input type="radio" id="tab-links" name="tab" checked style="display: none;">
- <input type="radio" id="tab-contact" name="tab" style="display: none;">
- <input type="radio" id="tab-about" name="tab" style="display: none;">
+ <input type="radio" id="tab-links" name="tab" style="display: none;">
+ <input type="radio" id="tab-contact" name="tab" checked style="display: none;">
<div class="tabs">
<label for="tab-links" class="tab">Links & Donate</label>
<label for="tab-contact" class="tab">Contact</label>
- <label for="tab-about" class="tab">About</label>
</div>
<div id="linksTab" class="tab-content">
@@ -64,14 +62,25 @@
</div>
<div id="contactTab" class="tab-content">
- <!-- Content for the Contact tab goes here -->
+ <a>You can reach us through any of the following channels:</a>
+ <ul class="alt-bullet">
+ <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC
+ KEY BLOCK-----<br>
+ mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d<br>
+ 8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoA<br>
+ OxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgL<br>
+ AgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1Ox<br>
+ KTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4<br>
+ BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqb<br>
+ exwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsM<br>
+ AAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3T<br>
+ AQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA==<br>
+ =Pg50<br>
+ -----END PGP PUBLIC KEY BLOCK-----</span></li>
+ <li><a href="https://mastodon.social/@brookeee" target="_blank">Mastodon</a></li>
+ </ul>
</div>
- <div id="aboutTab" class="tab-content">
- <!-- Content for the About tab goes here -->
- </div>
- </div>
-
</div>
<script src='//unpkg.com/simplex-noise@2'></script>
<script src="./script.js"></script>
diff --git a/public/modal.css b/public/modal.css
index 26a434c..11cded2 100644
--- a/public/modal.css
+++ b/public/modal.css
@@ -50,8 +50,6 @@
z-index: 3;
}
.modal__body {
- /* background: #fff;
- color: #333; */
border: 2px solid #f3bbae92;
background: rgba(36, 25, 23, 1);
color: #f3bbae;
diff --git a/public/style.css b/public/style.css
index 8c556db..7d829ab 100755
--- a/public/style.css
+++ b/public/style.css
@@ -15,7 +15,7 @@ body {
margin: 0;
background: #241917;
color: #f3bbae;
- font-family: Monaco, monospace;
+ font-family: Monaco, monospace !important;
}
body,
@@ -54,9 +54,8 @@ body,
border: 4px solid #f3bbae92;
text-align: left;
z-index: 10;
- word-wrap: break-word;
- font-family: Monaco, monospace;
background-color: #241917;
+ max-width: 85vw;
}
.tabs {
@@ -73,14 +72,21 @@ body,
}
.tab-content {
+ word-wrap: break-word;
display: none;
padding: 20px 20px;
padding-top: 0px;
}
-
-.tab-content a {
-
+.pgp-address {
+ word-wrap: break-word;
+ display: block;
+ font-size: 12px !important;
+ background-color: #241917;
+ color: #fff;
+ border-radius: 2px;
+ border: 2px solid #f3bbae;
+ padding: 5px;
}
.tab:checked ~ label {
@@ -118,23 +124,36 @@ body,
.bullet-text {
font-size: 14px;
- font-family: Monaco, monospace;
text-align: left;
z-index: 2;
position: relative;
}
-.center-text a {
+.tab-content a {
color: #f3bbae;
transition: color 0.5s ease;
font-size: 14px;
}
-.center-text a:hover {
+.tab-content a:hover {
color: #ffffff;
}
.visible {
z-index: 0;
+}
+
+ul.alt-bullet {
+ list-style-type: none;
+}
+
+ul.alt-bullet li::before {
+ content: "-";
+ display: inline-block;
+ width: 1em;
+}
+
+.alt-bullet {
+ padding-left: 1rem !important;
}
\ No newline at end of file
From f1d6fb28f51af8a76f0600ab00b90459d6f53494 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Wed, 7 Feb 2024 19:40:58 -0500
Subject: [PATCH 03/14] update
---
public/index.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index 52b99ba..e418adc 100755
--- a/public/index.html
+++ b/public/index.html
@@ -82,7 +82,7 @@
</div>
</div>
- <script src='//unpkg.com/simplex-noise@2'></script>
+ <script src='https://unpkg.com/simplex-noise@2'></script>
<script src="./script.js"></script>
</body>
From 39ad2fd324b578055f2e250519378ad1931e8614 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Wed, 7 Feb 2024 19:51:19 -0500
Subject: [PATCH 04/14] fixed checked
---
public/index.html | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index e418adc..3606608 100755
--- a/public/index.html
+++ b/public/index.html
@@ -12,8 +12,8 @@
<body>
<div class="center-text">
- <input type="radio" id="tab-links" name="tab" style="display: none;">
- <input type="radio" id="tab-contact" name="tab" checked style="display: none;">
+ <input type="radio" id="tab-links" name="tab" checked style="display: none;">
+ <input type="radio" id="tab-contact" name="tab" style="display: none;">
<div class="tabs">
<label for="tab-links" class="tab">Links & Donate</label>
From e0f994bf249c94c9547fc6a70165d34561852d84 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Wed, 7 Feb 2024 21:41:58 -0500
Subject: [PATCH 05/14] update
---
public/index.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index 3606608..fa096de 100755
--- a/public/index.html
+++ b/public/index.html
@@ -62,7 +62,7 @@
</div>
<div id="contactTab" class="tab-content">
- <a>You can reach us through any of the following channels:</a>
+ <a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a>
<ul class="alt-bullet">
<li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC
KEY BLOCK-----<br>
From ea64310ac5c11a58a9f4b286961f4b33fedd8212 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Thu, 8 Feb 2024 11:11:15 -0500
Subject: [PATCH 06/14] update
---
public/index.html | 2 +-
public/style.css | 40 ++++++++++++++++++----------------------
2 files changed, 19 insertions(+), 23 deletions(-)
diff --git a/public/index.html b/public/index.html
index fa096de..1c94c41 100755
--- a/public/index.html
+++ b/public/index.html
@@ -3,9 +3,9 @@
<head>
<meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Mycelial Network</title>
<link rel="stylesheet" href="./style.css">
- <link rel="stylesheet" href="./tabs.css">
<link rel="stylesheet" href="./modal.css">
<link rel="icon" href="icons/red-background/favicon.ico" type="image/x-icon">
</head>
diff --git a/public/style.css b/public/style.css
index 7d829ab..35c1587 100755
--- a/public/style.css
+++ b/public/style.css
@@ -45,9 +45,7 @@ body,
}
.center-text {
- position: absolute;
- top: 35vh;
- left: 10.5rem;
+ position: fixed;
gap: 25px;
display: flex;
flex-direction: column;
@@ -56,6 +54,22 @@ body,
z-index: 10;
background-color: #241917;
max-width: 85vw;
+ top: 50%;
+ left: 50%;
+ transform: none;
+ margin-left: -15vw;
+ margin-top: -12vh;
+}
+
+@media only screen and (max-width: 767px) {
+ .center-text {
+ left: 15px;
+ right: 15px;
+ top: 40%;
+ margin-left: 0;
+ margin-top: 0;
+ max-width: 100vw;
+ }
}
.tabs {
@@ -64,7 +78,7 @@ body,
.tab {
cursor: pointer;
- padding: 8px;
+ padding: 4px 15px;
border-width: 0 4px 4px 0;
border-style: solid;
border-color: #f3bbae92;
@@ -104,24 +118,6 @@ body,
display: block;
}
-@media only screen and (min-width: 1024px) {
- .center-text {
- left: 10z.5rem;
- }
-}
-
-@media only screen and (max-width: 1023px) and (min-width: 768px) {
- .center-text {
- left: 2.5rem;
- }
-}
-
-@media only screen and (max-width: 767px) {
- .center-text {
- left: 1.5rem;
- }
-}
-
.bullet-text {
font-size: 14px;
text-align: left;
From 433ec6c4678c78541a9f8be9a1c42ea6f4613c36 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Thu, 8 Feb 2024 11:14:17 -0500
Subject: [PATCH 07/14] change media query
---
public/style.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/public/style.css b/public/style.css
index 35c1587..a810949 100755
--- a/public/style.css
+++ b/public/style.css
@@ -61,7 +61,7 @@ body,
margin-top: -12vh;
}
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 625px) {
.center-text {
left: 15px;
right: 15px;
From 3d7483f74dc60065c1177b3d5130cd17f9615c38 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Thu, 8 Feb 2024 11:19:05 -0500
Subject: [PATCH 08/14] link to repos rather than gitea homepage
---
public/index.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index 1c94c41..7b3313f 100755
--- a/public/index.html
+++ b/public/index.html
@@ -32,7 +32,7 @@
<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>
- <li><a href="https://git.myco.systems" target="_blank">Git.Myco.Systems</a></li>
+ <li><a href="https://git.myco.systems/explore/repos" target="_blank">Git.Myco.Systems</a></li>
</ul>
</ul>
</div>
From 138638942a17e4dc2b14590eae16993bb4913e57 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Thu, 8 Feb 2024 11:45:17 -0500
Subject: [PATCH 09/14] update pgp key placement
---
public/index.html | 13 +------------
public/style.css | 2 +-
2 files changed, 2 insertions(+), 13 deletions(-)
diff --git a/public/index.html b/public/index.html
index 7b3313f..8393bbf 100755
--- a/public/index.html
+++ b/public/index.html
@@ -65,18 +65,7 @@
<a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a>
<ul class="alt-bullet">
<li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC
- KEY BLOCK-----<br>
- mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d<br>
- 8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoA<br>
- OxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgL<br>
- AgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1Ox<br>
- KTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4<br>
- BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqb<br>
- exwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsM<br>
- AAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3T<br>
- AQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA==<br>
- =Pg50<br>
- -----END PGP PUBLIC KEY BLOCK-----</span></li>
+ KEY BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END PGP PUBLIC KEY BLOCK-----</span></li>
<li><a href="https://mastodon.social/@brookeee" target="_blank">Mastodon</a></li>
</ul>
</div>
diff --git a/public/style.css b/public/style.css
index a810949..2445b0d 100755
--- a/public/style.css
+++ b/public/style.css
@@ -53,7 +53,7 @@ body,
text-align: left;
z-index: 10;
background-color: #241917;
- max-width: 85vw;
+ max-width: 25rem;
top: 50%;
left: 50%;
transform: none;
From 4d976d77660b135284d668b1c818518cfc631bc0 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Thu, 8 Feb 2024 11:46:06 -0500
Subject: [PATCH 10/14] update
---
public/index.html | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index 8393bbf..f4fc9c9 100755
--- a/public/index.html
+++ b/public/index.html
@@ -64,8 +64,7 @@
<div id="contactTab" class="tab-content">
<a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a>
<ul class="alt-bullet">
- <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC
- KEY BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END PGP PUBLIC KEY BLOCK-----</span></li>
+ <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC KEY BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END PGP PUBLIC KEY BLOCK-----</span></li>
<li><a href="https://mastodon.social/@brookeee" target="_blank">Mastodon</a></li>
</ul>
</div>
From 5427b88829a3a54fbb769795ab148248d38fb583 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Sun, 11 Feb 2024 03:52:49 -0500
Subject: [PATCH 11/14] cleanup
---
public/index.html | 5 +-
public/modal.css | 90 ---------
public/simplex.js | 473 ++++++++++++++++++++++++++++++++++++++++++++++
public/style.css | 92 ++++++++-
4 files changed, 565 insertions(+), 95 deletions(-)
delete mode 100644 public/modal.css
create mode 100644 public/simplex.js
diff --git a/public/index.html b/public/index.html
index f4fc9c9..458f5be 100755
--- a/public/index.html
+++ b/public/index.html
@@ -6,8 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Mycelial Network</title>
<link rel="stylesheet" href="./style.css">
- <link rel="stylesheet" href="./modal.css">
- <link rel="icon" href="icons/red-background/favicon.ico" type="image/x-icon">
+ <link rel="icon" href="./icons/red-background/favicon.ico" type="image/x-icon">
</head>
<body>
@@ -70,7 +69,7 @@
</div>
</div>
- <script src='https://unpkg.com/simplex-noise@2'></script>
+ <script src='./simplex.js'></script>
<script src="./script.js"></script>
</body>
diff --git a/public/modal.css b/public/modal.css
deleted file mode 100644
index 11cded2..0000000
--- a/public/modal.css
+++ /dev/null
@@ -1,90 +0,0 @@
-@charset "UTF-8";
-.modal[open] .modal__toggle {
- left: calc(50vw + 200px);
- top: calc(15vh - 5px);
- position: fixed;
- z-index: 11;
-}
-.modal[open] .modal__toggle:focus {
- outline: 2px solid #00f;
-}
-.modal__toggle::before {
- content: 'Donate';
- cursor: pointer;
- padding-left: 10px;
- padding-right: 10px;
- background-color: #241917;
- color: #fff;
- border-radius: 2px;
- border: 2px solid #f3bbae;
-}
-.modal[open] .modal__toggle::before {
- content: '✖';
- color: #fff !important;
- font-size: 25px;
-}
-.modal__toggle {
- position: relative;
- list-style: none;
- font-size: 14px;
- font-family: Monaco, monospace;
- text-align: left;
- z-index: 4;
-}
-.modal__toggle::-webkit-details-marker {
- display: none;
-}
-.modal__toggle:hover {
- cursor: pointer;
- opacity: .8;
-}
-.modal__background {
- background-color:rgba(0, 0, 0, 0.65);
- display: flex;
- height: 100vh;
- justify-content: center;
- left: 0;
- position: fixed;
- top: 0;
- width: 100vw;
- z-index: 3;
-}
-.modal__body {
- border: 2px solid #f3bbae92;
- background: rgba(36, 25, 23, 1);
- color: #f3bbae;
- font-size: 1.6rem;
- font-weight: 600;
- padding: 20px 20px;
- position: fixed;
- text-align: left;
- top: 15vh;
- left: 50%;
- transform: translateX(-50%);
- width: 80%;
- max-width: 400px;
- z-index: 10;
- word-wrap: break-word;
- font-family: Monaco, monospace;
-}
-
-.modal__text {
- line-height: 1.6;
- margin: 0;
- font-size: 12px;
-}
-
-.crypto-address {
- word-wrap: break-word;
- display: block;
- font-size: 12px !important;
- background-color: #241917;
- color: #fff;
- border-radius: 2px;
- border: 2px solid #f3bbae;
- padding: 5px;
-}
-
-.links {
- padding-left: 0.85rem;
-}
\ No newline at end of file
diff --git a/public/simplex.js b/public/simplex.js
new file mode 100644
index 0000000..ebd35de
--- /dev/null
+++ b/public/simplex.js
@@ -0,0 +1,473 @@
+/*
+ * A fast javascript implementation of simplex noise by Jonas Wagner
+
+Based on a speed-improved simplex noise algorithm for 2D, 3D and 4D in Java.
+Which is based on example code by Stefan Gustavson (stegu@itn.liu.se).
+With Optimisations by Peter Eastman (peastman@drizzle.stanford.edu).
+Better rank ordering method by Stefan Gustavson in 2012.
+
+
+ Copyright (c) 2018 Jonas Wagner
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+ */
+ (function() {
+ 'use strict';
+
+ var F2 = 0.5 * (Math.sqrt(3.0) - 1.0);
+ var G2 = (3.0 - Math.sqrt(3.0)) / 6.0;
+ var F3 = 1.0 / 3.0;
+ var G3 = 1.0 / 6.0;
+ var F4 = (Math.sqrt(5.0) - 1.0) / 4.0;
+ var G4 = (5.0 - Math.sqrt(5.0)) / 20.0;
+
+ function SimplexNoise(randomOrSeed) {
+ var random;
+ if (typeof randomOrSeed == 'function') {
+ random = randomOrSeed;
+ }
+ else if (randomOrSeed) {
+ random = alea(randomOrSeed);
+ } else {
+ random = Math.random;
+ }
+ this.p = buildPermutationTable(random);
+ this.perm = new Uint8Array(512);
+ this.permMod12 = new Uint8Array(512);
+ for (var i = 0; i < 512; i++) {
+ this.perm[i] = this.p[i & 255];
+ this.permMod12[i] = this.perm[i] % 12;
+ }
+
+ }
+ SimplexNoise.prototype = {
+ grad3: new Float32Array([1, 1, 0,
+ -1, 1, 0,
+ 1, -1, 0,
+
+ -1, -1, 0,
+ 1, 0, 1,
+ -1, 0, 1,
+
+ 1, 0, -1,
+ -1, 0, -1,
+ 0, 1, 1,
+
+ 0, -1, 1,
+ 0, 1, -1,
+ 0, -1, -1]),
+ grad4: new Float32Array([0, 1, 1, 1, 0, 1, 1, -1, 0, 1, -1, 1, 0, 1, -1, -1,
+ 0, -1, 1, 1, 0, -1, 1, -1, 0, -1, -1, 1, 0, -1, -1, -1,
+ 1, 0, 1, 1, 1, 0, 1, -1, 1, 0, -1, 1, 1, 0, -1, -1,
+ -1, 0, 1, 1, -1, 0, 1, -1, -1, 0, -1, 1, -1, 0, -1, -1,
+ 1, 1, 0, 1, 1, 1, 0, -1, 1, -1, 0, 1, 1, -1, 0, -1,
+ -1, 1, 0, 1, -1, 1, 0, -1, -1, -1, 0, 1, -1, -1, 0, -1,
+ 1, 1, 1, 0, 1, 1, -1, 0, 1, -1, 1, 0, 1, -1, -1, 0,
+ -1, 1, 1, 0, -1, 1, -1, 0, -1, -1, 1, 0, -1, -1, -1, 0]),
+ noise2D: function(xin, yin) {
+ var permMod12 = this.permMod12;
+ var perm = this.perm;
+ var grad3 = this.grad3;
+ var n0 = 0; // Noise contributions from the three corners
+ var n1 = 0;
+ var n2 = 0;
+ // Skew the input space to determine which simplex cell we're in
+ var s = (xin + yin) * F2; // Hairy factor for 2D
+ var i = Math.floor(xin + s);
+ var j = Math.floor(yin + s);
+ var t = (i + j) * G2;
+ var X0 = i - t; // Unskew the cell origin back to (x,y) space
+ var Y0 = j - t;
+ var x0 = xin - X0; // The x,y distances from the cell origin
+ var y0 = yin - Y0;
+ // For the 2D case, the simplex shape is an equilateral triangle.
+ // Determine which simplex we are in.
+ var i1, j1; // Offsets for second (middle) corner of simplex in (i,j) coords
+ if (x0 > y0) {
+ i1 = 1;
+ j1 = 0;
+ } // lower triangle, XY order: (0,0)->(1,0)->(1,1)
+ else {
+ i1 = 0;
+ j1 = 1;
+ } // upper triangle, YX order: (0,0)->(0,1)->(1,1)
+ // A step of (1,0) in (i,j) means a step of (1-c,-c) in (x,y), and
+ // a step of (0,1) in (i,j) means a step of (-c,1-c) in (x,y), where
+ // c = (3-sqrt(3))/6
+ var x1 = x0 - i1 + G2; // Offsets for middle corner in (x,y) unskewed coords
+ var y1 = y0 - j1 + G2;
+ var x2 = x0 - 1.0 + 2.0 * G2; // Offsets for last corner in (x,y) unskewed coords
+ var y2 = y0 - 1.0 + 2.0 * G2;
+ // Work out the hashed gradient indices of the three simplex corners
+ var ii = i & 255;
+ var jj = j & 255;
+ // Calculate the contribution from the three corners
+ var t0 = 0.5 - x0 * x0 - y0 * y0;
+ if (t0 >= 0) {
+ var gi0 = permMod12[ii + perm[jj]] * 3;
+ t0 *= t0;
+ n0 = t0 * t0 * (grad3[gi0] * x0 + grad3[gi0 + 1] * y0); // (x,y) of grad3 used for 2D gradient
+ }
+ var t1 = 0.5 - x1 * x1 - y1 * y1;
+ if (t1 >= 0) {
+ var gi1 = permMod12[ii + i1 + perm[jj + j1]] * 3;
+ t1 *= t1;
+ n1 = t1 * t1 * (grad3[gi1] * x1 + grad3[gi1 + 1] * y1);
+ }
+ var t2 = 0.5 - x2 * x2 - y2 * y2;
+ if (t2 >= 0) {
+ var gi2 = permMod12[ii + 1 + perm[jj + 1]] * 3;
+ t2 *= t2;
+ n2 = t2 * t2 * (grad3[gi2] * x2 + grad3[gi2 + 1] * y2);
+ }
+ // Add contributions from each corner to get the final noise value.
+ // The result is scaled to return values in the interval [-1,1].
+ return 70.0 * (n0 + n1 + n2);
+ },
+ // 3D simplex noise
+ noise3D: function(xin, yin, zin) {
+ var permMod12 = this.permMod12;
+ var perm = this.perm;
+ var grad3 = this.grad3;
+ var n0, n1, n2, n3; // Noise contributions from the four corners
+ // Skew the input space to determine which simplex cell we're in
+ var s = (xin + yin + zin) * F3; // Very nice and simple skew factor for 3D
+ var i = Math.floor(xin + s);
+ var j = Math.floor(yin + s);
+ var k = Math.floor(zin + s);
+ var t = (i + j + k) * G3;
+ var X0 = i - t; // Unskew the cell origin back to (x,y,z) space
+ var Y0 = j - t;
+ var Z0 = k - t;
+ var x0 = xin - X0; // The x,y,z distances from the cell origin
+ var y0 = yin - Y0;
+ var z0 = zin - Z0;
+ // For the 3D case, the simplex shape is a slightly irregular tetrahedron.
+ // Determine which simplex we are in.
+ var i1, j1, k1; // Offsets for second corner of simplex in (i,j,k) coords
+ var i2, j2, k2; // Offsets for third corner of simplex in (i,j,k) coords
+ if (x0 >= y0) {
+ if (y0 >= z0) {
+ i1 = 1;
+ j1 = 0;
+ k1 = 0;
+ i2 = 1;
+ j2 = 1;
+ k2 = 0;
+ } // X Y Z order
+ else if (x0 >= z0) {
+ i1 = 1;
+ j1 = 0;
+ k1 = 0;
+ i2 = 1;
+ j2 = 0;
+ k2 = 1;
+ } // X Z Y order
+ else {
+ i1 = 0;
+ j1 = 0;
+ k1 = 1;
+ i2 = 1;
+ j2 = 0;
+ k2 = 1;
+ } // Z X Y order
+ }
+ else { // x0<y0
+ if (y0 < z0) {
+ i1 = 0;
+ j1 = 0;
+ k1 = 1;
+ i2 = 0;
+ j2 = 1;
+ k2 = 1;
+ } // Z Y X order
+ else if (x0 < z0) {
+ i1 = 0;
+ j1 = 1;
+ k1 = 0;
+ i2 = 0;
+ j2 = 1;
+ k2 = 1;
+ } // Y Z X order
+ else {
+ i1 = 0;
+ j1 = 1;
+ k1 = 0;
+ i2 = 1;
+ j2 = 1;
+ k2 = 0;
+ } // Y X Z order
+ }
+ // A step of (1,0,0) in (i,j,k) means a step of (1-c,-c,-c) in (x,y,z),
+ // a step of (0,1,0) in (i,j,k) means a step of (-c,1-c,-c) in (x,y,z), and
+ // a step of (0,0,1) in (i,j,k) means a step of (-c,-c,1-c) in (x,y,z), where
+ // c = 1/6.
+ var x1 = x0 - i1 + G3; // Offsets for second corner in (x,y,z) coords
+ var y1 = y0 - j1 + G3;
+ var z1 = z0 - k1 + G3;
+ var x2 = x0 - i2 + 2.0 * G3; // Offsets for third corner in (x,y,z) coords
+ var y2 = y0 - j2 + 2.0 * G3;
+ var z2 = z0 - k2 + 2.0 * G3;
+ var x3 = x0 - 1.0 + 3.0 * G3; // Offsets for last corner in (x,y,z) coords
+ var y3 = y0 - 1.0 + 3.0 * G3;
+ var z3 = z0 - 1.0 + 3.0 * G3;
+ // Work out the hashed gradient indices of the four simplex corners
+ var ii = i & 255;
+ var jj = j & 255;
+ var kk = k & 255;
+ // Calculate the contribution from the four corners
+ var t0 = 0.6 - x0 * x0 - y0 * y0 - z0 * z0;
+ if (t0 < 0) n0 = 0.0;
+ else {
+ var gi0 = permMod12[ii + perm[jj + perm[kk]]] * 3;
+ t0 *= t0;
+ n0 = t0 * t0 * (grad3[gi0] * x0 + grad3[gi0 + 1] * y0 + grad3[gi0 + 2] * z0);
+ }
+ var t1 = 0.6 - x1 * x1 - y1 * y1 - z1 * z1;
+ if (t1 < 0) n1 = 0.0;
+ else {
+ var gi1 = permMod12[ii + i1 + perm[jj + j1 + perm[kk + k1]]] * 3;
+ t1 *= t1;
+ n1 = t1 * t1 * (grad3[gi1] * x1 + grad3[gi1 + 1] * y1 + grad3[gi1 + 2] * z1);
+ }
+ var t2 = 0.6 - x2 * x2 - y2 * y2 - z2 * z2;
+ if (t2 < 0) n2 = 0.0;
+ else {
+ var gi2 = permMod12[ii + i2 + perm[jj + j2 + perm[kk + k2]]] * 3;
+ t2 *= t2;
+ n2 = t2 * t2 * (grad3[gi2] * x2 + grad3[gi2 + 1] * y2 + grad3[gi2 + 2] * z2);
+ }
+ var t3 = 0.6 - x3 * x3 - y3 * y3 - z3 * z3;
+ if (t3 < 0) n3 = 0.0;
+ else {
+ var gi3 = permMod12[ii + 1 + perm[jj + 1 + perm[kk + 1]]] * 3;
+ t3 *= t3;
+ n3 = t3 * t3 * (grad3[gi3] * x3 + grad3[gi3 + 1] * y3 + grad3[gi3 + 2] * z3);
+ }
+ // Add contributions from each corner to get the final noise value.
+ // The result is scaled to stay just inside [-1,1]
+ return 32.0 * (n0 + n1 + n2 + n3);
+ },
+ // 4D simplex noise, better simplex rank ordering method 2012-03-09
+ noise4D: function(x, y, z, w) {
+ var perm = this.perm;
+ var grad4 = this.grad4;
+
+ var n0, n1, n2, n3, n4; // Noise contributions from the five corners
+ // Skew the (x,y,z,w) space to determine which cell of 24 simplices we're in
+ var s = (x + y + z + w) * F4; // Factor for 4D skewing
+ var i = Math.floor(x + s);
+ var j = Math.floor(y + s);
+ var k = Math.floor(z + s);
+ var l = Math.floor(w + s);
+ var t = (i + j + k + l) * G4; // Factor for 4D unskewing
+ var X0 = i - t; // Unskew the cell origin back to (x,y,z,w) space
+ var Y0 = j - t;
+ var Z0 = k - t;
+ var W0 = l - t;
+ var x0 = x - X0; // The x,y,z,w distances from the cell origin
+ var y0 = y - Y0;
+ var z0 = z - Z0;
+ var w0 = w - W0;
+ // For the 4D case, the simplex is a 4D shape I won't even try to describe.
+ // To find out which of the 24 possible simplices we're in, we need to
+ // determine the magnitude ordering of x0, y0, z0 and w0.
+ // Six pair-wise comparisons are performed between each possible pair
+ // of the four coordinates, and the results are used to rank the numbers.
+ var rankx = 0;
+ var ranky = 0;
+ var rankz = 0;
+ var rankw = 0;
+ if (x0 > y0) rankx++;
+ else ranky++;
+ if (x0 > z0) rankx++;
+ else rankz++;
+ if (x0 > w0) rankx++;
+ else rankw++;
+ if (y0 > z0) ranky++;
+ else rankz++;
+ if (y0 > w0) ranky++;
+ else rankw++;
+ if (z0 > w0) rankz++;
+ else rankw++;
+ var i1, j1, k1, l1; // The integer offsets for the second simplex corner
+ var i2, j2, k2, l2; // The integer offsets for the third simplex corner
+ var i3, j3, k3, l3; // The integer offsets for the fourth simplex corner
+ // simplex[c] is a 4-vector with the numbers 0, 1, 2 and 3 in some order.
+ // Many values of c will never occur, since e.g. x>y>z>w makes x<z, y<w and x<w
+ // impossible. Only the 24 indices which have non-zero entries make any sense.
+ // We use a thresholding to set the coordinates in turn from the largest magnitude.
+ // Rank 3 denotes the largest coordinate.
+ i1 = rankx >= 3 ? 1 : 0;
+ j1 = ranky >= 3 ? 1 : 0;
+ k1 = rankz >= 3 ? 1 : 0;
+ l1 = rankw >= 3 ? 1 : 0;
+ // Rank 2 denotes the second largest coordinate.
+ i2 = rankx >= 2 ? 1 : 0;
+ j2 = ranky >= 2 ? 1 : 0;
+ k2 = rankz >= 2 ? 1 : 0;
+ l2 = rankw >= 2 ? 1 : 0;
+ // Rank 1 denotes the second smallest coordinate.
+ i3 = rankx >= 1 ? 1 : 0;
+ j3 = ranky >= 1 ? 1 : 0;
+ k3 = rankz >= 1 ? 1 : 0;
+ l3 = rankw >= 1 ? 1 : 0;
+ // The fifth corner has all coordinate offsets = 1, so no need to compute that.
+ var x1 = x0 - i1 + G4; // Offsets for second corner in (x,y,z,w) coords
+ var y1 = y0 - j1 + G4;
+ var z1 = z0 - k1 + G4;
+ var w1 = w0 - l1 + G4;
+ var x2 = x0 - i2 + 2.0 * G4; // Offsets for third corner in (x,y,z,w) coords
+ var y2 = y0 - j2 + 2.0 * G4;
+ var z2 = z0 - k2 + 2.0 * G4;
+ var w2 = w0 - l2 + 2.0 * G4;
+ var x3 = x0 - i3 + 3.0 * G4; // Offsets for fourth corner in (x,y,z,w) coords
+ var y3 = y0 - j3 + 3.0 * G4;
+ var z3 = z0 - k3 + 3.0 * G4;
+ var w3 = w0 - l3 + 3.0 * G4;
+ var x4 = x0 - 1.0 + 4.0 * G4; // Offsets for last corner in (x,y,z,w) coords
+ var y4 = y0 - 1.0 + 4.0 * G4;
+ var z4 = z0 - 1.0 + 4.0 * G4;
+ var w4 = w0 - 1.0 + 4.0 * G4;
+ // Work out the hashed gradient indices of the five simplex corners
+ var ii = i & 255;
+ var jj = j & 255;
+ var kk = k & 255;
+ var ll = l & 255;
+ // Calculate the contribution from the five corners
+ var t0 = 0.6 - x0 * x0 - y0 * y0 - z0 * z0 - w0 * w0;
+ if (t0 < 0) n0 = 0.0;
+ else {
+ var gi0 = (perm[ii + perm[jj + perm[kk + perm[ll]]]] % 32) * 4;
+ t0 *= t0;
+ n0 = t0 * t0 * (grad4[gi0] * x0 + grad4[gi0 + 1] * y0 + grad4[gi0 + 2] * z0 + grad4[gi0 + 3] * w0);
+ }
+ var t1 = 0.6 - x1 * x1 - y1 * y1 - z1 * z1 - w1 * w1;
+ if (t1 < 0) n1 = 0.0;
+ else {
+ var gi1 = (perm[ii + i1 + perm[jj + j1 + perm[kk + k1 + perm[ll + l1]]]] % 32) * 4;
+ t1 *= t1;
+ n1 = t1 * t1 * (grad4[gi1] * x1 + grad4[gi1 + 1] * y1 + grad4[gi1 + 2] * z1 + grad4[gi1 + 3] * w1);
+ }
+ var t2 = 0.6 - x2 * x2 - y2 * y2 - z2 * z2 - w2 * w2;
+ if (t2 < 0) n2 = 0.0;
+ else {
+ var gi2 = (perm[ii + i2 + perm[jj + j2 + perm[kk + k2 + perm[ll + l2]]]] % 32) * 4;
+ t2 *= t2;
+ n2 = t2 * t2 * (grad4[gi2] * x2 + grad4[gi2 + 1] * y2 + grad4[gi2 + 2] * z2 + grad4[gi2 + 3] * w2);
+ }
+ var t3 = 0.6 - x3 * x3 - y3 * y3 - z3 * z3 - w3 * w3;
+ if (t3 < 0) n3 = 0.0;
+ else {
+ var gi3 = (perm[ii + i3 + perm[jj + j3 + perm[kk + k3 + perm[ll + l3]]]] % 32) * 4;
+ t3 *= t3;
+ n3 = t3 * t3 * (grad4[gi3] * x3 + grad4[gi3 + 1] * y3 + grad4[gi3 + 2] * z3 + grad4[gi3 + 3] * w3);
+ }
+ var t4 = 0.6 - x4 * x4 - y4 * y4 - z4 * z4 - w4 * w4;
+ if (t4 < 0) n4 = 0.0;
+ else {
+ var gi4 = (perm[ii + 1 + perm[jj + 1 + perm[kk + 1 + perm[ll + 1]]]] % 32) * 4;
+ t4 *= t4;
+ n4 = t4 * t4 * (grad4[gi4] * x4 + grad4[gi4 + 1] * y4 + grad4[gi4 + 2] * z4 + grad4[gi4 + 3] * w4);
+ }
+ // Sum up and scale the result to cover the range [-1,1]
+ return 27.0 * (n0 + n1 + n2 + n3 + n4);
+ }
+ };
+
+ function buildPermutationTable(random) {
+ var i;
+ var p = new Uint8Array(256);
+ for (i = 0; i < 256; i++) {
+ p[i] = i;
+ }
+ for (i = 0; i < 255; i++) {
+ var r = i + ~~(random() * (256 - i));
+ var aux = p[i];
+ p[i] = p[r];
+ p[r] = aux;
+ }
+ return p;
+ }
+ SimplexNoise._buildPermutationTable = buildPermutationTable;
+
+ function alea() {
+ // Johannes Baagøe <baagoe@baagoe.com>, 2010
+ var s0 = 0;
+ var s1 = 0;
+ var s2 = 0;
+ var c = 1;
+
+ var mash = masher();
+ s0 = mash(' ');
+ s1 = mash(' ');
+ s2 = mash(' ');
+
+ for (var i = 0; i < arguments.length; i++) {
+ s0 -= mash(arguments[i]);
+ if (s0 < 0) {
+ s0 += 1;
+ }
+ s1 -= mash(arguments[i]);
+ if (s1 < 0) {
+ s1 += 1;
+ }
+ s2 -= mash(arguments[i]);
+ if (s2 < 0) {
+ s2 += 1;
+ }
+ }
+ mash = null;
+ return function() {
+ var t = 2091639 * s0 + c * 2.3283064365386963e-10; // 2^-32
+ s0 = s1;
+ s1 = s2;
+ return s2 = t - (c = t | 0);
+ };
+ }
+ function masher() {
+ var n = 0xefc8249d;
+ return function(data) {
+ data = data.toString();
+ for (var i = 0; i < data.length; i++) {
+ n += data.charCodeAt(i);
+ var h = 0.02519603282416938 * n;
+ n = h >>> 0;
+ h -= n;
+ h *= n;
+ n = h >>> 0;
+ h -= n;
+ n += h * 0x100000000; // 2^32
+ }
+ return (n >>> 0) * 2.3283064365386963e-10; // 2^-32
+ };
+ }
+
+ // amd
+ if (typeof define !== 'undefined' && define.amd) define(function() {return SimplexNoise;});
+ // common js
+ if (typeof exports !== 'undefined') exports.SimplexNoise = SimplexNoise;
+ // browser
+ else if (typeof window !== 'undefined') window.SimplexNoise = SimplexNoise;
+ // nodejs
+ if (typeof module !== 'undefined') {
+ module.exports = SimplexNoise;
+ }
+
+ })();
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index 2445b0d..67dee1c 100755
--- a/public/style.css
+++ b/public/style.css
@@ -1,5 +1,3 @@
-@import url("//cdn.jsdelivr.net/gh/be5invis/Iosevka@ff81c66/fonts.css");
-
:root {
--size: calc(100vmin / 1.618033988749895);
}
@@ -152,4 +150,94 @@ ul.alt-bullet li::before {
.alt-bullet {
padding-left: 1rem !important;
+}
+
+.modal[open] .modal__toggle {
+ left: calc(50vw + 200px);
+ top: calc(15vh - 5px);
+ position: fixed;
+ z-index: 11;
+}
+.modal[open] .modal__toggle:focus {
+ outline: 2px solid #00f;
+}
+.modal__toggle::before {
+ content: 'Donate';
+ cursor: pointer;
+ padding-left: 10px;
+ padding-right: 10px;
+ background-color: #241917;
+ color: #fff;
+ border-radius: 2px;
+ border: 2px solid #f3bbae;
+}
+.modal[open] .modal__toggle::before {
+ content: '✖';
+ color: #fff !important;
+ font-size: 25px;
+}
+.modal__toggle {
+ position: relative;
+ list-style: none;
+ font-size: 14px;
+ font-family: Monaco, monospace;
+ text-align: left;
+ z-index: 4;
+}
+.modal__toggle::-webkit-details-marker {
+ display: none;
+}
+.modal__toggle:hover {
+ cursor: pointer;
+ opacity: .8;
+}
+.modal__background {
+ background-color:rgba(0, 0, 0, 0.65);
+ display: flex;
+ height: 100vh;
+ justify-content: center;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100vw;
+ z-index: 3;
+}
+.modal__body {
+ border: 2px solid #f3bbae92;
+ background: rgba(36, 25, 23, 1);
+ color: #f3bbae;
+ font-size: 1.6rem;
+ font-weight: 600;
+ padding: 20px 20px;
+ position: fixed;
+ text-align: left;
+ top: 15vh;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 80%;
+ max-width: 400px;
+ z-index: 10;
+ word-wrap: break-word;
+ font-family: Monaco, monospace;
+}
+
+.modal__text {
+ line-height: 1.6;
+ margin: 0;
+ font-size: 12px;
+}
+
+.crypto-address {
+ word-wrap: break-word;
+ display: block;
+ font-size: 12px !important;
+ background-color: #241917;
+ color: #fff;
+ border-radius: 2px;
+ border: 2px solid #f3bbae;
+ padding: 5px;
+}
+
+.links {
+ padding-left: 0.85rem;
}
\ No newline at end of file
From eba03dbb95173e95c7ac8482a2928558a6443c45 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Sun, 11 Feb 2024 04:11:31 -0500
Subject: [PATCH 12/14] open graph with word vomit description
---
public/index.html | 28 +++++++++++++++++++++++++++-
public/style.css | 2 +-
2 files changed, 28 insertions(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index 458f5be..b6e70a8 100755
--- a/public/index.html
+++ b/public/index.html
@@ -7,6 +7,29 @@
<title>The Mycelial Network</title>
<link rel="stylesheet" href="./style.css">
<link rel="icon" href="./icons/red-background/favicon.ico" type="image/x-icon">
+
+ <!-- HTML Meta Tags -->
+ <title>The Mycelial Network</title>
+ <meta name="description"
+ content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+
+ <!-- Facebook Meta Tags -->
+ <meta property="og:url" content="https://myco.systems/">
+ <meta property="og:type" content="website">
+ <meta property="og:title" content="The Mycelial Network">
+ <meta property="og:description"
+ content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+ <meta property="og:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
+
+ <!-- Twitter Meta Tags -->
+ <meta name="twitter:card" content="summary_large_image">
+ <meta property="twitter:domain" content="myco.systems">
+ <meta property="twitter:url" content="https://myco.systems/">
+ <meta name="twitter:title" content="The Mycelial Network">
+ <meta name="twitter:description"
+ content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+ <meta name="twitter:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
+
</head>
<body>
@@ -63,7 +86,10 @@
<div id="contactTab" class="tab-content">
<a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a>
<ul class="alt-bullet">
- <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC KEY BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END PGP PUBLIC KEY BLOCK-----</span></li>
+ <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC
+ KEY
+ BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END
+ PGP PUBLIC KEY BLOCK-----</span></li>
<li><a href="https://mastodon.social/@brookeee" target="_blank">Mastodon</a></li>
</ul>
</div>
diff --git a/public/style.css b/public/style.css
index 67dee1c..90087d6 100755
--- a/public/style.css
+++ b/public/style.css
@@ -29,7 +29,7 @@ body,
max-height: 100%;
width: var(--size);
height: var(--size);
- font: 11px/12px "Iosevka Web", monospace;
+ font: 12px/12px "Iosevka Web", monospace;
}
.braille > * {
From 0dab519e4a517d7a577de2e6cbea33c9ce68c406 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Sun, 11 Feb 2024 04:12:27 -0500
Subject: [PATCH 13/14] fix formating?
---
public/index.html | 6 ++----
1 file changed, 2 insertions(+), 4 deletions(-)
diff --git a/public/index.html b/public/index.html
index b6e70a8..24192d9 100755
--- a/public/index.html
+++ b/public/index.html
@@ -17,8 +17,7 @@
<meta property="og:url" content="https://myco.systems/">
<meta property="og:type" content="website">
<meta property="og:title" content="The Mycelial Network">
- <meta property="og:description"
- content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+ <meta property="og:description" content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
<meta property="og:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
<!-- Twitter Meta Tags -->
@@ -26,8 +25,7 @@
<meta property="twitter:domain" content="myco.systems">
<meta property="twitter:url" content="https://myco.systems/">
<meta name="twitter:title" content="The Mycelial Network">
- <meta name="twitter:description"
- content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+ <meta name="twitter:description" content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
<meta name="twitter:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
</head>
From 02d74c4c51e58de60b8c3257b1b65d8dc6bbc93b Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Mon, 26 Feb 2024 17:43:35 -0500
Subject: [PATCH 14/14] update
---
public/index.html | 34 +++++++++++++++++++++++++++++-----
public/style.css | 38 ++++++++++++++++++--------------------
2 files changed, 47 insertions(+), 25 deletions(-)
diff --git a/public/index.html b/public/index.html
index 24192d9..42c63c6 100755
--- a/public/index.html
+++ b/public/index.html
@@ -17,7 +17,8 @@
<meta property="og:url" content="https://myco.systems/">
<meta property="og:type" content="website">
<meta property="og:title" content="The Mycelial Network">
- <meta property="og:description" content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+ <meta property="og:description"
+ content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
<meta property="og:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
<!-- Twitter Meta Tags -->
@@ -25,7 +26,8 @@
<meta property="twitter:domain" content="myco.systems">
<meta property="twitter:url" content="https://myco.systems/">
<meta name="twitter:title" content="The Mycelial Network">
- <meta name="twitter:description" content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+ <meta name="twitter:description"
+ content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
<meta name="twitter:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
</head>
@@ -34,10 +36,12 @@
<div class="center-text">
<input type="radio" id="tab-links" name="tab" checked style="display: none;">
<input type="radio" id="tab-contact" name="tab" style="display: none;">
+ <input type="radio" id="tab-dash" name="tab" style="display: none;">
<div class="tabs">
<label for="tab-links" class="tab">Links & Donate</label>
<label for="tab-contact" class="tab">Contact</label>
+ <label for="tab-dash" class="tab">Dashboard</label>
</div>
<div id="linksTab" class="tab-content">
@@ -47,10 +51,10 @@
<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>
+ <!-- <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>
+ </ul> -->
<li><a href="https://web.myco.systems" target="_blank">Web.Myco.Systems</a></li>
<li><a href="https://git.myco.systems/explore/repos" target="_blank">Git.Myco.Systems</a></li>
</ul>
@@ -83,7 +87,7 @@
<div id="contactTab" class="tab-content">
<a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a>
- <ul class="alt-bullet">
+ <ul>
<li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC
KEY
BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END
@@ -92,6 +96,26 @@
</ul>
</div>
+ <div id="dashTab" class="tab-content">
+ <a>Check out some of our free services and projects (⌐⊙_⊙)</a>
+ <div class="dashboard bullet-text">
+ <ul class="links">
+ <li><a>Free Services</a></li>
+ <ul>
+ <li><a href="https://paste.myco.systems" target="_blank">PrivateBin</a></li>
+ <li><a href="https://collab.myco.systems" target="_blank">HedgeDoc</a></li>
+ </ul>
+ </ul>
+ <ul>
+ <li><a>Projects</a></li>
+ <ul>
+ <li><a href="https://squattheplanet.com" target="_blank">Squat The Planet</a></li>
+ <li><a href="https://wiki.hemera.network" target="_blank">Hemera Network</a></li>
+ </ul>
+ </ul>
+ </div>
+ </div>
+
</div>
<script src='./simplex.js'></script>
<script src="./script.js"></script>
diff --git a/public/style.css b/public/style.css
index 90087d6..7981291 100755
--- a/public/style.css
+++ b/public/style.css
@@ -20,7 +20,7 @@ body,
.braille {
display: flex;
align-items: center;
- justify-content: flex-end;
+ justify-content: center;
flex-flow: row;
}
@@ -51,19 +51,14 @@ body,
text-align: left;
z-index: 10;
background-color: #241917;
- max-width: 25rem;
- top: 50%;
- left: 50%;
- transform: none;
- margin-left: -15vw;
- margin-top: -12vh;
+ width: 35rem;
+ top: 30%;
}
@media only screen and (max-width: 625px) {
.center-text {
left: 15px;
right: 15px;
- top: 40%;
margin-left: 0;
margin-top: 0;
max-width: 100vw;
@@ -96,8 +91,7 @@ body,
font-size: 12px !important;
background-color: #241917;
color: #fff;
- border-radius: 2px;
- border: 2px solid #f3bbae;
+ border: 4px solid #f3bbae92;
padding: 5px;
}
@@ -106,13 +100,13 @@ body,
color: #241917;
}
-#linksTab, #contactTab, #aboutTab {
+#linksTab, #contactTab, #dashTab {
display: none;
}
#tab-links:checked ~ #linksTab,
#tab-contact:checked ~ #contactTab,
-#tab-about:checked ~ #aboutTab {
+#tab-dash:checked ~ #dashTab {
display: block;
}
@@ -136,13 +130,14 @@ body,
.visible {
z-index: 0;
+ position: absolute;
+ right: 0;
}
-
-ul.alt-bullet {
+ul {
list-style-type: none;
}
-ul.alt-bullet li::before {
+ul li::before {
content: "-";
display: inline-block;
width: 1em;
@@ -168,8 +163,7 @@ ul.alt-bullet li::before {
padding-right: 10px;
background-color: #241917;
color: #fff;
- border-radius: 2px;
- border: 2px solid #f3bbae;
+ border: 4px solid #f3bbae92;
}
.modal[open] .modal__toggle::before {
content: '✖';
@@ -203,7 +197,7 @@ ul.alt-bullet li::before {
z-index: 3;
}
.modal__body {
- border: 2px solid #f3bbae92;
+ border: 4px solid #f3bbae92;
background: rgba(36, 25, 23, 1);
color: #f3bbae;
font-size: 1.6rem;
@@ -233,11 +227,15 @@ ul.alt-bullet li::before {
font-size: 12px !important;
background-color: #241917;
color: #fff;
- border-radius: 2px;
- border: 2px solid #f3bbae;
+ border: 4px solid #f3bbae92;
padding: 5px;
}
.links {
padding-left: 0.85rem;
+}
+
+.dashboard {
+ display: flex;
+ flex-direction: row;
}
\ No newline at end of file