diff --git a/.gitignore b/.gitignore index 22f4a99..0a3d3b9 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ -/explorer.dragonx.is \ No newline at end of file +/explorer.dragonx.is +/siona-DragonX \ No newline at end of file diff --git a/dragonx.is/FAQ/index.html b/dragonx.is/FAQ/index.html new file mode 100644 index 0000000..714dd54 --- /dev/null +++ b/dragonx.is/FAQ/index.html @@ -0,0 +1,101 @@ + + + + + + + + + + DragonX + + + +
+ + +
+ + + +
+
+ +
+

FAQ

+
+ + +
+
+ + + + diff --git a/dragonx.is/exchanges/index.html b/dragonx.is/exchanges/index.html new file mode 100644 index 0000000..a04f2d9 --- /dev/null +++ b/dragonx.is/exchanges/index.html @@ -0,0 +1,128 @@ + + + + + + + + + + DragonX + + + +
+ + +
+ + + +
+
+ +
+

Exchanges

+
+
+

nonkyc

+ + +
+ DRGX/BTC + DRGX/XMR + DRGX/USDT +
+
+
+

SafeTrade

+ + +
+ DRGX/BTC + DRGX/DERO + DRGX/HUSH +
+
+
+
+ + + + diff --git a/dragonx.is/guides/index.html b/dragonx.is/guides/index.html new file mode 100644 index 0000000..fa7cdb7 --- /dev/null +++ b/dragonx.is/guides/index.html @@ -0,0 +1,113 @@ + + + + + + + + + + DragonX + + + +
+ + +
+ + + +
+
+ +
+

Guides

+
+
+

How To Mine DragonX

+
+ +

A walkthrough on mining DragonX with both the Silent Dragon (GUI) and HUSH Command Line Interface (CLI) Wallets.

+
+ Read Guide +
+
+

How To Set Up a Wallet

+
+ +

How to set up either the Fullnode GUI wallet or Command Line Wallet.

+
+ Coming Soon +
+ +
+ + +
+ + + + diff --git a/dragonx.is/halving/index.html b/dragonx.is/halving/index.html index e98a24d..975e56d 100644 --- a/dragonx.is/halving/index.html +++ b/dragonx.is/halving/index.html @@ -28,55 +28,32 @@
- - - + +
-
-
+ + + +
+
-
+

#

diff --git a/dragonx.is/index.html b/dragonx.is/index.html index cf2e702..c3f6200 100644 --- a/dragonx.is/index.html +++ b/dragonx.is/index.html @@ -3,378 +3,219 @@ - + - + DragonX - +
- - -
+ + + + + +
+
+
+ dragonx hero logo +

Extreme Privacy

+

The World’s First CPU Mineable zk-SNARKs Cryptocurrency

+
+ How To Mine DragonX + +

Get A Wallet Now

+

Direct Download

+
+ + + + +
-
- -
- -

What is DragonX?

- -

- DragonX is a cryptocurrency and messenger built using the technology of - the - HUSH - blockchain. -

-
-
-
- cpu mining, randomx +
+
+

What is DragonX?

+

+ DragonX is a cryptocurrency and messenger built using the technology of + the HUSH blockchain. +

+
+
+

DragonX is mined with a CPU rather than GPU or ASIC. This allows anyone with a computer the ability to mine.

+ Learn More
- Learn More -
-
-
- money bag with cross overlay +
+

- NO Pre-Mine and NO dev-tax. Announced in advance for a fair launch. + NO Pre-Mine and NO dev-tax. Announced in advance for a fair launch..

+ Learn More
- - Learn More -
-
-
- bar graph +
+

Network level scaling anonymity with zk-SNARKS

+ Learn More
- Learn More -
-
-
- eye looking over broken chain link +
+

Shielded transaction layer utilizing a technology called SIETCH

+ Learn More
- Learn More -
-
-
- blockchain, smart chain +
+

Fully independent blockchain built with HUSH

+ Learn More
- - Learn More -
-
-
- chat bubbles secured with a key +
+

Encrypted Chat system with no phone numbers or centralized servers

+ Learn More
- Learn More
- -
- -
-

Exchanges

-
-
-

nonkyc exchange

- - -
-
-

nonkyc exchange

- - -
-
+
+

Roadmap

- -
- -
-
-
-

Specifications

-
-
-
- Algorithm: -
-
- RandomX -
-
-
-
- Blocktime: -
-
- 36 Seconds -
-
-
-
- Block Reward: -
-
- 3 DRGX -
-
-
-
- Reward Halving: -
-
- Every 3.5M Blocks -
-
-
-
- Total Supply: -
-
- 21,000,000 DRGX -
-
-
-
- Premine: -
-
- 0 DRGX -
-
-
-
- P2P Port: -
-
- 21768 -
-
-
-
- RPC Port: -
-
- 21769 -
+
+

Chain Specifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Algorithm:RandomX
Blocktime:36 Seconds
Block Reward:3 DRGX
Reward Halving:Every 3.5M Blocks
Total Supply:21,000,000 DRGX
Premine:0 DRGX
P2P Port:21768
RPC Port:21769
+
+
- -
+
+ + + +
+ © Copyright DragonX + diff --git a/dragonx.is/index.old.html b/dragonx.is/index.old.html deleted file mode 100644 index 0a0a632..0000000 --- a/dragonx.is/index.old.html +++ /dev/null @@ -1,398 +0,0 @@ - - - - - - - -Hush - Speak and Transact Freely - - - - - - - - - - -
-
- - - -
-
- -
-
- -
-
- -
- -
- - - - Download HUSH & HUSH chat - Available on GNU/Linux and Windows 10 - -
-

Why HUSH?

-

Hush claims to be the most private cryptocurrency and here is why

-
-
-
- -

Private by Default

-

HUSH achieves privacy with mandatory z2z transactions

-
- -
- -
-
- -

Network Encryption

-

First cryptocoin to encrypt data at protocol level

-
- -
- -
-
- -

Encrypted Chat System

-

HushChat has no phone numbers nor centralized web servers

-
- -
- -
-
- -

Anonymity Set

-

Hush has the largest anonset among all known privacy coins

-
- -
- - -
-
- -

Sietch

-

Protection from linkability analysis of z2z transactions

-
- -
- -
-
- -

Hush Smart Chains

-

Create your own privacy coin with a single command

-
- -
- - -
-
- -
- -
- -
-

HUSH Chat

-
- -
-
- -

Silent Dragon Lite has HUSH Chat, the most private messenger with no phone numbers and leaking no metadata

- Download Lite Wallet - Lite Wallet includes Hush Messenger -
- -
- -
-

HUSH Full Node Wallet

-
- -
-
- -

Silent Dragon is the Full Node Wallet for HUSH that connects to a hushd Full Node software

- Download Full Node Wallet - Available on GNU/Linux and Windows 10 -
-
-
- -
- -
- -
-
-

Buy HUSH

-

1 HUSH = 10000 encrypted messages

- -
-
- - - - -
- -
- - - - - - - - - - - -
- -
- - Download HUSH & HUSH chat - Available on GNU/Linux and Windows 10 - -
-

Why HUSH?

-

Hush claims to be the most private cryptocurrency and here is why

-
-
-
- -

Private by Default

-

HUSH achieves privacy with mandatory z2z transactions

-
- -
- -
-
- -

Network Encryption

-

First cryptocoin to encrypt data at protocol level

-
- -
- -
-
- -

Encrypted Chat System

-

HushChat has no phone numbers nor centralized web servers

-
- -
- -
-
- -

Anonymity Set

-

Hush has the largest anonset among all known privacy coins

-
- -
- - -
-
- -

Sietch

-

Protection from linkability analysis of z2z transactions

-
- -
- -
-
- -

Hush Smart Chains

-

Create your own privacy coin with a single command

-
- -
- - -
-
- -
- -
- -
-
-
-

HUSH Chat

-

Silent Dragon Lite has HUSH Chat, the most private messenger with no phone numbers and leaking no metadata

- Download Lite Wallet - Lite Wallet includes Hush Messenger -
-
- -
-
-
-
- -
-
-

HUSH Full Node Wallet

-

Silent Dragon is the Full Node Wallet for HUSH that connects to a hushd Full Node software

- Download Full Node Wallet - Available on GNU/Linux and Windows 10 -
-
-
- -
- -
- -
-
-

Buy HUSH

-

1 HUSH = 10000 encrypted messages

- -
-
- - - - -
- -
- - - - - - - - - - diff --git a/dragonx.is/mining/index.html b/dragonx.is/mining/index.html new file mode 100644 index 0000000..91469a7 --- /dev/null +++ b/dragonx.is/mining/index.html @@ -0,0 +1,205 @@ + + + + + + + + + + DragonX + + + +
+ + +
+ + + +
+
+ +
+

How To Mine DragonX

+
+

+ Mining From Silent Dragon
+ (GUI WALLET) +

+

+ The easiest way to mine is with the Silent Dragon X Wallet. Simply + download and run the wallet then under the mining tab, select the + number of threads to mine with and click the Mining Button. +

+ +
+
+

+ Mining From CLI
+ (Command Line Interface) +

+

Download the CLI wallet

+

+ First download the CLI wallet from the releases page + here +

+ Unzip the archive. + +

+

+ Then navigate to the folder containing the wallet. Then in an empty area of + the windows explorer,
+ right click > Open in Terminal

+ + + + If windows terminal is not installed, it can be found + here. +

+ In the terminal type ./dragonxd to start the node. +

+ +

Then right click the tab in the terminal and Duplicate Tab

. + +

+ Then in the new tab type ./dragonx-cli getinfo. You will know + when the node is fully synced and ready to start mining when both + "blocks" and "longestchain" are the same number. +

+ +

+ After syncing your node, type + ./dragonx-cli setgenerate true $(1)
+
"1" can be changed for the number of threads you want to + mine with, more threads means more mining power. Generally you can + find the total number of threads your CPU has by taking the number of + cores and multiplying by 2. +

+ +

+ If you check back on the first tab running the node you will notice it + now shows setgenerate:HUSH_MININGTHREADS=1. +

+ +

You are now mining DragonX from the terminal!

+

+ To stop mining simply type ./dragonx-cli setgenerate false in + the second terminal tab. +

+

+ you can check your balance with ./dragonx-cli getwalletinfo +

+

+ To use any mined funds they must first be shielded to a z-address + which can be done by generating a z-address and shielding all funds to + that address with:

./dragonx-cli z_getnewaddress +

+ ./dragonx-cli z_shieldcoinbase "*" "generated z-address" 0.0001 0 +

+

this will shield all mining funds to the specified z-address.

+

shielded funds can be checked with ./dragonx-cli z_gettotalbalance

+
+
+ + + + diff --git a/dragonx.is/old,index.html b/dragonx.is/old,index.html new file mode 100644 index 0000000..cf2e702 --- /dev/null +++ b/dragonx.is/old,index.html @@ -0,0 +1,380 @@ + + + + + + + + + DragonX + + + +
+ + + +
+
+
+
+ dragonx the world's first cpu mineable zk-snarks cryptocurrency +
+

The World's First CPU Mineable zk-SNARKs Cryptocurrency

+ +

Direct Download

+ Available on GNU/Linux and Windows 10 + + + + +
+ +

What is DragonX?

+ +

+ DragonX is a cryptocurrency and messenger built using the technology of + the + HUSH + blockchain. +

+ +
+
+
+ cpu mining, randomx +

+ DragonX is mined with a CPU rather than GPU or ASIC. This allows + anyone with a computer the ability to mine. +

+
+ Learn More +
+
+
+ money bag with cross overlay +

+ NO Pre-Mine and NO dev-tax. Announced in advance for a fair launch. +

+
+ + Learn More +
+
+
+ bar graph +

Network level scaling anonymity with zk-SNARKS

+
+ Learn More +
+
+
+ eye looking over broken chain link +

Shielded transaction layer utilizing a technology called SIETCH

+
+ Learn More +
+
+
+ blockchain, smart chain +

Fully independent blockchain built with HUSH

+
+ + Learn More +
+
+
+ chat bubbles secured with a key +

+ Encrypted Chat system with no phone numbers or centralized servers +

+
+ Learn More +
+
+ +
+ +
+

Exchanges

+
+
+

nonkyc exchange

+ + +
+
+

nonkyc exchange

+ + +
+
+
+ +
+ +
+
+
+

Specifications

+
+
+
+ Algorithm: +
+
+ RandomX +
+
+
+
+ Blocktime: +
+
+ 36 Seconds +
+
+
+
+ Block Reward: +
+
+ 3 DRGX +
+
+
+
+ Reward Halving: +
+
+ Every 3.5M Blocks +
+
+
+
+ Total Supply: +
+
+ 21,000,000 DRGX +
+
+
+
+ Premine: +
+
+ 0 DRGX +
+
+
+
+ P2P Port: +
+
+ 21768 +
+
+
+
+ RPC Port: +
+
+ 21769 +
+
+
+
+ +
+ + diff --git a/dragonx.is/old.old.style.css b/dragonx.is/old.old.style.css new file mode 100644 index 0000000..a45b34f --- /dev/null +++ b/dragonx.is/old.old.style.css @@ -0,0 +1,1003 @@ +@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; + overflow-x: hidden; +} + +html { + scroll-behavior: smooth; +} + +.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: 0.5rem; + background: rgb(72, 85, 99, 0.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: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 0rem 0 2rem 0; + margin-left: auto; + margin-right: auto; + width: 100%; + height: 10rem; +} + +.hero-btn-container { + display: flex; + align-items: center; + justify-content: center; + transform: scale(0.7); + font-size: 1.3rem; + margin: 0 0 -1.5rem 0; +} + +.hero-btn { + margin: 1rem; + width: 20rem; +} + +.hero-download > span { + margin: 1rem; + color: var(--item-bg-light); +} + +.os-download-title { + scroll-margin: 24rem; +} + +.os-download-container { + display: flex; + align-items: center; + justify-content: center; +} + +.wallet-btn { + transition: all ease-in-out 300ms; + display: flex; + align-items: center; + justify-content: center; + margin: 1rem 1rem 0rem 1rem; + padding: 1rem 2rem; + width: 14rem; + height: 2rem; + text-align: center; + border-radius: 1rem; +} + +.wallet-btn small { + margin: 0; +} + +.btn-logo { + position: absolute; + margin: 0; + height: 2rem; + transform: translateX(-7rem); +} + +@media screen and (max-aspect-ratio: 1/1) { + .desktop { + display: none; + } + + .hero-download { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 20rem; + margin: -4rem 0 0 0; + } + + .hero-btn-container { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + transform: scale(0.7); + height: 20rem; + width: 100vw; + margin: 0; + } + + .hero-btn { + display: flex; + align-items: center; + width: 20rem; + justify-content: center; + color: white; + text-align: center; + } + + .os-download-title { + margin: 2rem 0 0 0; + scroll-margin: 8rem; + margin-top: 10rem; + } + + .os-download-container { + flex-direction: column; + margin: 0rem 0 2rem 0; + width: 100%; + } + + .wallet-btn { + margin: 1rem; + } +} + +.explorer-radio { + display: none; + /* position: fixed; */ + margin: 0; +} + +/*=============== Sections ===============*/ + +/*-------------- Explorer --------------*/ +/* explorer.css */ + +.section-default { + width: 100%; + +} + +.release-card { + width: 68rem; + height: fit-content; + outline: .125rem solid rgba(255, 255, 255, 0.25); + border-radius: .25rem; + margin: 4rem auto; + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.card-title { + + display: flex; + +} + +.card-content { + display: flex; + background-color: rgba(255, 255, 255, 0.1); + outline: .1rem solid rgba(255, 255, 255, 0.25); + + +} + +.card-screenshot-container { + display: flex; + align-items: center; + justify-content: center; + width: 30rem; + margin: 2rem 0; +} + +.card-screenshot { + + width: 24rem; + box-shadow: 0 0 .75rem rgba(0, 0, 0, 0.5); + +} + +.card-details { + display: flex; + flex-direction: column; + justify-content: space-between; +} + + +.release-card h2{ + display: inline-block; + text-align: center; + text-align: left; + + margin: 0; + padding: .5rem; +} + +.release-card h2:first-of-type{ + outline: 0rem solid rgba(42, 92, 108, 0.54); + background-color: rgba(255, 255, 255, 0.318); + height: 100%; + width: 18rem; + border-radius: .25rem 0 0 0; +} +.release-card h2:last-of-type{ + outline: 0rem solid rgba(255, 255, 255, 0.25); + height: 100%; + width: 54rem; + border-radius: 0rem .25rem 0 0; +} + +.release-card ul { + display: flex; + flex-direction: column; + justify-content: space-between; + padding: .5rem; + list-style: none; + border-radius: 0 0 .25rem .25rem; + + margin: 0; +} + +.release-card li { + padding: .5rem; +} + +.release-card ul .bug { + background-color: rgba(255, 17, 0, 0.15); + padding: .25rem; + border-radius: .25rem; + color: red; +} +.release-card ul .improvement { + background-color: rgba(51, 255, 0, 0.15); + padding: .25rem; + border-radius: .25rem; + color: rgb(0, 255, 0); +} + +.release-btn { + transition: all ease-in-out 100ms; + display: inline-flex; + justify-content: center; + align-items: center; + border: none; + text-decoration: none; + background-color: rgba(255, 255, 255, 0.25); + outline: .125rem solid rgba(255, 255, 255, 0.5); + color: white; + padding: .5rem .75rem; + margin: 1rem .5rem; + border-radius: .25rem; + font-size: 1rem; + +} + +.release-btn:hover { + transform: scale(1.05); +} + +.release-img { + height: 1.5rem; + margin: 0rem .5rem 0rem 0rem; + filter: contrast(70%); +} + +@media (max-width: 1024px) { + .card-title { + + flex-direction: column; + } + + .card-title h2 { + width: auto !important; + font-size: 1rem; + } + .card-title h2:first-child { + border-radius: .25rem .25rem 0 0; + } + + .release-card { + width: 90%; + height: fit-content; + margin: 4rem auto; + } + + .card-content { + flex-direction: column; + } + + .card-screenshot-container { + width: 100%; + + } + + .card-screenshot { + width: 90%; + } +} + +/*-------------- 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: 0.75rem 0.75rem 0.75rem 0.75rem; +} + +.specs-content-body { + z-index: 4; + background-color: var(--item-bg-dark); + width: 55vh; + padding: 2vh 0vw; + margin-top: 6vh; + border-radius: 0.75rem 0.75rem 0.75rem 0.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: 0.75rem 0.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: 0.75rem 0.75rem 0.75rem 0.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: 0.75rem 0rem 0rem 0.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 0.75rem 0.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; + } +} + +/* halving */ + +.countdown-timer div { + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto 0 auto; + width: 20rem; +} + +.countdown-timer div h3 { + height: 100%; + width: 50%; +} + +.countdown-timer div h3:nth-child(odd) { + text-align: right; + padding-right: 1rem; +} +.countdown-timer div h3:nth-child(even) { + text-align: left; + padding-left: 1rem; +} + +.blocks-left { + display: flex; + width: 30rem; + align-items: center; + justify-content: center; + margin: 0 auto 0 auto; +} + +.blocks-left h3 { + padding: 0 1rem; +} + +/*=============== 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); +} + + +#exchanges { + min-height: 40vh; + display: flex; + flex-direction: column; + align-items: center; + flex-direction: column; + margin: 10rem 0; + +} + +#exchanges h2 { + font-size: 3rem; + margin: 0rem 0 8rem 0; +} + +.exchanges-card { + transition: all ease-in-out 200ms; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + outline: .1rem solid rgba(255, 255, 255, 0.25); + height: 10rem; + width: 30rem; + margin: 0 4rem; + padding: 0 0 0rem 0; + border-radius: .25rem; + background-color: rgba(255, 255, 255, 0.111); + margin: 2rem 4rem; + cursor: pointer; + +} + +.exchanges-card:hover { + transform: scale(1.05); + background-color: rgba(255, 255, 255, 0.25); + outline: .1rem solid rgba(255, 255, 255, 0.85); + position: relative; +} + +.exchanges-card h3 { + margin: 0; + transform: translateY(-1.5rem); + pointer-events: none; +} + +.exchanges-card img { + transition: all ease-in-out 200ms; + height: 4rem; + position: relative; + pointer-events: none; +} + +.exchanges-card:hover img { + transform: scale(1.05); + filter: drop-shadow(0 0 .25rem rgb(255, 255, 255)); + +} + +.exchanges-card a { + z-index: 1; + position: absolute; + display: block; + width: 30rem; + height: 10rem; + +} + + + +@media (max-width: 1024px) { + #exchanges > div { + flex-direction: column; + } + + #exchanges h2 { + margin: 2rem 0; + } + + .exchanges-card { + width: 20rem; + height: 8rem; + margin: 3rem auto; + } + + .exchanges-card h3 { + padding-top: 1rem; + } + + .exchanges-card a{ + width: 20rem; + height: 8rem; + } + + .component-button { + font-size: 1.25rem; + padding: .75rem 1rem; + border-radius: .25rem !important; + } +} \ No newline at end of file diff --git a/dragonx.is/releases/index.html b/dragonx.is/releases/index.html index 6eb7669..e6bb308 100644 --- a/dragonx.is/releases/index.html +++ b/dragonx.is/releases/index.html @@ -3,126 +3,50 @@ - + + - + DragonX
- - - + +
-
-
+ + + +
+
-
-
+
+

Latest Releases

+

Full Node GUI Wallet

-

SilentDragonX 1.4.0 "Zany Zooid"

+

SilentDragonX 1.4.1 "Scintillating Sundew"

-
-
+
+
  • New: View Block details
  • @@ -144,47 +68,61 @@ transactions
-
- Windows ZIP + + + + +
-
+
+
+
+

Full Node CLI Wallet

+

Hush 3.10.1 "Oneiric Octopus""

+
+
+
+
    +
  • + Bug Fix: Fix the bug which + causes "payment to wrong pubkey" error when syncing a new node +
  • +
  • + Bug Fix: Fixed compiling issues related to + RandomX v1.2.1 +
  • +
  • + New: Faster syncing of Hush and + DragonX full nodes +
  • +
  • + New: Slightly less memory usage in each + Equihash/RandomX mining thread +
  • +
  • + New: Improved RPC docs for + getblocktemplate +
  • +
  • + New: Removed the getdeprecationinfo RPC +
  • +
+
+ + + + +
+
+ +
+ +
+
+
+
+
+

Android Wallet

+

SilentDragonXAndroid v1.0.2

+
+
+
+
    +
  • + New: Updated checkpoints to + 820,000 for faster syncing of new wallets & improved chain + security +
  • +
  • + New: Minor performance tweaks +
  • +
  • + New: Sapling params downloaded + from random locations for greater decentralization +
  • +
+
+ + +
+
-
+
+ +
+
+
+ +
+ diff --git a/dragonx.is/style.css b/dragonx.is/style.css index a45b34f..dd9cbb1 100644 --- a/dragonx.is/style.css +++ b/dragonx.is/style.css @@ -1,1003 +1,2863 @@ -@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; + --col-text: white; + --col-bg: black; + --col-red-bg: rgba(255, 0, 0, 0.05); + --col-red-bg-50: rgba(216, 38, 83, 0.25); + --col-dark-bg: rgba(28, 19, 19, 0.5); + --col-btn-bg: rgba(28, 19, 19, 0.8); + --col-btn-bg: rgba(216, 38, 83, 0.1); + --col-btn-red: rgb(216, 38, 82); + --col-btn-text: rgba(255, 255, 255, 0.75); + --col-red-outline: rgb(216, 38, 82, 0.5); } @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; - overflow-x: hidden; + font-family: "Satoshi"; + src: url("../img/fonts/Satoshi-Variable.woff2") format("woff2"); } -html { - scroll-behavior: smooth; -} +/* HTML DEFAULTS */ +@media screen { + .desktop { + display: none !important; + } + .mobile { + display: flex !important; + } + body { + margin: 0; + color: var(--col-text); + font-family: "Satoshi", sans-serif; + } -.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; -} + section { + display: flex; + justify-content: start; + align-items: center; + min-height: 100vh; + min-height: 100svh; + padding: 8rem 0; + } -/*=============== Header ===============*/ + h1 { + font-size: 4rem; + text-align: center; + } + h2 { + font-size: 2.5rem; + text-align: center; + margin: 2rem 0 0 0; + } -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); -} + section h2 { + margin: 0; + padding: 4rem 0; + } -.header-space { - margin-top: 15vh; -} + h3 { + font-size: 1.15rem; + text-align: center; + } + h4 { + text-align: center; + width: 90%; + opacity: 75%; + } + p { + text-align: center; + } -.header-logo { - display: flex; - justify-content: center; - align-items: center; - position: fixed; - margin-left: 12vw; - margin-top: 1.5vh; -} + a { + text-decoration: none; + color: white; + } -.header-logo:hover > path { - fill: rgb(72, 85, 99); - stroke-width: 1px; - stroke: white; + table { + border-radius: 0.25rem; + outline: 0.1rem solid var(--col-red-outline); + border-collapse: collapse; + font-size: 1.5rem; + } + td { + backdrop-filter: blur(20px); + width: 14rem; + height: 4rem; + } + tr:nth-child(odd) { + background-color: rgb(216, 38, 82, 0.25); + } + tr:nth-child(even) { + background-color: rgb(216, 38, 82, 0.15); + } + td:nth-child(odd) { + text-align: right; + padding-right: 1rem; + } + td:nth-child(even) { + padding-left: 1rem; + } } -/*-------------- Nav --------------*/ +@media (min-width: 1180px) { + .mobile { + display: none; + } + .desktop { + display: flex !important; + } -.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; -} + body { + margin: 0; + color: var(--col-text); + font-family: "Satoshi", sans-serif; + } -@media screen and (max-aspect-ratio: 1/1) { - .nav-bar.desktop { - display: none; + section { + display: flex; + justify-content: start; + align-items: center; + min-height: 100vh; + min-height: 100svh; + padding: 0 0 4rem 0; + margin: 0; } -} -/* mobile toggle nav menu */ -.mobile-menu { - z-index: 500; - display: none; - position: fixed; - padding: 0; - margin: 4.5vh; - margin-left: 75vw; - margin-right: auto; -} + section:first-of-type { + padding: 8rem 0 4rem 0; + } -.nav-links.mobile { - display: none; - position: fixed; - grid-template-rows: auto auto; - gap: 2em; + h1 { + font-size: 4rem; + } + h2 { + font-size: 3rem; + } + h3 { + font-size: 1.5rem; + } - left: 42vw; - right: 15vw; - top: 15vh; + table { + border-radius: 0.25rem; + outline: 0.1rem solid var(--col-red-outline); + border-collapse: collapse; + font-size: 1.5rem; + } + td { + backdrop-filter: blur(20px); + width: 14rem; + height: 4rem; + } + tr:nth-child(odd) { + background-color: rgb(216, 38, 82, 0.25); + } + tr:nth-child(even) { + background-color: rgb(216, 38, 82, 0.15); + } + td:nth-child(odd) { + text-align: right; + padding-right: 1rem; + } + td:nth-child(even) { + padding-left: 1rem; + } } -/* 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; -} +/* CLASS TEMPLATES */ +@media screen { + a, + button, + .nav-logo a { + cursor: pointer; + transition: all ease-in-out 200ms; + transform: scale(1); + text-decoration: none; + } + .btn:hover, + button:hover { + transform: scale(1.05); + background-color: var(--col-red-outline); + } + .nav-logo a:hover { + transform: scale(1.05); + background-color: transparent; + } -@media screen and (max-aspect-ratio: 1/1) { - .mobile-menu { + .btn { + z-index: 8; + transition: all ease-in-out 200ms; display: flex; + align-items: center; + justify-content: center; + padding: 0.5rem 0.75rem; + border: none; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + text-decoration: none; + backdrop-filter: blur(20px); + } + .alt-btn { + background-color: var(--col-red-bg); + outline: 0.1rem solid var(--col-red-outline); + } + .btn a { + color: var(--col-red-text); + } + .btn-icon.btn-icon { + height: 1rem; + margin: 0 0.5rem; + } + .btn-container { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-evenly; + width: 100%; } -} -.nav-mobile-icon { - width: 2.5em; -} + .card-container { + flex-wrap: wrap; + width: 100%; + } -.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); -} + .card { + justify-content: start !important; + flex-direction: column; + min-width: 20rem; + max-width: 20rem; + min-height: 16.5rem; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + padding: 1rem 1rem 0rem 1rem; + margin: 0.5rem 0.5rem 1rem 0.5rem; + backdrop-filter: blur(20px); + box-sizing: border-box; + } -#nav-check { - display: none; -} + .card p { + margin: 1rem 0 0 0; + } -#nav-check ~ nav > button { - transition: all 200ms ease-out; - scale: 1; -} + .card img { + min-width: 7rem; + max-width: 70%; + max-height: 7rem; + } -#nav-check:checked ~ nav > button { - transition: all 200ms ease-out; - transform: rotate(-180deg) scale(1.5); - opacity: 50%; -} + .card a { + transition: all ease-in-out 200ms; + position: absolute; + display: inline-block; + text-decoration: none; + color: var(--col-text); + outline: 0.1rem solid var(--col-red-outline); + width: 20rem; + padding: 0.5rem 1rem; + bottom: 0; + text-align: center; + border-radius: 0 0 0.15rem 0.15rem; + background-color: var(--col-btn-bg); + box-sizing: border-box; + } -#nav-check:checked ~ * .nav-links { - display: grid; -} + .card a:hover { + box-shadow: 0 0 0.5rem var(--col-btn-red); + background-color: var(--col-red-outline); + } -#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; -} + .card .btn { + position: relative; + width: unset; + border-radius: 0.25rem; + margin: 0.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; -} + .card div { + display: flex; + justify-content: center; + width: 100%; + flex-wrap: wrap; + margin: 1rem 0; + } -#nav-check:checked ~ * .toggle-overlay { - background-color: rgba(20, 20, 20, 0.97); + .card h3 { + margin-top: 0; + margin-bottom: 2rem; + } } -/*-------------- Hero --------------*/ +@media (min-width: 1180px) { + a, + button, + .nav-logo a { + cursor: pointer; + transition: all ease-in-out 200ms; + transform: scale(1); + text-decoration: none; + } + .btn:hover, + button:hover { + transform: scale(1.05); + background-color: var(--col-red-outline); + } + .nav-logo a:hover { + transform: scale(1.05); + background-color: transparent; + } -.hero-image { - display: flex; - justify-content: center; - align-items: center; - margin-top: 15vh; - margin-bottom: 15vh; -} + .btn { + z-index: 8; + transition: all ease-in-out 200ms; + display: flex; + align-items: center; + justify-content: center; + padding: 0.5rem 0.75rem; + border: none; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + text-decoration: none; + backdrop-filter: blur(20px); + } + .alt-btn { + background-color: var(--col-red-bg); + outline: 0.1rem solid var(--col-red-outline); + } + .btn a { + color: var(--col-red-text); + } + .btn-icon.btn-icon { + height: 1rem; + margin: 0 0.5rem; + } + .btn-container { + display: flex; + align-items: center; + justify-content: space-evenly; + width: 100%; + } -.hero-image > img { - width: 40vw; - margin-top: -11vh; - margin-bottom: -9vh; -} + .card-container { + flex-wrap: wrap; + width: 66rem; + } -.hero-image ~ h2 { - z-index: -1; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - left: 5vw; - right: 5vw; - margin-top: -5vh; -} + .card { + flex-direction: column; + width: 15rem; + min-height: 20rem; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + padding: 2rem 2rem 2rem 2rem; + margin: 1rem 1rem 4rem 1rem; + backdrop-filter: blur(20px); + } + + .card img { + min-width: 8rem; + max-height: 8rem; + } -@media screen and (max-aspect-ratio: 1/1) { - .hero-image > img { - width: 75vw; + .card a { + transition: all ease-in-out 200ms; + position: absolute; + display: inline-block; + text-decoration: none; + color: var(--col-text); + outline: 0.1rem solid var(--col-red-outline); + width: 100%; + padding: 0.5rem 2rem; + margin-top: 19.5rem; + text-align: center; + border-radius: 0 0 0.15rem 0.15rem; + background-color: var(--col-btn-bg); + } + + .card a:hover { + box-shadow: 0 0 0.5rem var(--col-btn-red); + background-color: var(--col-red-outline); + } + + .card p { + margin-top: 1rem; + } + + .card .btn { + position: relative; + width: unset; + border-radius: 0.25rem; + margin: 0.5rem; + padding: 0.5rem; } - .hero-image ~ h2 { + + .card div { display: flex; - align-items: center; justify-content: center; - font-size: 0.8rem; + width: 100%; + flex-wrap: wrap; + margin: 0 0 1rem 0; position: absolute; - margin-top: -5vh; - left: 5vw; - right: 5vw; + bottom: 0; } -} -/*=============== 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: 0.5rem; - background: rgb(72, 85, 99, 0.5); + .card h3 { + margin-top: 0; + margin-bottom: 3rem; + } } -.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); +/* UTILITY CLASSES */ +.flex-center { + display: flex; + align-items: center; + justify-content: center; } -.hero-download { - background-color: rgba(240, 248, 255, 0); - border: none; - display: flex; +.flex-col { flex-direction: column; - justify-content: center; - align-items: center; - margin: 0rem 0 2rem 0; - margin-left: auto; - margin-right: auto; - width: 100%; - height: 10rem; } -.hero-btn-container { - display: flex; - align-items: center; +.justify-center { justify-content: center; - transform: scale(0.7); - font-size: 1.3rem; - margin: 0 0 -1.5rem 0; } -.hero-btn { - margin: 1rem; - width: 20rem; -} +/* HEADER, FOOTER & BG */ -.hero-download > span { - margin: 1rem; - color: var(--item-bg-light); -} +@media screen { + header { + z-index: 18; + display: flex; + position: absolute; + width: 100%; + background-color: var(--col-red-bg); + padding: 1rem; + outline: 0.15rem solid var(--col-red-outline); + backdrop-filter: blur(25px); + box-sizing: border-box; + } -.os-download-title { - scroll-margin: 24rem; -} + .link-out::after { + transition: all ease-in-out 200ms; + content: ""; + background-image: url(../img/graphics/icon_link_out.svg); + width: 1rem; + height: 1rem; + margin-left: 0.5rem; + } -.os-download-container { - display: flex; - align-items: center; - justify-content: center; -} + a:hover.link-out::after { + background-image: url(../img/graphics/icon_linkout_red.svg); + } -.wallet-btn { - transition: all ease-in-out 300ms; - display: flex; - align-items: center; - justify-content: center; - margin: 1rem 1rem 0rem 1rem; - padding: 1rem 2rem; - width: 14rem; - height: 2rem; - text-align: center; - border-radius: 1rem; -} + .nav-logo { + cursor: pointer; + width: 50%; + margin-left: 1rem; + } -.wallet-btn small { - margin: 0; -} + .nav-logo a { + display: inline-block; + height: 3.5rem; + width: 6.75rem; + /* margin: -0.75rem 0 -0.75rem 0; */ + filter: drop-shadow(0 0 0.15rem var(--col-red-text)); + background-image: url(../img/logos/dragonx_logotext_light.svg); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + } -.btn-logo { - position: absolute; - margin: 0; - height: 2rem; - transform: translateX(-7rem); -} + #mobile-menu-btn { + z-index: 20; + transition: all ease-in-out 200ms; + position: absolute; + right: 2rem; + top: 2rem; + width: 1.5rem; + height: 1.5rem; + background-image: url(../img/mobile-sidebar-button.png); + background-size: contain; + background-repeat: no-repeat; + } -@media screen and (max-aspect-ratio: 1/1) { - .desktop { - display: none; + #mobile-checkbox:checked ~ #mobile-menu-btn { + transform: scale(1.1); } - .hero-download { + .nav-menu.mobile { + z-index: 19; + transition: all ease-in-out 200ms; display: flex; + flex-direction: column; align-items: center; - justify-content: center; - width: 100%; - height: 20rem; - margin: -4rem 0 0 0; + justify-content: start; + position: fixed; + right: 0; + top: 0; + width: 10rem; + height: 100vh; + height: 100svh; + padding-top: 8rem; + gap: 2rem; + padding-right: unset; + background-color: rgba(0, 0, 0, 0.1); + outline: 0.15rem solid var(--col-red-outline); + transform: translateX(105%); + backdrop-filter: blur(20px); } - .hero-btn-container { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - transform: scale(0.7); - height: 20rem; - width: 100vw; - margin: 0; + #mobile-checkbox:checked ~ .nav-menu { + transform: translateX(0%); } - .hero-btn { - display: flex; - align-items: center; - width: 20rem; - justify-content: center; - color: white; - text-align: center; + .nav-menu a { + padding: 0.25rem 0.5rem; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + text-decoration: none; + margin: 0 0.5rem; + line-height: 1.25rem; + font-weight: 700; + width: 8rem; + padding: 0.5rem 0; } - .os-download-title { - margin: 2rem 0 0 0; - scroll-margin: 8rem; - margin-top: 10rem; + .img-bg { + position: fixed; + z-index: -2; + height: 100vh; + width: 100%; + background-image: url(../img/graphics/bg_lava.jpg); + background-repeat: no-repeat; + background-size: cover; } - .os-download-container { + .bg-overlay { + z-index: -1; + position: fixed; + width: 100%; + height: 100vh; + height: 100svh; + background-color: black; + opacity: 60%; + } + footer { + display: flex; + flex-direction: column; + min-height: 12rem; + background-color: var(--col-dark-bg); + padding-top: 8rem; + backdrop-filter: blur(20px); + } + footer > div { + position: relative; + flex-direction: column; + } + .footer-logo { + transition: all ease-in-out 200ms; + width: 10rem; + cursor: pointer; + filter: saturate(10%); + position: absolute; + top: -6rem; + } + .footer-logo:hover { + transform: scale(1.05); + filter: saturate(100%); + } + .footer-links { flex-direction: column; - margin: 0rem 0 2rem 0; + gap: 0.5rem; width: 100%; + min-height: 12rem; + height: 100%; + margin: 0 0 0 0; + color: white; + } + .footer-links a { + display: inline-flex; + color: white; + padding: 1rem 1rem; + } + .footer-links a:hover { + color: var(--col-btn-red); + background-color: var(--col-red-bg); + padding: 1rem 1.5rem; + outline: 0.1rem solid var(--col-red-outline); + border-radius: 0.15rem; } - .wallet-btn { + .footer-social { margin: 1rem; } -} -.explorer-radio { - display: none; - /* position: fixed; */ - margin: 0; + .footer-social img, + .footer-links img { + height: 1.5rem; + } } -/*=============== Sections ===============*/ +@media (min-width: 1180px) { + header { + z-index: 20; + display: flex; + position: absolute; + width: 100%; + background-color: var(--col-red-bg); + padding: 1rem; + outline: 0.15rem solid var(--col-red-outline); + backdrop-filter: blur(25px); + box-sizing: border-box; + } -/*-------------- Explorer --------------*/ -/* explorer.css */ + footer { + display: flex; + flex-direction: column; + min-height: 12rem; + background-color: var(--col-dark-bg); + padding-top: 2rem; + } -.section-default { - width: 100%; + footer > div { + flex-direction: row; + } -} + .footer-logo { + transition: all ease-in-out 200ms; + width: 10rem; + cursor: pointer; + filter: saturate(10%); + position: relative; + margin: 0; + top: unset; + } + .footer-logo:hover { + transform: scale(1.05); + filter: saturate(100%); + } + .footer-links { + flex-direction: column; + gap: 1rem; + width: 16rem; + min-height: 12rem; + height: 100%; + margin: 0 10rem; + color: white; + } + .footer-links a { + display: inline-flex; + color: white; + padding: 1rem 1.5rem; + } + .footer-links a:hover { + color: var(--col-btn-red); + background-color: var(--col-red-bg); + padding: 1rem 1.5rem; + outline: 0.1rem solid var(--col-red-outline); + border-radius: 0.15rem; + } + .footer-social img, + .footer-links img { + height: 1.5rem; + } + .link-out::after { + transition: all ease-in-out 200ms; + content: ""; + background-image: url(../img/graphics/icon_link_out.svg); + width: 1rem; + height: 1rem; + margin-left: 0.5rem; + } -.release-card { - width: 68rem; - height: fit-content; - outline: .125rem solid rgba(255, 255, 255, 0.25); - border-radius: .25rem; - margin: 4rem auto; - color: white; - background-color: rgba(255, 255, 255, 0.15); -} + a:hover.link-out::after { + background-image: url(../img/graphics/icon_linkout_red.svg); + } -.card-title { + .nav-logo { + cursor: pointer; + width: 20%; + margin-left: 6rem; + } - display: flex; + .nav-logo a { + display: inline-block; + height: 3.5rem; + width: 6.75rem; + /* margin: -0.75rem 0 -0.75rem 0; */ + filter: drop-shadow(0 0 0.15rem var(--col-red-text)); + background-image: url(../img/logos/dragonx_logotext_light.svg); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + } -} + #mobile-menu-btn { + display: none; + } -.card-content { - display: flex; - background-color: rgba(255, 255, 255, 0.1); - outline: .1rem solid rgba(255, 255, 255, 0.25); - + .nav-menu { + display: flex; + align-items: center; + justify-content: end; + width: 90%; + padding-right: 10%; + } -} + .nav-menu a { + padding: 0.25rem 0.5rem; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + text-decoration: none; + margin: 0 0.5rem; + line-height: 1.25rem; + font-weight: 700; + width: fit-content; + } -.card-screenshot-container { - display: flex; - align-items: center; - justify-content: center; - width: 30rem; - margin: 2rem 0; + .img-bg { + position: fixed; + z-index: -2; + height: 100vh; + width: 100%; + background-image: url(../img/graphics/bg_lava.jpg); + background-repeat: no-repeat; + background-size: cover; + } + + .bg-overlay { + z-index: -1; + position: fixed; + width: 100%; + height: 100vh; + height: 100svh; + background-color: black; + opacity: 60%; + } } -.card-screenshot { +/* HERO SECTION */ - width: 24rem; - box-shadow: 0 0 .75rem rgba(0, 0, 0, 0.5); - -} +@media screen { + #hero { + flex-direction: column; + padding-top: 8rem; + } -.card-details { - display: flex; - flex-direction: column; - justify-content: space-between; -} + #hero h3 { + text-align: center; + opacity: 75%; + width: 80%; + font-size: 1rem; + } + #hero h2 { + margin: 0; + padding: 0; + } -.release-card h2{ - display: inline-block; - text-align: center; - text-align: left; + .hero-slogan { + width: 100%; + text-align: center; + color: white; + font-weight: 200; + font-size: 1.25rem; + letter-spacing: 0.8rem; + } - margin: 0; - padding: .5rem; -} + .hero-downloads, + .hero img, + .hero h2 { + position: relative; + z-index: 5; + } -.release-card h2:first-of-type{ - outline: 0rem solid rgba(42, 92, 108, 0.54); - background-color: rgba(255, 255, 255, 0.318); - height: 100%; - width: 18rem; - border-radius: .25rem 0 0 0; -} -.release-card h2:last-of-type{ - outline: 0rem solid rgba(255, 255, 255, 0.25); - height: 100%; - width: 54rem; - border-radius: 0rem .25rem 0 0; -} + .btn-guide { + position: absolute; + bottom: -3rem; + left: 0; + right: 0; + background-color: rgba(24, 24, 24, 0.85); + } -.release-card ul { - display: flex; - flex-direction: column; - justify-content: space-between; - padding: .5rem; - list-style: none; - border-radius: 0 0 .25rem .25rem; - - margin: 0; -} + .hero .alt-btn { + position: absolute; + bottom: -6rem; + right: 0; + left: 0; + background-color: rgba(24, 24, 24, 0.85); + } -.release-card li { - padding: .5rem; -} + .hero > img { + width: 80%; + filter: drop-shadow(0 0 2rem var(--col-red-outline)); + margin-bottom: -2rem; + } -.release-card ul .bug { - background-color: rgba(255, 17, 0, 0.15); - padding: .25rem; - border-radius: .25rem; - color: red; -} -.release-card ul .improvement { - background-color: rgba(51, 255, 0, 0.15); - padding: .25rem; - border-radius: .25rem; - color: rgb(0, 255, 0); -} + .hero-downloads { + display: flex; + flex-direction: column; + align-items: start; + justify-content: center; + width: 90%; + padding: 0.5rem; + margin: 1rem 0 1rem 0; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + backdrop-filter: blur(15px); + } -.release-btn { - transition: all ease-in-out 100ms; - display: inline-flex; - justify-content: center; - align-items: center; - border: none; - text-decoration: none; - background-color: rgba(255, 255, 255, 0.25); - outline: .125rem solid rgba(255, 255, 255, 0.5); - color: white; - padding: .5rem .75rem; - margin: 1rem .5rem; - border-radius: .25rem; - font-size: 1rem; - -} + .hero-downloads h2 { + font-weight: 600; + font-size: 1.5rem; + margin: 0; + } -.release-btn:hover { - transform: scale(1.05); -} + .hero-downloads p { + font-weight: 200; + font-size: 1.25rem; + margin: 0 0 0.5rem 0; + } + + .wallet-download { + display: flex; + align-items: center; + justify-content: center; + height: 2rem; + width: 10rem; + padding: 1.75rem 0.5rem; + border: none; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + text-decoration: none; + margin: 0.25rem; + } + + .wallet-download p { + font-size: 1rem; + margin: 0; + text-shadow: 0 0 1rem rgba(255, 255, 255, 0.5); + } -.release-img { - height: 1.5rem; - margin: 0rem .5rem 0rem 0rem; - filter: contrast(70%); + .wallet-download img { + height: 1.5rem; + margin: 0 0.75rem 0 0; + filter: drop-shadow(0 0 0.25rem rgba(255, 255, 255, 0.5)); + } } -@media (max-width: 1024px) { - .card-title { - +@media (min-width: 1180px) { + #hero { flex-direction: column; + padding-top: 10rem; } - - .card-title h2 { - width: auto !important; - font-size: 1rem; + + .hero-slogan { + color: white; + font-weight: 200; + font-size: 2.25rem; + letter-spacing: 0.97rem; + /* text-shadow: 0 0 .75rem rgba(255, 255, 255, 1); */ + filter: drop-shadow(0 0 0.5rem rgba(255, 255, 255, 1)); } - .card-title h2:first-child { - border-radius: .25rem .25rem 0 0; + + .hero-downloads, + .hero img, + .hero h2 { + position: relative; + z-index: 5; } - .release-card { - width: 90%; - height: fit-content; - margin: 4rem auto; + .btn-guide { + position: absolute; + bottom: -3rem; + left: 0; + right: unset; } - .card-content { + .hero .alt-btn { + position: absolute; + bottom: -3rem; + right: 0; + left: unset; + } + + .hero > img { + width: 30%; + filter: drop-shadow(0 0 2rem var(--col-red-outline)); + margin-bottom: -4rem; + } + + .hero-downloads { + display: flex; flex-direction: column; + align-items: start; + justify-content: center; + width: 50rem; + padding: 1rem; + margin: 4rem 0 1rem 0; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + backdrop-filter: blur(15px); } - .card-screenshot-container { - width: 100%; + .hero-downloads h2 { + font-weight: 600; + font-size: 2.5rem; + margin: 0; + } + .hero-downloads p { + font-weight: 200; + font-size: 1.5rem; + margin: 0 0 0.5rem 0; } - .card-screenshot { - width: 90%; + .wallet-download { + display: flex; + align-items: center; + justify-content: center; + height: 2rem; + padding: 1.75rem 1rem; + border: none; + outline: 0.1rem solid var(--col-red-outline); + background-color: var(--col-btn-bg); + color: var(--col-btn-text); + border-radius: 0.15rem; + text-decoration: none; + margin: 1rem; } -} -/*-------------- About DragonX --------------*/ + .wallet-download p { + font-size: 1rem; + margin: 0; + text-shadow: 0 0 1rem rgba(255, 255, 255, 0.5); + } -.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; + .wallet-download img { + height: 1.75rem; + margin: 0 0.75rem 0 0; + filter: drop-shadow(0 0 0.25rem rgba(255, 255, 255, 0.5)); + } } -.grid-item { - background-color: var(--item-bg-grey); - display: flex; +/* ABOUT SECTION */ +#about { 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; +/* ROADMAP SECTION */ +#roadmap { + background-color: rgba(0, 0, 0, 0.5); } -.grid-inner-container > img { - display: flex; - justify-content: center; - align-items: center; - margin: 2rem; - margin-left: auto; - margin-right: auto; - width: 10vh; +/* SPECS SECTION */ +@media screen { + #specs { + flex-direction: column; + padding: 4rem 0; + } + #specs table { + width: 90%; + margin-top: 2rem; + } } - -.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; +@media (min-width: 1180px) { + #specs table { + width: 32rem; + } } -.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%; -} +/* RELEASES SECTION */ +@media screen { + #releases { + } -.grid-item > a:hover { - background-color: var(--item-bg-light); - color: var(--item-bg-dark); - font-weight: 800; -} + .release-card { + display: flex; + justify-content: start; + flex-direction: column; + outline: 0.15rem solid var(--col-red-outline); + padding: 5rem 0.25rem 0.25rem 0.25rem; + width: 90%; + background-color: var(--col-red-bg-50); + backdrop-filter: blur(20px); + box-sizing: border-box; + border-radius: 0.25rem; + margin: 1rem 0; + } + + .card-title { + display: flex; + flex-direction: column; + justify-content: start; + position: absolute; + top: 0; + width: 100%; + background-color: var(--col-red-bg); + border-radius: 0.25rem 0.25rem 0 0; + margin: 0rem 0 1rem 0; + } -@media screen and (max-aspect-ratio: 10/8) { - .grid-content-1x3 { - grid-template-columns: auto; - margin-left: auto; - margin-right: auto; + .card-title h2 { + padding: 0.5rem; + margin: 0; + width: 100%; + font-size: 1rem; + box-sizing: border-box; } - .grid-item { - display: flexbox; - width: 35vh; - margin-top: 2vh; - margin-bottom: 2vh; - padding-top: 2vh; - padding-bottom: 2vh; + + .card-title h2:first-of-type { + z-index: 1; + outline: 0.15rem solid var(--col-red-outline); + padding: 0.5rem; + margin: 0; + border-radius: 0.25rem 0.25rem 0 0; + background-color: var(--col-red-bg); } - .grid-inner-container { - display: flexbox; - margin-left: auto; - margin-right: auto; - height: 35vh; + .card-title h2:last-of-type { + opacity: 80%; + font-weight: 400; + background-color: var(--col-dark-bg); } - .grid-inner-container > img { - margin: 4vh; - margin-left: auto; - margin-right: auto; - width: 15vh; + .card-content { + flex-direction: column; } - .grid-inner-container > p { + + .card-details { + order: 1; display: flex; - align-items: center; - justify-content: center; - margin-left: auto; - margin-right: auto; - padding: 0vh 2vh; - font-size: 2vh; - line-height: 1.5rem; + flex-direction: column; + height: 100%; } - .grid-item > a { - margin-top: 2vh; - margin-bottom: -2vh; + .card-screenshot-container { + width: 90%; + margin-top: 2rem; } -} -/*-------------- 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: 0.75rem 0.75rem 0.75rem 0.75rem; -} + .release-card img { + height: unset; + width: auto; + max-width: 100%; + max-height: 24rem; + border-radius: 0.25rem; + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + } -.specs-content-body { - z-index: 4; - background-color: var(--item-bg-dark); - width: 55vh; - padding: 2vh 0vw; - margin-top: 6vh; - border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; -} + .card-details ul { + display: flex; + flex-direction: column; + width: 90%; + margin-bottom: 2rem; + } -.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: 0.75rem 0.75rem 0rem 0rem; - font-size: 3vh; -} + .card-btn-container { + width: 100%; + flex-wrap: wrap; + justify-content: start; + position: relative; + bottom: 0rem; + left: 0rem; + } -.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: 0.75rem 0.75rem 0.75rem 0.75rem; -} + .card-btn-container .btn { + margin: 0.5rem; + justify-content: center; + outline: 0.15rem solid var(--col-red-outline); + padding: 0.5rem 0.5rem; + width: 9rem; + height: 4rem; + } -.specs-content:nth-child(9) { - margin-bottom: 1vh; + .card-btn-container .btn img { + width: 1.5rem; + box-shadow: unset; + } } -.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: 0.75rem 0rem 0rem 0.75rem; -} +@media (min-width: 1180px) { + #releases { + } -.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 0.75rem 0.75rem 0rem; -} + #releases h2 { + margin: 0 0 4rem 0; + } -.specs-right { - color: var(--item-bg-dark); - margin-left: 1vh; - font-size: 2.25vh; -} -.specs-left { - margin-right: 1vh; - font-size: 2.25vh; -} + .release-card { + display: flex; + flex-direction: column; + outline: 0.15rem solid var(--col-red-outline); + padding: 1rem; + max-width: 80rem; + background-color: var(--col-red-bg-50); + backdrop-filter: blur(20px); + box-sizing: border-box; + border-radius: 0.25rem; + margin: 1rem 0; + } -@media screen and (max-aspect-ratio: 10/8) { - .specs-section { - width: 45vh; + .card-title { + display: flex; + flex-direction: row; + justify-content: start; + height: 3rem; + background-color: var(--col-red-bg); + border-radius: 0.25rem 0.25rem 0 0; + margin: 0 0 1rem 0; + position: absolute; + top: 0; } - .specs-content-body { - width: 45vh; + + .card-title h2 { + font-size: 1.5rem; + padding: 0.5rem; + margin: 0; + width: 50%; + height: 100%; } - .specs-content { - width: 42vh; + + .card-title h2:first-of-type { + z-index: 1; + font-size: 1.5rem; + outline: 0.15rem solid var(--col-red-outline); + padding: 0.5rem; + margin: 0; + width: 30%; + border-radius: 0.25rem 0 0 0; + background-color: var(--col-red-bg); } - .specs-left { - font-size: 2vh; + + .card-title h2:last-of-type { + opacity: 80%; + font-weight: 400; + width: 70%; + background-color: var(--col-dark-bg); + text-align: right; } - .specs-right { - font-size: 2vh; + + .card-content { + align-items: start; + margin: 2rem 0; + flex-direction: row-reverse; + width: 100%; } - .specs-tab { - width: 42vh; - margin-top: 0vh; + + .card-details { + display: flex; + justify-content: start; + flex-direction: column; + width: 50%; + height: 100%; } -} -/* halving */ + .card-screenshot-container { + width: 50%; + } -.countdown-timer div { - display: flex; - align-items: center; - justify-content: center; - margin: 0 auto 0 auto; - width: 20rem; -} + .release-card img { + height: 20rem; + border-radius: 0.25rem; + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + } -.countdown-timer div h3 { - height: 100%; - width: 50%; -} + .card-details ul { + display: flex; + flex-direction: column; + width: 80%; + margin-top: 4rem; + } -.countdown-timer div h3:nth-child(odd) { - text-align: right; - padding-right: 1rem; -} -.countdown-timer div h3:nth-child(even) { - text-align: left; - padding-left: 1rem; -} + .card-btn-container { + width: 50%; + flex-wrap: wrap; + justify-content: start; + position: absolute; + bottom: 1rem; + left: 1rem; + width: 38rem; + } -.blocks-left { - display: flex; - width: 30rem; - align-items: center; - justify-content: center; - margin: 0 auto 0 auto; -} + .card-btn-container .btn { + margin: 0.5rem; + justify-content: center; + outline: 0.15rem solid var(--col-red-outline); + padding: 1.5em 1rem; + height: 2.75rem; + width: 10rem; + } -.blocks-left h3 { - padding: 0 1rem; + .card-btn-container .btn img { + width: 1.5rem; + box-shadow: unset; + } } -/*=============== Html Elements ===============*/ - -a { - color: var(--text-color-main); +/* EXCHANGES SECTION */ +@media screen { + #exchanges { + flex-direction: column; + } } -table { - display: flex; - justify-content: center; - align-items: center; - text-align: center; - margin: 1rem; - padding: 1rem; -} +/* GUIDES SECTION */ -tr { - display: grid; - grid-template-columns: auto auto; - grid-template-rows: auto auto auto; - color: var(--text-color-main); -} +@media screen { + #guides .btn{ + font-size: 2rem; + margin: 0 0 1rem 0; + } + #guides h3 { + margin: 0rem 0; + padding: 0; + font-size: 2rem; + } + #guides .card div { + margin: 0; + padding: 2rem 0; + position: relative; + flex-direction: column; + } + #guides .card div img{ + width: 100%; + max-height: unset; + min-height: unset; + margin-bottom: 1rem; + + } + #guides .card div p{ + width: 100%; + margin: 0 1rem; + text-align: left; + } + #guides .card{ + max-width: unset; + width: 40rem; + } -td { - /* margin: .25rem .5rem; */ - padding: 2rem 3rem; - background-color: black; } -.header-details { - text-align: center; - font-size: 1.25rem; - color: var(--text-color-dark); +@media (min-width: 1180px) { + #guides .btn{ + font-size: 2rem; + margin: 0; + } + #guides .card div { + flex-direction: row; + } + #guides .card div img{ + margin: 0; + width: 45%; + } + #guides .card div p{ + width: 45%; + } } -h1 { - text-align: center; - color: var(--text-color-main); +/* MINING SECTION */ +@media screen { + #mining > div { + background-color: var(--col-red-bg); + backdrop-filter: blur(20px); + outline: 0.15rem solid var(--col-red-outline); + padding: 0 0 2rem 0; + margin: 2rem 0; + } + + #mining h3 { + font-size: 1.5rem; + } + #mining h4 { + font-size: 1.25rem; + text-align: left; + margin: 2rem auto 0 auto; + opacity: 100%; + } + + #mining p { + font-size: 1rem; + width: 90%; + text-align: left; + margin: 2rem auto 2rem auto; + opacity: 80%; + } + + #mining a { + text-decoration: underline; + color: var(--col-btn-red); + } + + .how-to-gif { + display: block; + width: 95%; + margin: 0 auto; + border-radius: 0.5rem; + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + } +} + +@media (min-width: 1180px) { + #mining > div { + background-color: var(--col-red-bg); + backdrop-filter: blur(20px); + outline: 0.15rem solid var(--col-red-outline); + padding: 0 0 2rem 0; + margin: 2rem 0; + width: 70rem; + } + #mining img { + width: 50rem; + margin: 2rem auto; + } + #mining p, + #mining h4 { + text-align: center; + } + #mining p { + font-size: 1.25rem; + margin: 4rem auto; + } } -h2 { - text-align: center; - color: var(--text-color-main); -} +/* EXPLORER SECTIONS */ +@media screen { + + + + + .explorer-content { + width: 22rem; + margin: 0 auto; + outline: 0.15rem solid var(--col-red-outline); + background-color:rgba(24, 24, 24, 0.5); + backdrop-filter: blur(20px); + border-radius: 0.25rem; + padding: 5rem .5rem .5rem .5rem; + } + + .explorer-title { + justify-content: space-between; + position: absolute; + top: 0; + width: 100%; + } + + .explorer-title h3 { + outline: 0.15rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + padding: 1rem; + height: 2rem; + margin: 0; + border-radius: 0 0 0.25rem 0; + } + + .explorer-title div { + flex-direction: column; + outline: 0.15rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + border-radius: 0.25rem; + height: 3rem; + top: .5rem; + right: .5rem; + position: absolute; + } + .explorer-title div p { + margin: 0; + padding: 0 1rem; + } + + .explorer-inner-content { + display: flex; + justify-content: start; + flex-wrap: wrap; + + outline: 0.15rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + border-radius: 0.25rem; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + } + + .line1 { + fill: none; + stroke: green; + stroke-width: 3px; + } + .line2 { + fill: none; + stroke: rgb(255, 102, 0); + stroke-width: 3px; + } + + .graph { + width: 100%; + height: 100%; + } + + .graph g text { + fill: var(--col-btn-red); + } + .graph g line, + .graph .domain { + stroke: var(--col-btn-red); + } + + .explorer-1 { + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + width: 34rem; + height: 22rem; + margin: 1rem 1rem 0 1rem; + position: relative; + } + + .explorer-1 p { + box-sizing: border-box; + line-height: 1.75rem; + padding: 0 1rem; + margin: 0; + background-color: rgba(20, 20, 20, 0.75); + } + + .explorer-1 > div:nth-child(1) p:nth-child(odd) { + height: 100%; + border: 0.15rem solid rgba(0, 128, 0, 0.5); + + border-radius: 0.15rem 0 0 0.15rem; + border-right: 0.05rem solid rgba(0, 128, 0, 0.5); + } + .explorer-1 > div:nth-child(1) p:nth-child(even) { + height: 100%; + border: 0.15rem solid rgba(0, 128, 0, 0.5); + + border-radius: 0 0.15rem 0.15rem 0; + border-left: 0.05rem solid rgba(0, 128, 0, 0.5); + } + .explorer-1 > div:nth-child(1) > div:nth-child(2) p:nth-child(odd) { + height: 100%; + border: 0.15rem solid rgba(255, 102, 0, 0.5); + + border-radius: 0.15rem 0 0 0.15rem; + border-right: 0.05rem solid rgba(255, 102, 0, 0.5); + } + .explorer-1 > div:nth-child(1) > div:nth-child(2) p:nth-child(even) { + height: 100%; + border: 0.15rem solid rgba(255, 102, 0, 0.5); + + border-radius: 0 0.15rem 0.15rem 0; + + border-left: 0.05rem solid rgba(255, 102, 0, 0.5); + } + + .explorer-1 > div:nth-child(1) div:nth-child(1) { + height: 2rem; + position: absolute; + bottom: 4.5rem; + left: 1rem; + right: 1rem; + + border-radius: 0.25rem; + } + .explorer-1 > div:nth-child(1) div:nth-child(2) { + height: 2rem; + position: absolute; + bottom: 2rem; + left: 1rem; + right: 1rem; + border-radius: 0.25rem; + } + + #graphContainer { + width: 100%; + height: 100%; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: var(--col-dark-bg); + margin: 0 auto; + } + + + + .explorer-2, + .explorer-3 { + width: 18rem; + height: 24rem; + margin: 3rem auto; + flex-wrap: wrap; + } + + .explorer-2 div , + .explorer-3 div { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + outline: 0.15rem solid var(--col-red-bg-50); + + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + box-sizing: border-box; + margin: .5rem; + border-radius: .25rem; + padding: .5rem 1rem; + } + .explorer-2 p , + .explorer-3 p { + padding: 0; + margin: 0; + } + + .explorer-3 { + width: 18rem; + margin: 0 auto 2rem auto; + height: 12rem; + } + .explorer-4 { + width: 18rem; + margin: 0 auto; + height: 12rem; + } + .explorer-4 a{ + outline-width: .2rem; + font-size: 3.5rem; + padding: 1rem 2rem; + background-color: rgba(20, 20, 20, 0.75); + } + + .explorer-footer { + flex-direction: column; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: var(--col-red-bg); + width: 18rem; + margin: 0 auto; + height: 8rem; + margin: 1rem 0 0 0; + padding: 0 2rem; + justify-content: space-between; + backdrop-filter: blur(20px); + } + .explorer-footer p { + font-size: .75rem; + padding: 0 .25rem; + } + + .explorer-blocks-bar { + width: 90%; + height: fit-content; + margin: 0 auto; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: var(--col-red-bg); + background-color: rgba(22, 22, 22, 0.5); + position: relative; + justify-content: start; + padding: 0 1rem; + padding-top: 5rem; + padding-bottom: 1rem; + backdrop-filter: blur(20px); + } + + .explorer-blocks-bar a { + border-radius: 0.25rem; + } + + .back-btn, + .explorer-btn { + font-size: 1.5rem; + position: absolute; + left: 1rem; + top: 1rem; + padding: .5rem 2rem; + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + outline: .15rem solid var(--col-btn-red); + border-radius: .5rem; + } + .back-btn:hover, + .explorer-btn:hover { + position: absolute; + padding: .5rem 2rem; + background-color: var(--col-red-bg-50); + transform: scale(1.05); + } + .explorer-btn { + left: unset; + right: 1rem; + } + .block-title { + position: absolute; + left: 0; + right: 0; + top: 1rem; + font-size: 2rem; + user-select: none; + pointer-events: none; + } + + .block-card { + + width: 100%; + padding: 1rem; + padding-bottom: 3rem; + padding-bottom: 2rem; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + box-sizing: border-box; + background-color: var(--col-red-bg); + background-color: rgba(12, 12, 12, 0.5); + margin: .5rem 0; + } + + .block-card div:nth-child(1) { + width: 100%; + height: 12rem; + flex-direction: column; + + } + .block-height { + width: 20%; + width: 100%; + height: 100%; + font-size: 2rem; + font-weight: 600; + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + outline: .15rem solid var(--col-btn-red); + margin-bottom: .45rem; + } + .block-height:hover { + background-color: var(--col-red-bg-50); + } + .explorer-blocks-bar div:nth-child(1) div { + position: relative; + width: 80%; + width: 100%; + height: 100%; + + } + .block-hash, + .address-reward { + display: flex; + width: calc(100% - 1rem); + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + height: 2rem; + margin: 0; + padding: 0; + position: absolute; + margin: 0 0 0 1rem; + margin: .5rem 0 .5rem 0rem; + box-sizing: border-box; + width: 100%; + border-radius: 0.25rem; + } + + .block-hash { + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + outline: .15rem solid var(--col-btn-red); + } + .block-hash:hover { + background-color: var(--col-red-bg-50); + } + + .address-reward { + top: unset; + bottom: 0; + } + + .block-card div:nth-child(2) { + flex-direction: column; + width: 100%; + height: 5rem; + width: 100%; + + + } + .block-card div:nth-child(2) div:nth-child(1){ + margin: 0; + position: relative; + height: 3rem; + width: 20%; + width: 100%; + + } + .block-card div:nth-child(2) div:nth-child(2){ + margin: 0; + position: relative; + flex-direction: column; + width: 80%; + width: 100%; + + height: 3rem; + } + + .block-time { + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + width: 10%; + width: 100%; + margin-left: 12%; + margin-left: unset; + height: 2rem; + padding: 0 2rem; + padding: 0 0; + border-radius: .25rem; + top: 1rem; + top: unset; + position: absolute; + position: relative; + right: 0; + right: unset; + margin-bottom: 1rem; + + } + + .block-date, + .tx-count { + height: 2rem; + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + width: 40%; + width: 100%; + position: absolute; + position: relative; + left: 1rem; + left: unset; + top: 1rem; + top: unset; + border-radius: .25rem; + margin-bottom: .5rem; + } + + .tx-count { + left: unset; + right: 0; + margin: .5rem 0 0 0; + } + + + + + + + + + + + + + + + + + + + .explorer-block-bar { + width: 90%; + height: fit-content; + margin: 0 auto; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: var(--col-red-bg); + background-color: rgba(22, 22, 22, 0.5); + position: relative; + justify-content: start; + padding: 0 1rem; + padding-top: 8rem; + backdrop-filter: blur(20px); + } + .explorer-block-bar .block-title { + margin-top: 4rem; + } + + + .block-info-card { + display: flex; + flex-direction: column; + padding: 0; + margin: 0; + flex-wrap: wrap; + padding-bottom: 1rem; + } + + .block-info-card > div { + width: 100%; + } + + .block-info { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + height: 4rem; + box-sizing: border-box; + margin: .5rem 0; + border-radius: .25rem; + } + + + .main-info, + .hash-info { + flex-direction: column; + height: fit-content; + padding: 0rem 0rem; + box-sizing: border-box; + justify-content: start; + } + + + + .main-info > div:nth-child(2) { + display: flex; + flex-direction: column; + justify-content: start; + width: 100%; + height: 100%; + padding: 0; + + position: relative; + + } + + .main-info > div:nth-child(2) > div:nth-child(1){ + flex-direction: column; + width: 100%; + /* height: 100%; */ + position: absolute; + position: relative; + height: fit-content; + + top: 0; + top: unset; + } + .main-info > div:nth-child(2) > div:nth-child(2){ + flex-direction: column; + width: 100%; + + position: absolute; + position: relative; + height: fit-content; + + bottom: 0; + bottom: unset; + } + + .block-info.height { + width: 100%; + height: 6rem; + outline: .15rem solid var(--col-btn-red); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + position: relative; + + } + + .block-info.height p { + font-size: 1.25rem; + position: absolute; + outline: .15rem solid var(--col-btn-red); + background-color: var(--col-red-bg-50); + top: 0rem; + left: 0rem; + padding: .25rem 1.5rem; + border-radius: .25rem 0 .25rem 0; + + } + .block-info.height a { + text-align: center; + line-height: 8rem; + display: inline-block; + width: 100%; + height: 100%; + position: absolute; + font-size: 1.5rem; + + } + .block-info.height a:hover { + background-color: var(--col-red-bg-50); + } + + .block-info.main { + height: 4rem; + width: 100%; + } + + .block-info p { + margin: 0; + padding: 0; + + } + .block-info p:last-child { + font-size: .8rem; + + } + + + .hash-info { + + box-sizing: border-box; + + } + + .hash-info .block-info { + width: 100%; + position: relative; + outline: .15rem solid var(--col-btn-red); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + } + .hash-info .block-info p { + position: absolute; + top: 0; + left: 0; + padding: .25rem 1rem; + + border-radius: .25rem 0 .25rem 0; + outline: .15rem solid var(--col-btn-red); + background-color: var(--col-red-bg-50); + } + .hash-info .block-info a { + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + text-align: center; + margin: auto; + line-height: 6rem; + letter-spacing: .125rem; + font-weight: 200; + font-size: .8rem; + } + .hash-info .block-info a:hover { + background-color: var(--col-red-bg-50); + } + + .adv-info { + + box-sizing: border-box; + } + + .adv-info .block-info{ + width: 100%; + + } + .adv-info .block-info p:nth-child(1){ + padding-bottom: .25rem; + } + .adv-info .block-info p:nth-child(2){ + letter-spacing: .125rem; + font-weight: 200; + padding-top: .25rem; + } + + + + + .transaction { + outline: .15rem solid var(--col-red-outline); + border-radius: .5rem; + position: relative; + padding: 1rem; + box-sizing: border-box; + } + + .tx-title { + position: absolute; + left: 1rem; + top: 1rem; + margin: 0; + /* outline: .15rem solid white; */ + border-bottom: .15rem solid var(--col-red-bg-50); + border-right: .15rem solid var(--col-red-bg-50); + background-color: rgba(20, 20, 20, 0.5); + box-sizing: border-box; + padding: .5rem 1rem; + border-radius: .25rem 0 .25rem 0; + font-size: 1.25rem; + } + .shielded { + + background-color: var(--shielded-bg); + padding: .5rem 1rem; + font-size: 1.5rem; + position: absolute; + left: unset; + right: 1rem; + top: 1rem; + border-radius: 0 .25rem 0 .25rem ; + border-bottom: .15rem solid var(--shielded-col); + border-left: .15rem solid var(--shielded-col); + box-sizing: border-box; + font-size: 1.25rem; + } + .tx-reward{ + position: absolute; + border: .15rem solid var(--col-red-bg-50); + border-right: none; + box-sizing: border-box; + background-color: rgba(20, 20, 20, 0.5); + right: 1rem; + top: 6.25rem; + padding: 1rem 1.5rem; + font-size: 1.5rem; + border-radius: 1rem 0 0 1rem; + } + + .tx-time { + position: absolute; + top: 4.25rem; + text-align: center; + width: 16rem; + } + .tx-info { + outline: .15rem solid var(--tx-outline); + background-color: var(--col-red-bg); + width: 100%; + height: 100%; + border-radius: .25rem; + position: relative; + } + .tx-info > div:nth-child(1) { + position: relative; + margin: 9.5rem 0 0 0; + } + + .tx-id-bar { + display: flex; + justify-content: center; + align-items: start; + width: 90%; + margin: 1rem 0; + border-radius: .25rem; + outline: .15rem solid var(--col-btn-red); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + position: relative; + height: 3.5rem; + } + .tx-id-bar p{ + margin: .25rem 0 0 0; + } + .tx-id-bar a, + .tx-id-bar p:nth-child(2){ + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + text-align: center; + line-height: 4.75rem; + letter-spacing: .125rem; + font-weight: 200; + } + .tx-id-bar a:hover { + background-color: var(--col-red-bg-50); + } + + .tx-id-bar:nth-child(2) { + outline: .15rem solid var(--col-red-bg-50); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: none; + } + + + .tx-info > div:nth-child(2) { + flex-direction: column; + padding: 0 1rem; + } + .tx-in-out { + margin: 0 1rem 1rem 1rem; + padding: 0 1rem; + outline: .15rem solid var(--col-red-bg-50); + background-color: rgba(20, 20, 20, 0.5); + border-radius: .25rem; + } + .tx-in-out div { + margin: 0 .5rem; + padding: .5rem 0; + + } + .tx-in-out div p { + margin: 0 .5rem; + } + +} + +@media (min-width: 1180px) { + + .explorer-content { + width: 70rem; + margin: 0 auto; + outline: 0.15rem solid var(--col-red-outline); + background-color:rgba(24, 24, 24, 0.5); + backdrop-filter: blur(20px); + border-radius: 0.25rem; + padding: 5rem .5rem .5rem .5rem; + } + + .explorer-title { + justify-content: space-between; + position: absolute; + top: 0; + width: 100%; + } + + .explorer-title h3 { + outline: 0.15rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + padding: 1rem; + height: 2rem; + margin: 0; + border-radius: 0 0 0.25rem 0; + } + + .explorer-title div { + flex-direction: column; + outline: 0.15rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + border-radius: 0.25rem; + height: 3rem; + top: .5rem; + right: .5rem; + position: absolute; + } + .explorer-title div p { + margin: 0; + padding: 0 1rem; + } + + .explorer-inner-content { + display: flex; + justify-content: start; + flex-wrap: wrap; + + outline: 0.15rem solid var(--col-red-outline); + background-color: var(--col-red-bg); + border-radius: 0.25rem; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + } + + .line1 { + fill: none; + stroke: green; + stroke-width: 3px; + } + .line2 { + fill: none; + stroke: rgb(255, 102, 0); + stroke-width: 3px; + } + + .graph { + width: 100%; + height: 100%; + } + + .graph g text { + fill: var(--col-btn-red); + } + .graph g line, + .graph .domain { + stroke: var(--col-btn-red); + } + + .explorer-1 { + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + width: 34rem; + height: 22rem; + margin: 1rem 1rem 0 1rem; + position: relative; + } -h3 { - text-align: center; - color: var(--text-color-main); -} + .explorer-1 p { + box-sizing: border-box; + line-height: 1.75rem; + padding: 0 1rem; + margin: 0; + background-color: rgba(20, 20, 20, 0.75); + } -p { - text-align: center; - color: var(--text-color-main); -} + .explorer-1 > div:nth-child(1) p:nth-child(odd) { + height: 100%; + border: 0.15rem solid rgba(0, 128, 0, 0.5); -.explorer-links { - text-decoration: none; - color: var(--text-color-main); -} + border-radius: 0.15rem 0 0 0.15rem; + border-right: 0.05rem solid rgba(0, 128, 0, 0.5); + } + .explorer-1 > div:nth-child(1) p:nth-child(even) { + height: 100%; + border: 0.15rem solid rgba(0, 128, 0, 0.5); -.explorer-links:hover { - color: var(--text-color-main); - font-weight: 600; -} + border-radius: 0 0.15rem 0.15rem 0; + border-left: 0.05rem solid rgba(0, 128, 0, 0.5); + } + .explorer-1 > div:nth-child(1) > div:nth-child(2) p:nth-child(odd) { + height: 100%; + border: 0.15rem solid rgba(255, 102, 0, 0.5); -span { - color: var(--text-color-main); -} + border-radius: 0.15rem 0 0 0.15rem; + border-right: 0.05rem solid rgba(255, 102, 0, 0.5); + } + .explorer-1 > div:nth-child(1) > div:nth-child(2) p:nth-child(even) { + height: 100%; + border: 0.15rem solid rgba(255, 102, 0, 0.5); + border-radius: 0 0.15rem 0.15rem 0; -#exchanges { - min-height: 40vh; - display: flex; - flex-direction: column; - align-items: center; - flex-direction: column; - margin: 10rem 0; + border-left: 0.05rem solid rgba(255, 102, 0, 0.5); + } -} + .explorer-1 > div:nth-child(1) div:nth-child(1) { + height: 2rem; + position: absolute; + bottom: 4.5rem; + left: 1rem; + right: 1rem; + + border-radius: 0.25rem; + } + .explorer-1 > div:nth-child(1) div:nth-child(2) { + height: 2rem; + position: absolute; + bottom: 2rem; + left: 1rem; + right: 1rem; + border-radius: 0.25rem; + } + + #graphContainer { + width: 100%; + height: 100%; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: var(--col-dark-bg); + margin: 0 auto; + } + + + + .explorer-2, + .explorer-3 { + width: 18rem; + height: 22rem; + margin: 1rem 0 0 0; + flex-wrap: wrap; + } + + .explorer-2 { + width: calc(100% - 36rem); + } + + .explorer-2 div , + .explorer-3 div { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + outline: 0.15rem solid var(--col-red-bg-50); + + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + box-sizing: border-box; + margin: .5rem; + border-radius: .25rem; + padding: .5rem 1rem; + height: 3rem; + } + + + + .explorer-2 p , + .explorer-3 p { + padding: 0; + margin: 0; + } + + .explorer-3 { + width: 34rem; + margin: 1rem; + height: 12rem; + } + .explorer-4 { + width: 18rem; + margin: 0 auto; + height: 12rem; + } + .explorer-4 a{ + outline-width: .2rem; + font-size: 3.5rem; + padding: 1rem 2rem; + background-color: rgba(20, 20, 20, 0.75); + } + + .explorer-footer { + flex-direction: row; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: var(--col-red-bg); + width: 60rem; + margin: 0 auto; + height: 1.5rem; + margin: 1rem 0 0 0; + padding: 0 2rem; + justify-content: space-between; + backdrop-filter: blur(20px); + } + .explorer-footer p { + font-size: .75rem; + padding: 0 .25rem; + } + + + #blocks, + #explorer-block-section { + min-height: fit-content; + } -#exchanges h2 { - font-size: 3rem; - margin: 0rem 0 8rem 0; -} -.exchanges-card { - transition: all ease-in-out 200ms; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - outline: .1rem solid rgba(255, 255, 255, 0.25); - height: 10rem; - width: 30rem; - margin: 0 4rem; - padding: 0 0 0rem 0; - border-radius: .25rem; - background-color: rgba(255, 255, 255, 0.111); - margin: 2rem 4rem; - cursor: pointer; -} + .explorer-blocks-bar { + width: 60%; + height: fit-content; + margin: 0 auto; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: rgba(22, 22, 22, 0.5); + position: relative; + justify-content: start; + padding: 0 1rem; + padding-top: 4.75rem; + padding-bottom: 1rem; + backdrop-filter: blur(20px); + } -.exchanges-card:hover { - transform: scale(1.05); - background-color: rgba(255, 255, 255, 0.25); - outline: .1rem solid rgba(255, 255, 255, 0.85); - position: relative; -} + .explorer-blocks-bar a { + border-radius: 0.25rem; + } -.exchanges-card h3 { - margin: 0; - transform: translateY(-1.5rem); + .back-btn, + .explorer-btn { + font-size: 1.5rem; + position: absolute; + left: 1rem; + top: 1rem; + padding: .5rem 2rem; + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + outline: .15rem solid var(--col-btn-red); + border-radius: .5rem; + } + .back-btn:hover, + .explorer-btn:hover { + position: absolute; + padding: .5rem 2rem; + background-color: var(--col-red-bg-50); + transform: scale(1.05); + } + .explorer-btn { + left: unset; + right: 1rem; + } + .block-title { + position: absolute; + left: 0; + right: 0; + top: 1rem; + font-size: 2rem; + user-select: none; pointer-events: none; -} + } + + .block-card { + + width: 100%; + padding: 1rem; + padding-bottom: 1rem; + + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + box-sizing: border-box; + + background-color: rgba(12, 12, 12, 0.5); + } + + .block-card div:nth-child(1) { + width: 100%; + height: 5.5rem; + flex-direction: row; + justify-content: start; + } + .block-height { + width: 20%; + + height: 100%; + font-size: 2rem; + font-weight: 600; + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + outline: .15rem solid var(--col-btn-red); + /* margin-bottom: .45rem; */ + margin: 0; + } + .block-height:hover { + background-color: var(--col-red-bg-50); + } + .explorer-blocks-bar div:nth-child(1) div { + position: relative; + width: 80%; + height: 100%; + margin: 0 0 0 1rem; + } + .block-hash, + .address-reward { + display: flex; + + width: calc(100% - 1rem); + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + height: 2rem; + margin: 0; + box-sizing: border-box; + width: 100%; + border-radius: 0.25rem; + } + + .block-hash { + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + outline: .15rem solid var(--col-btn-red); + top: 0; + bottom: unset; + } + .block-hash:hover { + background-color: var(--col-red-bg-50); + } + + .address-reward { + top: unset; + bottom: 0; + } + + + .block-card div:nth-child(2) { + flex-direction: row; + width: 100%; + height: 4rem; + + + + } + .block-card div:nth-child(2) div:nth-child(1){ + margin: 0; + position: relative; + + height: 3rem; + width: 20%; + + + } + .block-card div:nth-child(2) div:nth-child(2){ + margin: 0; + position: relative; + flex-direction: row; + width: 80%; + margin: 0 0 0 1rem; + + height: 3rem; + } + + .block-time { + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + width: 10%; + + /* margin-left: 12%; */ + + height: 2rem; + padding: 0 2rem; + + border-radius: .25rem; + top: 0; + + position: absolute; + + right: 0; + + /* margin-bottom: 1rem; */ + + } + + .block-date, + .tx-count { + height: 2rem; + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + width: 40%; + + position: absolute; + + left: 0rem; + + bottom: 0rem; + margin: 0; + border-radius: .25rem; + + } + + .tx-count { + left: unset; + right: 0; + + } + + + + + + + + -.exchanges-card img { - transition: all ease-in-out 200ms; - height: 4rem; - position: relative; - pointer-events: none; -} -.exchanges-card:hover img { - transform: scale(1.05); - filter: drop-shadow(0 0 .25rem rgb(255, 255, 255)); -} + .explorer-block-bar { + width: 70%; + height: fit-content; + margin: 0 auto; + outline: 0.15rem solid var(--col-red-outline); + border-radius: 0.25rem; + background-color: var(--col-red-bg); + background-color: rgba(22, 22, 22, 0.5); + position: relative; + justify-content: start; + padding: 0 1rem; + padding-top: 0; + backdrop-filter: blur(20px); + } -.exchanges-card a { - z-index: 1; - position: absolute; - display: block; - width: 30rem; - height: 10rem; -} + .block-info-card { + flex-direction: column; + padding: .5rem; + margin: 0; + flex-wrap: wrap; + } + .block-info-card > div { + width: 100%; + } -@media (max-width: 1024px) { - #exchanges > div { + .block-info { + display: flex; flex-direction: column; + align-items: center; + justify-content: center; + outline: 0.15rem solid var(--col-red-bg-50); + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); + height: 4rem; + box-sizing: border-box; + margin: .5rem; + border-radius: .25rem; } - #exchanges h2 { - margin: 2rem 0; + .main-info, + .hash-info { + flex-direction: row; + height: 10rem; + padding: 1rem .5rem; + box-sizing: border-box; } - .exchanges-card { - width: 20rem; - height: 8rem; - margin: 3rem auto; + + + .main-info > div:nth-child(2) { + display: flex; + flex-direction: column; + justify-content: center; + width: 70%; + height: 100%; + + padding: 0; + position: relative; + } - .exchanges-card h3 { - padding-top: 1rem; + + .main-info > div:nth-child(2) > div:nth-child(1){ + flex-direction: row; + width: 100%; + height: 100%; + position: absolute; + height: 40%; + + top: 0; } + .main-info > div:nth-child(2) > div:nth-child(2){ + flex-direction: row; + width: 100%; + height: 100%; + position: absolute; + height: 40%; - .exchanges-card a{ - width: 20rem; - height: 8rem; + bottom: 0; + } + + .block-info.height { + width: 30%; + height: 100%; + outline: .15rem solid var(--col-btn-red); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + position: relative; } - .component-button { + .block-info.height p { font-size: 1.25rem; - padding: .75rem 1rem; - border-radius: .25rem !important; + position: absolute; + outline: .15rem solid var(--col-btn-red); + background-color: var(--col-red-bg-50); + top: 0rem; + left: 0rem; + padding: .25rem 1.5rem; + border-radius: .25rem 0 .25rem 0; + + } + .block-info.height a { + text-align: center; + line-height: 8rem; + display: inline-block; + width: 100%; + height: 100%; + position: absolute; + font-size: 1.5rem; + + } + .block-info.height a:hover { + background-color: var(--col-red-bg-50); + } + + .block-info.main { + height: 100%; + width: 33%; + + } + + .block-info p { + margin: 0; + padding: 0; + + } + + + .hash-info { + flex-direction: row; + height: 5rem; + padding: 0 .5rem; + box-sizing: border-box; + + } + + .hash-info .block-info { + width: 100%; + position: relative; + outline: .15rem solid var(--col-btn-red); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + } + .hash-info .block-info p { + position: absolute; + top: 0; + left: 0; + padding: .25rem 1rem; + + border-radius: .25rem 0 .25rem 0; + outline: .15rem solid var(--col-btn-red); + background-color: var(--col-red-bg-50); + } + .hash-info .block-info a { + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + text-align: center; + margin: auto; + line-height: 6rem; + letter-spacing: .125rem; + font-weight: 200; + } + .hash-info .block-info a:hover { + background-color: var(--col-red-bg-50); + } + + .adv-info { + padding: 0 4rem; + box-sizing: border-box; + } + .adv-info .block-info{ + width: 100%; + + } + .adv-info .block-info p:nth-child(1){ + padding-bottom: .25rem; + } + .adv-info .block-info p:nth-child(2){ + letter-spacing: .125rem; + font-weight: 200; + padding-top: .25rem; + } + + .transaction { + outline: .15rem solid var(--col-red-outline); + border-radius: .5rem; + position: relative; + padding: 1rem; + box-sizing: border-box; + } + + .tx-title { + position: absolute; + left: 1rem; + top: 1rem; + margin: 0; + /* outline: .15rem solid white; */ + border-bottom: .15rem solid var(--col-red-bg-50); + border-right: .15rem solid var(--col-red-bg-50); + background-color: rgba(20, 20, 20, 0.5); + box-sizing: border-box; + background-color: rgba(20, 20, 20, 0.5); + padding: .5rem 1rem; + border-radius: .25rem 0 .25rem 0; + } + .shielded { + border: .15rem solid var(--shielded-col); + border-top :none; + box-sizing: border-box; + background-color: var(--shielded-bg); + padding: .5rem 1rem; + font-size: 1.5rem; + position: absolute; + left: 12rem; + right: unset; + top: 1rem; + border-radius: .0 0 .25rem .25rem; } + .tx-reward{ + position: absolute; + border: .15rem solid var(--col-red-bg-50); + border-right: none; + box-sizing: border-box; + background-color: rgba(20, 20, 20, 0.5); + right: 1rem; + top: 2rem; + padding: 1rem 1.5rem; + font-size: 1.75rem; + border-radius: 1rem 0 0 1rem; + } + + .tx-time { + position: absolute; + left: 1rem; + top: 4.75rem; + text-align: center; + width: 16rem; + } + .tx-info { + outline: .15rem solid var(--tx-outline); + background-color: var(--col-red-bg); + width: 100%; + height: 100%; + border-radius: .25rem; + position: relative; + } + .tx-info > div:nth-child(1) { + position: relative; + margin: 6rem 0 0 0; + /* outline: .1rem solid blue; */ + } + + .tx-id-bar { + display: flex; + justify-content: center; + align-items: start; + width: 90%; + margin: 1rem 0; + border-radius: .25rem; + outline: .15rem solid var(--col-btn-red); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 0 0 1rem var(--col-red-outline); + position: relative; + height: 3.5rem; + } + .tx-id-bar p{ + margin: .25rem 0 0 0; + } + .tx-id-bar a, + .tx-id-bar p:nth-child(2){ + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + text-align: center; + line-height: 4.75rem; + letter-spacing: .125rem; + font-weight: 200; + } + .tx-id-bar a:hover { + background-color: var(--col-red-bg-50); + } + + .tx-id-bar:nth-child(2) { + outline: .15rem solid var(--col-red-bg-50); + background-color: rgba(20, 20, 20, 0.5); + box-shadow: none; + } + + + .tx-info > div:nth-child(2) { + + } + .tx-in-out { + margin: 0 1rem 1rem 1rem; + padding: 0 1rem; + outline: .15rem solid var(--col-red-bg-50); + background-color: rgba(20, 20, 20, 0.5); + border-radius: .25rem; + } + .tx-in-out div { + margin: 0 1rem; + padding: .5rem 0; + + } + .tx-in-out div p { + margin: 0 .5rem; + } + + } \ No newline at end of file diff --git a/img/fonts/Satoshi-Black.ttf b/img/fonts/Satoshi-Black.ttf new file mode 100644 index 0000000..62015ac Binary files /dev/null and b/img/fonts/Satoshi-Black.ttf differ diff --git a/img/fonts/Satoshi-Black.woff b/img/fonts/Satoshi-Black.woff new file mode 100644 index 0000000..a6bee36 Binary files /dev/null and b/img/fonts/Satoshi-Black.woff differ diff --git a/img/fonts/Satoshi-Black.woff2 b/img/fonts/Satoshi-Black.woff2 new file mode 100644 index 0000000..64492d5 Binary files /dev/null and b/img/fonts/Satoshi-Black.woff2 differ diff --git a/img/fonts/Satoshi-BlackItalic.woff b/img/fonts/Satoshi-BlackItalic.woff new file mode 100644 index 0000000..0e07e1c Binary files /dev/null and b/img/fonts/Satoshi-BlackItalic.woff differ diff --git a/img/fonts/Satoshi-BlackItalic.woff2 b/img/fonts/Satoshi-BlackItalic.woff2 new file mode 100644 index 0000000..9d5c911 Binary files /dev/null and b/img/fonts/Satoshi-BlackItalic.woff2 differ diff --git a/img/fonts/Satoshi-Bold.woff b/img/fonts/Satoshi-Bold.woff new file mode 100644 index 0000000..bba8257 Binary files /dev/null and b/img/fonts/Satoshi-Bold.woff differ diff --git a/img/fonts/Satoshi-Bold.woff2 b/img/fonts/Satoshi-Bold.woff2 new file mode 100644 index 0000000..0a8db7a Binary files /dev/null and b/img/fonts/Satoshi-Bold.woff2 differ diff --git a/img/fonts/Satoshi-BoldItalic.woff b/img/fonts/Satoshi-BoldItalic.woff new file mode 100644 index 0000000..8bcb7a6 Binary files /dev/null and b/img/fonts/Satoshi-BoldItalic.woff differ diff --git a/img/fonts/Satoshi-BoldItalic.woff2 b/img/fonts/Satoshi-BoldItalic.woff2 new file mode 100644 index 0000000..225527f Binary files /dev/null and b/img/fonts/Satoshi-BoldItalic.woff2 differ diff --git a/img/fonts/Satoshi-Italic.woff b/img/fonts/Satoshi-Italic.woff new file mode 100644 index 0000000..edd4d93 Binary files /dev/null and b/img/fonts/Satoshi-Italic.woff differ diff --git a/img/fonts/Satoshi-Italic.woff2 b/img/fonts/Satoshi-Italic.woff2 new file mode 100644 index 0000000..8b98599 Binary files /dev/null and b/img/fonts/Satoshi-Italic.woff2 differ diff --git a/img/fonts/Satoshi-Light.woff b/img/fonts/Satoshi-Light.woff new file mode 100644 index 0000000..8f05e4e Binary files /dev/null and b/img/fonts/Satoshi-Light.woff differ diff --git a/img/fonts/Satoshi-Light.woff2 b/img/fonts/Satoshi-Light.woff2 new file mode 100644 index 0000000..cf18cd4 Binary files /dev/null and b/img/fonts/Satoshi-Light.woff2 differ diff --git a/img/fonts/Satoshi-LightItalic.woff b/img/fonts/Satoshi-LightItalic.woff new file mode 100644 index 0000000..a03a50d Binary files /dev/null and b/img/fonts/Satoshi-LightItalic.woff differ diff --git a/img/fonts/Satoshi-LightItalic.woff2 b/img/fonts/Satoshi-LightItalic.woff2 new file mode 100644 index 0000000..6bd15ad Binary files /dev/null and b/img/fonts/Satoshi-LightItalic.woff2 differ diff --git a/img/fonts/Satoshi-Medium.woff b/img/fonts/Satoshi-Medium.woff new file mode 100644 index 0000000..cef3226 Binary files /dev/null and b/img/fonts/Satoshi-Medium.woff differ diff --git a/img/fonts/Satoshi-Medium.woff2 b/img/fonts/Satoshi-Medium.woff2 new file mode 100644 index 0000000..ffd0ac9 Binary files /dev/null and b/img/fonts/Satoshi-Medium.woff2 differ diff --git a/img/fonts/Satoshi-MediumItalic.woff b/img/fonts/Satoshi-MediumItalic.woff new file mode 100644 index 0000000..46d8995 Binary files /dev/null and b/img/fonts/Satoshi-MediumItalic.woff differ diff --git a/img/fonts/Satoshi-MediumItalic.woff2 b/img/fonts/Satoshi-MediumItalic.woff2 new file mode 100644 index 0000000..212adc9 Binary files /dev/null and b/img/fonts/Satoshi-MediumItalic.woff2 differ diff --git a/img/fonts/Satoshi-Regular.woff b/img/fonts/Satoshi-Regular.woff new file mode 100644 index 0000000..03ac195 Binary files /dev/null and b/img/fonts/Satoshi-Regular.woff differ diff --git a/img/fonts/Satoshi-Regular.woff2 b/img/fonts/Satoshi-Regular.woff2 new file mode 100644 index 0000000..81c40ab Binary files /dev/null and b/img/fonts/Satoshi-Regular.woff2 differ diff --git a/img/fonts/Satoshi-Variable.woff b/img/fonts/Satoshi-Variable.woff new file mode 100644 index 0000000..f8dcd1d Binary files /dev/null and b/img/fonts/Satoshi-Variable.woff differ diff --git a/img/fonts/Satoshi-Variable.woff2 b/img/fonts/Satoshi-Variable.woff2 new file mode 100644 index 0000000..b00e833 Binary files /dev/null and b/img/fonts/Satoshi-Variable.woff2 differ diff --git a/img/fonts/Satoshi-VariableItalic.woff b/img/fonts/Satoshi-VariableItalic.woff new file mode 100644 index 0000000..3fe029e Binary files /dev/null and b/img/fonts/Satoshi-VariableItalic.woff differ diff --git a/img/fonts/Satoshi-VariableItalic.woff2 b/img/fonts/Satoshi-VariableItalic.woff2 new file mode 100644 index 0000000..e7ab3a0 Binary files /dev/null and b/img/fonts/Satoshi-VariableItalic.woff2 differ diff --git a/img/graphics/bg_lava.jpg b/img/graphics/bg_lava.jpg new file mode 100644 index 0000000..12d46cc Binary files /dev/null and b/img/graphics/bg_lava.jpg differ diff --git a/img/graphics/dragonx_logo_slogan_light.svg b/img/graphics/dragonx_logo_slogan_light.svg new file mode 100644 index 0000000..5a685ed --- /dev/null +++ b/img/graphics/dragonx_logo_slogan_light.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/graphics/explorer_graph_line_1.svg b/img/graphics/explorer_graph_line_1.svg new file mode 100644 index 0000000..dc59d0f --- /dev/null +++ b/img/graphics/explorer_graph_line_1.svg @@ -0,0 +1,17 @@ + + + + + + + + + \ No newline at end of file diff --git a/img/graphics/icon_link_out.svg b/img/graphics/icon_link_out.svg new file mode 100644 index 0000000..b8ba12f --- /dev/null +++ b/img/graphics/icon_link_out.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/img/graphics/icon_linkout_red.svg b/img/graphics/icon_linkout_red.svg new file mode 100644 index 0000000..79808ab --- /dev/null +++ b/img/graphics/icon_linkout_red.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/img/graphics/screenshots/SDX_mining_screen.gif b/img/graphics/screenshots/SDX_mining_screen.gif new file mode 100644 index 0000000..bd95eb5 Binary files /dev/null and b/img/graphics/screenshots/SDX_mining_screen.gif differ diff --git a/img/graphics/screenshots/drgx screen 1.png b/img/graphics/screenshots/drgx screen 1.png new file mode 100644 index 0000000..da281c8 Binary files /dev/null and b/img/graphics/screenshots/drgx screen 1.png differ diff --git a/img/graphics/screenshots/drgx screen 2.png b/img/graphics/screenshots/drgx screen 2.png new file mode 100644 index 0000000..19318fe Binary files /dev/null and b/img/graphics/screenshots/drgx screen 2.png differ diff --git a/img/graphics/screenshots/drgx screen 3.png b/img/graphics/screenshots/drgx screen 3.png new file mode 100644 index 0000000..7caabc5 Binary files /dev/null and b/img/graphics/screenshots/drgx screen 3.png differ diff --git a/img/graphics/screenshots/drgx screen 4.png b/img/graphics/screenshots/drgx screen 4.png new file mode 100644 index 0000000..a5889be Binary files /dev/null and b/img/graphics/screenshots/drgx screen 4.png differ diff --git a/img/graphics/screenshots/drgx screen 5.png b/img/graphics/screenshots/drgx screen 5.png new file mode 100644 index 0000000..ab83975 Binary files /dev/null and b/img/graphics/screenshots/drgx screen 5.png differ diff --git a/img/graphics/screenshots/drgx screen 6.png b/img/graphics/screenshots/drgx screen 6.png new file mode 100644 index 0000000..f157408 Binary files /dev/null and b/img/graphics/screenshots/drgx screen 6.png differ diff --git a/img/graphics/screenshots/drgx screen 7.png b/img/graphics/screenshots/drgx screen 7.png new file mode 100644 index 0000000..7acb3f8 Binary files /dev/null and b/img/graphics/screenshots/drgx screen 7.png differ diff --git a/img/logo_dragonx.ico b/img/logo_dragonx.ico index fc393eb..18c6647 100644 Binary files a/img/logo_dragonx.ico and b/img/logo_dragonx.ico differ diff --git a/img/logo_text_dragonx.svg b/img/logo_text_dragonx.svg new file mode 100644 index 0000000..1bbd309 --- /dev/null +++ b/img/logo_text_dragonx.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/logos/dragonx_logotext_dark.svg b/img/logos/dragonx_logotext_dark.svg new file mode 100644 index 0000000..3df8ae4 --- /dev/null +++ b/img/logos/dragonx_logotext_dark.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/logos/dragonx_logotext_light.svg b/img/logos/dragonx_logotext_light.svg new file mode 100644 index 0000000..7139cc8 --- /dev/null +++ b/img/logos/dragonx_logotext_light.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/logos/icon_android_red.svg b/img/logos/icon_android_red.svg new file mode 100644 index 0000000..44b9bc1 --- /dev/null +++ b/img/logos/icon_android_red.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/logos/logo_android_white.svg b/img/logos/icon_android_white.svg similarity index 100% rename from img/logos/logo_android_white.svg rename to img/logos/icon_android_white.svg diff --git a/img/logos/icon_apple_red.svg b/img/logos/icon_apple_red.svg new file mode 100644 index 0000000..fee65a6 --- /dev/null +++ b/img/logos/icon_apple_red.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/img/logos/logo_apple_white.svg b/img/logos/icon_apple_white.svg similarity index 100% rename from img/logos/logo_apple_white.svg rename to img/logos/icon_apple_white.svg diff --git a/img/logos/icon_git_red.svg b/img/logos/icon_git_red.svg new file mode 100644 index 0000000..83ec03a --- /dev/null +++ b/img/logos/icon_git_red.svg @@ -0,0 +1,12 @@ + + + + + + + \ No newline at end of file diff --git a/img/logos/icon_git_white.svg b/img/logos/icon_git_white.svg new file mode 100644 index 0000000..ef5f6c3 --- /dev/null +++ b/img/logos/icon_git_white.svg @@ -0,0 +1,12 @@ + + + + + + + \ No newline at end of file diff --git a/img/logos/icon_linux_red.svg b/img/logos/icon_linux_red.svg new file mode 100644 index 0000000..42b0ace --- /dev/null +++ b/img/logos/icon_linux_red.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/logos/logo_linux_white.svg b/img/logos/icon_linux_white.svg similarity index 100% rename from img/logos/logo_linux_white.svg rename to img/logos/icon_linux_white.svg diff --git a/img/logos/icon_windows_red.svg b/img/logos/icon_windows_red.svg new file mode 100644 index 0000000..063228d --- /dev/null +++ b/img/logos/icon_windows_red.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/img/logos/logo_windows_white.svg b/img/logos/icon_windows_white.svg similarity index 100% rename from img/logos/logo_windows_white.svg rename to img/logos/icon_windows_white.svg