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

37
public/index.html
View file

@ -12,8 +12,19 @@
<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;">
<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">
<a>Hi! It's good to see you \( ‘ o ‘ )/</a>
<div class="bullet-text ">
<div class="bullet-text">
<ul class="links">
<li><a href="https://myco.systems" target="_blank">Myco.Systems</a></li>
<ul>
@ -31,24 +42,36 @@
<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">
<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>
<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>
<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>
<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>

46
public/style.css
View file

@ -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 {