new affiliates container for exchanges, commented out old

app/src/main/assets/index.html

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

app/src/main/assets/style.css

@@ -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;
+    bottom: 8px;
-    right: 0%;
+    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;
   }