Browse Source

testing tx layout

pull/1/head
dan_s 2 years ago
parent
commit
10c1099f7c
  1. BIN
      var/www/dragonx.is/Ubuntu-L.ttf
  2. 363
      var/www/dragonx.is/explorer.css
  3. 1
      var/www/dragonx.is/style.css
  4. 52
      var/www/explorer.dragonx.is/bin/update_blocks_redis.pl
  5. 256
      var/www/explorer.dragonx.is/block/template.html
  6. 13
      var/www/explorer.dragonx.is/template.html

BIN
var/www/dragonx.is/Ubuntu-L.ttf

Binary file not shown.

363
var/www/dragonx.is/explorer.css

@ -1,6 +1,10 @@
:root {
--adv-info-index: 0;
}
/* ---------- EXPLORER MAIN PAGE ---------- */
.explorer-section {
z-index: 0;
display: flex;
@ -332,7 +336,8 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
margin-left: 2.5vh;
width: 12vh;
height: 4vh;
border-radius: 1rem 1rem 1rem 1rem;
border-radius: 3vh 3vh 3vh 3vh;
font-size: 2.25vh;
position: absolute;
/* control spacing of tabs without additional css */
left: calc(13vh * var(--tab-index));
@ -340,10 +345,13 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
border: .1rem solid var(--item-bg-light);
color: var(--item-bg-dark);
}
.explorer-tab-back:nth-child(2) {
margin-left: 16vh;
}
.explorer-tab-back:hover {
cursor: pointer;
background-color: var(--item-bg-light);
border: .1rem solid var(--text-color-main);
border: .25vh solid var(--text-color-main);
color: var(--text-color-main);
}
@ -726,4 +734,355 @@ span {
width: 21vh;
}
}
/* ---------- BLOCK INFO ---------- */
.block-info-bar {
display: flexbox;
justify-content: left;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 1vh;
padding-bottom: 2vh;
width: 88vh;
/* height: 80vh; */
border-radius: .5rem .5rem .5rem .5rem;
font-weight: 400;
color: var(--text-color-main);
background-color: var(--item-bg-dark);
margin-top: 1vh;
font-size: 1.75vh;
}
.block-info-height {
display: flexbox;
position: absolute;
margin: 2vh;
margin-top: 1vh;
width: 18vh;
height: 13vh;
background-color: var(--item-bg-dark-grey);
border-radius: 1vh 1vh 1vh 1vh;
}
.block-info-height > h3 {
display: flex;
align-items: center;
justify-content: center;
padding: 0vh 6.5vh;
height: 3vh;
position: absolute;
border-radius: inherit;
margin-left: 0vh;
margin-top: 0vh;
font-size: 2vh;
background-color: var(--item-bg-grey);
}
.block-info-height > a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 6vh;
margin-left: auto;
margin-right: auto;
/* margin-left: 5.5vh; */
font-size: 2.75vh;
}
.block-info-main {
display: flexbox;
position: absolute;
margin: 2vh;
margin-left: 22vh;
margin-top: 1vh;
width: 20vh;
height: 6vh;
background-color: var(--item-bg-dark-grey);
border-radius: 1vh 1vh 1vh 1vh;
}
.block-info-main:nth-child(2) {
margin-left: 44vh;
}
.block-info-main:nth-child(3) {
margin-left: 66vh;
}
.block-info-main:nth-child(4) {
margin-left: 22vh;
margin-top: 8vh;
}
.block-info-main:nth-child(5) {
margin-left: 44vh;
margin-top: 8vh;
}
.block-info-main:nth-child(6) {
margin-left: 66vh;
margin-top: 8vh;
}
.block-info-main > h3{
display: flex;
justify-content: center;
align-items: center;
background-color: var(--item-bg-grey);
border-radius: inherit;
margin: 0vh;
height: 3vh;
}
.block-info-main > span {
display: flex;
justify-content: center;
align-items: center;
margin-top: .75vh;
font-size: 1.75vh;
}
.block-info-hash {
display: flexbox;
position: absolute;
margin: 2vh;
margin-left: 2vh;
margin-top: 16vh;
width: 84vh;
height: 6vh;
background-color: var(--item-bg-dark-grey);
border-radius: 1vh 1vh 1vh 1vh;
}
.block-info-hash:nth-child(9) {
margin-top: 23.5vh;
}
.block-info-hash > h3 {
display: flex;
position: relative;
justify-content: center;
align-items: center;
background-color: var(--item-bg-grey);
border-radius: 1vh 0vh 1vh 0vh;
margin: 0vh;
height: 3vh;
width: 20vh;
}
.block-info-hash > span {
display: flex;
position: relative;
justify-content: center;
text-align: center;
margin-left: 1vh;
margin-top: 0.5vh;
font-size: 2vh;
letter-spacing: .25vh;
}
.block-adv-info {
display: flexbox;
position: absolute;
margin: 2vh;
margin-left: 7vh;
margin-top: 40vh;
width: 74vh;
height: 3vh;
background-color: var(--item-bg-dark-grey);
border-radius: 1vh 1vh 1vh 1vh;
}
.block-adv-info {
margin-top: calc(1vh * var(--adv-info-index));
}
.block-adv-info > h3 {
display: flex;
position: relative;
justify-content: right;
align-items: center;
background-color: var(--item-bg-grey);
border-radius: 1vh 0vh 0vh 1vh;
margin: 0vh;
padding-right: 0.5vh;
height: 3vh;
width: 16vh;
font-size: 1.5vh;
}
.block-adv-info > span {
display: flex;
position: relative;
justify-content: center;
text-align: center;
height: 3vh;
margin-left: 16vh;
margin-top: -2.25vh;
font-size: 1.75vh;
letter-spacing: 0vh;
color: var(--item-bg-light);
}
.block-info-spacing {
height: 58vh;
}
.transaction {
}
.shielded {
display: flex;
position: absolute;
align-items: center;
justify-content: center;
margin-top: -4vh;
margin-left: 5vh;
width: 20vh;
height: 4vh;
background-color: rgba(255, 0, 0, 0.143);
border: 0.25vh solid rgb(255, 0, 0);
border-radius: 2.5vh 2.5vh 0vh 0vh;
}
.shielded > span {
color: red;
font-weight: 100;
font-size: 2.25vh;
font-family: 'Ubuntu Mono Light'
}
.tx-container-top {
display: flexbox;
position: relative;
margin-left: 2vh;
width: 84vh;
height: 22vh;
background-color: var(--item-bg-dark-grey);
border-radius: 1.5vh 1.5vh 0vh 0vh;
}
.tx-container-top > h3 {
display: flex;
position: absolute;
justify-content: left;
align-items: center;
margin-top: 3vh;
width: 20vh;
height: 6vh;
background-color: var(--item-bg-grey);
border-radius: 0vh 4vh 4vh 0vh;
font-size: 3vh;
font-weight: 400;
text-indent: 1vh;
}
.tx-container-top > span {
position: absolute;
margin-top: 9.5vh;
margin-left: 1vh;
font-size: 1.3vh;
color: var(--item-bg-light);
}
.tx-id-bar {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
width: 82vh;
height: 3.5vh;
background-color: var(--item-bg-grey);
border-radius: 0vh 4vh 4vh 0vh;
margin-top: 13vh;
}
.tx-id-bar:nth-child(n+5) {
margin-top: var(--miner-id-margin);
}
.tx-id-bar > h3 {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
height: 3.5vh;
width: 10vh;
color: var(--item-bg-dark);
border-radius: 0vh 4vh 4vh 0vh;
background-color: var(--item-bg-light);
}
.tx-id-bar> span {
display: flex;
justify-content: center;
align-items: center;
margin-left: 11vh;
font-size: 2vh;
}
.tx-container-bot {
display: flexbox;
position: relative;
margin-left: 2vh;
width: 84vh;
height: 12vh;
background-color: var(--item-bg-light);
border-radius: 0vh 0vh 1.5vh 1.5vh;
}
.tx-in-out {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
margin-top: 1vh;
margin-left: var(--tx-io-margin-L);
width: 18vh;
height: 10vh;
background-color: var(--item-bg-dark-grey);
border-radius: 1.15vh 1.15vh 1.15vh 1.15vh;
}
.v-in-out > h3 {
display: flex;
justify-content: var(--just-con);
align-items: center;
position: absolute;
width: 10vh;
margin: 0vh;
margin-left: var(--v-mg-l);
margin-top: var(--v-mg-top);
}
.in-out-num {
display: flex;
align-items: center;
width: 10vh;
height: 4.5vh;
background-color: var(--item-bg-grey);
border-radius: 1.15vh 1.15vh 1.15vh 1.15vh;
}
.tx-reward {
display: flex;
position: absolute;
justify-content: center;
align-items: center;
margin-top: 2vh;
margin-left: 50vh;
width: 32vh;
height: 8vh;
background-color: var(--item-bg-grey);
border-radius: 4vh 4vh 4vh 4vh;
font-size: 3vh;
font-weight: 400;
}

1
var/www/dragonx.is/style.css

@ -35,6 +35,7 @@ Table of Contents
}
@font-face { font-family: 'Ubuntu Mono'; src: url('UbuntuMono.ttf') format('truetype') }
@font-face { font-family: 'Ubuntu Mono Light'; src: url('Ubuntu-L.ttf') format('truetype') }
body {
margin: 0px;

52
var/www/explorer.dragonx.is/bin/update_blocks_redis.pl

@ -38,7 +38,7 @@ $STATS->{BLOCKS_TABLE} = "";
$STATS->{TX_TABLE} = "";
my $mineraddress = "";
for my $h ($height-80 .. $height) {
for my $h ($height-250 .. $height) {
#for my $h (910265 .. 910270) {
#last if($h < 0);
my $thisminer = "";
@ -169,20 +169,42 @@ HTML
$vins-- if ($vin->[0] && $vin->[0]->{coinbase});
my $tx_data =<<DATA;
<tr>
<td style="font-size: 14px; width: 50%">Coinbase: $coinbase</td>
<td style="font-size: 14px; width: 50%">Locktime: $locktime</td>
</tr>
</table>
<table>
<tr>
<td style="font-size: 14px; width: 50%">Transparent Inputs: $vins </td>
<td style="font-size: 14px; width: 50%">Transparent Outputs: $vouts </td>
</tr>
<tr>
<td style="font-size: 14px; width: 50%">Shielded Inputs: $zins </td>
<td style="font-size: 14px; width: 50%">Shielded Outputs: $zouts </td>
</tr>
<div class="transaction">
<!-- <div class="shielded">
<span>Unshielded</span>
</div> -->
<div class="tx-container-top">
<h3>Transaction</h3>
<div class="tx-reward">${coinbase} DRGX</div>
<span>$locktime</span>
<div class="tx-id-bar">
<h3>TX ID</h3>
<span class=""><a href="/tx/$tx">$tx</a></span>
</div>
<div class="tx-id-bar" style="--miner-id-margin: 17.5vh">
<h3>Miner</h3>
<span class="">$to</span>
</div>
</div>
<div class="tx-container-bot">
<div class="tx-in-out" style="--tx-io-margin-L: 45vh;">
<div class="v-in-out">
<h3 style="--v-mg-top: -4vh; --v-mg-l: -12vh; --just-con: right;">Zins</h3>
<h3 style="--v-mg-top: 1.5vh; --v-mg-l: -12vh; --just-con: right;">Zouts</h3>
<h3 class="in-out-num" style="--v-mg-top: -5vh; --v-mg-l: -1vh; --just-con: center;">$zins</h3>
<h3 class="in-out-num" style="--v-mg-top: 0.5vh; --v-mg-l: -1vh; --just-con: center;">$zouts</h3>
</div>
</div>
<div class="tx-in-out" style="--tx-io-margin-L: 25vh;">
<div class="v-in-out">
<h3 style="--v-mg-top: -4vh; --v-mg-l: -12vh; --just-con: right;">Vins</h3>
<h3 style="--v-mg-top: 1.5vh; --v-mg-l: -12vh; --just-con: right;">Vouts</h3>
<h3 class="in-out-num" style="--v-mg-top: -5vh; --v-mg-l: -1vh; --just-con: center;">$vins</h3>
<h3 class="in-out-num" style="--v-mg-top: 0.5vh; --v-mg-l: -1vh; --just-con: center;">$vouts</h3>
</div>
</div>
</div>
</div>
DATA
$tx_template =~ s/#TX_DATA#/$tx_data/g;

256
var/www/explorer.dragonx.is/block/template.html

@ -1,71 +1,192 @@
<!doctype html>
<head>
<title>Home | Hush - Transact and Speak Freely</title>
<style>
body { background-color: #101010; max-width: 850px; margin: auto; font-family: 'Ubuntu Mono'; color: #b3b3b3; text-align: center }
table { width: 100%; border-collapse: collapse; margin-top: 15px }
td { border: 1px solid #1a1a1a; font-size: 16px; padding: 0.5em }
td:hover { background-color: #1a1a1a }
pre { background-color: #0d0d0d; border: 1px solid #1a1a1a; font-size: 6px; padding: 15px; color: #e6e6e6 }
details { cursor: pointer; background-color: #0d0d0d; text-align: left; margin-top: 15px; padding: 0.5em; border: 1px solid #1a1a1a; font-size: 13px; word-wrap: break-word }
summary { outline: none; padding: 0.4em }
.blockt { border: 1px solid #1a1a1a; padding: 0.15em; background-color: #0d0d0d; margin-top: 15px; text-align: left; font-size: 13px; word-wrap: break-word }
.blockt p { padding-left: 0.7em; padding-right: 0.7em }
.button:link { float: right; font-size: 11px }
.mainlinkexplorer:link { text-decoration: dotted underline; text-underline-position: under }
.mainlinkexplorer:hover { text-decoration: none; color: #595959 }
.links { margin: 15px; font-size: 13px }
a:link { color: #b3b3b3; text-decoration: none }
a:visited { color: #b3b3b3 }
a:hover { color: #b3b3b3 }
* { scrollbar-width: thin; scrollbar-color: #333333 #101010 }
::-webkit-scrollbar { width: 6px }
::-webkit-scrollbar-thumb { background: #333333 }
@font-face { font-family: 'Ubuntu Mono'; src: url('../../UbuntuMono.ttf') format('truetype') }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../dragonx.is/style.css">
<title>Explorer | DragonX</title>
</head>
<body>
<h2>Hush - Speak and Transact Freely</h2>
<h3>Private Cryptocurrency and Messenger using Zero Knowledge Mathematics</h3>
<pre>
&&&&
&&&& &&&&&& &&&&
&&&&&& &&&&&& &&&&&&
&&& &&&&&& &&&& &&&&&& &&&
&&&&& &&&&&& &&&&&& &&&&&
&&&&& &&&&&& && &&&&&& &&&&&
&&&&& &&&&&& &&&&&& &&&&&& &&&&&
&&&&& &&&&&& &&&&&& &&&&&& &&&&&
&&&&& &&&&&& &&&&&& &&&&&
&&&&& &&&&&& &&&&& &&&&&
&&&&& &&&& && &&&&&& &&&&&
&&&&& &&&&&& &&&&&
&&&&& &&&& &&& &&&&&& &&&&&
&&&&& &&&&&& &&&&&& &&&&&& &&&&&
&&&&& &&&&&& &&&&&& &&&&&& &&&&&
&&&&& &&&&&& &&&&&& &&&&&& &&&&&
&&&&& &&&&&& &&&&&& &&&&&
&&& &&&&&& && && &&&&&& &&&
&&&&&& &&&&&& &&&&&&
&&&& &&&&&& &&&&
&&&&&&
&&&& <a href="http://jlqhwhak65kokg3pdjp3ufy6almf5spnhsfnugtjsc4z7wtapgozxyad.onion" class="button">.onion</a>
</pre>
<table>
<tr>
<td><a href="https://hush.land">Why Hush</a></td>
<td><a href="https://hush.land/hushchat.html">HushChat</a></td>
<td><a href="https://hushpool.is">HushPool</a></td>
<td><a href="https://git.hush.is/onryo/hush-box">HushBox</a></td>
</tr>
<tr>
<td><a href="https://explorer.hush.land">Explorer</a></td>
<td><a href="https://git.hush.is/hush">Gitea</a></td>
<td><a href="https://hush.land/faq.html">F.A.Q</a></td>
<td><a href="https://hush.land/team.html">Team</a></td>
</tr>
</table>
<header>
<input type="checkbox" id="nav-check">
<nav class="nav-bar mobile">
<div class="toggle-overlay" style="pointer-events: none;"></div>
<a href="https://dragonx.is">
<svg class="header-logo mobile" xmlns="http://www.w3.org/2000/svg" width="6rem" height="6rem"
viewBox="0 0 128 128" alt="dragonx logo">
<path fill="white" stroke="none" stroke-width="1"
d="M35.86 47.8c-2.76 3.53-5.73 6.97-8.88 10.45-4.11-3.47-8.71-4.13-8.71-4.13 17.78-6.06 2.18-11.77.22-12.65C.14 33.19 0 11.47 0 11.47c8.93 26.49 28.25 25.06 28.25 25.06.28-.17.52-.36.72-.55 1.27 2.54 3.56 6.73 6.89 11.83Zm10.31-16.46c-1.05 2.32-2.26 4.52-3.58 6.7a70.682 70.682 0 0 1-3.58-6.7c1.35-2.67 3.58-15.96 3.58-15.96s2.23 13.29 3.58 15.96Zm5.73 44.63-2.7 1.82s-.08-3.45-2.73-1.43c-.33.25-1.85 1.71-.03 3.31 0 0-3.14 3.17-3.86 6.37-.72-3.2-3.86-6.37-3.86-6.37 1.82-1.6.3-3.06-.03-3.31-2.65-2.01-2.73 1.43-2.73 1.43l-2.7-1.82c.22-2.76.08-5.18-.36-7.3 3.64-3.83 6.86-7.66 9.68-11.33 2.84 3.67 6.04 7.5 9.68 11.33-.44 2.12-.58 4.55-.36 7.3Zm15-21.86s-4.6.66-8.71 4.13c-3.11-3.47-6.12-6.92-8.88-10.45 3.34-5.1 5.62-9.29 6.89-11.83.19.19.44.39.72.55 0 0 19.32 1.43 28.25-25.06 0 0-.14 21.72-18.5 29.99-1.96.88-17.56 6.59.22 12.65Z" />
<path fill="#91a4b8" stroke="none" stroke-width="1"
d="M73.6 99.29s-4.88-19.16-14.53-26.71c-6.62-6.23-12.13-12.79-16.48-18.74-4.36 5.95-9.87 12.54-16.48 18.74-9.62 7.55-14.53 26.71-14.53 26.71-1.85-18.88 6.09-27.79 9.98-32.03 6.06-6.59 11.88-12.85 16.87-19.41-5.93-8.88-8.85-15.3-8.85-15.3-.69-2.54-2.98-5.15-2.98-5.15 4.71-6.28-1.24-13.18-1.24-13.18C29.85 9.86 30.57 6.45 31.81 0c-1.52 17.34 3.11 30.32 10.81 41.98C50.26 30.32 54.89 17.34 53.37 0c1.24 6.48 1.96 9.87 6.45 14.22 0 0-5.95 6.89-1.24 13.18 0 0-2.29 2.62-2.98 5.15 0 0-2.92 6.42-8.82 15.3 4.99 6.56 10.83 12.85 16.87 19.41 3.86 4.24 11.8 13.15 9.95 32.03Z" />
</svg>
</a>
<nav class="nav-links mobile">
<!-- https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md -->
<a href="https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md" class="component-button"
style="--index: 0;"><small class="">Mine DragonX</small></a>
<a href="" class="component-button" style="--index: 1;"><small
class="">Download Wallet</small></a>
<a href="https://t.me/+ISXrAVgLnXkwZmU5" class="component-button" style="--index: 2;"><small class="">Tech
Support</small></a>
<a href="https://explorer.dragonx.is" class="component-button" style="--index: 3;"><small
class="">Explorer</small></a>
<a href="https://www.youtube.com/channel/UCmGOYuRrFbPGRw5vytVgUQw" class="component-button"
style="--index: 3;"><small class="">Guides</small></a>
</nav>
<button class="mobile-menu mobile" style="background-color:rgba(0, 0, 0, 0); border-style: none;">
<label for="nav-check">
<img class="nav-mobile-icon nav-btn" src="../../img/mobile-sidebar-button.png" alt="hamburger menu">
</label>
</button>
</nav>
<nav class="nav-bar desktop">
<nav class="nav-links">
<!-- https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md -->
<a href="https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md"
class="component-button"><small class="">Mine DragonX</small></a>
<a href="" class="component-button"><small class="" style="text-decoration: line-through;">Download
Wallet</small></a>
<a href="https://t.me/+ISXrAVgLnXkwZmU5" class="component-button"><small class="">Tech Support</small></a>
<a href="https://explorer.dragonx.is" class="component-button" style="--index: 3;"><small
class="">Explorer</small></a>
<a href="https://www.youtube.com/channel/UCmGOYuRrFbPGRw5vytVgUQw" class="component-button"
style="--index: 3;"><small class="">Guides</small></a>
</nav>
</nav>
</header>
<div class="header-space"></div>
<div class="divider"></div>
<section class="explorer-section">
<input class="explorer-radio" type="radio" name="radio" id="hush-tab">
<input class="explorer-radio" type="radio" checked="checked" name="radio" id="dragonx-tab">
<div class="explorer-blocks-body">
<section class="explorer-content">
<div class="hush-tab-info-bar"><span>DragonX Was built on the&nbsp<a href="https://hush.is">HUSH</a> Blockchain.</span></div>
<img class="logo-hush" src="../img/logo_HUSH.svg" alt="">
</section>
<section class="blocks-content">
<!-- <div class="explorer-content-bar"><span>This Explorer was forked from the&nbsp<a href="htpps://explorer.hush.land"> HUSH Explorer</a>.</span></div> -->
<!-- <div class="explorer-content-bar"><h3>Last Update: </h3><span>#TIPTIME#</span></div> -->
<!-- #BLOCKS_TABLE# -->
<div class="block-info-bar">
<div class="block-info-height">
<h3>Block</h3>
<a href="/block/$height/" class="">#BLOCKS#</a>
</div>
<div class="block-info-main">
<h3>Difficulty</h3>
<span class="">#DIFFICULTY#</span>
</div>
<div class="block-info-main">
<h3>Block Size</h3>
<span class="">#BLOCKSIZE#</span>
</div>
<div class="block-info-main">
<h3>Block Time</h3>
<span class="">#BLOCKTIME#</span>
</div>
<div class="block-info-main">
<h3>Block Version</h3>
<span class="">#VERSION#</span>
</div>
<div class="block-info-main">
<h3>Block Bits</h3>
<span class="">#BITS#</span>
</div>
<div class="block-info-main">
<h3>Reward</h3>
<span class="">#BLOCKREWARD# DRGX</span>
</div>
<div class="block-info-hash">
<h3>Block Hash</h3>
<span class="">#BLOCKHASH#</span>
</div>
<div class="block-info-hash">
<h3>Prev Hash</h3>
<span class="">#PREVIOUSBLOCKHASH#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 31.5;">
<h3>Block Nonce</h3>
<span class="">#BLOCKNONCE#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 35.5;">
<h3>Block Anchor</h3>
<span class="">#ANCHOR#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 39.5;">
<h3>Chainwork</h3>
<span class="">#CHAINWORK#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 43.5;">
<h3>Merkle Root</h3>
<span class="">#MERKLEROOT#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 47.5;">
<h3>Final Sapling Root</h3>
<span class="">#FINALSAPLINGROOT#</span>
</div>
<div class="block-info-spacing"></div>
<div class="transaction">
<!-- <div class="shielded">
<span>Unshielded</span>
</div> -->
<div class="tx-container-top">
<h3>Transaction</h3>
<div class="tx-reward">${coinbase} DRGX</div>
<span>$locktime</span>
<div class="tx-id-bar">
<h3>TX ID</h3>
<span class=""><a href="/tx/$tx">$tx</a></span>
</div>
<div class="tx-id-bar" style="--miner-id-margin: 17.5vh">
<h3>Miner</h3>
<span class="">$to</span>
</div>
</div>
<div class="tx-container-bot">
<div class="tx-in-out" style="--tx-io-margin-L: 45vh;">
<div class="v-in-out">
<h3 style="--v-mg-top: -4vh; --v-mg-l: -12vh; --just-con: right;">Zins</h3>
<h3 style="--v-mg-top: 1.5vh; --v-mg-l: -12vh; --just-con: right;">Zouts</h3>
<h3 class="in-out-num" style="--v-mg-top: -5vh; --v-mg-l: -1vh; --just-con: center;">$zins</h3>
<h3 class="in-out-num" style="--v-mg-top: 0.5vh; --v-mg-l: -1vh; --just-con: center;">$zouts</h3>
</div>
</div>
<div class="tx-in-out" style="--tx-io-margin-L: 25vh;">
<div class="v-in-out">
<h3 style="--v-mg-top: -4vh; --v-mg-l: -12vh; --just-con: right;">Vins</h3>
<h3 style="--v-mg-top: 1.5vh; --v-mg-l: -12vh; --just-con: right;">Vouts</h3>
<h3 class="in-out-num" style="--v-mg-top: -5vh; --v-mg-l: -1vh; --just-con: center;">$vins</h3>
<h3 class="in-out-num" style="--v-mg-top: 0.5vh; --v-mg-l: -1vh; --just-con: center;">$vouts</h3>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="explorer-tab-bar">
<!-- <label for="hush-tab" class="explorer-tab" style="--tab-index: 2;">
<span>HUSH</span>
</label> -->
<div class="explorer-tab-back" style="--tab-index: 0;">
<a href="https://explorer.dragonx.is" style="text-decoration: none; color: inherit;">Explorer</a>
</div>
<div class="explorer-tab-back" style="--tab-index: 0;">
<a href="https://explorer.dragonx.is/blocks" style="text-decoration: none; color: inherit;">Blocks</a>
</div>
<div class="explorer-dot" style="--tab-index: 1;"></div>
<div class="explorer-dot" style="--tab-index: 0.94;"></div>
<div class="explorer-dot" style="--tab-index: 0.88;"></div>
</div>
</section>
<table>
<tr><td style="font-size: 14px"><a href="/block/#BLOCKS#" class="mainlinkexplorer">Block Height: #BLOCKS#</a></td></tr>
<tr><td style="font-size: 14px"><a href="/block/#BLOCKHASH#" class="mainlinkexplorer">Block Hash: #BLOCKHASH#</a></td></tr>
@ -91,11 +212,6 @@ a:hover { color: #b3b3b3 }
<tr><td style="font-size: 14px">Final Sapling Root: #FINALSAPLINGROOT#</td></tr>
</table>
#TX_TABLE#
<div class="links">
<a href="https://hush.is/matrix"><span style="color: #262626">[</span> matrix <span style="color: #262626">]</span></a>
<a href="https://hush.is/mastodon"><span style="color: #262626">[</span> mastodon <span style="color: #262626">]</span></a>
<a href="https://videos.hush.is"><span style="color: #262626">[</span> peertube <span style="color: #262626">]</span></a>
<a href="https://t.me/hush_main"><span style="color: #262626">[</span> telegram <span style="color: #262626">]</span></a>
</div>
</body>
</html>

13
var/www/explorer.dragonx.is/template.html

@ -66,15 +66,6 @@
<div class="explorer-content-body">
<section class="explorer-content">
<div class="hush-tab-info-bar"><span>DragonX Was built on the&nbsp<a href="https://hush.is">HUSH</a> Blockchain.</span></div>
<!-- #BLOCKS_TABLE# -->
<!-- <div class="explorer-blocks-bar">
<a href="/block/$height/" class="block-height">$height</a>
<span href="/block/$height/" class="block-duration">${duration}s</span>
<a href="/block/$hash/" class="block-hash">$hash</a>
<span href="/block/$height/" class="block-miner-reward">$miner + $reward</span>
<span href="/block/$height/" class="block-time">$time</span>
<span href="/block/$height/" class="block-txs">Transactions: $txs</span>
</div> -->
<img class="logo-hush" src="../img/logo_HUSH.svg" alt="">
</section>
<section class="explorer-content">
@ -84,10 +75,10 @@
<div class="explorer-content-bar"><h3>Hashrate: </h3><span>#HASHPS#</span></div>
<div class="explorer-content-bar"><h3 >Anonymity Set: </h3><span>#ANONSET#</span></div>
<div class="explorer-content-bar"><h3>Total Transactions: </h3><span>#TXCOUNT#</span></div>
<div class="explorer-content-bar"><h3>Price: </h3><span class='price'>0.00000273 BTC</span></div>
<div class="explorer-content-bar"><h3>Price: </h3><span class='price'>-</span></div>
<div class="explorer-content-bar"><h3>Transaction Rate: </h3><span>#TXRATE#</span></div>
<div class="explorer-content-bar"><h3>Difficulty: </h3><span>#DIFFICULTY#</span></div>
<div class="explorer-content-bar"><h3>Total Volume: </h3><span class='volume'>.0077033708 BTC</span></div>
<div class="explorer-content-bar"><h3>Total Volume: </h3><span class='volume'>-</span></div>
<div class="explorer-content-bar"><h3>Protocol Version: </h3><span>#PROTOCOLVERSION#</span></div>
<div class="explorer-content-bar"><h3>Peers Connected: </h3><span>#CONNECTIONS# via TLS 1.3</span></div>
<div class="explorer-content-bar" style="--explorer-content-index: 2;"><h3>Circulating Supply: </h3><span>#SUPPLY#</span></div>

Loading…
Cancel
Save