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

initial

Browse source
This commit is contained in:
brookee 2024-02-04 23:35:52 -05:00
parent ee474ce511
commit b55f598b56
2 changed files with 101 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

87
public/index.html
View file

@ -12,43 +12,66 @@
<body> <body>
<div class="center-text"> <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-about" name="tab" style="display: none;">
<li><a href="https://myco.systems" target="_blank">Myco.Systems</a></li>
<ul> <div class="tabs">
<li><a href="https://coop.myco.systems" target="_blank">Coop.Myco.Systems</a></li> <label for="tab-links" class="tab">Links & Donate</label>
<ul> <label for="tab-contact" class="tab">Contact</label>
<li><a href="https://squattheplanet.com/" target="_blank">SquatThePlanet.com</a></li> <label for="tab-about" class="tab">About</label>
<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> </div>
<details class="modal"> <div id="linksTab" class="tab-content">
<summary class="modal__toggle"></summary> <a>Hi! It's good to see you \( ‘ o ‘ )/</a>
<div class="modal__background"> <div class="bullet-text">
<div class="modal__body" tabindex="-1" role="dialog" aria-labelledby="modal__label" aria-live="assertive" aria-modal="true"> <ul class="links">
<p id="modal__label" class="modal__text"> <li><a href="https://myco.systems" target="_blank">Myco.Systems</a></li>
Donations go to making sure we can keep all of our free services running ♡⸜(ˆᗜˆ˵ )⸝♡ <ul>
<br><br> <li><a href="https://coop.myco.systems" target="_blank">Coop.Myco.Systems</a></li>
<b>The following cryptocurrencies are supported:</b> <ul>
<br><br> <li><a href="https://squattheplanet.com/" target="_blank">SquatThePlanet.com</a></li>
<b class="crypto-name">Monero (XMR):</b><span class="crypto-address">49r2aeun8DtV5VqZpZSwRpS83WfUWEaLt4NG8HJwwVkbiT1vSsXTXrPFKkKTdc6MPX9iezbTidNPvhGZKCnM1338TfK6Hgi</span> <li><a href="https://wiki.hemera.network/" target="_blank">Wiki.Hemera.Network</a></li>
<br> </ul>
<b class="crypto-name">Litecoin (LTC):</b><span class="crypto-address">LRAm7h5XENknfYEpbdVsvyGY8D6MiXGTDV</span> <li><a href="https://web.myco.systems" target="_blank">Web.Myco.Systems</a></li>
<br> <li><a href="https://git.myco.systems" target="_blank">Git.Myco.Systems</a></li>
<b class="crypto-name">Bitcoin (BTC):</b><span class="crypto-address">bc1qkv97ajh7f0a72l9rsjd3fmmly5q5uywr06q3x0</span> </ul>
</p> </ul>
</div>
</div> </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>
</div> </div>
<script src='//unpkg.com/simplex-noise@2'></script> <script src='//unpkg.com/simplex-noise@2'></script>
<script src="./script.js"></script> <script src="./script.js"></script>

46
public/style.css
View file

@ -51,6 +51,51 @@ body,
gap: 25px; gap: 25px;
display: flex; display: flex;
flex-direction: column; 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) { @media only screen and (min-width: 1024px) {
@ -83,6 +128,7 @@ body,
.center-text a { .center-text a {
color: #f3bbae; color: #f3bbae;
transition: color 0.5s ease; transition: color 0.5s ease;
font-size: 14px;
} }
.center-text a:hover { .center-text a:hover {