---
import './PoweredBy.scss';

import svgSia from '/src/assets/icons/sia.svg?raw';
import svgHns from '/src/assets/icons/hns.svg?raw';
import svgOsi from '/src/assets/icons/osi.svg?raw';
---

<section id="powered-by">
  <h2>Powered By</h2>
  <div>
    <a href="https://sia.tech" title="Sia" class="sia-logo">
      <Fragment set:html={svgSia} />
    </a>
    <a href="https://handshake.org" title="Handshake" class="hns-logo">
      <Fragment set:html={svgHns} />
    </a>
    <a href="https://opensource.org/osd/" title="Open Source Initiative" class="osi-logo">
      <Fragment set:html={svgOsi} />
    </a>
  </div>
</section>