<!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">
</head>
<body>
<header>
<div class="header-container">
<h1><a href="/" style="color:#fff">Myco.Systems</a></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>Domations</h2>
<p>where them domations go</p>
</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>