myco.systems/public/index.html

<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="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>

<script>
  let imgData = `data:image/jpeg;base64,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
</script>