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

update
All checks were successful
Hugo / build (push) Successful in 18s
Details

Browse source
This commit is contained in:
brooke 2024-03-02 20:31:03 -05:00
parent 81c71223e1
commit cac421be37
2 changed files with 189 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

291
public/index.html
View file

@ -1,124 +1,207 @@
<!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>
<link rel="stylesheet" href="./style.css" />
<link
rel="icon"
href="./icons/red-background/favicon.ico"
type="image/x-icon"
/>
<head> <!-- HTML Meta Tags -->
<meta charset="UTF-8"> <title>The Mycelial Network</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
<title>The Mycelial Network</title> name="description"
<link rel="stylesheet" href="./style.css"> content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
<link rel="icon" href="./icons/red-background/favicon.ico" type="image/x-icon"> />
<!-- HTML Meta Tags --> <!-- Facebook Meta Tags -->
<title>The Mycelial Network</title> <meta property="og:url" content="https://myco.systems/" />
<meta name="description" <meta property="og:type" content="website" />
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: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"
/>
<!-- Facebook Meta Tags --> <!-- Twitter Meta Tags -->
<meta property="og:url" content="https://myco.systems/"> <meta name="twitter:card" content="summary_large_image" />
<meta property="og:type" content="website"> <meta property="twitter:domain" content="myco.systems" />
<meta property="og:title" content="The Mycelial Network"> <meta property="twitter:url" content="https://myco.systems/" />
<meta property="og:description" <meta name="twitter:title" content="The Mycelial Network" />
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."> <meta
<meta property="og:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png"> 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>
<!-- Twitter Meta Tags --> <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"
/>
<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" />
</head> <div class="tabs">
<label for="tab-links" class="tab">Home</label>
<label for="tab-about" class="tab">About</label>
<label for="tab-contact" class="tab">Contact</label>
<label for="tab-dash" class="tab">Dashboard</label>
</div>
<body> <div id="linksTab" class="tab-content">
<div class="center-text"> <a>Hi! It's good to see you \( ‘ o ‘ )/</a>
<input type="radio" id="tab-links" name="tab" checked style="display: none;"> <div class="bullet-text">
<input type="radio" id="tab-contact" name="tab" style="display: none;"> <ul class="links">
<input type="radio" id="tab-dash" name="tab" style="display: none;"> <li>
<a href="https://myco.systems" target="_blank">Myco.Systems</a>
<div class="tabs"> </li>
<label for="tab-links" class="tab">Links & Donate</label> <ul>
<label for="tab-contact" class="tab">Contact</label> <li>
<label for="tab-dash" class="tab">Dashboard</label> <a href="https://coop.myco.systems" target="_blank"
</div> >Coop.Myco.Systems</a
>
<div id="linksTab" class="tab-content"> </li>
<a>Hi! It's good to see you \( ‘ o ‘ )/</a> <!-- <ul>
<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://squattheplanet.com/" target="_blank">SquatThePlanet.com</a></li>
<li><a href="https://wiki.hemera.network/" target="_blank">Wiki.Hemera.Network</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>
<li><a href="https://git.myco.systems/explore/repos" target="_blank">Git.Myco.Systems</a></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> </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"> <details class="modal">
<a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a> <summary class="modal__toggle"></summary>
<ul> <div class="modal__background">
<li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC <div
KEY class="modal__body"
BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END tabindex="-1"
PGP PUBLIC KEY BLOCK-----</span></li> role="dialog"
<li><a href="https://mastodon.social/@brookeee" target="_blank">Mastodon</a></li> aria-labelledby="modal__label"
</ul> aria-live="assertive"
</div> 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="dashTab" class="tab-content"> <div id="aboutTab" class="tab-content">
<a>Check out some of our free services and projects (⌐⊙_⊙)</a> <a
<div class="dashboard bullet-text"> >Welcome to the MycoSystems homepage, we're a tech collective that's
<ul class="links"> trying to make open source hosted services more viable in a broad
<li><a>Free Services</a></li> variety of cases.<br /><br />We build deployments for companies,
<ul> non-profits, and individuals to expand the reach of open source
<li><a href="https://paste.myco.systems" target="_blank">PrivateBin</a></li> services.<br /><br />If you're interested in getting our help or just
<li><a href="https://collab.myco.systems" target="_blank">HedgeDoc</a></li> want to chat, send us a message through our contact email on the next
</ul> tab.</a
</ul> ><br><br>
<a>ദ്ദി ˉ͈̀꒳ˉ͈́ )✧</a>
</div>
<div id="contactTab" class="tab-content">
<a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a>
<ul> <ul>
<li><a>Projects</a></li> <li>
<ul> <a class="contact-name">contact (at) myco (dot) systems:</a
<li><a href="https://squattheplanet.com" target="_blank">Squat The Planet</a></li> ><span class="pgp-address"
<li><a href="https://wiki.hemera.network" target="_blank">Hemera Network</a></li> >-----BEGIN PGP PUBLIC KEY BLOCK-----<br />mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br />-----END
</ul> PGP PUBLIC KEY BLOCK-----</span
>
</li>
<li>
<a href="https://mastodon.social/@brookeee" target="_blank"
>Mastodon</a
>
</li>
</ul> </ul>
</div> </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> </div>
<script src="./simplex.js"></script>
</div> <script src="./script.js"></script>
<script src='./simplex.js'></script> </body>
<script src="./script.js"></script>
</body>
</html> </html>

1
public/style.css
View file

@ -107,6 +107,7 @@ body,
#tab-links:checked ~ #linksTab, #tab-links:checked ~ #linksTab,
#tab-contact:checked ~ #contactTab, #tab-contact:checked ~ #contactTab,
#tab-about:checked ~ #aboutTab,
#tab-dash:checked ~ #dashTab { #tab-dash:checked ~ #dashTab {
display: block; display: block;
} }