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"
/>
<!-- HTML Meta Tags -->
<title>The Mycelial Network</title>
<meta
name="description"
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:type" content="website" />
<meta property="og:title" content="The Mycelial Network" />
@ -31,7 +29,6 @@
content="https://myco.systems/icons/backgrounds/concrete-shrooms.png"
/>
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="myco.systems" />
<meta property="twitter:url" content="https://myco.systems/" />
@ -79,10 +76,6 @@
>Coop.Myco.Systems</a
>
</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>
<a href="https://web.myco.systems" target="_blank"
>Web.Myco.Systems</a
@ -143,7 +136,7 @@
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
tab.</a
><br><br>
><br /><br />
<a>ദ്ദി ˉ͈̀꒳ˉ͈́ )✧</a>
</div>

25
public/style.css
View file

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