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

prettier html, edit hover to only affect link
All checks were successful
Hugo / build (push) Successful in 56s
Details

Browse source
This commit is contained in:
Brooke 2024-03-14 16:18:14 -04:00
parent cac421be37
commit d4dce5d17b
2 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
public/index.html
View file

@ -11,14 +11,12 @@
type="image/x-icon" type="image/x-icon"
/> />
<!-- HTML Meta Tags -->
<title>The Mycelial Network</title> <title>The Mycelial Network</title>
<meta <meta
name="description" name="description"
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions." content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
/> />
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://myco.systems/" /> <meta property="og:url" content="https://myco.systems/" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:title" content="The Mycelial Network" /> <meta property="og:title" content="The Mycelial Network" />
@ -31,7 +29,6 @@
content="https://myco.systems/icons/backgrounds/concrete-shrooms.png" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png"
/> />
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="myco.systems" /> <meta property="twitter:domain" content="myco.systems" />
<meta property="twitter:url" content="https://myco.systems/" /> <meta property="twitter:url" content="https://myco.systems/" />
@ -79,10 +76,6 @@
>Coop.Myco.Systems</a >Coop.Myco.Systems</a
> >
</li> </li>
<!-- <ul>
<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>
</ul> -->
<li> <li>
<a href="https://web.myco.systems" target="_blank" <a href="https://web.myco.systems" target="_blank"
>Web.Myco.Systems</a >Web.Myco.Systems</a
@ -143,7 +136,7 @@
services.<br /><br />If you're interested in getting our help or just 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 want to chat, send us a message through our contact email on the next
tab.</a tab.</a
><br><br> ><br /><br />
<a>ദ്ദി ˉ͈̀꒳ˉ͈́ )✧</a> <a>ദ്ദി ˉ͈̀꒳ˉ͈́ )✧</a>
</div> </div>

25
public/style.css
View file

@ -101,13 +101,14 @@ body,
color: #241917; color: #241917;
} }
#linksTab, #contactTab, #dashTab { #linksTab,
#contactTab,
#dashTab {
display: none; display: none;
} }
#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;
} }
@ -119,14 +120,20 @@ body,
position: relative; position: relative;
} }
.tab-content p {
.tab-content a {
color: #f3bbae; color: #f3bbae;
transition: color 0.5s ease; transition: color 0.5s ease;
font-size: 14px; font-size: 14px;
margin: 0 !important;
} }
.tab-content a:hover { .tab-content a {
color: #f3bbae;
transition: color 0.1s ease;
font-size: 14px;
}
.tab-content a[href]:hover {
color: #ffffff; color: #ffffff;
} }
@ -159,7 +166,7 @@ ul li::before {
outline: 2px solid #00f; outline: 2px solid #00f;
} }
.modal__toggle::before { .modal__toggle::before {
content: 'Donate'; content: "Donate";
cursor: pointer; cursor: pointer;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
@ -168,7 +175,7 @@ ul li::before {
border: 4px solid #f3bbae92; border: 4px solid #f3bbae92;
} }
.modal[open] .modal__toggle::before { .modal[open] .modal__toggle::before {
content: '✖'; content: "✖";
color: #fff !important; color: #fff !important;
font-size: 25px; font-size: 25px;
} }
@ -185,10 +192,10 @@ ul li::before {
} }
.modal__toggle:hover { .modal__toggle:hover {
cursor: pointer; cursor: pointer;
opacity: .8; opacity: 0.8;
} }
.modal__background { .modal__background {
background-color:rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.65);
display: flex; display: flex;
height: 100vh; height: 100vh;
justify-content: center; justify-content: center;