transatoshi/grin-explorer
1
0
Fork 0
mirror of https://github.com/transatoshi-mw/grin-explorer.git synced 2025-10-22 05:43:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

adjust borders

Browse Source
This commit is contained in:
aglkm
2024-06-04 20:41:18 +03:00
parent 814722fdfb
commit b691953cd4
8 changed files with 45 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
templates/index.html.tera
View File

@@ -11,7 +11,7 @@
<div class="d-none d-md-block"> <!-- Show on >= md screens -->
<div class="card-group">
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-cash-coin"></i> PRICE</div>
<br>
@@ -33,7 +33,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
<br>
@@ -65,10 +65,9 @@
</div>
</div>
<div class="card-group">
<div class="card card-background border-0">
<div class="card border-bottom-0 rounded-0 mx-0 mt-0">
<div class="card border-bottom-0 border-start-0 rounded-0 mx-0 mt-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
<br>
@@ -85,7 +84,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0 mx-0 my-0">
<div class="card border-bottom-0 border-start-0 rounded-0 mx-0 my-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
<br>
@@ -100,7 +99,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
<br>
@@ -146,9 +145,8 @@
</div>
</div>
<div class="card-group">
<div class="card rounded-0">
<div class="card rounded-0 border-start-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
<br>
@@ -174,7 +172,7 @@
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card rounded-0 border-end-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
<br>
@@ -196,7 +194,7 @@
<div class="d-md-none"> <!-- Show on < md screens-->
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-cash-coin"></i> PRICE</div>
<br>
@@ -218,7 +216,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
<br>
@@ -249,8 +247,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="d-flex justify-content-between">
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
@@ -269,7 +266,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
<br>
@@ -313,7 +310,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
<br>
@@ -327,9 +324,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
<br>
@@ -342,7 +337,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-diagram-3"></i> CONNECTIONS</div>
<br>
@@ -355,7 +350,7 @@
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card rounded-0 border-start-0 border-end-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
<br>
@@ -466,7 +461,7 @@
<div class="d-none d-md-block"> <!-- Show on >= md screens -->
<div class="card-group">
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
<br>
@@ -489,7 +484,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
<br>
@@ -508,9 +503,8 @@
</div>
</div>
<div class="card-group">
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
<br>
@@ -527,7 +521,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
<br>
@@ -542,9 +536,8 @@
</div>
</div>
<div class="card-group">
<div class="card rounded-0">
<div class="card border-start-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
<br>
@@ -570,7 +563,7 @@
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
<br>
@@ -593,7 +586,7 @@
<div class="d-md-none"> <!-- Show on < md screens-->
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
<br>
@@ -616,8 +609,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="d-flex justify-content-between">
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
@@ -636,7 +628,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
<br>
@@ -653,7 +645,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
<br>
@@ -667,9 +659,7 @@
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
<br>
@@ -682,7 +672,7 @@
</div>
</div>
</div>
<div class="card border-bottom-0 rounded-0">
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-diagram-3"></i> CONNECTIONS</div>
<br>
@@ -695,7 +685,7 @@
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-start-0 border-end-0 rounded-0">
<div class="card-body" align="left">
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
<br>
@@ -738,70 +728,8 @@
</div>
</div>
<div class="modal fade" id="mining_cost" tabindex="-1" aria-labelledby="mining_cost_label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="mining_cost_label">Estimated Mining Cost</h1>
<div data-bs-theme="light">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
<div class="modal-body">
Mining cost to produce 1 grin coin.<br>
Assuming that:<br>
Miner is G1-mini ASIC.<br>
Electricity cost is $0.07 per kW/h.<br>
<br>
<a class="text-decoration-none" href="https://ipollo.com/products/ipollo-g1-mini">https://ipollo.com/products/ipollo-g1-mini</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ratio" tabindex="-1" aria-labelledby="ratio_label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="ratio_label">Reward/Cost Ratio</h1>
<div data-bs-theme="light">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
<div class="modal-body">
Shows the result of the following formula:<br>
Price of 1 Grin (USD) / Mining Cost of 1 Grin (USD).<br>
<br>
<i class="bi bi-hand-thumbs-down"></i> - <= 1<br>
<i class="bi bi-hand-thumbs-up"></i> - from 1 to 2<br>
<i class="bi bi-emoji-sunglasses"></i> - from 2 to 3<br>
<i class='bi bi-rocket-takeoff'></i> - >= 3
</div>
</div>
</div>
</div>
<div class="modal fade" id="breakeven" tabindex="-1" aria-labelledby="breakeven_label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="breakeven_label">Breakeven Electricity Cost</h1>
<div data-bs-theme="light">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
<div class="modal-body">
Electricity threshold cost below which mining is profitable.<br>
Assuming G1-mini ASIC as a miner device.
</div>
</div>
</div>
</div>
</div>
{% endif %}
</code>