Browse Source

moved blocks to css tab on main page

pull/1/head
dan_s 2 years ago
parent
commit
b086c96c4c
  1. 43
      var/www/dragonx.is/explorer.css
  2. 5
      var/www/explorer.dragonx.is/bin/update_blocks_redis.pl
  3. 8
      var/www/explorer.dragonx.is/blocks/template.html
  4. 11
      var/www/explorer.dragonx.is/template.html

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

@ -26,6 +26,10 @@
border-radius: 0rem 0rem 0rem 0rem;
}
.explorer-content {
display: flexbox;
}
/* toggle "screens" when tabs clicked */
input[id="hush-tab"]:not(:checked) ~ * .explorer-content:nth-child(2) {
display: flexbox;
@ -105,15 +109,17 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
}
.explorer-content:nth-child(1) {
display: flex;
display: flexbox;
margin-left: auto;
margin-right: auto;
z-index: 4;
background-color: var(--item-bg-grey);
width: 90vh;
height: 60vh;
margin-bottom: -32vh;
/* height: 60vh; */
padding-bottom: 1vh;
margin-bottom: -33vh;
margin-top: -22vh;
/* margin-bottom: 1vh; */
border-radius: 1rem 1rem 0rem 0rem;
}
@ -479,12 +485,37 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
/* ---------- BLOCKS ---------- */
.explorer-blocks-body {
display: flex;
z-index: 4;
background-color: var(--item-bg-dark);
width: 95vh;
/* height: 70vh; */
padding: 25vh 0vw;
margin-top: 6vh;
margin-bottom: 0vh;
padding-bottom: 0vh;
border-radius: 0rem 0rem 0rem 0rem;
}
.blocks-content {
display: flexbox;
margin-left: auto;
margin-right: auto;
margin-top: -22vh;
margin-bottom: 0vh;
background-color: var(--item-bg-grey);
border-radius: .5rem .5rem .5rem .5rem;
width: 90vh;
}
.explorer-blocks-bar {
display: flexbox;
justify-content: left;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 1vh;
width: 88vh;
height: 15vh;
border-radius: .5rem .5rem .5rem .5rem;
@ -508,6 +539,7 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
height: 8vh;
width: 22vh;
font-size: 2.25vh;
color: var(--item-bg-light);
/* text-indent: -14vh; */
}
@ -524,6 +556,7 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
height: 4vh;
width: 11vh;
font-size: 1.5vh;
color: var(--item-bg-light);
/* text-indent: -14vh; */
}
@ -541,6 +574,7 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
height: 3.5vh;
width: 63vh;
font-size: 1.5vh;
color: var(--item-bg-light);
/* text-indent: -14vh; */
}
.block-miner-reward {
@ -557,6 +591,7 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
height: 3.5vh;
width: 63vh;
font-size: 1.5vh;
color: var(--item-bg-light);
/* text-indent: -14vh; */
}
.block-time {
@ -573,6 +608,7 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
height: 3.5vh;
width: 31vh;
font-size: 1.5vh;
color: var(--item-bg-light);
/* text-indent: -14vh; */
}
.block-txs {
@ -589,6 +625,7 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
height: 3.5vh;
width: 31vh;
font-size: 1.5vh;
color: var(--item-bg-light);
/* text-indent: -14vh; */
}

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

@ -67,7 +67,8 @@ for my $h ($height-80 .. $height) {
my $cmd = "mkdir -p $blockdir";
qx{$cmd};
warn $cmd;
my $block_template_file = "$root/block/template.html";
my $block_template_file = "$root/template.html";
# my $block_template_file = "$root/block/template.html";
my $new_block_file = "$blockdir/index.html";
# TODO: process template with block details
my $block_template = readfile($block_template_file);
@ -351,7 +352,7 @@ for my $b (reverse @blocks) {
$STATS->{BLOCKS_TABLE} .= <<"FUCK";
<div class="explorer-blocks-bar">
<a href="/block/$height/" class="block-height">$height</a>
<span href="/block/$height/" class="block-duration">$duration</span>
<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>

8
var/www/explorer.dragonx.is/blocks/template.html

@ -64,18 +64,18 @@
<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-content-body">
<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="explorer-content">
<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="explorer-blocks-bar">
<a href="/block/$height/" class="block-height">$height</a>
<span href="/block/$height/" class="block-duration">$duration</span>
<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>
@ -90,7 +90,7 @@
</label>
<label for="dragonx-tab" class="explorer-tab" style="--tab-index: 0;">
<span>DragonX Explorer</span>
<span>DragonX Blocks</span>
</label>
<div class="explorer-dot" style="--tab-index: 1;"></div>
<div class="explorer-dot" style="--tab-index: 0.94;"></div>

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

@ -66,7 +66,16 @@
<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>
<img class="logo-hush" src="../img/logo_HUSH.svg" alt="">
#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">
<div class="explorer-content-bar"><span>This Explorer was forked from the&nbsp<a href="htpps://explorer.hush.land"> HUSH Explorer</a>.</span></div>

Loading…
Cancel
Save