forked from onryo/siona
46 changed files with 2543 additions and 124 deletions
@ -0,0 +1,21 @@ |
|||
MIT License |
|||
|
|||
Copyright (c) 2020-present El Nino Hanif Maulana and Uisual |
|||
|
|||
Permission is hereby granted, free of charge, to any person obtaining a copy |
|||
of this software and associated documentation files (the "Software"), to deal |
|||
in the Software without restriction, including without limitation the rights |
|||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
|||
copies of the Software, and to permit persons to whom the Software is |
|||
furnished to do so, subject to the following conditions: |
|||
|
|||
The above copyright notice and this permission notice shall be included in all |
|||
copies or substantial portions of the Software. |
|||
|
|||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
|||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
|||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
|||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
|||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
|||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
|||
SOFTWARE. |
|||
@ -0,0 +1,5 @@ |
|||
# Official HUSH website - hush.is |
|||
|
|||
## Hush Is Privacy |
|||
|
|||
https://hush.is/privacy |
|||
Binary file not shown.
@ -0,0 +1,52 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<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="style.css"> |
|||
<title>DragonX</title> |
|||
</head> |
|||
<body> |
|||
<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="" class="component-button" style="--index: 0;"><small class="" style="text-decoration: line-through;">Mine DragonX</small></a> |
|||
<a href="" class="component-button" style="--index: 1;"><small class="" style="text-decoration: line-through;">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> |
|||
</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="" class="component-button"><small class="" style="text-decoration: line-through;">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> |
|||
</nav> |
|||
</nav> |
|||
</header> |
|||
<div class="header-space"></div> |
|||
<div class="divider"></div> |
|||
<figure class="hero-image"> |
|||
<img src="../img/graphic_hero_dragonx_notext.png" alt="dragonx the world's first cpu mineable zk-snarks cryptocurrency"> |
|||
</figure> |
|||
<h2>The World's First CPU Mineable zk-SNARKs Cryptocurrency</h2> |
|||
<div class="divider"></div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,398 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<meta name="uisual" content="Hush uses this html/css template made by uisual.com"> |
|||
<link rel="stylesheet" href="style.old.css"> |
|||
<title>Hush - Speak and Transact Freely</title> |
|||
</head> |
|||
|
|||
<input type="checkbox" id="nav-check"> |
|||
<div class="nav"> |
|||
<div class="sidebar-menu-container"> |
|||
|
|||
<div class="nav-btn"> |
|||
<label for="nav-check"> |
|||
<img class="nav-menu-icon" src="img/mobile-sidebar-button.png" alt=""> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="mobile-sidebar"> |
|||
<div class="mobile-nav-container"> |
|||
<a href="#buy" class="component-button-mobile"><small class="mobile">Mine DragonX</small></a> |
|||
<a href="#download" class="component-button-mobile"><small class="mobile">Download Wallet</small></a> |
|||
<a href="#contact" class="component-button-mobile"><small class="mobile">Tech Support</small></a> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<body> |
|||
|
|||
<!------------------- MOBILE -------------------> |
|||
|
|||
<div class="header-nav mobile"> |
|||
<header class="section-header mobile"> |
|||
<a href="https://hush.is"> |
|||
<svg class="header-logo mobile" xmlns="http://www.w3.org/2000/svg" width="6rem" height="6rem" viewBox="0 0 128 128"> |
|||
<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> |
|||
</header> |
|||
</div> |
|||
|
|||
<div class="header-nav filler"> |
|||
<header class="section-header"> |
|||
|
|||
</header> |
|||
</div> |
|||
|
|||
<div class="hero-background mobile"> |
|||
<img class="hero-image-mobile mobile" src="img/graphic_hero_dragonx.png" alt=""> |
|||
</div> |
|||
|
|||
|
|||
|
|||
<a href="#download" class="component-button hero-download mobile"><small>Download HUSH & HUSH chat</small></a> |
|||
<small class="hero-small mobile">Available on GNU/Linux and Windows 10</small> |
|||
|
|||
<div class="page-content mobile"> |
|||
<h2 class="home-heading mobile">Why HUSH?</h2> |
|||
<p>Hush claims to be the most private cryptocurrency and here is why</p> |
|||
<div class="grid-container-3x2 mobile"> |
|||
<div class="grid-item-3x2 mobile"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_privacy_by_default.png" alt=""> |
|||
<h4 class="grid-item-title">Private by Default</h4> |
|||
<p class="grid-item-desc" >HUSH achieves privacy with mandatory z2z transactions</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="#contact"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 mobile"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_network_encrypted.png" alt=""> |
|||
<h4 class="grid-item-title">Network Encryption</h4> |
|||
<p class="grid-item-desc" >First cryptocoin to encrypt data at protocol level</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="#contact"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 mobile"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_encrypted_messaging.png" alt=""> |
|||
<h4 class="grid-item-title">Encrypted Chat System</h4> |
|||
<p class="grid-item-desc" >HushChat has no phone numbers nor centralized web servers</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/hush/hushchat"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 mobile"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_anonymity_set.png" alt=""> |
|||
<h4 class="grid-item-title">Anonymity Set</h4> |
|||
<p class="grid-item-desc" >Hush has the largest anonset among all known privacy coins</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/hush/anonsets"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="grid-item-3x2 mobile"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_sietch.png" alt=""> |
|||
<h4 class="grid-item-title">Sietch</h4> |
|||
<p class="grid-item-desc" >Protection from linkability analysis of z2z transactions</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/hush/sietch"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 mobile"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_smartchains.png" alt=""> |
|||
<h4 class="grid-item-title">Hush Smart Chains</h4> |
|||
<p class="grid-item-desc" >Create your own privacy coin with a single command</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/oDinZu/hush-smart-chains"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="divider mobile"></div> |
|||
|
|||
<div id="download" class="page-content mobile"> |
|||
|
|||
<div class="grid-container-2x1 mobile"> |
|||
<h2 class="grid-item-heading-2x2 mobile">HUSH Chat</h2> |
|||
<div> |
|||
<img class="grid-item-screenshot mobile" src="img/sdl.png" alt=""> |
|||
</div> |
|||
<div class="grid-item-desc mobile" > |
|||
|
|||
<p class="grid-item-desc-2x1 mobile" >Silent Dragon Lite has HUSH Chat, the most private messenger with no phone numbers and leaking no metadata</p> |
|||
<a href="https://git.hush.is/hush/SilentDragonLite/releases" class="component-button button-single-column mobile grid-1x2"><small class="mobile">Download Lite Wallet</small></a> |
|||
<small class="download-small mobile">Lite Wallet includes Hush Messenger</small> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="grid-container-2x1 mobile"> |
|||
<h2 class="grid-item-heading-2x2 mobile">HUSH Full Node Wallet</h2> |
|||
<div> |
|||
<img class="grid-item-screenshot mobile" src="img/sdl.png" alt=""> |
|||
</div> |
|||
<div class="grid-item-desc mobile"> |
|||
|
|||
<p class="grid-item-desc-2x1 mobile" >Silent Dragon is the Full Node Wallet for HUSH that connects to a hushd Full Node software</p> |
|||
<a href="https://git.hush.is/hush/SilentDragon/releases" class="component-button button-single-column mobile grid-1x2"><small class="mobile">Download Full Node Wallet</small></a> |
|||
<small class="download-small mobile">Available on GNU/Linux and Windows 10</small> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="buy" class="divider mobile"> |
|||
|
|||
</div> |
|||
|
|||
<div class="page-content mobile"> |
|||
<div class=""> |
|||
<h2 class="">Buy HUSH</h2> |
|||
<p class="p-desc mobile" >1 HUSH = 10000 encrypted messages</p> |
|||
<div class="buttons-single-row mobile"> |
|||
<a href="https://tradeogre.com/exchange/BTC-HUSH" class="component-button button-single-column mobile"><small class="mobile">Trade Ogre</small></a> |
|||
<a href="https://safe.trade/trading/hushbtc" class="component-button button-single-column mobile"><small class="mobile">Safe.trade</small></a> |
|||
<a href="https://hush.is/tg/" class="component-button button-single-column mobile"><small class="mobile">OTC Deal</small></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
|
|||
<div class="divider mobile"> |
|||
|
|||
</div> |
|||
|
|||
|
|||
|
|||
<footer id="contact" class="section-footer mobile"> |
|||
<div> |
|||
<h4 class="footer-CTA">Join Us!</h2> |
|||
<p class="footer-tagline" >Hush is a community project. Everyone is welcomed with open arms!</p> |
|||
</div> |
|||
<div class="container-footer-icons mobile"> |
|||
<a href="https://hush.is/flote/"><img src="img/social_icons/icon_flote.svg" class="footer-icons" alt=""><span class="tooltip">Flote</span></a> |
|||
<a href="https://bitcointalk.org/index.php?topic=2008578.0"><img src="img/social_icons/icon_bitcointalk.svg" class="footer-icons" alt=""><span class="tooltip">BitcoinTalk</span></a> |
|||
<a href="https://git.hush.is/"><img src="img/social_icons/icon_git.svg" class="footer-icons" alt=""><span class="tooltip">Git</span></a> |
|||
<a href="https://hush.is/mastodon"><img src="img/social_icons/icon_mastodon.svg" class="footer-icons" alt=""><span class="tooltip">Mastodon</span></a> |
|||
<a href="https://hush.is/matrix/"><img src="img/social_icons/icon_matrix.svg" class="footer-icons" alt=""><span class="tooltip">Matrix</span></a> |
|||
<a href="https://hush.is/reddit/"><img src="img/social_icons/icon_reddit.svg" class="footer-icons" alt=""><span class="tooltip">Reddit</span></a> |
|||
<a href="https://hush.is/tg/"><img src="img/social_icons/icon_telegram.svg" class="footer-icons" alt=""><span class="tooltip">Telegram</span></a> |
|||
<a href="https://hush.is/twitter/"><img src="img/social_icons/icon_twitter.svg" class="footer-icons" alt=""><span class="tooltip">Twitter</span></a> |
|||
<a href="https://videos.hush.is/"><img src="img/social_icons/icon_peertube.svg" class="footer-icons" alt=""><span class="tooltip">Peertube</span></a> |
|||
</div> |
|||
<div class="footer-copywrite"> |
|||
Copyright © 2016-2022 The Hush developers. All rights reserved. |
|||
</div> |
|||
</footer> |
|||
|
|||
</div> |
|||
|
|||
<!------------------- DESKTOP -------------------> |
|||
|
|||
<div class="header-nav desktop"> |
|||
<header class="section-header"> |
|||
<a href="https://hush.is"> |
|||
<svg class="header-logo" xmlns="http://www.w3.org/2000/svg" width="8rem" height="8rem" viewBox="0 0 128 128"> |
|||
<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> |
|||
<div class="nav-buttons"> |
|||
<a href="#buy" class="component-button desktop-nav"><small>Buy DragonX</small></a> |
|||
<a href="#download" class="component-button desktop-nav"><small>Download Wallet</small></a> |
|||
<a href="#contact" class="component-button desktop-nav"><small>Tech Support</small></a> |
|||
|
|||
</div> |
|||
</header> |
|||
</div> |
|||
|
|||
<div class="hero-background desktop"> |
|||
<img class="hero-image desktop" src="img/graphic_hero_dragonx.png" alt=""> |
|||
</div> |
|||
|
|||
<a href="#contact" class="component-button hero-download desktop"><small>Download HUSH & HUSH chat</small></a> |
|||
<small class="hero-small desktop">Available on GNU/Linux and Windows 10</small> |
|||
|
|||
<div class="page-content desktop"> |
|||
<h2 class="home-heading">Why HUSH?</h2> |
|||
<p>Hush claims to be the most private cryptocurrency and here is why</p> |
|||
<div class="grid-container-3x2"> |
|||
<div class="grid-item-3x2 desktop"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_privacy_by_default.png" alt=""> |
|||
<h4 class="grid-item-title">Private by Default</h4> |
|||
<p class="grid-item-desc" >HUSH achieves privacy with mandatory z2z transactions</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="#contact"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 desktop"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_network_encrypted.png" alt=""> |
|||
<h4 class="grid-item-title">Network Encryption</h4> |
|||
<p class="grid-item-desc" >First cryptocoin to encrypt data at protocol level</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="#contact"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 desktop"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_encrypted_messaging.png" alt=""> |
|||
<h4 class="grid-item-title">Encrypted Chat System</h4> |
|||
<p class="grid-item-desc" >HushChat has no phone numbers nor centralized web servers</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/hush/hushchat"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 desktop"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_anonymity_set.png" alt=""> |
|||
<h4 class="grid-item-title">Anonymity Set</h4> |
|||
<p class="grid-item-desc" >Hush has the largest anonset among all known privacy coins</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/hush/anonsets"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="grid-item-3x2 desktop"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_sietch.png" alt=""> |
|||
<h4 class="grid-item-title">Sietch</h4> |
|||
<p class="grid-item-desc" >Protection from linkability analysis of z2z transactions</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/hush/sietch"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="grid-item-3x2 desktop"> |
|||
<div class="grid-sub-item"> |
|||
<img class="grid-item-icon" src="img/icon_smartchains.png" alt=""> |
|||
<h4 class="grid-item-title">Hush Smart Chains</h4> |
|||
<p class="grid-item-desc" >Create your own privacy coin with a single command</p> |
|||
</div> |
|||
<div class="grid-item-button"> |
|||
<a href="https://git.hush.is/oDinZu/hush-smart-chains"><p class="grid-item-button-text">learn more</p></a> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="divider desktop"> |
|||
|
|||
</div> |
|||
|
|||
<div id="download" class="page-content desktop"> |
|||
<div class="grid-container-2x1"> |
|||
<div> |
|||
<h2 class="grid-item-heading-2x2">HUSH Chat</h2> |
|||
<p class="grid-item-desc-2x1" >Silent Dragon Lite has HUSH Chat, the most private messenger with no phone numbers and leaking no metadata</p> |
|||
<a href="https://git.hush.is/hush/SilentDragonLite/releases" class="component-button button-single-column"><small>Download Lite Wallet</small></a> |
|||
<small class="download-small">Lite Wallet includes Hush Messenger</small> |
|||
</div> |
|||
<div> |
|||
<img class="grid-item-screenshot" src="img/sdl.png" alt=""> |
|||
</div> |
|||
</div> |
|||
<div class="grid-container-2x1"> |
|||
<div> |
|||
<img class="grid-item-screenshot" src="img/sdl.png" alt=""> |
|||
</div> |
|||
<div> |
|||
<h2 class="grid-item-heading-2x2">HUSH Full Node Wallet</h2> |
|||
<p class="grid-item-desc-2x1" >Silent Dragon is the Full Node Wallet for HUSH that connects to a hushd Full Node software</p> |
|||
<a href="https://git.hush.is/hush/SilentDragon/releases" class="component-button button-single-column"><small>Download Full Node Wallet</small></a> |
|||
<small class="download-small">Available on GNU/Linux and Windows 10</small> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="buy" class="divider desktop"> |
|||
|
|||
</div> |
|||
|
|||
<div class="page-content desktop"> |
|||
<div class=""> |
|||
<h2 class="">Buy HUSH</h2> |
|||
<p class="" >1 HUSH = 10000 encrypted messages</p> |
|||
<div class="buttons-single-row"> |
|||
<a href="https://tradeogre.com/exchange/BTC-HUSH" class="component-button button-single-column"><small>Trade Ogre</small></a> |
|||
<a href="https://safe.trade/trading/hushbtc" class="component-button button-single-column"><small>Safe.trade</small></a> |
|||
<a href="https://hush.is/tg/" class="component-button button-single-column"><small>OTC Deal</small></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
|
|||
<div class="divider desktop"> |
|||
|
|||
</div> |
|||
|
|||
|
|||
|
|||
<footer id="contact" class="section-footer desktop"> |
|||
<div> |
|||
<h4 class="footer-CTA">Join Us!</h2> |
|||
<p class="footer-tagline" >Hush is a community project. Everyone is welcomed with open arms!</p> |
|||
</div> |
|||
<div class="container-footer-icons"> |
|||
<a href="https://hush.is/flote/"><img src="img/social_icons/icon_flote.svg" class="footer-icons" alt=""><span class="tooltip">Flote</span></a> |
|||
<a href="https://bitcointalk.org/index.php?topic=2008578.0"><img src="img/social_icons/icon_bitcointalk.svg" class="footer-icons" alt=""><span class="tooltip">BitcoinTalk</span></a> |
|||
<a href="https://git.hush.is/"><img src="img/social_icons/icon_git.svg" class="footer-icons" alt=""><span class="tooltip">Git</span></a> |
|||
<a href="https://hush.is/mastodon"><img src="img/social_icons/icon_mastodon.svg" class="footer-icons" alt=""><span class="tooltip">Mastodon</span></a> |
|||
<a href="https://hush.is/matrix/"><img src="img/social_icons/icon_matrix.svg" class="footer-icons" alt=""><span class="tooltip">Matrix</span></a> |
|||
<a href="https://hush.is/reddit/"><img src="img/social_icons/icon_reddit.svg" class="footer-icons" alt=""><span class="tooltip">Reddit</span></a> |
|||
<a href="https://hush.is/tg/"><img src="img/social_icons/icon_telegram.svg" class="footer-icons" alt=""><span class="tooltip">Telegram</span></a> |
|||
<a href="https://hush.is/twitter/"><img src="img/social_icons/icon_twitter.svg" class="footer-icons" alt=""><span class="tooltip">Twitter</span></a> |
|||
<a href="https://videos.hush.is/"><img src="img/social_icons/icon_peertube.svg" class="footer-icons" alt=""><span class="tooltip">Peertube</span></a> |
|||
</div> |
|||
<div class="footer-copywrite"> |
|||
Copyright © 2016-2022 The Hush developers. All rights reserved. |
|||
</div> |
|||
</footer> |
|||
|
|||
</div> |
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,218 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<meta name="uisual" content="Hush uses this html/css template made by uisual.com"> |
|||
<link rel="stylesheet" href="style.css"> |
|||
<title>Hush - Speak and Transact Freely</title> |
|||
</head> |
|||
|
|||
|
|||
|
|||
|
|||
<div class="module"> |
|||
|
|||
|
|||
</div> |
|||
|
|||
|
|||
<body> |
|||
<div class="hero-section"> |
|||
<header class="section-header"> |
|||
<a href="https://hush.is"> |
|||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="2.75rem" height="3rem" viewBox="0 0 256 256">> |
|||
<path class="header-logo" |
|||
fill="white" stroke="none" stroke-width="1" |
|||
d="M 138.90,158.50 |
|||
C 138.90,158.50 138.90,182.50 138.90,182.50 |
|||
138.90,188.50 134.00,193.40 128.00,193.40 |
|||
128.00,193.40 128.00,193.40 128.00,193.40 |
|||
127.90,193.40 127.90,193.40 127.80,193.40 |
|||
124.90,193.30 122.30,192.10 120.40,190.20 |
|||
118.50,188.30 117.30,185.70 117.20,182.80 |
|||
117.20,182.70 117.20,182.70 117.20,182.60 |
|||
117.20,182.60 117.20,142.30 117.20,142.30 |
|||
117.20,138.70 121.50,137.00 124.00,139.50 |
|||
124.00,139.50 136.00,151.50 136.00,151.50 |
|||
137.80,153.20 138.90,155.80 138.90,158.50 Z |
|||
M 138.90,73.90 |
|||
C 138.90,73.90 138.90,113.80 138.90,113.80 |
|||
138.90,117.40 134.60,119.10 132.10,116.60 |
|||
132.10,116.60 120.10,104.60 120.10,104.60 |
|||
118.20,102.70 117.10,100.10 117.10,97.40 |
|||
117.10,97.40 117.10,73.90 117.10,73.90 |
|||
117.10,73.80 117.10,73.80 117.10,73.70 |
|||
117.20,67.90 121.90,63.20 127.70,63.10 |
|||
127.80,63.10 127.80,63.10 127.90,63.10 |
|||
127.90,63.10 128.00,63.10 128.00,63.10 |
|||
134.00,63.00 138.90,67.90 138.90,73.90 Z |
|||
M 84.50,153.80 |
|||
C 84.50,153.80 84.50,153.80 84.50,153.80 |
|||
90.50,153.80 95.40,158.70 95.40,164.70 |
|||
95.40,164.70 95.40,222.00 95.40,222.00 |
|||
95.40,228.00 90.50,232.90 84.50,232.90 |
|||
84.50,232.90 84.50,232.90 84.50,232.90 |
|||
78.50,232.90 73.60,228.00 73.60,222.00 |
|||
73.60,222.00 73.60,164.60 73.60,164.60 |
|||
73.60,158.60 78.50,153.80 84.50,153.80 Z |
|||
M 40.90,210.60 |
|||
C 40.90,210.60 40.90,210.60 40.90,210.60 |
|||
34.90,210.60 30.00,205.70 30.00,199.70 |
|||
30.00,199.70 30.00,47.20 30.00,47.20 |
|||
30.00,41.20 34.90,36.30 40.90,36.30 |
|||
40.90,36.30 40.90,36.30 40.90,36.30 |
|||
46.90,36.30 51.80,41.20 51.80,47.20 |
|||
51.80,47.20 51.80,199.70 51.80,199.70 |
|||
51.80,205.70 46.90,210.60 40.90,210.60 Z |
|||
M 84.50,12.60 |
|||
C 84.50,12.60 84.50,12.60 84.50,12.60 |
|||
90.50,12.60 95.40,17.50 95.40,23.50 |
|||
95.40,23.50 95.40,121.50 95.40,121.50 |
|||
95.40,127.50 90.50,132.40 84.50,132.40 |
|||
84.50,132.40 84.50,132.40 84.50,132.40 |
|||
78.50,132.40 73.60,127.50 73.60,121.50 |
|||
73.60,121.50 73.60,23.50 73.60,23.50 |
|||
73.60,17.50 78.50,12.60 84.50,12.60 Z |
|||
M 171.50,232.90 |
|||
C 171.50,232.90 171.50,232.90 171.50,232.90 |
|||
165.50,232.90 160.60,228.00 160.60,222.00 |
|||
160.60,222.00 160.60,124.00 160.60,124.00 |
|||
160.60,118.00 165.50,113.10 171.50,113.10 |
|||
171.50,113.10 171.50,113.10 171.50,113.10 |
|||
177.50,113.10 182.40,118.00 182.40,124.00 |
|||
182.40,124.00 182.40,222.00 182.40,222.00 |
|||
182.40,228.10 177.50,232.90 171.50,232.90 Z |
|||
M 171.50,91.80 |
|||
C 171.50,91.80 171.50,91.80 171.50,91.80 |
|||
165.50,91.80 160.60,86.90 160.60,80.90 |
|||
160.60,80.90 160.60,23.50 160.60,23.50 |
|||
160.60,17.50 165.50,12.60 171.50,12.60 |
|||
171.50,12.60 171.50,12.60 171.50,12.60 |
|||
177.50,12.60 182.40,17.50 182.40,23.50 |
|||
182.40,23.50 182.40,80.90 182.40,80.90 |
|||
182.40,86.90 177.50,91.80 171.50,91.80 Z |
|||
M 215.10,210.60 |
|||
C 215.10,210.60 215.10,210.60 215.10,210.60 |
|||
209.10,210.60 204.20,205.70 204.20,199.70 |
|||
204.20,199.70 204.20,47.20 204.20,47.20 |
|||
204.20,41.20 209.10,36.30 215.10,36.30 |
|||
215.10,36.30 215.10,36.30 215.10,36.30 |
|||
221.10,36.30 226.00,41.20 226.00,47.20 |
|||
226.00,47.20 226.00,199.70 226.00,199.70 |
|||
225.90,205.70 221.10,210.60 215.10,210.60 Z |
|||
M 117.30,101.40 |
|||
C 117.30,101.30 117.20,101.10 117.20,101.00 |
|||
117.30,101.20 117.30,101.30 117.30,101.40 Z |
|||
M 128.00,214.60 |
|||
C 130.70,214.60 133.30,214.30 135.80,213.70 |
|||
137.40,213.30 138.90,214.50 138.90,216.10 |
|||
138.90,216.10 138.90,245.10 138.90,245.10 |
|||
138.90,251.10 134.00,256.00 128.00,256.00 |
|||
128.00,256.00 128.00,256.00 128.00,256.00 |
|||
122.00,256.00 117.10,251.10 117.10,245.10 |
|||
117.10,245.10 117.10,216.10 117.10,216.10 |
|||
117.10,214.50 118.60,213.30 120.20,213.70 |
|||
122.70,214.30 125.30,214.60 128.00,214.60 Z |
|||
M 138.90,10.90 |
|||
C 138.90,10.90 138.90,39.90 138.90,39.90 |
|||
138.90,41.50 137.40,42.70 135.80,42.30 |
|||
133.30,41.70 130.70,41.40 128.00,41.40 |
|||
125.30,41.40 122.70,41.70 120.20,42.30 |
|||
118.60,42.70 117.10,41.50 117.10,39.90 |
|||
117.10,39.90 117.10,10.90 117.10,10.90 |
|||
117.10,4.90 122.00,0.00 128.00,0.00 |
|||
128.00,0.00 128.10,0.00 128.10,0.00 |
|||
134.00,0.00 138.90,4.90 138.90,10.90 Z" /> |
|||
</svg> |
|||
</a> |
|||
<div class="nav-buttons"> |
|||
<a href="https://videos.hush.is" class="component-button"><small>Buy HUSH</small></a> |
|||
<a href="https://videos.hush.is" class="component-button"><small>Download Wallet</small></a> |
|||
<a href="https://videos.hush.is" class="component-button"><small>Tech Support</small></a> |
|||
</div> |
|||
|
|||
</header> |
|||
<img src="../img/hush.is_hero_image.png" class="hero-image" alt=""> |
|||
|
|||
</div> |
|||
<div class="page-content"> |
|||
<div class="content-par"> |
|||
<p> |
|||
Hush is a peer-to-peer network and there is no central location where metadata is stored. |
|||
Our policy is to store as little metadata as possible, or not at all. |
|||
Hush is not a company nor foundation nor any type of legal entity. |
|||
We are not based in any country. |
|||
We are a decentralized cypherpunk community and continue to research the bleeding edge in privacy. |
|||
</p> |
|||
<p> |
|||
Hush team members will never ask for your personal information, if someone is asking for your legal name, physical address, phone number, email/etc that is a scammer! |
|||
We only ask for as little possible information to debug support requests, such as Operating System versions, wallet versions and other technical information. |
|||
</p> |
|||
<p> |
|||
Hush does not mine your personal privacy to sell to advertisers, you keep your privacy and your dignity. |
|||
Privacy is a precious asset and Hush allows you to store it in digital form. |
|||
</p> |
|||
<p> |
|||
The hush.is website is purely for marketing and education purposes and our peer-to-peer network does not rely on it in any way, |
|||
not does our P2P network rely on DNS, which we believe is completely untrustable, just as Bitcoin developers rightly believe. |
|||
</p> |
|||
<p> |
|||
1 HUSH = 10000 encrypted messages which have censorship resistance backed up by Bitcoin hashrate security, which is why |
|||
Hush is a Store-of-Privacy. |
|||
</p> |
|||
<p> |
|||
When using some Hush software, there are mandatory or optional features that require talking to third party websites and APIs. |
|||
We cannot control how they use metadata, such as IP address, MAC address and browser details such as your language, timezone, screen resolution and many other details. |
|||
</p> |
|||
<p> |
|||
A non-exhaustive list of service providers that Hush uses are: |
|||
</p> |
|||
<p> |
|||
Cloudflare.com - Denial-of-Service protection and SSL (only hush.is website, not p2p network) |
|||
Coingecko.com - price feeds (SD,SDL,SDA) |
|||
</p> |
|||
<p> |
|||
Coingecko.com price feeds are optional and can be turned off in settings. Additionally, Hush is designed to preserve our user privacy in every way, |
|||
so when Hush software requests data from Coingecko.com, it ALWAYS requests all possible data, and then only uses the data it needs, |
|||
versus asking Coingecko.com for only the data it needs, which leaks the metadata of what this particular wallet is interested in. |
|||
This Private Information Retreival (PIR) technique is just one of many ways Hush implements Extreme Privacy at every level of the software stack. |
|||
</p> |
|||
<p> |
|||
If you do not want your IP address, MAC address and browser metadata to potentially go to these places, |
|||
we highly recommend using Tor or i2p and/or the TAILS, Whonix or Qubes operating systems with Hush. |
|||
</p> |
|||
<p> |
|||
The operators of the hush.is website are independent of the decentralized operators of the Hush peer-to-peer network. |
|||
</p> |
|||
<p class="ending-par"> |
|||
Hush is a community project. Everyone is welcomed with open arms! |
|||
</p> |
|||
|
|||
|
|||
</div> |
|||
|
|||
<footer class="section-footer"> |
|||
<div class="container-footer-icons"> |
|||
|
|||
|
|||
|
|||
<a href="https://hush.is/flote/"><img src="../img/Social Icons/icon_flote.svg" class="footer-icons" alt=""><span class="tooltip">Flote</span></a> |
|||
<a href="https://bitcointalk.org/index.php?topic=2008578.0"><img src="../img/Social Icons/icon_bitcointalk.svg" class="footer-icons" alt=""><span class="tooltip">BitcoinTalk</span></a> |
|||
<a href="https://git.hush.is/"><img src="../img/Social Icons/icon_github.svg" class="footer-icons" alt=""><span class="tooltip">GitHub</span></a> |
|||
<a href="https://hush.is/mastodon/"><img src="../img/Social Icons/icon_mastodon.svg" class="footer-icons" alt=""><span class="tooltip">Mastodon</span></a> |
|||
<a href="https://hush.is/matrix/"><img src="../img/Social Icons/icon_matrix.svg" class="footer-icons" alt=""><span class="tooltip">Matrix</span></a> |
|||
<a href="https://hush.is/reddit/"><img src="../img/Social Icons/icon_reddit.svg" class="footer-icons" alt=""><span class="tooltip">Reddit</span></a> |
|||
<a href="https://hush.is/tg/"><img src="../img/Social Icons/icon_telegram.svg" class="footer-icons" alt=""><span class="tooltip">Telegram</span></a> |
|||
<a href="https://hush.is/twitter/"><img src="../img/Social Icons/icon_twitter.svg" class="footer-icons" alt=""><span class="tooltip">Twitter</span></a> |
|||
<a href="https://videos.hush.is/"><img src="../img/Social Icons/icon_peertube.svg" class="footer-icons" alt=""><span class="tooltip">Peertube</span></a> |
|||
</div> |
|||
<div class="footer-copywrite"> |
|||
Copyright © 2016-2022 The Hush developers. All rights reserved. |
|||
</div> |
|||
</footer> |
|||
</div> |
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,774 @@ |
|||
/* |
|||
---------------------------------------- |
|||
Table of Contents |
|||
|
|||
1. Header |
|||
1.1 Nav |
|||
1.2 Hero |
|||
2. Buttons |
|||
2.1 Hero buttons |
|||
2.2 Pinned Buttons |
|||
3. Sections |
|||
3.1 About |
|||
4. HTML Elements |
|||
|
|||
---------------------------------------- |
|||
*/ |
|||
|
|||
:root { |
|||
--bg-color: rgb(35, 40, 52); |
|||
--text-color-main: rgb(255, 255, 255); |
|||
--text-color-dark: rgb(180, 180, 180); |
|||
--text-color-darker: rgb(150, 150, 150); |
|||
--button: rgb(72, 85, 99); |
|||
--button-hover: rgba(72, 85, 99, 0.898); |
|||
--item-bg-light: rgb(145, 164, 184); |
|||
--item-bg-grey: rgb(69, 80, 94); |
|||
--item-bg-dark: rgb(16, 23, 34); |
|||
--item-bg-dark-grey: rgb(36, 46, 62); |
|||
|
|||
background-color: var(--bg-color); |
|||
font-family:'Ubuntu Mono'; |
|||
position: relative; |
|||
} |
|||
|
|||
@font-face { font-family: 'Ubuntu Mono'; src: url('UbuntuMono.ttf') format('truetype') } |
|||
|
|||
body { |
|||
margin: 0px; |
|||
} |
|||
|
|||
.divider{ |
|||
background-image: url(../img/graphic_divider_dragonx.png); |
|||
background-repeat: repeat-x; |
|||
background-position-x: center; |
|||
background-position-y: center; |
|||
background-size: 800px; |
|||
height: 3vh; |
|||
} |
|||
|
|||
/*=============== Header ===============*/ |
|||
|
|||
header { |
|||
z-index: 999; |
|||
position: fixed; |
|||
background-color: var(--bg-color); |
|||
margin-top: -15vh; |
|||
width: 100vw; |
|||
height: 12vh; |
|||
} |
|||
|
|||
.header-space { |
|||
margin-top: 15vh; |
|||
} |
|||
|
|||
.header-logo{ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
position: fixed; |
|||
margin-left: 12vw; |
|||
margin-top: 1.5vh; |
|||
} |
|||
|
|||
.header-logo:hover > path{ |
|||
fill:rgb(72, 85, 99); |
|||
stroke-width: 1px; |
|||
stroke:white; |
|||
} |
|||
|
|||
/*-------------- Nav --------------*/ |
|||
|
|||
.nav-bar.desktop { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
position: fixed; |
|||
left: 35vw; |
|||
right: 0vw; |
|||
margin-top: 4.5vh; |
|||
} |
|||
.nav-bar.desktop > nav > a { |
|||
padding: 0.5rem 1rem; |
|||
margin: 0rem 0.5rem; |
|||
font-size: 1.25rem; |
|||
} |
|||
|
|||
@media screen and (max-aspect-ratio: 1/1) { |
|||
.nav-bar.desktop { |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
/* mobile toggle nav menu */ |
|||
.mobile-menu { |
|||
z-index: 500; |
|||
display: none; |
|||
position: fixed; |
|||
padding: 0; |
|||
margin: 4.5vh; |
|||
margin-left: 75vw; |
|||
margin-right: auto; |
|||
} |
|||
|
|||
.nav-links.mobile { |
|||
display: grid; |
|||
position: fixed; |
|||
grid-template-rows: auto auto; |
|||
gap: 2em; |
|||
|
|||
left: 42vw; |
|||
right: 15vw; |
|||
top: 15vh; |
|||
} |
|||
|
|||
/* animated nav links with stagger using --index */ |
|||
.nav-links.mobile > a { |
|||
transition: all 200ms ease-out; |
|||
transition-delay: calc(0.1s * var(--index)); |
|||
margin-left: 60vw; |
|||
margin-right: -60vw; |
|||
border-radius: 0rem; |
|||
} |
|||
|
|||
@media screen and (max-aspect-ratio: 1/1) { |
|||
.mobile-menu { |
|||
display: flex; |
|||
} |
|||
} |
|||
|
|||
.nav-mobile-icon{ |
|||
width: 2.5em; |
|||
} |
|||
|
|||
.nav-btn{ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
transition: all 100ms ease-in-out; |
|||
opacity: 100%; |
|||
transform-origin: 1.5em 4.5em; |
|||
transform: rotate(0deg); |
|||
} |
|||
|
|||
#nav-check{ |
|||
display: none; |
|||
} |
|||
|
|||
#nav-check ~ nav > button{ |
|||
transition: all 200ms ease-out; |
|||
scale: 1; |
|||
} |
|||
|
|||
#nav-check:checked ~ nav > button{ |
|||
transition: all 200ms ease-out; |
|||
transform: rotate(-180deg) scale(1.5); |
|||
opacity: 50%; |
|||
} |
|||
|
|||
#nav-check:checked ~ * .nav-links > a{ |
|||
transition: border-radius 500ms ease-in-out, margin 200ms ease-out; |
|||
--index: 0; |
|||
transition-delay: calc(0.1s * var(--index)); |
|||
margin-left: 0vw; |
|||
margin-right: 0vw; |
|||
border-radius: 1.5rem; |
|||
} |
|||
|
|||
/* toggle black overlay so nav is visible over content */ |
|||
.toggle-overlay { |
|||
transition: background-color 500ms ease-in-out; |
|||
z-index: 0; |
|||
position: fixed; |
|||
background-color: rgba(0, 0, 0, 0); |
|||
width: 100vw; |
|||
height: 100vh; |
|||
} |
|||
|
|||
#nav-check:checked ~ * .toggle-overlay { |
|||
background-color: rgba(20, 20, 20, 0.97); |
|||
} |
|||
|
|||
/*-------------- Hero --------------*/ |
|||
|
|||
.hero-image { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-top: 15vh; |
|||
margin-bottom: 15vh; |
|||
} |
|||
|
|||
.hero-image > img { |
|||
width: 40vw; |
|||
margin-top: -11vh; |
|||
margin-bottom: -9vh; |
|||
} |
|||
|
|||
.hero-image ~ h2 { |
|||
z-index: -1; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
position: absolute; |
|||
left: 5vw; |
|||
right: 5vw; |
|||
margin-top: -5vh; |
|||
} |
|||
|
|||
@media screen and (max-aspect-ratio: 1/1) { |
|||
.hero-image > img { |
|||
width: 75vw; |
|||
} |
|||
.hero-image ~ h2 { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 0.8rem; |
|||
position: absolute; |
|||
margin-top: -5vh; |
|||
left: 5vw; |
|||
right: 5vw; |
|||
} |
|||
} |
|||
|
|||
/*=============== Buttons ===============*/ |
|||
|
|||
.component-button { |
|||
margin: 0em 0em; |
|||
padding: 1.25rem 1rem; |
|||
font-family:'Ubuntu Mono'; |
|||
font-weight: 300; |
|||
font-size: 1.4em; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
color: white; |
|||
border-radius: var(0); |
|||
background: rgb(72, 85, 99, .5) |
|||
} |
|||
|
|||
.component-button:hover{ |
|||
font-weight: 600; |
|||
box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 1) inset; |
|||
background: rgba(72, 85, 99, 0.898) |
|||
} |
|||
|
|||
@media screen and (max-aspect-ratio: 1/1) { |
|||
.desktop { |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
input { |
|||
display: none; |
|||
/* position: fixed; */ |
|||
margin: 0; |
|||
|
|||
} |
|||
|
|||
/*=============== Sections ===============*/ |
|||
|
|||
/*-------------- Explorer --------------*/ |
|||
.explorer-section { |
|||
z-index: 0; |
|||
display: flex; |
|||
background-color: var(--item-bg-dark); |
|||
margin: 2vh auto; |
|||
padding: 10vh 0vw; |
|||
padding-top: 0vh; |
|||
width: 95vh; |
|||
border-radius: 1rem 1rem 0rem 0rem; |
|||
} |
|||
|
|||
@media screen and (max-aspect-ratio: 1/1) { |
|||
.explorer-section { |
|||
} |
|||
} |
|||
|
|||
.explorer-content-body { |
|||
z-index: 4; |
|||
background-color: var(--item-bg-dark); |
|||
width: 95vh; |
|||
padding: 25vh 0vw; |
|||
margin-top: 6vh; |
|||
border-radius: 0rem 0rem 0rem 0rem; |
|||
} |
|||
|
|||
input[id="hush-tab"]:not(:checked) ~ * .explorer-content:nth-child(2) { |
|||
display: flexbox; |
|||
} |
|||
input[id="hush-tab"]:checked ~ * .explorer-content:nth-child(2) { |
|||
display: none; |
|||
} |
|||
input[id="dragonx-tab"]:not(:checked) ~ * .explorer-content:nth-child(1) { |
|||
display: flexbox; |
|||
} |
|||
input[id="dragonx-tab"]:checked ~ * .explorer-content:nth-child(1) { |
|||
display: none; |
|||
} |
|||
|
|||
input[id="hush-tab"]:checked ~ * .explorer-tab:nth-child(1) { |
|||
z-index: 3; |
|||
background-color: var(--item-bg-light); |
|||
color: var(--item-bg-dark); |
|||
} |
|||
|
|||
input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2) { |
|||
z-index: 2; |
|||
background-color: var(--item-bg-grey); |
|||
color: var(--item-bg-light); |
|||
border: .1rem solid var(--item-bg-grey); |
|||
} |
|||
input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover { |
|||
color: var(--text-color-main); |
|||
} |
|||
|
|||
|
|||
|
|||
.hush-tab-info-bar { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
z-index: 6; |
|||
background-color: var(--item-bg-light); |
|||
height: 3vh; |
|||
width: 90vh; |
|||
border-radius: .5rem .5rem 0rem 0rem; |
|||
} |
|||
|
|||
.logo-hush { |
|||
display: flex; |
|||
position: absolute; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-left: 30vh; |
|||
margin-top: 16vh; |
|||
/* margin-right: auto; */ |
|||
width: 30vh; |
|||
height: 30vh; |
|||
} |
|||
|
|||
.explorer-content:nth-child(1) { |
|||
display: flex; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
z-index: 4; |
|||
background-color: var(--item-bg-grey); |
|||
width: 90vh; |
|||
height: 60vh; |
|||
margin-bottom: -32vh; |
|||
margin-top: -22vh; |
|||
border-radius: 1rem 1rem 0rem 0rem; |
|||
} |
|||
|
|||
.explorer-content:nth-child(2) { |
|||
display: flexbox; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
z-index: 4; |
|||
background-color: var(--item-bg-grey); |
|||
width: 90vh; |
|||
height: 60vh; |
|||
margin-bottom: -32vh; |
|||
margin-top: -22vh; |
|||
border-radius: 1rem 1rem 0rem 0rem; |
|||
} |
|||
|
|||
.explorer-content-bar { |
|||
display: flex; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
z-index: 6; |
|||
background-color: var(--item-bg-light); |
|||
height: 3vh; |
|||
width: 90vh; |
|||
border-radius: .5rem .5rem 0rem 0rem; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(2) { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 88vh; |
|||
height: 4vh; |
|||
border-radius: .5rem .5rem .5rem .5rem; |
|||
font-weight: 400; |
|||
font-size: 1.25rem; |
|||
color: var(--text-color-main); |
|||
background-color: var(--item-bg-dark); |
|||
margin-top: 1vh; |
|||
} |
|||
|
|||
/* explorer information table */ |
|||
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) { |
|||
background-color: var(--item-bg-dark); |
|||
color: var(--text-color-main); |
|||
width: 42vh; |
|||
height: 3.5vh; |
|||
margin-top: 1.75vh; |
|||
margin-left: 1vh; |
|||
border-radius: .5rem .5rem .5rem .5rem; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) > h3 { |
|||
z-index: 1; |
|||
margin: 0; |
|||
background-color: var(--item-bg-dark-grey); |
|||
border-radius: .4rem .4rem .4rem .4rem; |
|||
height: 3.5vh; |
|||
width: 18vh; |
|||
text-indent: 1vh; |
|||
justify-content: left; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) > span { |
|||
margin: 0; |
|||
background-color: var(--item-bg-dark); |
|||
border-radius: 0rem 0rem 0rem 0rem; |
|||
height: 3.5vh; |
|||
position: absolute; |
|||
margin-left: 19vh; |
|||
width: 18vh; |
|||
justify-content: left; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+8) { |
|||
background-color: var(--item-bg-dark); |
|||
color: var(--text-color-main); |
|||
width: 44vh; |
|||
height: 3.5vh; |
|||
margin-top: -24.5vh; |
|||
margin-left: 45vh; |
|||
border-radius: .5rem .5rem .5rem .5rem; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+9):nth-child(-n+12) { |
|||
background-color: var(--item-bg-dark); |
|||
color: var(--text-color-main); |
|||
width: 44vh; |
|||
height: 3.5vh; |
|||
margin-top: 1.75vh; |
|||
margin-left: 45vh; |
|||
border-radius: .5rem .5rem .5rem .5rem; |
|||
|
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+8):nth-child(-n+12) > h3 { |
|||
z-index: 1; |
|||
margin: 0; |
|||
background-color: var(--item-bg-dark-grey); |
|||
border-radius: .4rem .4rem .4rem .4rem; |
|||
height: 3.5vh; |
|||
width: 18vh; |
|||
text-indent: 1vh; |
|||
justify-content: left; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+8):nth-child(-n+12) > span { |
|||
margin: 0; |
|||
background-color: var(--item-bg-dark); |
|||
border-radius: 0rem 0rem 0rem 0rem; |
|||
height: 3.5vh; |
|||
position: absolute; |
|||
margin-left: 19vh; |
|||
width: 24vh; |
|||
justify-content: left; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) { |
|||
background-color: var(--item-bg-dark); |
|||
color: var(--text-color-main); |
|||
width: 44vh; |
|||
height: 3.5vh; |
|||
margin-top: calc(1.75vh * var(--explorer-content-index)); |
|||
margin-left: 22.5vh; |
|||
border-radius: .5rem .5rem .5rem .5rem; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) > h3 { |
|||
z-index: 1; |
|||
margin: 0; |
|||
background-color: var(--item-bg-dark-grey); |
|||
border-radius: .4rem .4rem .4rem .4rem; |
|||
height: 3.5vh; |
|||
width: 18vh; |
|||
text-indent: 1vh; |
|||
justify-content: left; |
|||
} |
|||
|
|||
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) > span { |
|||
margin: 0; |
|||
background-color: var(--item-bg-dark); |
|||
border-radius: 0rem 0rem 0rem 0rem; |
|||
height: 3.5vh; |
|||
position: absolute; |
|||
margin-left: 19vh; |
|||
width: 24vh; |
|||
justify-content: left; |
|||
} |
|||
|
|||
|
|||
.explorer-content-bar * a { |
|||
color: var(--bg-color); |
|||
} |
|||
.explorer-content-bar * a:hover { |
|||
color: var(--text-color-main); |
|||
} |
|||
|
|||
.explorer-content-bar > h3 { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
text-align: center; |
|||
font-size: inherit; |
|||
color: inherit; |
|||
/* font-weight: inherit; */ |
|||
} |
|||
|
|||
.explorer-content-bar > span { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
text-align: center; |
|||
font-size: inherit; |
|||
font-weight: inherit; |
|||
} |
|||
|
|||
.explorer-tab-bar { |
|||
position: absolute; |
|||
display: flex; |
|||
} |
|||
|
|||
.explorer-tab { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
margin: 0rem; |
|||
width: 28vh; |
|||
height: 8vh; |
|||
border-radius: 1rem 1rem 0rem 0rem; |
|||
border: .1rem solid var(--item-bg-light); |
|||
background-color: var(--item-bg-light); |
|||
position: absolute; |
|||
/* control spacing of tabs without additional css */ |
|||
left: calc(13vh * var(--tab-index)); |
|||
color: var(--item-bg-dark); |
|||
} |
|||
|
|||
.explorer-dot { |
|||
z-index: 0; |
|||
position: absolute; |
|||
background-color: var(--item-bg-light); |
|||
padding: 1.75vh 1.75vh; |
|||
border-radius: 2rem; |
|||
left: calc(89vh * var(--tab-index)); |
|||
top: 1.75vh; |
|||
} |
|||
|
|||
.explorer-dot:nth-child(4) { |
|||
z-index: 0; |
|||
position: absolute; |
|||
background-color: var(--item-bg-grey); |
|||
} |
|||
.explorer-dot:nth-child(5) { |
|||
z-index: 0; |
|||
position: absolute; |
|||
background-color: var(--bg-color); |
|||
} |
|||
|
|||
.explorer-tab:nth-child(1){ |
|||
background-color: var(--item-bg-grey); |
|||
border: .1rem solid var(--item-bg-grey); |
|||
color: var(--item-bg-light); |
|||
} |
|||
|
|||
.explorer-tab:hover { |
|||
border: .1rem solid var(--text-color-main); |
|||
cursor: pointer; |
|||
font-weight: 600; |
|||
color: var(--text-color-main); |
|||
} |
|||
|
|||
.explorer-tab > span { |
|||
font-size: 1.65rem; |
|||
font-weight: inherit; |
|||
color: inherit; |
|||
padding-bottom: 2vh; |
|||
user-select: none; |
|||
|
|||
} |
|||
|
|||
.explorer-nav { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-top: 2vh; |
|||
} |
|||
|
|||
.explorer-info-btn { |
|||
display: inline-flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
background-color: var(--item-bg-light); |
|||
width: 16vh; |
|||
height: 4vh; |
|||
border-radius: 1rem 1rem 1rem 1rem; |
|||
color: var(--item-bg-dark); |
|||
text-decoration: none; |
|||
margin: 0vh 1vh; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.explorer-info-btn:hover { |
|||
color: var(--text-color-main); |
|||
font-weight: 600; |
|||
box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 1) inset; |
|||
background: rgba(72, 85, 99, 0.898) |
|||
|
|||
|
|||
} |
|||
|
|||
@media screen and (max-aspect-ratio: 1/1) { |
|||
.explorer-section { |
|||
z-index: 3; |
|||
display: flex; |
|||
background-color: var(--item-bg-dark); |
|||
margin: 2vh auto; |
|||
padding: 8vh 0vw; |
|||
padding-top: 0vh; |
|||
width: 48vh; |
|||
border-radius: 1rem 1rem 0rem 0rem; |
|||
} |
|||
.explorer-content-body { |
|||
width: 48vh; |
|||
} |
|||
.explorer-content:nth-child(1) { |
|||
width: 46vh; |
|||
height: 85vh; |
|||
} |
|||
.explorer-content:nth-child(2) { |
|||
width: 46vh; |
|||
height: 85vh; |
|||
} |
|||
.explorer-content-bar { |
|||
width: 46vh; |
|||
} |
|||
.explorer-tab { |
|||
width: 16vh; |
|||
} |
|||
.explorer-tab:nth-child(1) { |
|||
margin-left: -13vh; |
|||
width: 17vh; |
|||
} |
|||
.explorer-dot { |
|||
left: 43vh; |
|||
} |
|||
.explorer-dot:nth-child(4) { |
|||
left: 38.5vh; |
|||
} |
|||
.explorer-dot:nth-child(5) { |
|||
left: 34vh; |
|||
} |
|||
.explorer-tab > span { |
|||
font-size: .9rem; |
|||
} |
|||
.explorer-content-bar > span { |
|||
font-size: .8rem; |
|||
} |
|||
.explorer-content-bar > h3 { |
|||
font-size: .8rem; |
|||
} |
|||
.explorer-content-bar:nth-child(2) { |
|||
width: 44vh; |
|||
font-size: 1.1rem; |
|||
} |
|||
.explorer-content-bar:nth-child(n+3):nth-child(-n+7) { |
|||
width: 44vh; |
|||
} |
|||
.explorer-content-bar:nth-child(n+8) { |
|||
margin-left: 1vh; |
|||
margin-top: 1.75vh; |
|||
} |
|||
.explorer-content-bar:nth-child(n+9):nth-child(-n+12) { |
|||
margin-left: 1vh; |
|||
margin-top: 1.75vh; |
|||
} |
|||
.explorer-content-bar:nth-child(n+13):nth-child(-n+15) { |
|||
margin-left: 1vh; |
|||
margin-top: 1.75vh; |
|||
} |
|||
.explorer-info-btn { |
|||
font-size: .75rem; |
|||
} |
|||
.logo-hush { |
|||
margin-left: 8vh; |
|||
margin-top: 25vh; |
|||
position: absolute; |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/*=============== Html Elements ===============*/ |
|||
|
|||
a { |
|||
color: var(--text-color-main); |
|||
} |
|||
|
|||
table { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
text-align: center; |
|||
margin: 1rem; |
|||
padding: 1rem; |
|||
} |
|||
|
|||
tr { |
|||
display: grid; |
|||
grid-template-columns: auto auto; |
|||
grid-template-rows: auto auto auto; |
|||
color: var(--text-color-main); |
|||
|
|||
} |
|||
|
|||
td { |
|||
/* margin: .25rem .5rem; */ |
|||
padding: 2rem 3rem; |
|||
background-color: black; |
|||
} |
|||
|
|||
.header-details { |
|||
text-align: center; |
|||
font-size: 1.25rem; |
|||
color: var(--text-color-dark); |
|||
} |
|||
|
|||
h2 { |
|||
text-align: center; |
|||
color: var(--text-color-main); |
|||
} |
|||
|
|||
h3 { |
|||
text-align: center; |
|||
color: var(--text-color-main); |
|||
} |
|||
|
|||
.explorer-links { |
|||
text-decoration: none; |
|||
color: var(--text-color-main); |
|||
} |
|||
|
|||
.explorer-links:hover { |
|||
color: var(--text-color-main); |
|||
font-weight: 600; |
|||
} |
|||
@ -0,0 +1,681 @@ |
|||
:root { |
|||
|
|||
--typography-h1: 4rem; |
|||
--typography-h2: 3rem; |
|||
--typography-h4: 1.75rem; |
|||
--typography-p : 1.25em; |
|||
--typography-s : .8125rem; |
|||
|
|||
--typography-h1-leading: 1.2; |
|||
--typography-h2-leading: 1.2; |
|||
--typography-h4-leading: 1.25; |
|||
--typography-p-leading : 1.5; |
|||
|
|||
--typography-margin-heading: 1.75rem; |
|||
--typography-margin-body : 1.125rem; |
|||
|
|||
--layout-container: 1.25rem; |
|||
--layout-grid : 3.625rem; |
|||
--layout-gutter : 1rem; |
|||
|
|||
--gap-cta: .75rem; |
|||
--gap-hero : 2rem; |
|||
--gap-feature: 2rem; |
|||
--gap-card : 1.25rem; |
|||
|
|||
--radius-button: 2rem; |
|||
--radius-card: 2em; |
|||
|
|||
} |
|||
|
|||
html { |
|||
scroll-behavior: smooth; |
|||
} |
|||
|
|||
|
|||
@font-face { font-family: 'Ubuntu Mono'; src: url('UbuntuMono.ttf') format('truetype') } |
|||
|
|||
/* ------- Header ------- */ |
|||
.sidebar-menu-container{ |
|||
position: fixed; |
|||
right: 0em; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.nav-menu-icon{ |
|||
display: block; |
|||
margin-right: 6em; |
|||
margin-top: 3.5em; |
|||
width: 2em; |
|||
} |
|||
|
|||
.nav-btn{ |
|||
opacity: 100%; |
|||
transform-origin: 1em 1em; |
|||
transform: rotate(0deg); |
|||
transition: all 100ms ease-in-out; |
|||
} |
|||
|
|||
#nav-check{ |
|||
display: none; |
|||
} |
|||
|
|||
#nav-check:checked ~ .nav > .mobile-sidebar{ |
|||
right: 0em; |
|||
} |
|||
|
|||
#nav-check:checked ~ .nav > .sidebar-menu-container > .nav-btn{ |
|||
transform: rotate(90deg); |
|||
opacity: 50%; |
|||
} |
|||
|
|||
|
|||
.mobile-sidebar{ |
|||
|
|||
position:fixed; |
|||
z-index: 4; |
|||
right: -20em; |
|||
height: 100em; |
|||
width: 14em; |
|||
background-color: rgb(16, 23, 34); |
|||
transition: all 300ms ease-in-out; |
|||
box-shadow:1px 0px 0px 0px rgb(123, 123, 123) inset; |
|||
} |
|||
|
|||
.mobile-nav-container{ |
|||
display: grid; |
|||
grid-template-rows: auto auto; |
|||
gap: 2em; |
|||
margin: 0em; |
|||
margin-top: 8em; |
|||
padding: 2em; |
|||
} |
|||
|
|||
.component-button-mobile{ |
|||
margin: 0em 0em; |
|||
padding: .7rem 1rem; |
|||
font-family:'Ubuntu Mono'; |
|||
font-weight: 300; |
|||
font-size: 1.25em; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
color: white; |
|||
border-radius: var(--radius-card); |
|||
background: rgb(35, 40, 52); |
|||
} |
|||
|
|||
.component-button-mobile:hover{ |
|||
font-weight: 600; |
|||
box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 1) inset; |
|||
background: rgba(145, 164, 184, 0.341); |
|||
} |
|||
|
|||
.header-nav{ |
|||
background-color: rgb(16, 23, 34); |
|||
width: auto; |
|||
} |
|||
|
|||
.header-nav.mobile{ |
|||
position:fixed; |
|||
z-index: 4; |
|||
width: 100%; |
|||
box-shadow: 0px 1em 2em 1em rgb(16, 23, 34); |
|||
} |
|||
|
|||
|
|||
.section-header{ |
|||
display:flex; |
|||
align-items:center; |
|||
white-space: nowrap; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
padding: 2.5em 20%; |
|||
background-color: rgb(16, 23, 34); |
|||
width: auto; |
|||
} |
|||
|
|||
.section-header.mobile{ |
|||
padding: 2em 10%; |
|||
margin-left: .5em; |
|||
padding-bottom: 0em; |
|||
} |
|||
|
|||
.header-logo{ |
|||
margin-right: auto; |
|||
} |
|||
|
|||
.header-logo.mobile{ |
|||
|
|||
} |
|||
|
|||
.header-logo:hover > path{ |
|||
fill:rgb(72, 85, 99); |
|||
stroke-width: 1px; |
|||
stroke:white; |
|||
|
|||
} |
|||
|
|||
.nav-buttons{ |
|||
margin: .5em .5em; |
|||
padding-bottom: 1.5em; |
|||
|
|||
padding-right: 0em; |
|||
margin-left: auto; |
|||
} |
|||
|
|||
.component-button { |
|||
margin: 0em 0em; |
|||
padding: .7rem 1rem; |
|||
font-family:'Ubuntu Mono'; |
|||
font-weight: 300; |
|||
font-size: 1.25em; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
color: white; |
|||
border-radius: var(0); |
|||
background: rgb(72, 85, 99, .5) |
|||
} |
|||
|
|||
.component-button:hover{ |
|||
font-weight: 600; |
|||
box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 1) inset; |
|||
background: rgba(72, 85, 99, 0.898) |
|||
} |
|||
|
|||
/* ------- Hero Section ------- */ |
|||
|
|||
|
|||
.hero-download{ |
|||
display: flex; |
|||
justify-content: center; |
|||
width: 20%; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
margin-top: 3em; |
|||
padding: 1.5em 1em; |
|||
} |
|||
|
|||
.hero-download.mobile{ |
|||
width: 60%; |
|||
padding: 1.5em 1em; |
|||
border-radius: 0em; |
|||
font-size: 1.4em; |
|||
margin-top: 5em; |
|||
} |
|||
|
|||
.hero-small{ |
|||
display: flex; |
|||
justify-content: center; |
|||
color: rgb(145, 164, 184); |
|||
font-size: 1em; |
|||
text-align: center; |
|||
font-family:'Ubuntu Mono'; |
|||
padding-top: 1em; |
|||
} |
|||
|
|||
.hero-small.mobile{ |
|||
font-size: 1.1em; |
|||
} |
|||
|
|||
.hero-background{ |
|||
background-repeat: repeat-x; |
|||
background-position-x: center; |
|||
background-size: 2500px; |
|||
height: 500px; |
|||
background-image:url("img/graphic_hero_background_gradient.png"); |
|||
background-color: rgb(35, 40, 52); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.hero-background.mobile{ |
|||
display: flex; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
overflow: hidden; |
|||
background-size: 80em; |
|||
height: initial; |
|||
padding-top: 2em; |
|||
} |
|||
|
|||
.hero-image{ |
|||
display: block; |
|||
height: 350px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
left: 50%; |
|||
margin-left: -400px; |
|||
overflow: hidden; |
|||
padding-top: 2em; |
|||
} |
|||
|
|||
.hero-image-mobile{ |
|||
display: block; |
|||
width: 80%; |
|||
margin-top: 4em; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
height: fit-content; |
|||
overflow: visible; |
|||
|
|||
} |
|||
|
|||
/* ------- Page & Content Sizing------- */ |
|||
|
|||
body{ |
|||
margin: 0em; |
|||
padding: 0em; |
|||
background-color: rgb(35, 40, 52); |
|||
} |
|||
|
|||
.page-content{ |
|||
|
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
margin-bottom: 4em; |
|||
width: 1200px; |
|||
|
|||
|
|||
} |
|||
|
|||
.page-content.mobile{ |
|||
display: flexbox; |
|||
width: 100%; |
|||
margin-bottom: 0em; |
|||
|
|||
} |
|||
|
|||
/* ------- Grids ------- */ |
|||
|
|||
.grid-container-3x2{ |
|||
display: grid; |
|||
grid-template-columns: auto auto auto; |
|||
grid-template-rows: auto auto; |
|||
gap: 2em; |
|||
padding: -1em 2em; |
|||
padding-top: 4em; |
|||
} |
|||
|
|||
.grid-container-3x2.mobile{ |
|||
display: grid; |
|||
grid-template-columns: auto; |
|||
grid-template-rows: auto; |
|||
gap: 2em; |
|||
padding: 8em 4em; |
|||
padding-top: 4em; |
|||
} |
|||
|
|||
.grid-item-3x2{ |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
color: aliceblue; |
|||
text-align: center; |
|||
padding: 0em 0em; |
|||
} |
|||
|
|||
.grid-item-3x2.mobile{ |
|||
|
|||
} |
|||
|
|||
.grid-container-2x1{ |
|||
display: grid; |
|||
grid-template-columns: auto auto auto; |
|||
grid-template-rows: auto auto; |
|||
gap: 4em; |
|||
padding: -1em 2em; |
|||
} |
|||
|
|||
.grid-container-2x1.mobile{ |
|||
grid-template-columns: auto; |
|||
gap: 2em; |
|||
padding: 0em 4em; |
|||
padding-bottom: 0em; |
|||
} |
|||
|
|||
.grid-item-desc-2x1{ |
|||
padding: 0em 0em; |
|||
font-size: 1.1rem; |
|||
} |
|||
|
|||
.grid-item-desc.mobile{ |
|||
margin: 0em -3em; |
|||
} |
|||
|
|||
|
|||
.grid-item-desc.mobile > p { |
|||
margin: 0em 3em; |
|||
} |
|||
|
|||
|
|||
|
|||
.grid-item-icon{ |
|||
display: inline-block; |
|||
padding-top: 1em; |
|||
max-width: 35%; |
|||
} |
|||
|
|||
.grid-item-button{ |
|||
position: relative; |
|||
z-index: 0; |
|||
margin-top: -3em; |
|||
padding: 1em 0em; |
|||
border-radius: 0em; |
|||
background-color: rgb(72, 85, 99); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.grid-item-button:hover{ |
|||
font-weight: 600; |
|||
box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 1) inset; |
|||
background-color: rgb(72, 85, 99); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.grid-item-button-text{ |
|||
padding-top: 1em; |
|||
margin-bottom: 0em; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.grid-sub-item{ |
|||
padding: 2em; |
|||
position: relative; |
|||
z-index: 1; |
|||
border-radius: 0em; |
|||
background-color: rgb(16, 23, 34) |
|||
} |
|||
|
|||
.grid-item-screenshot{ |
|||
display: inline-block; |
|||
padding-right: 8em; |
|||
padding-top: 4em; |
|||
max-width: 100%; |
|||
} |
|||
|
|||
.grid-item-screenshot.mobile{ |
|||
display: inline-block; |
|||
padding-right: 0em; |
|||
padding-top: 0em; |
|||
max-width: 100%; |
|||
} |
|||
|
|||
/* ------- Dividers ------- */ |
|||
|
|||
.divider{ |
|||
background-image: url(img/graphic_divider_dragonx.png); |
|||
background-repeat: repeat-x; |
|||
background-position-x: center; |
|||
background-position-y: center; |
|||
background-size: 1200px; |
|||
height: 100px; |
|||
background-color: rgb(26, 26, 26); |
|||
} |
|||
|
|||
.divider.mobile{ |
|||
background-size: 900px; |
|||
height: 80px; |
|||
} |
|||
|
|||
|
|||
/* ------- Buy HUSH Section ------- */ |
|||
|
|||
.buttons-single-row{ |
|||
display: flex; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
width: 50%; |
|||
margin-top: 0em; |
|||
|
|||
} |
|||
|
|||
.buttons-single-row.mobile{ |
|||
display: grid; |
|||
margin-bottom: 4em; |
|||
margin-top: 2em; |
|||
|
|||
} |
|||
|
|||
.buttons-single-row > a{ |
|||
|
|||
display: block; |
|||
margin: 1em; |
|||
|
|||
} |
|||
|
|||
|
|||
.button-single-column{ |
|||
display: block; |
|||
width: 50%; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
margin-top: 2em; |
|||
margin-bottom: 2em; |
|||
} |
|||
|
|||
.download-small{ |
|||
display: flex; |
|||
justify-content: center; |
|||
color: #878787; |
|||
font-size: .9em; |
|||
text-align: center; |
|||
font-family:'Ubuntu Mono'; |
|||
padding-top: 0em; |
|||
margin-top: -2em; |
|||
} |
|||
|
|||
.download-small.mobile{ |
|||
margin-top: -7.5em; |
|||
margin-bottom: 6em; |
|||
} |
|||
|
|||
.button-single-column.mobile{ |
|||
display: flexbox; |
|||
justify-content: center; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
padding: 1em 1em; |
|||
width: 80%; |
|||
} |
|||
|
|||
.button-single-column.mobile.grid-1x2{ |
|||
|
|||
padding: 1.5em 1em; |
|||
margin-bottom: 6em; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/* ------- HTML Tag Properties ------- */ |
|||
|
|||
h1{ |
|||
font-family:'Ubuntu Mono'; |
|||
text-align: center; |
|||
font-size: var(--typography-h1); |
|||
color: white; |
|||
} |
|||
|
|||
h2{ |
|||
|
|||
font-family:'Ubuntu Mono'; |
|||
text-align: center; |
|||
font-size: var(--typography-h2); |
|||
color: white; |
|||
} |
|||
|
|||
h2.grid-item-heading-2x2{ |
|||
margin: 0%; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
padding-top: 2.5em; |
|||
} |
|||
|
|||
h2.grid-item-heading-2x2.mobile{ |
|||
margin: 0%; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
padding-top: 2em; |
|||
padding-bottom: 0em; |
|||
} |
|||
|
|||
h2.home-heading{ |
|||
margin: 0%; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
margin-bottom: 0em; |
|||
padding-top: 5em; |
|||
} |
|||
|
|||
h2.home-heading.mobile{ |
|||
padding-top: 4em; |
|||
} |
|||
|
|||
h4{ |
|||
font-family:'Ubuntu Mono'; |
|||
text-align: center; |
|||
font-size: var(--typography-h4); |
|||
color: white; |
|||
} |
|||
|
|||
h4.grid-item-title{ |
|||
text-align: left; |
|||
} |
|||
|
|||
h4.footer-CTA{ |
|||
margin: 0em 0em; |
|||
} |
|||
|
|||
p{ |
|||
font-family:'Ubuntu Mono'; |
|||
font-size: var(--typography-p); |
|||
text-align: center; |
|||
color: white; |
|||
} |
|||
|
|||
p.grid-item-desc{ |
|||
text-align: left; |
|||
color: rgb(145, 164, 184); |
|||
} |
|||
|
|||
p.grid-item-button-text{ |
|||
text-align: center; |
|||
color: rgb(248, 255, 255); |
|||
text-decoration: none; |
|||
} |
|||
|
|||
p.footer-tagline{ |
|||
font-size: 1.2em; |
|||
} |
|||
|
|||
p.p-desc.mobile{ |
|||
margin: 0em .5em; |
|||
} |
|||
|
|||
small.mobile{ |
|||
font-size: 1.75m; |
|||
} |
|||
|
|||
/* ------- Footer ------- */ |
|||
|
|||
.section-footer{ |
|||
margin-top: 0em; |
|||
} |
|||
|
|||
.section-footer.mobile{ |
|||
margin: 0em 2em; |
|||
} |
|||
|
|||
.footer-copywrite{ |
|||
padding: 2em .5rem; |
|||
text-align: center; |
|||
color: white; |
|||
font-family:'Ubuntu Mono'; |
|||
} |
|||
|
|||
.container-footer-icons{ |
|||
padding: .75rem .5rem; |
|||
text-align: center; |
|||
} |
|||
|
|||
.container-footer-icons.mobile{ |
|||
display: grid; |
|||
grid-template-columns: auto auto auto; |
|||
|
|||
} |
|||
|
|||
.footer-icons{ |
|||
padding: 1rem .75rem; |
|||
width: 2.75em; |
|||
} |
|||
|
|||
.footer-icons:hover{ |
|||
filter: invert(100%); |
|||
background-color: rgb(0, 0, 0); |
|||
border-radius: var(--radius-card); |
|||
|
|||
} |
|||
|
|||
.tooltip { |
|||
position: relative; |
|||
display: inline-block; |
|||
border-bottom: 1px dotted black; |
|||
} |
|||
|
|||
.tooltip { |
|||
font-family:'Ubuntu Mono'; |
|||
visibility: hidden; |
|||
width: 120px; |
|||
background-color: rgb(255, 255, 255); |
|||
color: rgb(0, 0, 0); |
|||
text-align: center; |
|||
border-radius: var(--radius-card); |
|||
padding: 5px 0; |
|||
/* Position the tooltip */ |
|||
position: absolute; |
|||
z-index: 1; |
|||
margin-left: -5.5rem; |
|||
margin-top: -2.75rem; |
|||
|
|||
} |
|||
.footer-icons:hover + .tooltip { |
|||
visibility: visible; |
|||
} |
|||
|
|||
/* ------- Media Queries ------- */ |
|||
|
|||
|
|||
@media screen and (min-aspect-ratio: 4/3) and (max-aspect-ratio: 21/9){ |
|||
.nav{ |
|||
display: none; |
|||
} |
|||
.mobile-nav{ |
|||
display: none; |
|||
} |
|||
.mobile{ |
|||
display: none; |
|||
} |
|||
.hero-image-mobile{ |
|||
display: none; |
|||
} |
|||
.filler{ |
|||
display: none; |
|||
} |
|||
.hero-background.mobile{ |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
@media screen and (max-aspect-ratio: 4/3){ |
|||
|
|||
.desktop{ |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
@media only screen and (hover: none) and (pointer: coarse){ |
|||
|
|||
} |
|||
@ -1,125 +1,159 @@ |
|||
<!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%">#TIPTIME#</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: #BLOCKS# </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: #TXCOUNT#</td> |
|||
<td style="font-size: 14px; width: 50%">Transaction Rate: #TXRATE# per minute </td> |
|||
</tr> |
|||
</table> |
|||
<table> |
|||
<tr> |
|||
<td style="font-size: 14px; width: 50%">Hashrate: #NETWORKSOLPS# MSol/s</td> |
|||
<td style="font-size: 14px; width: 50%">Difficulty: #DIFFICULTY#</td> |
|||
</tr> |
|||
</table> |
|||
<table> |
|||
<tr> |
|||
<td style="font-size: 14px; width: 50%">Circulating Supply: #SUPPLY# HUSH</td> |
|||
<td style="font-size: 14px; width: 50%">Shielded Supply: #ZFUNDS# 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: #ZFUNDS_PERCENT# </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%">#CONNECTIONS# peers connected via TLS 1.3</td> |
|||
<td style="font-size: 14px; width: 50%">Protocol Version: #PROTOCOLVERSION#</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="" class="component-button" style="--index: 0;"><small class="" style="text-decoration: line-through;">Mine DragonX</small></a> |
|||
<a href="" class="component-button" style="--index: 1;"><small class="" style="text-decoration: line-through;">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> |
|||
</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="" class="component-button"><small class="" style="text-decoration: line-through;">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> |
|||
</nav> |
|||
</nav> |
|||
</header> |
|||
<div class="header-space"></div> |
|||
<div class="divider"></div> |
|||
<section class="explorer-section"> |
|||
<input class="explorer-radio" type="radio" checked="checked" name="radio" id="hush-tab" style=""> |
|||
<input class="explorer-radio" type="radio" name="radio" id="dragonx-tab" style=""> |
|||
<div class="explorer-content-body"> |
|||
<section class="explorer-content"> |
|||
<div class="hush-tab-info-bar"><span>DragonX Was built on the <a href="">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 <a href=""> 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>#NETWORKSOLPS#</span></div> |
|||
<div class="explorer-content-bar"><h3>Anonymity Set: </h3><span>2410752</span></div> |
|||
<div class="explorer-content-bar"><h3>Total Transactions: </h3><span>#TXCOUNT#</span></div> |
|||
<div class="explorer-content-bar"><h3>Price: </h3><span>0.00000273 BTC</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>.0077033708 BTC</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>Sielded 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> |
|||
|
|||
|
|||
|
|||
<!-- <div> |
|||
<h2>DragonX Explorer</h2> |
|||
<h3>Private Cryptocurrency and Messenger using Zero Knowledge Mathematics</h3> |
|||
<p class="header-details">This explorer was forked from the <a class="explorer-links" href="https://explorer.hush.land">HUSH Explorer</a>.</p> |
|||
<table> |
|||
<tr> |
|||
<td style="font-size: 14px; width: 50%">#TIPTIME#</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: #BLOCKS# </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: #TXCOUNT#</td> |
|||
<td style="font-size: 14px; width: 50%">Transaction Rate: #TXRATE# per minute </td> |
|||
</tr> |
|||
</table> |
|||
<table> |
|||
<tr> |
|||
<td style="font-size: 14px; width: 50%">Hashrate: #NETWORKSOLPS# MSol/s</td> |
|||
<td style="font-size: 14px; width: 50%">Difficulty: #DIFFICULTY#</td> |
|||
</tr> |
|||
</table> |
|||
<table> |
|||
<tr> |
|||
<td style="font-size: 14px; width: 50%">Circulating Supply: #SUPPLY# HUSH</td> |
|||
<td style="font-size: 14px; width: 50%">Shielded Supply: #ZFUNDS# 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: #ZFUNDS_PERCENT# </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%">#CONNECTIONS# peers connected via TLS 1.3</td> |
|||
<td style="font-size: 14px; width: 50%">Protocol Version: #PROTOCOLVERSION#</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> |
|||
</div> --> |
|||
|
|||
</body> |
|||
</html> |
|||
|
|||
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 962 B |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 110 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 1020 B |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 830 B |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 713 B |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 12 KiB |
Loading…
Reference in new issue