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

update

Browse source
This commit is contained in:
brooke 2024-02-07 19:38:11 -05:00
parent b55f598b56
commit fad0625239
3 changed files with 47 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
public/index.html
View file

@ -12,14 +12,12 @@
<body> <body>
<div class="center-text"> <div class="center-text">
<input type="radio" id="tab-links" name="tab" checked style="display: none;"> <input type="radio" id="tab-links" name="tab" style="display: none;">
<input type="radio" id="tab-contact" name="tab" style="display: none;"> <input type="radio" id="tab-contact" name="tab" checked style="display: none;">
<input type="radio" id="tab-about" name="tab" style="display: none;">
<div class="tabs"> <div class="tabs">
<label for="tab-links" class="tab">Links & Donate</label> <label for="tab-links" class="tab">Links & Donate</label>
<label for="tab-contact" class="tab">Contact</label> <label for="tab-contact" class="tab">Contact</label>
<label for="tab-about" class="tab">About</label>
</div> </div>
<div id="linksTab" class="tab-content"> <div id="linksTab" class="tab-content">
@ -64,14 +62,25 @@
</div> </div>
<div id="contactTab" class="tab-content"> <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>
<div id="aboutTab" class="tab-content">
<!-- Content for the About tab goes here -->
</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>

2
public/modal.css
View file

@ -50,8 +50,6 @@
z-index: 3; z-index: 3;
} }
.modal__body { .modal__body {
/* background: #fff;
color: #333; */
border: 2px solid #f3bbae92; border: 2px solid #f3bbae92;
background: rgba(36, 25, 23, 1); background: rgba(36, 25, 23, 1);
color: #f3bbae; color: #f3bbae;

37
public/style.css
View file

@ -15,7 +15,7 @@ body {
margin: 0; margin: 0;
background: #241917; background: #241917;
color: #f3bbae; color: #f3bbae;
font-family: Monaco, monospace; font-family: Monaco, monospace !important;
} }
body, body,
@ -54,9 +54,8 @@ body,
border: 4px solid #f3bbae92; border: 4px solid #f3bbae92;
text-align: left; text-align: left;
z-index: 10; z-index: 10;
word-wrap: break-word;
font-family: Monaco, monospace;
background-color: #241917; background-color: #241917;
max-width: 85vw;
} }
.tabs { .tabs {
@ -73,14 +72,21 @@ body,
} }
.tab-content { .tab-content {
word-wrap: break-word;
display: none; display: none;
padding: 20px 20px; padding: 20px 20px;
padding-top: 0px; padding-top: 0px;
} }
.pgp-address {
.tab-content a { 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 { .tab:checked ~ label {
@ -118,23 +124,36 @@ body,
.bullet-text { .bullet-text {
font-size: 14px; font-size: 14px;
font-family: Monaco, monospace;
text-align: left; text-align: left;
z-index: 2; z-index: 2;
position: relative; position: relative;
} }
.center-text a { .tab-content a {
color: #f3bbae; color: #f3bbae;
transition: color 0.5s ease; transition: color 0.5s ease;
font-size: 14px; font-size: 14px;
} }
.center-text a:hover { .tab-content a:hover {
color: #ffffff; color: #ffffff;
} }
.visible { .visible {
z-index: 0; 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;
} }