new affiliates container for exchanges, commented out old

This commit is contained in:
0ceanSlim 2023-08-08 11:00:31 -04:00
parent d95ce76766
commit 6b13b1e8e3
6 changed files with 53 additions and 11 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 221 KiB

View File

@ -38,13 +38,26 @@
</div>
</div>
<div class="affiliates">
</body>
<!--<div class="affiliates">
<div class="affiliate1"><a href="https://www.swanbitcoin.com/oceanslim"><img src="file:///android_asset/images/swan.png"> Dollar Cost Average Bitcoin with Swan!<br/>Free Automated withdrawal </a></div>
<div class="affiliate2"><a href="https://store.blockstream.com/?ref=3322"><img src="file:///android_asset/images/blockstream.jpg"> Shop Blockstream's Store (use code "HAPPYTAVERN" for 10% off Jade HW Wallet) </a></div>
<div class="affiliate3"><a href="use.foldapp.com/r/TT93PV3E"><img src="file:///android_asset/images/Fold.png"> Stack Sats on your debit card purchases </a></div>
</div>-->
<div id="exchange">
<h2>Buy Bitcoin Here 👇</h2>
<div class="app-image">
<a href="https://www.swanbitcoin.com/oceanslim"><img src="file:///android_asset/images/swan.png" alt="App 1"></a>
</div>
<div class="app-image">
<a href="https://river.com/signup?r=5WLPVSJQ"><img src="file:///android_asset/images/river.png" alt="App 2"></a>
</div>
<div class="app-image">
<a href="https://cash.app/app/HRPBCNS"><img src="file:///android_asset/images/cashapp.png" alt="App 3"></a>
</div>
</div>
</body>
</html>

View File

@ -11,6 +11,10 @@ body {
text-align: center;
}
h1 {
color: #ff7500;
}
a {
color: #ff7500;
}
@ -41,10 +45,6 @@ a:hover {
justify-content: center; /* Center items horizontally within the container */
}
h1 {
color: #ff7500;
}
#bitcoin-price {
font-size: 26px;
font-weight: bold;
@ -73,12 +73,12 @@ h1 {
margin: 10px;
}
.affiliates {
/*.affiliates {
max-width: 60%;
max-height: 25%;
position: fixed;
bottom: 200px;
right: 0%;
bottom: 8px;
right: 8px;
padding: 10px;
font-size: 12px;
font-weight: bolder;
@ -120,4 +120,33 @@ h1 {
border-width: 2px;
margin: 10px;
height: fit-content;
}*/
/* CSS for the container */
#exchange {
border: 2px solid #333;
border-radius: 10px;
padding: 20px;
text-align: center;
bottom: 10px;
right: 10px;
position: fixed;
}
/* CSS for the text */
#exchange h2 {
font-size: 24px;
margin-top: 0;
}
/* CSS for the app images */
.app-image {
display: inline-block;
margin: 10px;
}
.app-image img {
width: 60px;
height: 60px;
border-radius: 10px;
}