Browse Source

finished mobile support for block info

pull/1/head
dan_s 2 years ago
parent
commit
2561b52150
  1. 72
      var/www/dragonx.is/explorer.css
  2. 8
      var/www/explorer.dragonx.is/bin/update_blocks_redis.pl
  3. 14
      var/www/explorer.dragonx.is/block/template.html
  4. 225
      var/www/explorer.dragonx.is/index-1.html

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

@ -570,7 +570,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);
color: var(--text-color-main);
/* text-indent: -14vh; */
}
@ -1135,12 +1135,24 @@ span {
}
.block-info-hash:nth-child(8) {
margin-top: 32vh;
width: 36vh;
margin-left: 3vh;
margin-top: 31.5vh;
height: 7vh;
width: 34vh;
}
.block-info-hash:nth-child(9) {
margin-top: 38.5vh;
width: 36vh;
margin-left: 3vh;
margin-top: 39vh;
height: 7vh;
width: 34vh;
}
.block-info-hash > span {
width: 32vh;
letter-spacing: 0vh;
word-break: break-all;
word-wrap: break-word;
font-size: 1.5vh;
}
.block-info-height{
@ -1181,10 +1193,27 @@ span {
margin-top: calc(1vh * var(--adv-info-index-m));
margin-left: 2vh;
width: 36vh;
border-radius: 0vh 1.5vh 1.5vh 1.5vh;
}
.block-adv-info > h3 {
justify-content: center;
height: 2vh;
border-radius: 1.5vh 1.5vh 0vh 0vh;
margin-top: -2vh;
}
.block-adv-info > span {
margin-top: 1vh;
margin-left: 0vh;
padding: 0 1vh;
font-size: 1vh;
word-break: break-all;
word-wrap: break-word;
}
.block-info-spacing {
height: 68vh;
height: 78vh;
}
.transaction {
@ -1203,6 +1232,7 @@ span {
.tx-container-top {
margin: 0vh;
width: 36vh;
height: 27vh;
}
.tx-container-top > h3 {
@ -1212,6 +1242,11 @@ span {
font-size: 1.75vh;
}
.tx-container-top > span {
margin-top: 8.75vh;
margin-left: 0.5vh;
}
.tx-reward {
margin: 0vh;
margin-top: 2vh;
@ -1222,14 +1257,35 @@ span {
.tx-id-bar {
margin: 0vh;
margin-top: 12.5vh;
margin-top: 14vh;
width: 35vh;
height: 4vh;
}
.tx-id-bar:nth-child(n+5) {
margin-top: 16.5vh;
margin-top: 21.5vh;
}
.tx-id-bar > h3 {
margin: 0vh;
margin-top: -6.5vh;
height: 2.5vh;
border-radius: 0vh 2vh 0vh 0vh;
}
.tx-id-bar > span {
padding: 0.5vh;
display: flex;
justify-content: center;
align-items: center;
margin: 0vh;
font-size: 1.5vh;
width: 34vh;
word-wrap: break-word;
word-break: break-all;
}
.tx-container-bot {
margin: 0vh;
width: 36vh;

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

@ -300,7 +300,7 @@ STUFF
</div>
</div>
<div class="tx-container-bot" style="--tx-outline: ${txOutline}; --tx-border-top: none;">
<div class="tx-in-out" style="--tx-io-margin-L: 45vh;">
<div class="tx-in-out" style="--tx-io-margin-L: 45vh; --tx-io-margin-L-mobile: 2vh;">
<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>
@ -308,7 +308,7 @@ STUFF
<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="tx-in-out" style="--tx-io-margin-L: 25vh; --tx-io-margin-L-mobile: 19.5vh;">
<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>
@ -317,8 +317,8 @@ STUFF
</div>
</div>
</div>
</div>
</div>
HTML
$STATS->{TX_TABLE} .= $tx_table;
$txi++;

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

@ -108,29 +108,29 @@
<h3>Prev Hash</h3>
<span class=""> <a href="/block/#PREVIOUSBLOCKHASH#">#PREVIOUSBLOCKHASH#</a></span>
</div>
<div class="block-adv-info" style="--adv-info-index: 31.5; --adv-info-index-m: 46;">
<div class="block-adv-info" style="--adv-info-index: 31.5; --adv-info-index-m: 49.5;">
<h3>Block Nonce</h3>
<span class="">#BLOCKNONCE#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 35.5; --adv-info-index-m: 49.5;">
<div class="block-adv-info" style="--adv-info-index: 35.5; --adv-info-index-m: 55;">
<h3>Block Anchor</h3>
<span class="">#ANCHOR#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 39.5; --adv-info-index-m: 53;">
<div class="block-adv-info" style="--adv-info-index: 39.5; --adv-info-index-m: 60.5;">
<h3>Chainwork</h3>
<span class="">#CHAINWORK#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 43.5; --adv-info-index-m: 56.5;">
<div class="block-adv-info" style="--adv-info-index: 43.5; --adv-info-index-m: 66;">
<h3>Merkle Root</h3>
<span class="">#MERKLEROOT#</span>
</div>
<div class="block-adv-info" style="--adv-info-index: 47.5; --adv-info-index-m: 60;">
<div class="block-adv-info" style="--adv-info-index: 47.5; --adv-info-index-m: 71.5;">
<h3>Final Sapling Root</h3>
<span class="">#FINALSAPLINGROOT#</span>
</div>
<div class="block-info-spacing"></div>
#TX_TABLE#
<!-- <div class="transaction">
<div class="transaction">
<div class="shielded" style="--shielded-text: shielded; --shielded-col: rgba(255, 204, 0, 0.6);">
<span>Unshielded</span>
</div>
@ -165,7 +165,7 @@
</div>
</div>
</div>
</div> -->
</div>
</div>
</section>
</div>

225
var/www/explorer.dragonx.is/index-1.html

@ -1,125 +1,110 @@
<!doctype html>
<!-- td = standard data cell -->
<!-- tr = row in html table, contians th or td elements -->
<!DOCTYPE html>
<html lang="en">
<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 }
.mainlink:link { text-decoration: dotted underline; text-underline-position: under }
.mainlink:hover { text-decoration: none; color: #595959 }
.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>
<div class="blockt"><p>This is the most private and secure Blockchain Explorer in Zcash World, inspiration goes to <a href="https://xmrchain.net" class="mainlink">xmrchain.net</a>! There is no Javascript both client or server-side, it has no cookies, web analytics trackers, no images, no external CSS, visited and unvisited links are the same color so screenshots do not leak metadata, likewise it is available as a <a href="http://jlqhwhak65kokg3pdjp3ufy6almf5spnhsfnugtjsc4z7wtapgozxyad.onion" class="mainlink">Tor hidden service</a>.</p></div>
<table>
<tr>
<td style="font-size: 14px; width: 50%">Thu Sep 29 17:23:39 2022<!-- 1664472219 --></td>
<td style="font-size: 14px; width: 50%"><a href="/blocks/" class="mainlinkexplorer">Blocks list</a></td>
</tr>
</table>
<table>
<tr>
<td style="font-size: 14px; width: 50%"><a href="/blocks/" class="mainlinkexplorer">Block Height: 1099008 </a></td>
<td style="font-size: 14px; width: 50%"><a href="https://git.hush.is/hush/anonsets" class="mainlinkexplorer">Anonymity Set</a>:<span class='anonset'> 2410752 </span></td>
</tr>
</table>
<table>
<tr>
<td style="font-size: 14px; width: 50%">Total Transactions: 1810407</td>
<td style="font-size: 14px; width: 50%">Transaction Rate: 2.1093 per minute </td>
</tr>
</table>
<table>
<tr>
<td style="font-size: 14px; width: 50%">Hashrate: 11.19 MSol/s</td>
<td style="font-size: 14px; width: 50%">Difficulty: 49283696</td>
</tr>
</table>
<table>
<tr>
<td style="font-size: 14px; width: 50%">Circulating Supply: 12798895.34523515 HUSH</td>
<td style="font-size: 14px; width: 50%">Shielded Supply: 6850551.72538454 HUSH</td>
</tr>
</table>
<table>
<td style="font-size: 14px; width: 50%">Price:<span class='price'> 0.00000273 BTC</span></td>
<td style="font-size: 14px; width: 50%">Total Volume:<span class='volume'> .0077033708 BTC </span></td>
</table>
<table>
<tr>
<td style="font-size: 14px; width: 50%">Percent Shielded: 53.525 </td>
<td style="font-size: 14px; width: 50%"><a href="/addresses/" class="mainlinkexplorer">T-addresses list</a></td>
</tr>
</table>
<table>
<tr>
<td style="font-size: 14px; width: 50%">29 peers connected via TLS 1.3</td>
<td style="font-size: 14px; width: 50%">Protocol Version: 1987424</td>
</tr>
</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>
<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-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="">
</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>
<div class="explorer-content-bar"><h3>Last Update: </h3><span>#TIPTIME#</span></div>
<div class="explorer-content-bar"><h3>Block Height : </h3><span>#BLOCKS#</span></div>
<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'>-</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'>-</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>
<div class="explorer-content-bar" style="--explorer-content-index: 1;"><h3>Shielded Supply: </h3><span>#ZFUNDS#</span></div>
<div class="explorer-content-bar" style="--explorer-content-index: 1;"><h3>Percent Shielded: </h3><span>#ZFUNDS_PERCENT#</span></div>
<nav class="explorer-nav">
<a class="explorer-info-btn" href="https://git.hush.is/hush/anonsets">What is Anonset?</a>
<a class="explorer-info-btn" href="/blocks/">Blocklist</a>
<a class="explorer-info-btn" href="/addresses/">T-Address List</a>
</nav>
</section>
</div>
<div class="explorer-tab-bar">
<label for="hush-tab" class="explorer-tab" style="--tab-index: 2;">
<span>HUSH</span>
</label>
<label for="dragonx-tab" class="explorer-tab" style="--tab-index: 0;">
<span>DragonX Explorer</span>
</label>
<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>
<div class="divider"></div>
</body>
</html>

Loading…
Cancel
Save