hush
/
hush.is
8
0
Fork 5
Code Issues 9 Pull Requests Projects Releases Wiki Activity
Browse Source

re-enabled hero animation, fixed hero section not covering full screen and being offset on higher resolution monitors/zooms. Improved mobile responsiveness for about section menus. Added "learn more" buttons for the features subsection in the about section.

master
D 5 months ago
parent
f2de9f983b
commit
aa57074a3f
2 changed files with 624 additions and 345 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 104
      css/style.css
  2. 865
      index.html

104
css/style.css
View File

@ -362,18 +362,21 @@ input[type="radio"] ~ a label a {
/* ●=============== Hero ===============● */
.hero {
display: flex;
align-items: center;
align-items: start;
justify-content: center;
width: 100%;
height: 54rem;
height: 100vh;
height: 100svh;
box-sizing: border-box;
max-width: 100%;
/* margin-top: 50vh; */
/* overflow: hidden; */
transform: translateY(32rem);
}
@media (max-aspect-ratio: 4/3) {
.hero {
height: 50rem;
/* height: 50rem; */
}
}
@ -385,7 +388,7 @@ input[type="radio"] ~ a label a {
position: absolute;
justify-content: center;
align-items: center;
margin: -23rem 0 0 0;
margin: -21rem 0 0 0;
width: 100%;
filter: drop-shadow(0vh 0vh 1rem rgba(255, 255, 255, 0.268));
pointer-events: none;
@ -423,7 +426,7 @@ input[type="radio"] ~ a label a {
justify-content: center;
align-items: center;
position: absolute;
margin: -2.25rem 0 0 0;
margin: -4.5rem 0 0 0;
font-size: 2rem;
color: rgb(var(--color-text-main));
/* filter: drop-shadow(0vh 0vh 3vh rgba(255, 255, 255, 0.59)); */
@ -450,13 +453,15 @@ input[type="radio"] ~ a label a {
justify-content: center;
align-items: center;
position: absolute;
margin: -23rem 1.5rem 0 0;
margin: -25.5rem 1.5rem 0 0;
width: 110%;
width: 100vw;
height: 26rem;
background-position: center;
background-size: 160rem;
background-repeat: no-repeat;
background-repeat: repeat-x;
filter: drop-shadow(0vh 3vh 1vh rgb(var(--color-bg-dark)));
/* top: 43rem; */
}
#bg-lines-1 {
@ -485,19 +490,19 @@ input[type="radio"] ~ a label a {
justify-content: center;
align-items: center;
position: absolute;
margin: -56rem 1.5rem 0 0;
margin: -42rem 1.5rem 0 0;
width: 110%;
height: 26rem;
background-position: center;
background-size: 160rem;
background-repeat: no-repeat;
background-repeat: repeat-x;
background-image: url(../graphics/svg_shapes/graphic_hero_bg_lines.svg);
filter: drop-shadow(0vh 3rem 1rem rgb(var(--color-bg-dark)));
}
@media (max-aspect-ratio: 4/3) {
.hero-image {
margin-top: -19rem;
margin-top: -21.5rem;
}
.hero-image > img {
@ -505,12 +510,13 @@ input[type="radio"] ~ a label a {
}
.hero-headline {
margin-top: -10.5rem;
margin-top: -14.5rem;
font-size: 1.7rem;
text-align: center;
}
.hero-sub-headline {
margin-top: -6rem;
margin-top: -8rem;
font-size: 1rem;
text-align: center;
}
@ -525,12 +531,12 @@ input[type="radio"] ~ a label a {
margin-top: -40rem;
}
.hero-bg-lines-overlay {
margin-top: -20rem;
margin-top: -30rem;
}
.hero-btn {
font-size: var(--font-size-m);
margin-top: 8rem;
margin-top: 0rem;
}
}
@ -538,6 +544,7 @@ input[type="radio"] ~ a label a {
#about {
margin: -6.25rem 0 0 0;
position: absolute;
scroll-margin: -6rem;
}
.about {
@ -546,7 +553,7 @@ input[type="radio"] ~ a label a {
justify-content: center;
align-items: top;
width: 100%;
height: 52rem;
height: 100vh;
background-color: rgb(var(--color-bg-grey));
}
@ -588,9 +595,8 @@ input[type="radio"] ~ a label a {
justify-content: center;
align-items: center;
position: absolute;
margin-top: 0vh;
width: 150vh;
height: 52rem;
width: 100%;
height: 100%;
overflow: hidden;
}
@ -607,7 +613,7 @@ input[type="radio"] ~ a label a {
input[id="about-tab-1"]:checked ~ * .features {
transition: transform ease-in-out 750ms;
transform: translateY(0vh);
transform: translateY(4vh);
}
input[id="about-tab-1"]:not(checked) ~ * .features {
transition: transform ease-in-out 750ms;
@ -720,6 +726,24 @@ input[id="about-tab-6"]:not(checked) ~ * .docs {
font-family: "Ubuntu Mono";
}
.grid-item a {
transition: all ease-in-out 200ms;
display: inline-block;
text-decoration: none;
color: white;
background-color: rgba(255, 255, 255, 0.25);
width: 17rem;
padding: .5rem;
position: absolute;
margin-top: 16rem;
border-radius: 0 0 .25rem .25rem;
}
.grid-item a:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.grid-img {
display: flex;
align-items: center;
@ -981,6 +1005,7 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
.docs > a {
padding: 1rem 3rem;
width: 25rem;
}
.docs > h3 {
@ -989,24 +1014,39 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
}
@media (max-aspect-ratio: 4/3) {
#about {
scroll-margin: -3rem;
}
.about {
height: 100vh;
height: 100svh;
}
.about-content {
margin-top: 8rem;
width: 100%;
height: 32rem;
margin-top: 4rem;
}
.about-info {
margin: 0;
height: 32rem;
}
.about-features-grid {
grid-template-columns: auto auto;
margin-top: -5.5rem;
}
.grid-item {
width: 8rem;
height: 8rem;
transform: scale(.95);
}
.grid-img {
@ -1025,6 +1065,11 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
font-size: 0.6rem;
}
.grid-item a {
margin-top: 11rem;
width: 8rem;
}
.table-container {
width: 20rem;
height: 30rem;
@ -1100,6 +1145,7 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
.wallet-info-text > p {
margin-top: -1rem;
font-size: 1rem;
width: 100%;
}
.wallet-info-3 > img {
@ -1110,14 +1156,14 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
}
.wallet-info-2 > img {
width: 16rem;
width: 15rem;
right: unset;
top: 21rem;
border-radius: 0;
}
.wallet-info-1 > img {
width: 18rem;
width: 15rem;
right: unset;
top: 21rem;
border-radius: 0;
@ -1153,12 +1199,12 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
}
.about-info.docs {
margin-top: -15rem;
/* margin-top: -15rem; */
width: 20rem;
}
.grid-item.docs {
display: block;
display: flex;
margin: 0.5rem;
height: 13rem;
width: 9rem;
@ -1181,14 +1227,16 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 {
}
.docs > a {
display: inline-block;
position: absolute;
width: 9rem;
height: 2.5rem;
width: 10rem;
height: 1.5rem;
margin: 0;
padding: 0;
padding: 0 0 .25rem 0;
bottom: 0.75rem;
border-radius: 0;
font-size: 1.5rem;
transform: translateY(.75rem);
}
}

865
index.html
View File

@ -1,26 +1,39 @@
<!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, maximum-scale=1.0, user-scalable=0"
/>
<link rel="shortcut icon" href="favicon_hush_x256.ico" />
<link rel="stylesheet" href="css/style.css?v=1" />
<title>Hush - Speak And Transact Freely</title>
</head>
<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, maximum-scale=1.0, user-scalable=0" />
<link rel="shortcut icon" href="favicon_hush_x256.ico">
<link rel="stylesheet" href="css/style.css?v=1">
<title>Hush - Speak And Transact Freely</title>
</head>
<body>
<!-- Checkbox for Mobile Nav Bar -->
<!-- Header & Nav Bar -->
<header class="header">
<div class="header-nav">
<input type="checkbox" id="nav-check" style="display: none;">
<div class="header-gradient"></div>
<div class="nav-logo">
<a class="header-logo" href="https://hush.is">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" viewBox="0 0 256 256">>
<path fill="white" stroke="none" stroke-width="1" d="M 138.90,158.50
<body>
<!-- Checkbox for Mobile Nav Bar -->
<!-- Header & Nav Bar -->
<header class="header">
<div class="header-nav">
<input type="checkbox" id="nav-check" style="display: none" />
<div class="header-gradient"></div>
<div class="nav-logo">
<a class="header-logo" href="https://hush.is">
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
width="4rem"
height="4rem"
viewBox="0 0 256 256"
>
>
<path
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
@ -119,24 +132,36 @@
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>
<div class="nav-center"></div>
<nav class="nav-buttons">
<a href="https://hush.is" class="component-button"><small>Home</small></a>
<a href="https://git.hush.is/hush/SilentDragonLite/releases" class="component-button"><small>Download</small></a>
<a href="https://videos.hush.is" class="component-button"><small>Videos</small></a>
<a href="https://explorer.hush.is" class="component-button"><small>Explorer</small></a>
<a href="https://blog.hush.is" class="component-button"><small>Blog</small></a>
</nav>
<div class="nav-bg"></div>
<label for="nav-check" class="nav-menu-btn"></label>
</div>
</header>
<!-- Hero Section
134.00,0.00 138.90,4.90 138.90,10.90 Z"
/>
</svg>
</a>
</div>
<div class="nav-center"></div>
<nav class="nav-buttons">
<a href="https://hush.is" class="component-button"
><small>Home</small></a
>
<a
href="https://git.hush.is/hush/SilentDragonLite/releases"
class="component-button"
><small>Download</small></a
>
<a href="https://videos.hush.is" class="component-button"
><small>Videos</small></a
>
<a href="https://explorer.hush.is" class="component-button"
><small>Explorer</small></a
>
<a href="https://blog.hush.is" class="component-button"
><small>Blog</small></a
>
</nav>
<div class="nav-bg"></div>
<label for="nav-check" class="nav-menu-btn"></label>
</div>
</header>
<!-- Hero Section
<section class="hero">
<div class="hero-image" style="--mod-translate-y: -250rem; --mod-translate-x: 0vh">
<img src="./images/logo_HUSH_wordmark_combo_dropshadow.png" alt="">
@ -158,197 +183,369 @@
style="--mod-translate-y: -400vh; --mod-translate-x: 0vh"><small>Learn More</small></a>
</section>
-->
<section class="hero">
<div class="hero-image">
<img src="./images/logo_HUSH_wordmark_combo_dropshadow.png" alt="">
</div>
<div id="bg-lines-1" class="hero-bg-lines-overlay">
</div>
<div id="bg-lines-2" class="hero-bg-lines-overlay">
</div>
<div id="bg-lines-3" class="hero-bg-lines-overlay">
</div>
<!-- Hero Text -->
<h3 class="hero-headline">Speak And Transact Freely</h3>
<h3 class="hero-sub-headline">Private Cryptocurrency and
Messenger Using Zero Knowledge Mathematics</h3>
<div class="hero-bg-lines"></div>
<a href="#about" class="component-button hero-btn"><small>Learn More</small></a>
</section>
<section class="about">
<div class="anchor" id="about"></div>
<!-- <input class="about-radio" type="radio" name="radio" id="about-tab-0" style="position: fixed; margin-top: -90vh; z-index: 999;"> -->
<input class="about-radio" checked type="radio" name="radio" id="about-tab-1" style="display: none;">
<input class="about-radio" type="radio" name="radio" id="about-tab-2" style="display: none;">
<input class="about-radio" type="radio" name="radio" id="about-tab-3" style="display: none;">
<input class="about-radio" type="radio" name="radio" id="about-tab-4" style="display: none;">
<input class="about-radio" type="radio" name="radio" id="about-tab-5" style="display: none;">
<input class="about-radio" type="radio" name="radio" id="about-tab-6" style="display: none;">
<div class="about-nav">
<label href="" for="about-tab-1" class="component-button about-btn"><span>Features</span></label>
<label href="" for="about-tab-2" class="component-button about-btn"><span>Specifications</span></label>
<label href="" for="about-tab-3" class="component-button about-btn"><span>Wallets</span></label>
<label href="" for="about-tab-4" class="component-button about-btn"><span>Exchanges</span></label>
<label href="" for="about-tab-5" class="component-button about-btn"><span>Pools</span></label>
<label href="" for="about-tab-6" class="component-button about-btn"><span>Documentation</span></label>
</div>
<section class="hero">
<div
class="hero-image"
style="--mod-translate-y: -250rem; --mod-translate-x: 0vh"
>
<img src="./images/logo_HUSH_wordmark_combo_dropshadow.png" alt="" />
</div>
<div class="about-content">
<div class="about-info features" style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">
<div class="about-features-grid">
<div class="grid-item">
<img class="grid-img" src="./graphics/features/graphic_privacy_by_default.png" alt="">
<h3>Private By Default</h3>
<p>HUSH achieves privacy with mandatory z2z transactions</p>
</div>
<div class="grid-item">
<img class="grid-img" src="./graphics/features/graphic_network_encrypted.png" alt="">
<h3>Network Encryption</h3>
<p>First cryptocoin to encrypt data at protocol level</p>
</div>
<div class="grid-item">
<img class="grid-img" src="./graphics/features/graphic_encrypted_messaging.png" alt="">
<h3>Encrypted Chat System</h3>
<p>HushChat has no phone numbers nor centralized web servers</p>
</div>
<div class="grid-item">
<img class="grid-img" src="./graphics/features/graphic_anonymity_set.png" alt="">
<h3>Anonymity</h3>
<p>Hush has the largest anonset among all known privacy coins</p>
</div>
<div class="grid-item">
<img class="grid-img" src="./graphics/features/graphic_sietch.png" alt="">
<h3>Sietch</h3>
<p>Protection from linkability analysis of z2z transactions</p>
</div>
<div class="grid-item">
<img class="grid-img" src="./graphics/features/graphic_smartchains.png" alt="">
<h3>Hush Arrakis Chains</h3>
<p>Create your own privacy coin with a single command</p>
</div>
</div>
</div>
<div class="about-info specs" style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">
<div class="about-specs-grid">
<table class="table-container">
<tr>
<td class="table-left odd">Algorithm:</td>
<td class="table-right odd">Equihash</td>
</tr>
<tr>
<td class="table-left even">Block Time:</td>
<td class="table-right even">75 Seconds</td>
</tr>
<tr>
<td class="table-left odd">Block Reward:</td>
<td class="table-right odd">3.125 HUSH</td>
</tr>
<tr>
<td class="table-left even">Difficulty Adjustment:</td>
<td class="table-right even">Every Block, Digishield V3</td>
</tr>
<tr>
<td class="table-left odd">Reward Halving:</td>
<td class="table-right odd">Every 4 Years (Same as BTC)</td>
</tr>
<tr>
<td class="table-left even">Total Coin Supply:</td>
<td class="table-right even">21,000,000 (Same as BTC)</td>
</tr>
<tr>
<td class="table-left odd">Founders Reward:</td>
<td class="table-right odd">10%</td>
</tr>
<tr>
<td class="table-left even">Premine:</td>
<td class="table-right even">0.76% (160,000 HUSH)</td>
</tr>
<tr>
<td class="table-left odd">P2P Port:</td>
<td class="table-right odd">18030</td>
</tr>
<tr>
<td class="table-left even">RPC Port:</td>
<td class="table-right even">18031</td>
</tr>
</table>
</div>
</div>
<input class="wallet-radio" checked type="radio" name="wallet-radio" id="about-wallet-1" style="display: none;">
<input class="wallet-radio" type="radio" name="wallet-radio" id="about-wallet-2" style="display: none;">
<input class="wallet-radio" type="radio" name="wallet-radio" id="about-wallet-3" style="display: none;">
<div class="about-info wallets" style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">
<div class="about-wallet-nav">
<label href="" for="about-wallet-1" class="component-button about-wallet-btn"><span>Full Node
Wallet</span></label>
<label href="" for="about-wallet-2" class="component-button about-wallet-btn"><span>Lite Wallet</span></label>
<label href="" for="about-wallet-3" class="component-button about-wallet-btn"><span>Mobile
Wallet</span></label>
</div>
<div class="wallet-info-1">
<div class="wallet-info-text">
<h3>SILENT DRAGON (SD)</h3>
<h2>Full Node Wallet</h2>
<p>All-in-one, SilentDragon is a highspeed messaging, transaction, and asset platform for the blockchain.
</p>
<p>
SilentDragon enables rapid messaging, transacting and issuance for private or public addresses, on all
platforms.
</p>
<a href="https://git.hush.is/hush/SilentDragon/releases" class="component-button"><small>Download
Wallet</small></a>
</div>
<img src="./graphics/mockups/mockup_SD_Laptop.png" alt="">
</div>
<div class="wallet-info-2">
<div class="wallet-info-text">
<h3>SILENT DRAGON LITE (SDL)</h3>
<h2>Lite Wallet</h2>
<p>Private messenger for pseudonymous and anonymous communications
</p>
<p>
SilentDragonLite is a lightwallet for HUSH which runs on Linux and Windows. This does not require you to
download the full blockchain.
</p>
<a href="https://git.hush.is/hush/SilentDragonLite/releases" class="component-button"><small>Download
Wallet</small></a>
</div>
<img src="./graphics/mockups/mockup_SDL_Laptop.png" alt="">
</div>
<div class="wallet-info-3">
<div class="wallet-info-text">
<h3>SILENT DRAGON ANDROID (SDA)</h3>
<h2>Mobile Wallet</h2>
<p>SilentDragonAndroid is a completely standalone Android Lite Wallet.
</p>
<a href="https://git.hush.is/hush/SilentDragonAndroid/releases" class="component-button"><small>Download
Wallet</small></a>
</div>
<img src="./graphics/mockups/mockup_SDA_Phone.png" alt="">
</div>
</div>
<div class="about-info exchanges" style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">
<div class="about-exchanges-grid">
<div class="grid-item exchanges">
<img src="./graphics/logos/logo_safetrade.png" alt="">
<a href="https://safe.trade/trading/hushbtc"
class="component-button"><small>safe.trade</small></a>
<p>(No KYC, 2FA required)</p>
</div>
<div class="grid-item exchanges">
<img src="./graphics/logos/logo_nonkyc.png" alt="">
<a href="https://nonkyc.io/market/HUSH_BTC" class="component-button"><small>nonkyc.io</small></a>
<p>(No KYC, 2FA required)</p>
</div>
<!--
<div
id="bg-lines-1"
class="hero-bg-lines-overlay"
style="--mod-translate-y: -250rem; --mod-translate-x: -100vh"
></div>
<div
id="bg-lines-2"
class="hero-bg-lines-overlay"
style="--mod-translate-y: -250rem; --mod-translate-x: -100vh"
></div>
<div
id="bg-lines-3"
class="hero-bg-lines-overlay"
style="--mod-translate-y: -250rem; --mod-translate-x: -100vh"
></div>
<div
class="hero-bg-lines"
style="--mod-translate-y: -500vh; --mod-translate-x: 100vh"
></div>
<!-- Hero Text -->
<h3
class="hero-headline"
style="--mod-translate-y: -250rem; --mod-translate-x: 0vh"
>
Speak And Transact Freely
</h3>
<h3
class="hero-sub-headline"
style="--mod-translate-y: -250rem; --mod-translate-x: 0vh"
>
Private Cryptocurrency and Messenger Using Zero Knowledge Mathematics
</h3>
<a href="#about" class="component-button hero-btn"
><small>Learn More</small></a
>
</section>
<section class="about">
<div class="anchor" id="about"></div>
<!-- <input class="about-radio" type="radio" name="radio" id="about-tab-0" style="position: fixed; margin-top: -90vh; z-index: 999;"> -->
<input
class="about-radio"
checked
type="radio"
name="radio"
id="about-tab-1"
style="display: none"
/>
<input
class="about-radio"
type="radio"
name="radio"
id="about-tab-2"
style="display: none"
/>
<input
class="about-radio"
type="radio"
name="radio"
id="about-tab-3"
style="display: none"
/>
<input
class="about-radio"
type="radio"
name="radio"
id="about-tab-4"
style="display: none"
/>
<input
class="about-radio"
type="radio"
name="radio"
id="about-tab-5"
style="display: none"
/>
<input
class="about-radio"
type="radio"
name="radio"
id="about-tab-6"
style="display: none"
/>
<div class="about-nav">
<label href="" for="about-tab-1" class="component-button about-btn"
><span>Features</span></label
>
<label href="" for="about-tab-2" class="component-button about-btn"
><span>Specifications</span></label
>
<label href="" for="about-tab-3" class="component-button about-btn"
><span>Wallets</span></label
>
<label href="" for="about-tab-4" class="component-button about-btn"
><span>Exchanges</span></label
>
<label href="" for="about-tab-5" class="component-button about-btn"
><span>Pools</span></label
>
<label href="" for="about-tab-6" class="component-button about-btn"
><span>Documentation</span></label
>
</div>
<div class="about-content">
<div
class="about-info features"
style="--mod-translate-y: -500vh; --mod-translate-x: -100vh"
>
<div class="about-features-grid">
<div class="grid-item">
<img
class="grid-img"
src="./graphics/features/graphic_privacy_by_default.png"
alt=""
/>
<h3>Private By Default</h3>
<p>HUSH achieves privacy with mandatory z2z transactions</p>
<a href="hush.is/privacy">Learn More</a>
</div>
<div class="grid-item">
<img
class="grid-img"
src="./graphics/features/graphic_network_encrypted.png"
alt=""
/>
<h3>Network Encryption</h3>
<p>First cryptocoin to encrypt data at protocol level</p>
<a href="https://git.hush.is/hush/hush3/releases/tag/v3.6.1"
>Learn More</a
>
</div>
<div class="grid-item">
<img
class="grid-img"
src="./graphics/features/graphic_encrypted_messaging.png"
alt=""
/>
<h3>Encrypted Chat System</h3>
<p>HushChat has no phone numbers nor centralized web servers</p>
<a href="https://git.hush.is/hush/hushchat">Learn More</a>
</div>
<div class="grid-item">
<img
class="grid-img"
src="./graphics/features/graphic_anonymity_set.png"
alt=""
/>
<h3>Anonymity</h3>
<p>Hush has the largest anonset among all known privacy coins</p>
<a href="https://git.hush.is/hush/anonsets">Learn More</a>
</div>
<div class="grid-item">
<img
class="grid-img"
src="./graphics/features/graphic_sietch.png"
alt=""
/>
<h3>Sietch</h3>
<p>Protection from linkability analysis of z2z transactions</p>
<a href="https://git.hush.is/hush/sietch">Learn More</a>
</div>
<div class="grid-item">
<img
class="grid-img"
src="./graphics/features/graphic_smartchains.png"
alt=""
/>
<h3>Hush Arrakis Chains</h3>
<p>Create your own privacy coin with a single command</p>
<a href="https://git.hush.is/hush/hush-smart-chains"
>Learn More</a
>
</div>
</div>
</div>
<div
class="about-info specs"
style="--mod-translate-y: -500vh; --mod-translate-x: -100vh"
>
<div class="about-specs-grid">
<table class="table-container">
<tr>
<td class="table-left odd">Algorithm:</td>
<td class="table-right odd">Equihash</td>
</tr>
<tr>
<td class="table-left even">Block Time:</td>
<td class="table-right even">75 Seconds</td>
</tr>
<tr>
<td class="table-left odd">Block Reward:</td>
<td class="table-right odd">3.125 HUSH</td>
</tr>
<tr>
<td class="table-left even">Difficulty Adjustment:</td>
<td class="table-right even">Every Block, Digishield V3</td>
</tr>
<tr>
<td class="table-left odd">Reward Halving:</td>
<td class="table-right odd">Every 4 Years (Same as BTC)</td>
</tr>
<tr>
<td class="table-left even">Total Coin Supply:</td>
<td class="table-right even">21,000,000 (Same as BTC)</td>
</tr>
<tr>
<td class="table-left odd">Founders Reward:</td>
<td class="table-right odd">10%</td>
</tr>
<tr>
<td class="table-left even">Premine:</td>
<td class="table-right even">0.76% (160,000 HUSH)</td>
</tr>
<tr>
<td class="table-left odd">P2P Port:</td>
<td class="table-right odd">18030</td>
</tr>
<tr>
<td class="table-left even">RPC Port:</td>
<td class="table-right even">18031</td>
</tr>
</table>
</div>
</div>
<input
class="wallet-radio"
checked
type="radio"
name="wallet-radio"
id="about-wallet-1"
style="display: none"
/>
<input
class="wallet-radio"
type="radio"
name="wallet-radio"
id="about-wallet-2"
style="display: none"
/>
<input
class="wallet-radio"
type="radio"
name="wallet-radio"
id="about-wallet-3"
style="display: none"
/>
<div
class="about-info wallets"
style="--mod-translate-y: -500vh; --mod-translate-x: -100vh"
>
<div class="about-wallet-nav">
<label
href=""
for="about-wallet-1"
class="component-button about-wallet-btn"
><span>Full Node Wallet</span></label
>
<label
href=""
for="about-wallet-2"
class="component-button about-wallet-btn"
><span>Lite Wallet</span></label
>
<label
href=""
for="about-wallet-3"
class="component-button about-wallet-btn"
><span>Mobile Wallet</span></label
>
</div>
<div class="wallet-info-1">
<div class="wallet-info-text">
<h3>SILENT DRAGON (SD)</h3>
<h2>Full Node Wallet</h2>
<p>
All-in-one, SilentDragon is a highspeed messaging, transaction,
and asset platform for the blockchain.
</p>
<p>
SilentDragon enables rapid messaging, transacting and issuance
for private or public addresses, on all platforms.
</p>
<a
href="https://git.hush.is/hush/SilentDragon/releases"
class="component-button"
><small>Download Wallet</small></a
>
</div>
<img src="./graphics/mockups/mockup_SD_Laptop.png" alt="" />
</div>
<div class="wallet-info-2">
<div class="wallet-info-text">
<h3>SILENT DRAGON LITE (SDL)</h3>
<h2>Lite Wallet</h2>
<p>
Private messenger for pseudonymous and anonymous communications
</p>
<p>
SilentDragonLite is a lightwallet for HUSH which runs on Linux
and Windows. This does not require you to download the full
blockchain.
</p>
<a
href="https://git.hush.is/hush/SilentDragonLite/releases"
class="component-button"
><small>Download Wallet</small></a
>
</div>
<img src="./graphics/mockups/mockup_SDL_Laptop.png" alt="" />
</div>
<div class="wallet-info-3">
<div class="wallet-info-text">
<h3>SILENT DRAGON ANDROID (SDA)</h3>
<h2>Mobile Wallet</h2>
<p>
SilentDragonAndroid is a completely standalone Android Lite
Wallet.
</p>
<a
href="https://git.hush.is/hush/SilentDragonAndroid/releases"
class="component-button"
><small>Download Wallet</small></a
>
</div>
<img src="./graphics/mockups/mockup_SDA_Phone.png" alt="" />
</div>
</div>
<div
class="about-info exchanges"
style="--mod-translate-y: -500vh; --mod-translate-x: -100vh"
>
<div class="about-exchanges-grid">
<div class="grid-item exchanges">
<img src="./graphics/logos/logo_safetrade.png" alt="" />
<a
href="https://safe.trade/trading/hushbtc"
class="component-button"
><small>safe.trade</small></a
>
<p>(No KYC, 2FA required)</p>
</div>
<div class="grid-item exchanges">
<img src="./graphics/logos/logo_nonkyc.png" alt="" />
<a
href="https://nonkyc.io/market/HUSH_BTC"
class="component-button"
><small>nonkyc.io</small></a
>
<p>(No KYC, 2FA required)</p>
</div>
<!--
<div class="grid-item exchanges">
<img src="./graphics/logos/logo_tradeogre.png" alt="">
<a href="https://tradeogre.com/exchange/BTC-HUSH" class="component-button"><small>tradeogre.com</small></a>
@ -360,94 +557,128 @@
<p>(In Development)</p>
</div>
-->
</div>
</div>
<div class="about-info pools" style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">
<a href="https://hushpool.is/" class="grid-item pools">
<img src="./graphics/logos/logo_hushpool.png" alt="">
<h3>hushpool.is</h3>
</a>
<a href="https://coolmine.top/index.php?coin=8" class="grid-item pools">
<img src="./graphics/logos/logo_coolmine.png" alt="">
<h3>coolmine.top</h3>
</a>
</div>
<div class="about-info docs" style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">
<div class="grid-item docs">
<h3>HUSH V3 WHITEPAPER</h3>
<p>Hush, the world's first pure Sapling chain, eliminating all risk of Sprout inflation bugs and reducing
download size by over 1.6 GB.</p>
<a href="https://git.hush.is/hush/hush-v3-whitepaper/src/branch/master/hush-v3.pdf"
class="component-button"><small>PDF</small></a>
</div>
<div class="grid-item docs">
<h3>HUSHLIST WHITEPAPER</h3>
<p>HushList is a protocol for mailing list style messages on the Hush chain.</p>
<a href="https://git.hush.is/hush/hushlist/src/branch/master/whitepaper/protocol.pdf"
class="component-button"><small>PDF</small></a>
</div>
<div class="grid-item docs">
<h3>HUSHCHAT</h3>
<p>HushChat Private Instant Messenger Protocol on Hush</p>
<a href="https://git.hush.is/hush/hushchat/" class="component-button"><small>READ ME</small></a>
</div>
<div class="grid-item docs">
<h3>SIETCH</h3>
<p>Sietch, a Hush-written metadata protecting functionality</p>
<a href="https://git.hush.is/hush/sietch-whitepaper/raw/branch/master/sietch.pdf"
class="component-button"><small>PDF</small></a>
</div>
</div>
</div>
</section>
<footer>
<h2>Hush is a community project. Everyone is welcomed with open arms!</h2>
<div class="footer-nav">
<a class="footer-icon" href="https://hush.is/twitter/">
<img src="./graphics/social_media_icons/icon_twitter.svg" alt="">
<span class="tooltip">Twitter</span>
</a>
<a class="footer-icon" href="https://hush.is/tg/">
<img src="./graphics/social_media_icons/icon_telegram.svg" alt="">
<span class="tooltip">Telegram</span>
</a>
<a class="footer-icon" href="https://www.youtube.com/channel/UCmGOYuRrFbPGRw5vytVgUQw">
<img src="./graphics/social_media_icons/icon_Youtube.svg" alt="">
<span class="tooltip">Youtube</span>
</a>
<a class="footer-icon" href="https://odysee.com/@hush:17">
<img src="./graphics/social_media_icons/icon_odysee.svg" alt="">
<span class="tooltip">Odysee</span>
</a>
<a class="footer-icon" href="https://git.hush.is/hush">
<img src="./graphics/social_media_icons/icon_git.svg" alt="">
<span class="tooltip">Git</span>
</a>
<a class="footer-icon" href="https://hush.is/matrix/">
<img src="./graphics/social_media_icons/icon_matrix.svg" alt="">
<span class="tooltip">Matrix</span>
</a>
<a class="footer-icon" href="https://bitcointalk.org/index.php?topic=2008578.0">
<img src="./graphics/social_media_icons/icon_bitcointalk.svg" alt="">
<span class="tooltip">Bitcoin Talk</span>
</a>
<a class="footer-icon" href="https://hush.is/mastodon">
<img src="./graphics/social_media_icons/icon_mastadon.svg" alt="">
<span class="tooltip">Mastodon</span>
</a>
<a class="footer-icon" href="https://videos.hush.is/">
<img src="./graphics/social_media_icons/icon_peertube.svg" alt="">
<span class="tooltip">Peertube</span>
</a>
<a class="footer-icon" href="https://hush.is/reddit/">
<img src="./graphics/social_media_icons/icon_reddit.svg" alt="">
<span class="tooltip">Reddit</span>
</a>
</div>
<p>Copyright © 2016-2024 The Hush developers. All rights reserved.</p>
</footer>
</body>
</div>
</div>
<div
class="about-info pools"
style="--mod-translate-y: -500vh; --mod-translate-x: -100vh"
>
<a href="https://hushpool.is/" class="grid-item pools">
<img src="./graphics/logos/logo_hushpool.png" alt="" />
<h3>hushpool.is</h3>
</a>
<a
href="https://coolmine.top/index.php?coin=8"
class="grid-item pools"
>
<img src="./graphics/logos/logo_coolmine.png" alt="" />
<h3>coolmine.top</h3>
</a>
</div>
<div
class="about-info docs"
style="--mod-translate-y: -500vh; --mod-translate-x: -100vh"
>
<div class="grid-item docs">
<h3>HUSH V3 WHITEPAPER</h3>
<p>
Hush, the world's first pure Sapling chain, eliminating all risk
of Sprout inflation bugs and reducing download size by over 1.6
GB.
</p>
<a
href="https://git.hush.is/hush/hush-v3-whitepaper/src/branch/master/hush-v3.pdf"
class="component-button"
><small>PDF</small></a
>
</div>
<div class="grid-item docs">
<h3>HUSHLIST WHITEPAPER</h3>
<p>
HushList is a protocol for mailing list style messages on the Hush
chain.
</p>
<a
href="https://git.hush.is/hush/hushlist/src/branch/master/whitepaper/protocol.pdf"
class="component-button"
><small>PDF</small></a
>
</div>
<div class="grid-item docs">
<h3>HUSHCHAT</h3>
<p>HushChat Private Instant Messenger Protocol on Hush</p>
<a
href="https://git.hush.is/hush/hushchat/"
class="component-button"
><small>READ ME</small></a
>
</div>
<div class="grid-item docs">
<h3>SIETCH</h3>
<p>Sietch, a Hush-written metadata protecting functionality</p>
<a
href="https://git.hush.is/hush/sietch-whitepaper/raw/branch/master/sietch.pdf"
class="component-button"
><small>PDF</small></a
>
</div>
</div>
</div>
</section>
<footer>
<h2>Hush is a community project. Everyone is welcomed with open arms!</h2>
<div class="footer-nav">
<a class="footer-icon" href="https://hush.is/twitter/">
<img src="./graphics/social_media_icons/icon_twitter.svg" alt="" />
<span class="tooltip">Twitter</span>
</a>
<a class="footer-icon" href="https://hush.is/tg/">
<img src="./graphics/social_media_icons/icon_telegram.svg" alt="" />
<span class="tooltip">Telegram</span>
</a>
<a
class="footer-icon"
href="https://www.youtube.com/channel/UCmGOYuRrFbPGRw5vytVgUQw"
>
<img src="./graphics/social_media_icons/icon_Youtube.svg" alt="" />
<span class="tooltip">Youtube</span>
</a>
<a class="footer-icon" href="https://odysee.com/@hush:17">
<img src="./graphics/social_media_icons/icon_odysee.svg" alt="" />
<span class="tooltip">Odysee</span>
</a>
<a class="footer-icon" href="https://git.hush.is/hush">
<img src="./graphics/social_media_icons/icon_git.svg" alt="" />
<span class="tooltip">Git</span>
</a>
<a class="footer-icon" href="https://hush.is/matrix/">
<img src="./graphics/social_media_icons/icon_matrix.svg" alt="" />
<span class="tooltip">Matrix</span>
</a>
<a
class="footer-icon"
href="https://bitcointalk.org/index.php?topic=2008578.0"
>
<img
src="./graphics/social_media_icons/icon_bitcointalk.svg"
alt=""
/>
<span class="tooltip">Bitcoin Talk</span>
</a>
<a class="footer-icon" href="https://hush.is/mastodon">
<img src="./graphics/social_media_icons/icon_mastadon.svg" alt="" />
<span class="tooltip">Mastodon</span>
</a>
<a class="footer-icon" href="https://videos.hush.is/">
<img src="./graphics/social_media_icons/icon_peertube.svg" alt="" />
<span class="tooltip">Peertube</span>
</a>
<a class="footer-icon" href="https://hush.is/reddit/">
<img src="./graphics/social_media_icons/icon_reddit.svg" alt="" />
<span class="tooltip">Reddit</span>
</a>
</div>
<p>Copyright © 2016-2024 The Hush developers. All rights reserved.</p>
</footer>
</body>
</html>

Write Preview
Loading…
Cancel
Save