80 lines
2.8 KiB
HTML
80 lines
2.8 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">
|
||
|
|
</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>
|