Browse Source

added exchanges section

master
D 5 months ago
parent
commit
ced7bf748c
  1. 29
      dragonx.is/index.html
  2. 102
      dragonx.is/style.css
  3. 38
      img/logos/logo_nonkyc.svg
  4. 4174
      img/logos/logo_safetrade.svg

29
dragonx.is/index.html

@ -45,6 +45,12 @@
style="--index: 0"
><small class="">Mine DragonX</small></a
>
<a
href="https://dragonx.is#exchanges"
class="component-button"
style="--index: 0"
><small class="">Exchanges</small></a
>
<a href="./releases" class="component-button" style="--index: 1"
><small class="">Wallets</small></a
>
@ -88,6 +94,11 @@
class="component-button"
><small class="">Mine DragonX</small></a
>
<a
href="https://dragonx.is#exchanges"
class="component-button"
><small class="">Exchanges</small></a
>
<a href="./releases/" class="component-button"
><small class="">Wallets</small></a
>
@ -274,6 +285,24 @@
<div class="divider"></div>
<section id="exchanges">
<h2>Exchanges</h2>
<div style="display: flex;">
<div class="exchanges-card">
<h3>nonkyc exchange</h3>
<img src="../img/logos/logo_nonkyc.svg" alt="">
<a href="https://nonkyc.io/market/DRGX_BTC"></a>
</div>
<div class="exchanges-card">
<h3>nonkyc exchange</h3>
<img src="../img/logos/logo_safetrade.svg" alt="">
<a href="https://safe.trade/exchange/DRGX-BTC?type=basic"></a>
</div>
</div>
</section>
<div class="divider"></div>
<section class="specs-section">
<div class="specs-content-body">
<div class="specs-tab">

102
dragonx.is/style.css

@ -899,3 +899,105 @@ p {
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;
}
}

38
img/logos/logo_nonkyc.svg

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 244.82 61.03">
<defs>
<style>
.cls-1 {
fill: #dcdb6e;
stroke-width: 0px;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer 1">
<g>
<g>
<path class="cls-1" d="m87.86,21.01c0-.41.35-.76.82-.76h.58c.41,0,.64.23.7.58l.23,2.5c.76-.82,3.96-3.67,8.62-3.67,6.52,0,9.38,4.14,9.38,10.66v12.47c0,.41-.35.76-.76.76h-1.05c-.41,0-.76-.35-.76-.76v-12.47c0-5.36-2.5-8.16-6.93-8.16-4.78,0-8.1,3.73-8.33,4.02v16.6c0,.47-.23.76-.76.76h-1.11c-.41,0-.64-.35-.64-.76v-21.79Z"/>
<path class="cls-1" d="m126.66,19.67c6.52,0,11.71,5.53,11.71,12.18s-5.19,12.29-11.71,12.29-11.71-5.48-11.71-12.29,5.13-12.18,11.71-12.18Zm0,22.08c5.13,0,9.15-4.37,9.15-9.9s-4.02-9.73-9.15-9.73-9.2,4.37-9.2,9.73,4.02,9.9,9.2,9.9Z"/>
<path class="cls-1" d="m145.48,21.01c0-.41.35-.76.82-.76h.58c.41,0,.64.23.7.58l.23,2.5c.76-.82,3.96-3.67,8.62-3.67,6.52,0,9.38,4.14,9.38,10.66v12.47c0,.41-.35.76-.76.76h-1.05c-.41,0-.76-.35-.76-.76v-12.47c0-5.36-2.5-8.16-6.93-8.16-4.78,0-8.1,3.73-8.33,4.02v16.6c0,.47-.23.76-.76.76h-1.11c-.41,0-.64-.35-.64-.76v-21.79Z"/>
<path class="cls-1" d="m174.32,3.53c0-.41.35-.76.76-.76h.99c.41,0,.76.35.76.76v26.1l12.41-9.03c.29-.23.64-.35.93-.35h1.69c.58,0,.64.76.17,1.05l-12.53,9.21,14.04,12.06c.47.41.17.99-.29.99h-1.81c-.35,0-.64-.06-1.17-.47l-13.46-11.59v11.3c0,.47-.23.76-.76.76h-1.11c-.41,0-.64-.35-.64-.76V3.53Z"/>
<path class="cls-1" d="m195.7,21.18c-.23-.47-.17-.93.35-.93h1.28c.29,0,.58.17.76.52l9.96,19.69h.12l9.09-19.69c.17-.35.47-.52.76-.52h1.28c.52,0,.58.47.35.93l-18.29,39.38c-.12.29-.47.47-.76.47h-1.34c-.47,0-.64-.29-.41-.82l7.86-16.9-11.01-22.14Z"/>
<path class="cls-1" d="m235.55,19.67c4.54,0,7.57,2.33,8.62,3.67.29.35.23.76-.12,1.05l-.58.58c-.41.41-.87.23-1.22-.12-.58-.64-3.03-2.68-6.7-2.68-5.3,0-9.61,4.14-9.61,9.67s4.37,9.85,9.55,9.85c4.37,0,6.64-2.74,7.28-3.44.41-.47.76-.47,1.11-.12l.64.58c.29.29.41.58.17.93-.87,1.4-4.31,4.49-9.15,4.49-6.58,0-12.23-5.19-12.23-12.23s5.65-12.23,12.23-12.23Z"/>
</g>
<g>
<circle class="cls-1" cx="30.05" cy="30.05" r="3.22"/>
<circle class="cls-1" cx="44.34" cy="30.05" r="3.22"/>
<circle class="cls-1" cx="44.34" cy="44.23" r="3.22"/>
<circle class="cls-1" cx="44.34" cy="15.86" r="3.22"/>
<circle class="cls-1" cx="15.75" cy="30.05" r="3.22"/>
<circle class="cls-1" cx="15.75" cy="44.23" r="3.22"/>
<circle class="cls-1" cx="30.05" cy="15.86" r="1.63"/>
<circle class="cls-1" cx="30.05" cy="1.63" r="1.63"/>
<circle class="cls-1" cx="30.05" cy="58.47" r="1.63"/>
<circle class="cls-1" cx="30.05" cy="44.23" r="1.63"/>
<circle class="cls-1" cx="15.75" cy="15.86" r="3.22"/>
<circle class="cls-1" cx="58.47" cy="30.05" r="1.63"/>
<circle class="cls-1" cx="1.63" cy="30.05" r="1.63"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

4174
img/logos/logo_safetrade.svg

File diff suppressed because it is too large

After

Width:  |  Height:  |  Size: 314 KiB

Loading…
Cancel
Save