You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
wowstash/wowstash/templates/home.html

131 lines
4.1 KiB

<!DOCTYPE html>
<html lang="en">
{% include 'head.html' %}
<body id="page-top">
{% include 'navbar.html' %}
<header class="masthead">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-7 my-auto">
<div class="header-content mx-auto">
<h1 class="mb-5">Manage your Wownero funds securely and anonymously.</h1>
<a href="/register" class="btn btn-outline btn-xl">Register</a>
<a href="/login" class="btn btn-outline btn-xl">Login</a>
</div>
</div>
<div class="col-lg-5 my-auto">
<div class="device-container">
<div class="device-mockup galaxy_s3 portrait black">
<div class="device">
<div class="screen">
<img src="/static/img/wow-treasure-chest.png" class="img-fluid" alt="Wownero Treasure Chest">
</div>
<div class="button">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="section1" id="contact">
<div class="container">
<div class="section-heading text-center">
<h2>Contact</h2>
<p>Support is provided at a best-effort level; you can expect to hear back within 24 hours.</p>
<hr>
<ul class="list-inline list-social fp-row">
{% for social in config.SOCIAL %}
<li class="list-inline-item">
<a href="{{ config.SOCIAL[social] }}" target="_blank">
<i class="fa fa-{{ social }} fa-3x"></i>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</section>
<section class="section2" id="statistics">
<div class="container">
<div class="section-heading text-center">
<h2>Network Statistics</h2>
<p>Prices and network information</p>
<hr>
</div>
<div class="row fp-row">
{% if info %}
<div class="col-lg-2 my-auto">
<p>Current Price:<br>$ {{ info.current_price }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Genesis Date:<br>{{ info.genesis_date }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Market Cap Rank:<br>{{ info.market_cap_rank }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Market Cap:<br>$ {{ info.market_cap }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Total Volume:<br>$ {{ info.total_volume }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Last Updated:<br>{{ info.last_updated }}</p>
</div>
{% else %}
<p class="col-lg-12">Coin information unavailable at this time.</p>
{% endif %}
</div>
<div class="row fp-row">
{% if node %}
<div class="col-lg-2 my-auto">
<p>Network:<br>{{ node.nettype }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Transactions:<br>{{ node.tx_count }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Height:<br>{{ node.height }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Difficulty:<br>{{ node.difficulty }}</p>
</div>
<div class="col-lg-2 my-auto">
<p>Database Size:<br>{{ node.database_size / 1024000000 }} GB</p>
</div>
<div class="col-lg-2 my-auto">
<p>Daemon Address:<br>{{ config.DAEMON_HOST }}</p>
</div>
{% else %}
<p class="col-lg-12">Network information unavailable at this time.</p>
{% endif %}
</div>
</div>
</section>
<section class="section1" id="about">
<div class="container">
<div class="section-heading text-center">
<h2>About</h2>
<p>Hack the planet!</p>
<hr>
</div>
</div>
</section>
{% include 'footer.html' %}
{% include 'scripts.html' %}
</body>
</html>