112 lines
4.4 KiB
HTML
112 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Your Mycelial Network</title>
|
|
<link rel="stylesheet" type="text/css" href="styles.css">
|
|
<script src="scripts.js"></script>
|
|
<link rel="icon" type="image/x-icon" href="icons/red-background/favicon.ico">
|
|
<!-- HTML Meta Tags -->
|
|
<title>Your Mycelial Network</title>
|
|
|
|
<!-- Facebook Meta Tags -->
|
|
<meta property="og:url" content="https://myco.systems">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Your Mycelial Network">
|
|
<meta property="og:image" content="https://cdn.myco.systems/icons/backgrounds/mural.png">
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta property="twitter:domain" content="myco.systems">
|
|
<meta property="twitter:url" content="https://myco.systems">
|
|
<meta name="twitter:title" content="Your Mycelial Network">
|
|
<meta name="twitter:image" content="https://cdn.myco.systems/icons/backgrounds/mural.png">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div class="header-container">
|
|
<h1>Myco.Systems</h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="https://coop.myco.systems/">coop.myco.systems</a></li>
|
|
<li><a href="https://web.myco.systems/">web.myco.systems</a></li>
|
|
<li><a href="/donations">Where do my donations go?</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="inner-content">
|
|
<section class="inner-section-cube">
|
|
<div class="color-cube">
|
|
<div class="cube-face cube-front"></div>
|
|
<div class="cube-face cube-back"></div>
|
|
<div class="cube-face cube-bottom"></div>
|
|
<div class="cube-face cube-top"></div>
|
|
<div class="cube-face cube-left"></div>
|
|
<div class="cube-face cube-right"></div>
|
|
</div>
|
|
</section>
|
|
<section class="inner-section">
|
|
<div class="section-container">
|
|
<div class="section-button">
|
|
<h2>Blog</h2>
|
|
<p>Description</p>
|
|
</div>
|
|
<div class="section-button-green">
|
|
<div class="section-button-title-logo">
|
|
<img style="width:256px;" src="icons/blue/android-chrome-512x512.png" alt="Client site logo">
|
|
<h1>web.myco.systems</h1>
|
|
</div>
|
|
<div class="section-button-body">
|
|
<h3>Hey there! Join us at Web.Myco.Systems - Your Gateway to Open-Source!</h3>
|
|
<p style="font-weight: 500;" >Our client portal isn't just about transactions; it's about building a relationship that caters specifically to your requirements. Explore our services, containerized stacks, personal cloud support, or just send us an email so we can get in touch!</p>
|
|
</div>
|
|
<div class="section-button-footer">
|
|
<p class="span-three-columns">Explore:</p>
|
|
<button class="client-button">Services</button>
|
|
<button class="client-button">Showcase</button>
|
|
<button class="client-button">Stacks</button>
|
|
<div class="span-three-columns button-text-footer">
|
|
<p>Footer text goes here.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="card-button" id="donateButton">Donate</div>
|
|
|
|
<div class="card-wrap card-out" id="card">
|
|
<main class="tabs-wrap">
|
|
<nav class="tabs-nav" id="wallets">
|
|
</nav>
|
|
<section class="tabs-info">
|
|
<div class="tabs-info-row">
|
|
<div class="tabs-info-qr">
|
|
<img id="qrImage" alt="wallet.name" />
|
|
</div>
|
|
<div class="tabs-info-details">
|
|
<div class="tabs-info-title" id="donateTitle"></div>
|
|
<div class="tabs-info-warn" id="donateWarn"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tabs-info-input">
|
|
<span>Address:</span>
|
|
<input type="text" id="walletAddress" />
|
|
<button type="button" id="copyButton">✚ Copy</button>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-container">
|
|
<p>© MycoSystems</p>
|
|
<p><a style="color:#fff !important" href="https://creativecommons.org/licenses/by/4.0/">Copyright info</a></p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html>
|