dan_s
/
dragonx.is
1
0
Fork 1
Code Issues 3 Pull Requests Projects Releases Wiki Activity
Browse Source

added website files to repo

pull/3/head
dan_s 2 years ago
parent
df704e9d14
commit
c100a7ea2c
8 changed files with 3787 additions and 0 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. BIN
      Ubuntu-L.ttf
  2. BIN
      UbuntuMono.ttf
  3. 1713
      explorer.css
  4. 167
      index.html
  5. 398
      index.old.html
  6. 218
      privacy.html
  7. 610
      style.css
  8. 681
      style.old.css

BIN
Ubuntu-L.ttf
View File

Binary file not shown.

BIN
UbuntuMono.ttf
View File

Binary file not shown.

1713
explorer.css
View File

File diff suppressed because it is too large

167
index.html
View File

@ -0,0 +1,167 @@
<!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="12vh" height="12vh" viewBox="0 0 128 128" alt="dragonx logo">
<path fill="white" stroke="none" stroke-width="1" d="M35.86 47.8c-2.76 3.53-5.73 6.97-8.88 10.45-4.11-3.47-8.71-4.13-8.71-4.13 17.78-6.06 2.18-11.77.22-12.65C.14 33.19 0 11.47 0 11.47c8.93 26.49 28.25 25.06 28.25 25.06.28-.17.52-.36.72-.55 1.27 2.54 3.56 6.73 6.89 11.83Zm10.31-16.46c-1.05 2.32-2.26 4.52-3.58 6.7a70.682 70.682 0 0 1-3.58-6.7c1.35-2.67 3.58-15.96 3.58-15.96s2.23 13.29 3.58 15.96Zm5.73 44.63-2.7 1.82s-.08-3.45-2.73-1.43c-.33.25-1.85 1.71-.03 3.31 0 0-3.14 3.17-3.86 6.37-.72-3.2-3.86-6.37-3.86-6.37 1.82-1.6.3-3.06-.03-3.31-2.65-2.01-2.73 1.43-2.73 1.43l-2.7-1.82c.22-2.76.08-5.18-.36-7.3 3.64-3.83 6.86-7.66 9.68-11.33 2.84 3.67 6.04 7.5 9.68 11.33-.44 2.12-.58 4.55-.36 7.3Zm15-21.86s-4.6.66-8.71 4.13c-3.11-3.47-6.12-6.92-8.88-10.45 3.34-5.1 5.62-9.29 6.89-11.83.19.19.44.39.72.55 0 0 19.32 1.43 28.25-25.06 0 0-.14 21.72-18.5 29.99-1.96.88-17.56 6.59.22 12.65Z"/>
<path fill="#91a4b8" stroke="none" stroke-width="1" d="M73.6 99.29s-4.88-19.16-14.53-26.71c-6.62-6.23-12.13-12.79-16.48-18.74-4.36 5.95-9.87 12.54-16.48 18.74-9.62 7.55-14.53 26.71-14.53 26.71-1.85-18.88 6.09-27.79 9.98-32.03 6.06-6.59 11.88-12.85 16.87-19.41-5.93-8.88-8.85-15.3-8.85-15.3-.69-2.54-2.98-5.15-2.98-5.15 4.71-6.28-1.24-13.18-1.24-13.18C29.85 9.86 30.57 6.45 31.81 0c-1.52 17.34 3.11 30.32 10.81 41.98C50.26 30.32 54.89 17.34 53.37 0c1.24 6.48 1.96 9.87 6.45 14.22 0 0-5.95 6.89-1.24 13.18 0 0-2.29 2.62-2.98 5.15 0 0-2.92 6.42-8.82 15.3 4.99 6.56 10.83 12.85 16.87 19.41 3.86 4.24 11.8 13.15 9.95 32.03Z" />
</svg>
</a>
<nav class="nav-links mobile">
<!-- https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md -->
<a href="https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md" class="component-button" style="--index: 0;"><small class="">Mine DragonX</small></a>
<a href="" class="component-button" style="--index: 1;"><small class="">Wallet Coming Soon</small></a>
<a href="https://t.me/+ISXrAVgLnXkwZmU5" class="component-button" style="--index: 2;"><small class="" style="text-decoration: line-through;">Tech Support</small></a>
<a href="https://explorer.dragonx.is" class="component-button" style="--index: 3;"><small class="">Explorer</small></a>
<a href="https://www.youtube.com/channel/UCmGOYuRrFbPGRw5vytVgUQw" class="component-button" style="--index: 3;"><small class="">Guides</small></a>
</nav>
<button class="mobile-menu mobile" style="background-color:rgba(0, 0, 0, 0); border-style: none;">
<label for="nav-check">
<img class="nav-mobile-icon nav-btn" src="../img/mobile-sidebar-button.png" alt="hamburger menu">
</label>
</button>
</nav>
<nav class="nav-bar desktop">
<nav class="nav-links">
<!-- https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md -->
<a href="https://git.hush.is/dan_s/how-to-mine-dragonx/src/branch/master/README.md" class="component-button"><small class="">Mine DragonX</small></a>
<a href="" class="component-button"><small class="" style="text-decoration: line-through;">Wallet Coming Soon</small></a>
<a href="https://t.me/+ISXrAVgLnXkwZmU5" class="component-button"><small class="">Tech Support</small></a>
<a href="https://explorer.dragonx.is" class="component-button" style="--index: 3;"><small class="">Explorer</small></a>
<a href="https://www.youtube.com/channel/UCmGOYuRrFbPGRw5vytVgUQw" class="component-button" style="--index: 3;"><small class="">Guides</small></a>
</nav>
</nav>
</header>
<div class="header-space"></div>
<div class="divider"></div>
<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>
<button class="hero-download">
<a href="" class="component-button hero" style="--index: 0;"><small class="" style="text-decoration: line-through;">Wallet Coming Soon</small></a>
<span>Available on GNU/Linux and Windows 10</span>
</button>
<div class="divider"></div>
<H1 style="font-size: 3.5rem; margin-top: 22vh;">What is DragonX?</H1>
<p class="about-summary">DragonX is a cryptocurrency and messenger built using the technology of the <a href="https://hush.is" style="text-decoration: none; font-weight: 600;">HUSH</a> blockchain.</p>
<section class="grid-content-1x3">
<div class="grid-item">
<div class="grid-inner-container">
<img src="../img/graphics/graphic_cpu.png" alt="cpu mining, randomx">
<p>DragonX is mined with a CPU
rather than GPU or ASIC. This
allows anyone with a computer
the ability to mine. </p>
</div>
<a href="https://git.hush.is/hush/hush3/src/branch/dev/doc/randomx.md">Learn More</a>
</div>
<div class="grid-item">
<div class="grid-inner-container">
<img src="../img/graphics/graphic_no_tax.png" alt="money bag with cross overlay">
<p>NO Pre-Mine and NO dev-tax. Announced in advance for a fair launch.</p>
</div>
<a href="https://bitcointalk.org/index.php?topic=5415965.msg61063012#msg61063012">Learn More</a>
</div>
<div class="grid-item">
<div class="grid-inner-container">
<img src="../img/graphics/graphic_zk_scaling.png" alt="bar graph">
<p>Network level scaling
anonymity with
zk-SNARKS </p>
</div>
<a href="https://git.hush.is/hush/anonsets">Learn More</a>
</div>
<div class="grid-item">
<div class="grid-inner-container">
<img src="../img/graphics/graphic_sietch.png" alt="eye looking over broken chain link">
<p>Shielded transaction
layer utilizing a technology
called SIETCH </p>
</div>
<a href="https://git.hush.is/hush/sietch">Learn More</a>
</div>
<div class="grid-item">
<div class="grid-inner-container">
<img src="../img/graphics/graphic_smartchain.png" alt="blockchain, smart chain">
<p>Fully independent blockchain built with
HUSH </p>
</div>
<a href="https://git.hush.is/hush/hush-smart-chains">Learn More</a>
</div>
<div class="grid-item">
<div class="grid-inner-container">
<img src="../img/graphics/graphic_chat.png" alt="chat bubbles secured with a key">
<p>Encrypted Chat system with no
phone numbers or
centralized servers</p>
</div>
<a href="https://git.hush.is/hush/hushchat">Learn More</a>
</div>
</section>
<div class="divider"></div>
<section class="specs-section">
<div class="specs-content-body">
<div class="specs-tab">
<h3>Specifications</h3>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">Algorithm:</span></div>
<div class="specs-bar-right"><span class="specs-right">RandomX</span></div>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">Blocktime:</span></div>
<div class="specs-bar-right"><span class="specs-right">36 Seconds</span></div>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">Block Reward:</span></div>
<div class="specs-bar-right"><span class="specs-right">3 DRGX</span></div>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">Reward Halving:</span></div>
<div class="specs-bar-right"><span class="specs-right">Every 3.5M Blocks</span></div>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">Total Supply:</span></div>
<div class="specs-bar-right"><span class="specs-right">21,000,000 DRGX</span></div>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">Premine:</span></div>
<div class="specs-bar-right"><span class="specs-right">0 DRGX</span></div>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">P2P Port:</span></div>
<div class="specs-bar-right"><span class="specs-right">21768</span></div>
</div>
<div class="specs-content">
<div class="specs-bar-left"><span class="specs-left">RPC Port:</span></div>
<div class="specs-bar-right"><span class="specs-right">21769</span></div>
</div>
</div>
</section>
<div class="divider"></div>
</body>
</html>

398
index.old.html
View File

@ -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>

218
privacy.html
View File

@ -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>

610
style.css
View File

@ -0,0 +1,610 @@
@import "explorer.css";
/*
----------------------------------------
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') }
@font-face { font-family: 'Ubuntu Mono Light'; src: url('Ubuntu-L.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;
box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.122);
}
.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: none;
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 {
display: grid;
}
#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)
}
.hero-download {
background-color:rgba(240, 248, 255, 0);
border: none;
display: grid;
justify-content: center;
align-items: center;
margin: 2rem;
margin-top: 18vh;
margin-left: auto;
margin-right: auto;
width: 20rem;
}
.hero-download > span {
margin: 1rem;
color: var(--item-bg-light);
}
@media screen and (max-aspect-ratio: 1/1) {
.desktop {
display: none;
}
}
.explorer-radio {
display: none;
/* position: fixed; */
margin: 0;
}
/*=============== Sections ===============*/
/*-------------- Explorer --------------*/
/* explorer.css */
/*-------------- About DragonX --------------*/
.about-summary {
display: flexbox;
margin: 0 13vw;
}
.grid-content-1x3 {
display: grid;
grid-template-columns: auto auto auto;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 12vh;
margin-top: 2vh;
}
.grid-item {
background-color: var(--item-bg-grey);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 2vh;
padding: 0;
width: 30vh;
/* height: 25vh; */
}
.grid-inner-container {
display: flexbox;
margin-left: auto;
margin-right: auto;
height: 30vh;
}
.grid-inner-container > img {
display: flex;
justify-content: center;
align-items: center;
margin: 2rem;
margin-left: auto;
margin-right: auto;
width: 10vh;
}
.grid-inner-container > p {
display: flex;
justify-content: center;
align-items: center;
/* margin: 1rem; */
margin-left: auto;
margin-right: auto;
padding: 0 2vh;
color: var(--text-color-main);
font-size: 2vh;
}
.grid-item > a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background-color: var(--item-bg-dark);
font-size: 2.25vh;
width: 100%;
}
.grid-item > a:hover {
background-color: var(--item-bg-light);
color: var(--item-bg-dark);
font-weight: 800;
}
@media screen and (max-aspect-ratio: 10/8) {
.grid-content-1x3 {
grid-template-columns: auto;
margin-left: auto;
margin-right: auto;
}
.grid-item {
display: flexbox;
width: 35vh;
margin-top: 2vh;
margin-bottom: 2vh;
padding-top: 2vh;
padding-bottom: 2vh;
}
.grid-inner-container {
display: flexbox;
margin-left: auto;
margin-right: auto;
height: 35vh;
}
.grid-inner-container > img {
margin: 4vh;
margin-left: auto;
margin-right: auto;
width: 15vh;
}
.grid-inner-container > p {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding: 0vh 2vh;
font-size: 2vh;
line-height: 1.5rem;
}
.grid-item > a {
margin-top: 2vh;
margin-bottom: -2vh;
}
}
/*-------------- Specifications --------------*/
.specs-section {
display: flexbox;
background-color: var(--item-bg-dark);
margin-top: 8vh;
margin-bottom: 12vh;
margin-left: auto;
margin-right: auto;
width: 55vh;
height: 60vh;
border-radius: .75rem .75rem .75rem .75rem;
}
.specs-content-body {
z-index: 4;
background-color: var(--item-bg-dark);
width: 55vh;
padding: 2vh 0vw;
margin-top: 6vh;
border-radius: .75rem .75rem .75rem .75rem;
}
.specs-tab {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 50vh;
height: 8vh;
margin-top: 1vh;
margin-bottom: 2vh;
margin-left: auto;
margin-right: auto;
background-color: var(--item-bg-grey);
border-radius: .75rem .75rem 0rem 0rem;
font-size: 3vh;
}
.specs-content {
display: flex;
justify-content: center;
align-items: center;
margin: 0vh;
margin-left: auto;
margin-right: auto;
/* background-color: var(--item-bg-light); */
width: 50vh;
border-radius: .75rem .75rem .75rem .75rem;
}
.specs-content:nth-child(9) {
margin-bottom: 1vh;
}
.specs-bar-left {
display: flex;
justify-content: right;
align-items: center;
margin: 1vh;
margin-left: 0;
margin-right: auto;
background-color: var(--item-bg-grey);
height: 4vh;
width: 25vh;
border-radius: .75rem 0rem 0rem .75rem;
}
.specs-bar-right {
display: flex;
justify-content: left;
align-items: center;
margin: 1vh;
margin-left: 0;
margin-right: auto;
background-color: var(--item-bg-light);
height: 4vh;
width: 25vh;
border-radius: 0rem .75rem .75rem 0rem;
}
.specs-right {
color: var(--item-bg-dark);
margin-left: 1vh;
font-size: 2.25vh;
}
.specs-left {
margin-right: 1vh;
font-size: 2.25vh;
}
@media screen and (max-aspect-ratio: 10/8) {
.specs-section {
width: 45vh;
}
.specs-content-body {
width: 45vh;
}
.specs-content {
width: 42vh;
}
.specs-left {
font-size: 2vh;
}
.specs-right {
font-size: 2vh;
}
.specs-tab {
width: 42vh;
margin-top: 0vh;
}
}
/*=============== 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);
}
h1 {
text-align: center;
color: var(--text-color-main);
}
h2 {
text-align: center;
color: var(--text-color-main);
}
h3 {
text-align: center;
color: var(--text-color-main);
}
p {
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;
}
span {
color: var(--text-color-main);
}

681
style.old.css
View File

@ -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){
}
Write Preview
Loading…
Cancel
Save