<template>

  <section class="overview__ecosystem">
    <div class="overview__ecosystem__module lbrycard">
      <strong class="__title">lbrycard</strong>
    </div>

    <div class="overview__ecosystem__module lbryschema">
      <strong class="__title">lbryschema</strong>
    </div>

    <div class="overview__ecosystem__module lbryumx">
      <strong class="__title">lbryumx</strong>
    </div>

    <div class="overview__ecosystem__module lbry">
      <strong class="__title">lbry</strong>
    </div>

    <ul class="overview__ecosystem__module applications">
      <div>
        <strong class="__title">Applications</strong>

        <li class="overview__ecosystem__module__piece applications__desktop">
          <strong class="__title">Desktop</strong>
        </li>

        <li class="overview__ecosystem__module__piece applications__mobile">
          <strong class="__title">Mobile</strong>
        </li>

        <li class="overview__ecosystem__module__piece applications__speech">
          <strong class="__title">spee.ch</strong>
        </li>
      </div>
    </ul>

    <div class="overview__ecosystem__module lighthouse">
      <strong class="__title">Lighthouse</strong>
    </div>

    <div class="overview__ecosystem__module chainquery">
      <strong class="__title">chainquery</strong>
    </div>
  </section>

</template>



<style lang="scss">
  @import "../scss/init/colors";
  @import "../scss/init/mixins";
  @import "../scss/pages/overview";
</style>
