<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/button.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/grid.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/container.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/message.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/icon.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/transition.min.css">
</head>

<div id="walletsToolbar">
  <p style="font-size: 22px; color:white; margin-top: 5px;"> About Etho Protocol </p>
</div>
<br>

<center>
  <div class="ui info message" style="width: 75%">
    <i class="close icon"></i>
    <div class="header">
      Etho Protocol & ethoFS
    </div>
    <ul class="list" style="color:black;">
      Etho Protocol (ETHO) is a fork of Ethereum implementing a decentralized hosting platform (ethoFS) using a community-owned node network combining blockchain indexing technology and the IPFS protocol to deliver decentralized content on-demand. EthoFS
      is a decentralized website hosting platform which utilizes the node network for storage and bandwidth, DDoS protection, censorship-resistance, and reliability. Community-owned nodes share in data hosting revenue generated by the network.
    </ul>
  </div>
</center>

<br>

<center>
  <h2 style="color:white; margin-top: 12px">Markets</h2>
</center>

<br>
<div class="ui grid container">
  <div class="four column row">
    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://www.probit.com/r/26069458')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/477.png" alt="ProBit Logo" style="width: 24px; height: 24px; vertical-align: middle;">
        <span style="vertical-align: middle;">ProBit</span>
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://xeggex.com?ref=662d0099f852ffbc4da4f8bf')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/7500.png" alt="Xeggex Logo" style="width: 24px; height: 24px; vertical-align: middle;">
        <span style="vertical-align: middle;">Xeggex</span>
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://mercatox.com/?referrer=765491')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/213.png" alt="Mercatox Logo" style="width: 24px; height: 24px; vertical-align: middle;">
        <span style="vertical-align: middle;">Mercatox</span>
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://graviex.net')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/419.png" alt="Graviex Logo" style="width: 24px; height: 24px; vertical-align: middle;">
        <span style="vertical-align: middle;">Graviex</span>
      </button>
    </div>
  </div>
</div>




<div class="ui grid container">
  <div class="four column row">
    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://www.dextools.io/app/en/bnb/pair-explorer/0xb77cf2bd2571c3e58c79107cbc155a7f9ca28b75')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/6706.png" alt="Pancake Logo" style="width: 24px; height: 24px; display: inline-block; vertical-align: middle;">
        <span style="vertical-align: middle;">PancakeSwap v2 ETHO / USDT</span>
      </button>
    </div>

    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://www.dextools.io/app/en/bnb/pair-explorer/0xef2b9739de830bdc651ae2aa146762c499cbf7c1')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/6706.png" alt="Pancake Logo" style="width: 24px; height: 24px; display: inline-block; vertical-align: middle;">
        <span style="vertical-align: middle;">PancakeSwap v3 ETHO / USDT</span>
      </button>
    </div>

    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://www.dextools.io/app/en/ether/pair-explorer/0xa6dc0957e7c1935e80f5ec746be85eb4f0753dae')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/1348.png" alt="Uniswap Logo" style="width: 24px; height: 24px; display: inline-block; vertical-align: middle;">
        <span style="vertical-align: middle;">Uniswap ETHO / WETH</span>
      </button>
    </div>

    <div class="column">
      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://www.dextools.io/app/en/ether/pair-explorer/0xb77cf2bd2571c3e58c79107cbc155a7f9ca28b75')">
        <img src="https://s2.coinmarketcap.com/static/img/exchanges/64x64/1348.png" alt="Uniswap Logo" style="width: 24px; height: 24px; display: inline-block; vertical-align: middle;">
        <span style="vertical-align: middle;">Uniswap ETHO / USDT</span>
      </button>
    </div>
  </div>
</div>


<br>

<center>
  <h2 style="color:white; margin-top: 15px">Links 🌐</h2>
</center>

<br>


<div class="ui grid container">
  <div class="four column row">
    <div class="column">
      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ethoprotocol.com')">
        <i class="fas fa-globe"></i> Etho Website
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://uploads.ethoprotocol.com')">
        <i class="fas fa-server"></i> Etho Hosting
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project')">
        <i class="fab fa-github"></i> Etho Github
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project/Ethoprotocol')">
        <i class="fab fa-github"></i> Etho Geth
      </button>
    </div>
  </div>
</div>

<br>

<center>
  <h2 style="color:white; margin-top: 15px">Social Media 📱</h2>
</center>

<br>

<div class="ui grid container">
  <div class="doubling six column row">
    <div class="column">
      <!-- Etho Protocol -->
      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://discord.com/invite/VanQ23KMZv')">
        <i class="fab fa-discord"></i> Discord
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://twitter.com/EthoProtocol/')">
        <i class="fab fa-twitter"></i> Twitter
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://ethoprotocol.medium.com')">
        <i class="fab fa-medium"></i> Medium
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether_1')">
        <i class="fab fa-telegram"></i> Telegram
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://ethoprotocol.com/blog/')">
        <i class="far fa-newspaper"></i> Blog
      </button>
    </div>
    <div class="column">
      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:admin@ethoprotocol.com')">
        <i class="far fa-envelope"></i> Email
      </button>
    </div>
  </div>
</div>


<script>
  $('.message .close')
    .on('click', function() {
      $(this)
        .closest('.message')
        .transition('fade');
    });
</script>

