first edition for network page

This commit is contained in:
Lee Wong 2017-03-27 22:57:59 +07:00 committed by Chuck Williams
parent e0af551975
commit 2880b77cf2
4 changed files with 129 additions and 100 deletions

View file

@ -786,6 +786,8 @@ pages:
hero-blockchain-btn: Blockchain
hero-mining-btn: Mining
masternode-desc-text: Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
markets-heading: Markets
governance-heading: Treasury
network-heading: Masternodes

View file

@ -4,12 +4,15 @@ title: pages.currency.title
description: pages.currency.description
---
{% include hero/currency.html %}
<div class="content page page--currency">
<section class="section section--currency" id="section-exchanges">
<h2 class="section__title">{% t pages.currency.markets-heading %}</h2>
<div class="section__content">
<div class="row">
<div class="col-md-6">
<h2 class="">{% t pages.currency.markets-heading %}</h2>
<p class="section__lead">
Compare Sites
</p>
@ -18,6 +21,9 @@ description: pages.currency.description
<a href="https://www.worldcoinindex.com/" target="_blank" class="btn-blue-solid">WorldCoinIndex</a>
<a href="http://coincap.io/" target="_blank" class="btn-blue-solid">CoinCap</a>
</div>
</div>
<div class="col-md-6">
<h2>Exchanges</h2>
<table id="exchanges">
<thead>
<tr>
@ -28,12 +34,75 @@ description: pages.currency.description
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section class="section section--currency" id="section-network">
<div class="section__content">
<h2 class="section__title bottom-space">{% t pages.currency.network-heading %}</h2>
<div class="row">
<div class="col-md-6">
<div class="row bottom-space">
<div class="col-md-6">
<p>Current masternodes:</p>
<span id="masternodes_count" class="big-accent"></span>
</div>
<div class="col-md-6">
<p>Maximum masternodes so far:</p>
<span id="masternodes_max " class="big-accent"></span>
</div>
</div>
<p>
{% t pages.currency.masternode-desc-text %}
</p>
<div class="hero__buttons">
<a href="http://178.254.23.111/~pub/Dash/Dash_Info.html" target="_blank" class="btn-blue-solid">DashInfo</a>
<a href="https://www.dashninja.pl/masternodes.html" target="_blank" class="btn-blue-solid">DashNinja</a>
</div>
</div>
<div class="col-md-6">
<p>
<img src="http://178.254.23.111/~pub/masternode_count.png" width="100%">
</p>
</div>
</div>
</div>
</section>
<section class="section section--currency" id="section-blockchain">
<div class="section__content">
<h2 class="section__title">{% t pages.currency.blockchain-heading %}</h2>
<p class="section__lead">
Block Explorers
</p>
<div class="hero__buttons">
<a href="https://chainz.cryptoid.info/dash/" target="_blank" class="btn-blue-solid">CryptoID</a>
<a href="https://explorer.coinpayments.net/index.php?chain=7" target="_blank" class="btn-blue-solid">CoinPayments</a>
<a href="https://explorer.dashninja.pl/chain/Dash" target="_blank" class="btn-blue-solid">DashNinja</a>
<a href="https://bitinfocharts.com/darkcoin/explorer/" target="_blank" class="btn-blue-solid">BitInfoCharts</a>
</div>
<table id="blocks">
<thead>
<tr>
<th>Height</th>
<th>Block Time</th>
<th>Transactions</th>
<th>Value Out</th>
<th>Difficulty</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</section>
<section class="section section--currency" id="section-governance">
<div class="section__content">
<h2 class="section__title">{% t pages.currency.governance-heading %}</h2>
<p class="section__lead">
Governance Tools
@ -44,7 +113,6 @@ description: pages.currency.description
<a href="https://www.dashninja.pl/budgets.html" target="_blank" class="btn-blue-solid">DashNinja</a>
<a href="https://proposal.dash.org/" target="_blank" class="btn-blue-solid">Proposal Generator</a>
</div>
<table id="budgets">
<thead>
<tr>
@ -57,60 +125,13 @@ description: pages.currency.description
</tr>
</thead>
<tbody>
</tbody>
</table>
</section>
<section class="section section--currency" id="section-network">
<h2 class="section__title">{% t pages.currency.network-heading %}</h2>
<p class="section__lead">
Masternode Info
</p>
<div class="hero__buttons">
<a href="http://178.254.23.111/~pub/Dash/Dash_Info.html" target="_blank" class="btn-blue-solid">DashInfo</a>
<a href="https://www.dashninja.pl/masternodes.html" target="_blank" class="btn-blue-solid">DashNinja</a>
</div>
<p>
Current masternodes: <span id="masternodes_count"></span><br>
Maximum masternodes so far: <span id="masternodes_max"></span>
</p>
<p>
<img src="http://178.254.23.111/~pub/masternode_count.png">
</p>
</section>
<section class="section section--currency" id="section-blockchain">
<h2 class="section__title">{% t pages.currency.blockchain-heading %}</h2>
<p class="section__lead">
Block Explorers
</p>
<div class="hero__buttons">
<a href="https://chainz.cryptoid.info/dash/" target="_blank" class="btn-blue-solid">CryptoID</a>
<a href="https://explorer.coinpayments.net/index.php?chain=7" target="_blank" class="btn-blue-solid">CoinPayments</a>
<a href="https://explorer.dashninja.pl/chain/Dash" target="_blank" class="btn-blue-solid">DashNinja</a>
<a href="https://bitinfocharts.com/darkcoin/explorer/" target="_blank" class="btn-blue-solid">BitInfoCharts</a>
</div>
<table id="blocks">
<thead>
<tr>
<th>Height</th>
<th>Block Time</th>
<th>Transactions</th>
<th>Value Out</th>
<th>Difficulty</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</section>
<section class="section section--currency" id="section-mining">
<div class="section__content">
<h2 class="section__title">{% t pages.currency.mining-heading %}</h2>
<p class="section__lead">
Mining Information
@ -120,7 +141,7 @@ description: pages.currency.description
<a href="https://dashpay.atlassian.net/wiki/display/DOC/ASIC+Miner+Hardware" target="_blank" class="btn-blue-solid">ASICs</a>
<a href="https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=24019016" target="_blank" class="btn-blue-solid">Guides</a>
</div>
</div>
</section>
</div>

View file

@ -522,3 +522,7 @@ a.blog_link {
z-index: -1;
}
}
.big-accent{
@include font-title-xxlarge();
}

View file

@ -4,7 +4,9 @@ table {
}
th, td {
padding: 0.25em 0.5em;
padding: 0.65em 0.5em;
font-size: 85%;
border-bottom: 1px solid #ccc;
}
th {