Affiliate text

src/app/components/splash/splash.component.html

@@ -33,6 +33,8 @@
                     <div class="info mb-2 p-4 border-dashed border-1 border-round">
                         <code>stratum+tcp://{{stratumURL}}</code>
                         <br>
+                        <code>stratum+tls://{{secureStratumURL}}</code>
+                        <br>
                         <code>username: &lt;your BTC address&gt;.&lt;worker name&gt;, password: x</code>
                     </div>
                     <span><b>NO FEES</b></span>
@@ -40,9 +42,6 @@
                     <span>No second best.</span>
                 </div>
 
-
-
-
             </div>
         </div>
 
@@ -131,6 +130,58 @@
             </div>
         </div>
 
+        <div class="col-12">
+            <div class="card">
+                <h4 style="text-align: center;">Affiliate Program</h4>
+                <p>Purchase products through the affiliate links below to enjoy discounts on mining hardware. Affiliate
+                    earnings are used for pool hosting costs and allow 0% fees. Your support is appreciated.</p>
+
+
+                <div class="grid" style="padding-top: 20px;">
+                    <div class="col-12 md:col-4">
+                        <a href="https://www.solosatoshi.com/aff/7/" target="_blank">
+                            <div class="text-center">
+                                <h4 class="text-center"> Solo Satoshi (USA)</h4>
+                                <img id="solosatoshi" style="height: 200px;  width: 200px; object-fit: contain;"
+                                    src="assets/layout/images/solo-logo.webp" alt="solosatoshi">
+                                <h5>Discount Code (6.5%): <code>RealPleb </code></h5>
+
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-12 md:col-4">
+                        <a href="https://www.thesolomining.co/" target="_blank">
+                            <div class="text-center">
+                                <h4 class="text-center"> The Solo Mining Co (UK)</h4>
+                                <img id="soloco" style="height: 200px;  width: 200px; object-fit: cover;"
+                                    src="assets/layout/images/soloco.png" alt="soloco">
+                                <h5>Discount Code: <code>solo</code></h5>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-12 md:col-4">
+                        <a href="https://d-central.tech/product-category/asics/ref/benjamin.wilson/" target="_blank">
+                            <div class="text-center">
+                                <h4 class="text-center"> D-Central Tech (CA)</h4>
+                                <img id="dcentral" style="height: 200px;  width: 200px; object-fit: cover;"
+                                    src="assets/layout/images/dcentral.png" alt="dcentral">
+                                <h5>Discount Code: <code>solo</code> (Bitaxe products)</h5>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-12 md:col-4">
+                        <a href="https://miningwholesale.eu/?wpam_id=143" target="_blank">
+                            <div class="text-center">
+                                <h4 class="text-center"> Mining Wholesale (EU)</h4>
+                                <img id="GoBrrr" style="height: 200px;  width: 200px; object-fit: contain;"
+                                    src="assets/layout/images/mining-wholesale.png" alt="GoBrrr">
+
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
 
         <div class="col-12" *ngIf="highScores$ | async as highScores">
             <div class="card">

src/app/components/splash/splash.component.scss

@@ -24,47 +24,6 @@
     font-size: x-large;
 }
 
-.info code {
-    display: inline-block;
-    white-space: nowrap;
-    font-size: inherit;
-}
-
-/* Desktop styles */
-@media screen and (min-width: 769px) {
-    .info {
-        padding: 1rem;
-        text-align: center;
-    }
-    
-    .info code {
-        max-width: 90%;
-        margin: 0 auto;
-    }
-}
-
-/* Tablet and mobile styles */
-@media screen and (max-width: 768px) {
-    .info {
-        font-size: large;
-        padding: 0.5rem;
-    }
-    
-    .info code {
-        white-space: pre-wrap;
-        word-wrap: break-word;
-        font-size: 0.9em;
-    }
-}
-
-/* Very small screens */
-@media screen and (max-width: 480px) {
-    .info {
-        font-size: medium;
-        padding: 0.25rem;
-    }
-}
-
 .card {
     max-width: 1024px;
     margin: 0 auto;

src/app/components/splash/splash.component.ts

@@ -27,10 +27,11 @@ export class SplashComponent {
   public chartOptions: any;
 
   public stratumURL = '';
+  public secureStratumURL = '';
 
   private info$: Observable<any>;
 
-  private networkInfo:any;
+  private networkInfo: any;
 
   constructor(private appService: AppService, private cdr: ChangeDetectorRef) {
 
@@ -42,6 +43,12 @@ export class SplashComponent {
       this.stratumURL = window.location.hostname + ':3333';
     }
 
+    if (environment.SECURE_STRATUM_URL.length > 1) {
+      this.secureStratumURL = environment.SECURE_STRATUM_URL;
+    } else {
+      this.secureStratumURL = window.location.hostname + ':4333';
+    }
+
     this.blockData$ = this.info$.pipe(map(info => info.blockData));
     this.userAgents$ = this.info$.pipe(map(info => info.userAgents));
     this.highScores$ = this.info$.pipe(map(info => info.highScores));
@@ -107,7 +114,7 @@ export class SplashComponent {
           ticks: {
             color: textColorSecondary,
             callback: (value: number) => {
-                return HashSuffixPipe.transform(value) + " - " + AverageTimeToBlockPipe.transform(value, this.networkInfo.difficulty);
+              return HashSuffixPipe.transform(value) + " - " + AverageTimeToBlockPipe.transform(value, this.networkInfo.difficulty);
             }
           },
           grid: {

src/app/components/user-agent-link/user-agent-link.component.html

@@ -91,5 +91,5 @@
             <i class="pi pi-star-fill"></i>
         </a>
     </ng-container>
-    <ng-container *ngSwitchDefault>{{userAgent}}</ng-container>
+    <ng-container *ngSwitchDefault>{{userAgent | slice:0:12}}</ng-container>
 </ng-container>

src/environments/environment.prod.ts

@@ -1,5 +1,6 @@
 export const environment = {
     production: true,
     API_URL: 'https://public-pool.io:40557',
-    STRATUM_URL: 'public-pool.io:21496'
+    STRATUM_URL: 'public-pool.io:3333',
+    SECURE_STRATUM_URL: 'public-pool.io:4333',
 };

src/environments/environment.ts

@@ -1,5 +1,6 @@
 export const environment = {
     production: false,
     API_URL: 'http://localhost:3334',
-    STRATUM_URL: 'public-pool.io:21496'
+    STRATUM_URL: 'public-pool.io:3333',
+    SECURE_STRATUM_URL: 'public-pool.io:4333',
 };