update
This commit is contained in:
parent
666f995d3f
commit
ab410908cc
2 changed files with 127 additions and 180 deletions
|
|
@ -1,191 +1,138 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>The Mycelial Network</title>
|
|
||||||
<a rel="me" href="https://kolektiva.social/@eyess"></a>
|
|
||||||
<a rel="me" href="https://mastodon.social/@brookeee"></a>
|
|
||||||
<link rel="stylesheet" href="./style.css" />
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
href="./icons/red-background/favicon.ico"
|
|
||||||
type="image/x-icon"
|
|
||||||
/>
|
|
||||||
<meta
|
|
||||||
name="description"
|
|
||||||
content="MycoSystems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
|
|
||||||
/>
|
|
||||||
|
|
||||||
<meta property="og:url" content="https://myco.systems/" />
|
<head>
|
||||||
<meta property="og:type" content="website" />
|
<meta charset="UTF-8" />
|
||||||
<meta property="og:title" content="The Mycelial Network" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta
|
<title>The Mycelial Network</title>
|
||||||
property="og:description"
|
<a rel="me" href="https://kolektiva.social/@eyess"></a>
|
||||||
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
|
<a rel="me" href="https://mastodon.social/@brookeee"></a>
|
||||||
/>
|
<link rel="stylesheet" href="./style.css" />
|
||||||
<meta
|
<link rel="icon" href="./icons/red-background/favicon.ico" type="image/x-icon" />
|
||||||
property="og:image"
|
<meta name="description"
|
||||||
content="https://myco.systems/icons/backgrounds/concrete-shrooms.png"
|
content="MycoSystems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions." />
|
||||||
/>
|
|
||||||
|
|
||||||
<meta name="twitter:card" content="summary_large_image" />
|
<meta property="og:url" content="https://myco.systems/" />
|
||||||
<meta property="twitter:domain" content="myco.systems" />
|
<meta property="og:type" content="website" />
|
||||||
<meta property="twitter:url" content="https://myco.systems/" />
|
<meta property="og:title" content="The Mycelial Network" />
|
||||||
<meta name="twitter:title" content="The Mycelial Network" />
|
<meta property="og:description"
|
||||||
<meta
|
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions." />
|
||||||
name="twitter:description"
|
<meta property="og:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png" />
|
||||||
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>
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
<div class="center-text">
|
<meta property="twitter:domain" content="myco.systems" />
|
||||||
<input
|
<meta property="twitter:url" content="https://myco.systems/" />
|
||||||
type="radio"
|
<meta name="twitter:title" content="The Mycelial Network" />
|
||||||
id="tab-links"
|
<meta name="twitter:description"
|
||||||
name="tab"
|
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions." />
|
||||||
checked
|
<meta name="twitter:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png" />
|
||||||
style="display: none"
|
</head>
|
||||||
/>
|
|
||||||
<input type="radio" id="tab-about" name="tab" 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">
|
<body>
|
||||||
<label for="tab-links" class="tab">Home</label>
|
<div class="center-text">
|
||||||
<label for="tab-about" class="tab">About</label>
|
<input type="radio" id="tab-links" name="tab" checked style="display: none" />
|
||||||
<label for="tab-contact" class="tab">Contact</label>
|
<input type="radio" id="tab-contact" name="tab" style="display: none" />
|
||||||
<label for="tab-dash" class="tab">Dashboard</label>
|
<input type="radio" id="tab-dash" name="tab" style="display: none" />
|
||||||
<a target="_blank" href="https://uptime.myco.systems/" class="tab-link">Uptime <svg class="tab-icon" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg></a>
|
|
||||||
</div>
|
|
||||||
<div id="linksTab" class="tab-content">
|
|
||||||
<p>Hi! It's good to see you \( ' o ' )/</p>
|
|
||||||
<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>
|
|
||||||
<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>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<details class="modal">
|
<div class="tabs">
|
||||||
<summary class="modal__toggle"></summary>
|
<label for="tab-links" class="tab">Home</label>
|
||||||
<div class="modal__background">
|
<label for="tab-contact" class="tab">Contact</label>
|
||||||
<div
|
<label for="tab-dash" class="tab">Dashboard</label>
|
||||||
class="modal__body"
|
<a target="_blank" href="https://uptime.myco.systems/" class="tab-link">Uptime <svg class="tab-icon"
|
||||||
tabindex="-1"
|
viewBox="0 0 512 512">
|
||||||
role="dialog"
|
<path
|
||||||
aria-labelledby="modal__label"
|
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
|
||||||
aria-live="assertive"
|
</svg></a>
|
||||||
aria-modal="true"
|
</div>
|
||||||
>
|
<div id="linksTab" class="tab-content">
|
||||||
<p id="modal__label" class="modal__text">
|
<p>Hi! It's good to see you \( ' o ' )/</p><br>
|
||||||
Donations go to making sure we can keep all of our free services
|
<p>We're a tech collective that's
|
||||||
running ♡⸜(ˆᗜˆ˵ )⸝♡
|
trying to make open source hosted services more viable in a broad
|
||||||
<br /><br />
|
variety of cases.<br /><br />We build deployments for companies,
|
||||||
<b>The following cryptocurrencies are supported:</b>
|
non-profits, and individuals to expand the reach of open source
|
||||||
<br /><br />
|
services.<br /><br />If you're interested in getting our help or just
|
||||||
<b class="crypto-name">Monero (XMR):</b
|
want to chat, send us a message through our contact email on the next
|
||||||
><span class="crypto-address"
|
tab.</p>
|
||||||
>49r2aeun8DtV5VqZpZSwRpS83WfUWEaLt4NG8HJwwVkbiT1vSsXTXrPFKkKTdc6MPX9iezbTidNPvhGZKCnM1338TfK6Hgi</span
|
<p>ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧</p>
|
||||||
>
|
<div class="bullet-text">
|
||||||
<br />
|
<ul class="links">
|
||||||
<b class="crypto-name">Litecoin (LTC):</b
|
<li>
|
||||||
><span class="crypto-address"
|
<a href="https://myco.systems" target="_blank">Myco.Systems</a>
|
||||||
>LRAm7h5XENknfYEpbdVsvyGY8D6MiXGTDV</span
|
</li>
|
||||||
>
|
|
||||||
<br />
|
|
||||||
<b class="crypto-name">Bitcoin (BTC):</b
|
|
||||||
><span class="crypto-address"
|
|
||||||
>bc1qkv97ajh7f0a72l9rsjd3fmmly5q5uywr06q3x0</span
|
|
||||||
>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</details>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="aboutTab" class="tab-content">
|
|
||||||
<p
|
|
||||||
>Welcome to the MycoSystems homepage, we're a tech collective that's
|
|
||||||
trying to make open source hosted services more viable in a broad
|
|
||||||
variety of cases.<br /><br />We build deployments for companies,
|
|
||||||
non-profits, and individuals to expand the reach of open source
|
|
||||||
services.<br /><br />If you're interested in getting our help or just
|
|
||||||
want to chat, send us a message through our contact email on the next
|
|
||||||
tab.</p
|
|
||||||
><br /><br />
|
|
||||||
<p>ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contactTab" class="tab-content">
|
|
||||||
<p>Send us a cool message and we'll get back to you d-(´▽｀)-b</p><br>
|
|
||||||
<p style="font-weight:700;" class="contact-name">contact(at)myco(dot)systems</p><br>
|
|
||||||
<p class="contact-name">Encryption is not a requirement but if your client supports PGP keys then you can use this one to send an encrypted message:</p>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="dashTab" class="tab-content">
|
|
||||||
<p>Check out some of our free services and projects (⌐⊙_⊙)</p>
|
|
||||||
<div class="dashboard bullet-text">
|
|
||||||
<ul class="links">
|
|
||||||
<p>Free Services</p>
|
|
||||||
<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>
|
<ul>
|
||||||
<p>Projects</p>
|
<li>
|
||||||
<ul>
|
<a href="https://coop.myco.systems" target="_blank">Coop.Myco.Systems</a>
|
||||||
<li>
|
</li>
|
||||||
<a href="https://squattheplanet.com" target="_blank"
|
<li>
|
||||||
>Squat The Planet</a
|
<a href="https://web.myco.systems" target="_blank">Web.Myco.Systems</a>
|
||||||
>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="https://git.myco.systems/explore/repos" target="_blank">Git.Myco.Systems</a>
|
||||||
<a href="https://wiki.hemera.network" target="_blank"
|
</li>
|
||||||
>Hemera Network</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</ul>
|
||||||
|
</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>
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<div id="contactTab" class="tab-content">
|
||||||
|
<p>Send us a cool message and we'll get back to you d-(´▽｀)-b</p>
|
||||||
|
<p style="font-weight:700;" class="contact-name">contact @ myco (dot) systems</p><br>
|
||||||
|
<p class="contact-name">Encryption is not a requirement we recommend it if your client supports PGP</p>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="dashTab" class="tab-content">
|
||||||
|
<p>Check out some of our free services and projects (⌐⊙_⊙)</p>
|
||||||
|
<div class="dashboard bullet-text">
|
||||||
|
<ul class="links">
|
||||||
|
<p>Free Services</p>
|
||||||
|
<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>
|
||||||
|
<p>Projects</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://squattheplanet.com" target="_blank">Squat The Planet</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script src="./simplex.js"></script>
|
</div>
|
||||||
<script src="./script.js"></script>
|
<script src="./simplex.js"></script>
|
||||||
</body>
|
<script src="./script.js"></script>
|
||||||
</html>
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -201,7 +201,7 @@ ul li::before {
|
||||||
z-index: 11;
|
z-index: 11;
|
||||||
}
|
}
|
||||||
.modal[open] .modal__toggle:focus {
|
.modal[open] .modal__toggle:focus {
|
||||||
outline: 2px solid #00f;
|
outline: 0px solid rgba(0, 0, 255, 0);
|
||||||
}
|
}
|
||||||
.modal__toggle::before {
|
.modal__toggle::before {
|
||||||
content: "Donate";
|
content: "Donate";
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue