Merge pull request #27 from WantClue/patch-1

Update splash.component.scss

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

@@ -33,8 +33,6 @@
                     <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>
@@ -42,6 +40,9 @@
                     <span>No second best.</span>
                 </div>
 
+
+
+
             </div>
         </div>
 
@@ -64,7 +65,7 @@
                 <div class="text-center mb-2">Uptime: {{uptime$ | async | dateAgo}}</div>
 
                 <ng-container *ngIf="chartData$ | async as chartData; else loadingChart">
-
+                    
                     <p-chart [responsive]="true" type="line" [data]="chartData" [options]="chartOptions"></p-chart>
 
                 </ng-container>
@@ -130,58 +131,6 @@
             </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,6 +24,47 @@
     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;
@@ -33,4 +74,4 @@
 
 .pi-star-fill {
     color: gold;
-}
+}

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

@@ -27,11 +27,10 @@ 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) {
 
@@ -43,12 +42,6 @@ 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));
@@ -114,7 +107,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 | slice:0:12}}</ng-container>
+    <ng-container *ngSwitchDefault>{{userAgent}}</ng-container>
-</ng-container>
+</ng-container>

src/environments/environment.prod.ts

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

src/environments/environment.ts

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