r0b08x [chore] 2/1/2025, 7:12:10 PM

Author: p3x-robot

package.json

@@ -37,16 +37,16 @@
     },
     "homepage": "https://corifeus.com/corifeus-app-web-pages",
     "dependencies": {
-        "@angular/animations": "^19.1.1",
+        "@angular/animations": "^19.1.2",
         "@angular/cdk": "^19.1.0",
-        "@angular/common": "^19.1.1",
-        "@angular/compiler": "^19.1.1",
-        "@angular/core": "^19.1.1",
-        "@angular/forms": "^19.1.1",
+        "@angular/common": "^19.1.2",
+        "@angular/compiler": "^19.1.2",
+        "@angular/core": "^19.1.2",
+        "@angular/forms": "^19.1.2",
         "@angular/material": "^19.1.0",
-        "@angular/platform-browser": "^19.1.1",
-        "@angular/platform-browser-dynamic": "^19.1.1",
-        "@angular/router": "^19.1.1",
+        "@angular/platform-browser": "^19.1.2",
+        "@angular/platform-browser-dynamic": "^19.1.2",
+        "@angular/router": "^19.1.2",
         "@fortawesome/fontawesome-free": "^6.7.2",
         "@types/marked": "^6.0.0",
         "@types/node": "^22.10.7",
@@ -62,9 +62,9 @@
         "zone.js": "~0.15.0"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "^19.1.2",
-        "@angular/cli": "^19.1.2",
-        "@angular/compiler-cli": "^19.1.1",
+        "@angular-devkit/build-angular": "^19.1.3",
+        "@angular/cli": "^19.1.3",
+        "@angular/compiler-cli": "^19.1.2",
         "@fontsource/roboto": "^5.1.1",
         "@fontsource/roboto-mono": "^5.1.1",
         "@types/js-cookie": "^3.0.6",

src/app/modules/material/scss/material/theme/_cory-mat-theme-dark-matrix.scss

@@ -371,14 +371,3 @@
 }
 
 
-#cory-pages-layout-theme-matrix {
-//    $toolbar-height: 62px;
-    position: fixed;
-//    top: $toolbar-height;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    z-index: -1;
-    pointer-events: none;
-}

src/app/modules/material/services/theme.ts

@@ -125,16 +125,26 @@ export class ThemeService {
 //        }
         //document.getElementById('cory-pages-layout-theme-matrix').style.display = 'show';
         this.matrixEffectData = this.clearMatrixEffect()
-
+        if (this.matrixEffectData) {
+            this.runMatrixEffect();
+        }
     }
 
 
     matrixEffectData: any
 
     clearMatrixEffect() {
         // geting canvas by Boujjou Achraf
-        const c: any = document.getElementById("cory-pages-layout-theme-matrix");
+        const c: any = document.getElementById("cory-pages-layout-background");
+
+        if (this.current !== 'cory-mat-theme-dark-matrix') {
+            c.style.display = 'none';
+            return null;
+        }
+
+        // Ensure the canvas is cleared and hidden when not in the matrix theme
         c.style.display = 'block'
+
         const ctx = c.getContext("2d");
 
         //making the canvas full screen
@@ -186,11 +196,15 @@ export class ThemeService {
 
         this.matrixEffectData = this.clearMatrixEffect()
 
+        if (!this.matrixEffectData) {
+            return; // Do nothing if the theme does not support effects
+        }
+
         //const fps = 1000 / 6
 
         const draw = () => {
 
-            //if (this.current === 'cory-mat-theme-dark-matrix') {
+            if (this.current === 'cory-mat-theme-dark-matrix') {
                 // console.info('request draw')
                 //window.requestAnimationFrame(draw);
 
@@ -208,7 +222,7 @@ export class ThemeService {
                 }, 1000 / fps);
 
                 //setTimeout(draw, fps)
-            //}
+            }
 
             const { c, ctx, font_size, drops, matrix } = this.matrixEffectData
             ///console.info('draw', self.current)

src/app/page/cory-page.ts

@@ -48,7 +48,36 @@ let testing = false
     selector: 'cory-page',
     template: `
         <span id="cory-page-content"></span>
-        <a href="https://corifeus.eu" target="_blank" style="text-decoration: none;">Web development</a>
+        <hr/>
+        <div id="cory-page">
+      <!-- Quick and Affordable Web Development Services -->       
+      <section>
+        <h2>Quick and Affordable Web Development Services</h2>
+        <p>
+          If you want to quickly and affordably develop your next digital project, visit 
+          <a href="https://corifeus.eu" target="_blank" rel="noopener">corifeus.eu</a> 
+          for expert solutions tailored to your needs.
+        </p>
+      </section>
+      
+      <hr>
+
+      <!-- Powerful Online Networking Tool -->
+      <section>
+        <h2>Powerful Online Networking Tool</h2>
+        <p>
+          Discover the powerful and free online networking tool at 
+          <a href="https://network.corifeus.com" target="_blank" rel="noopener">network.corifeus.com</a>.
+        </p>
+        <ul>
+          <li><strong>Free:</strong> Designed for professionals and enthusiasts, this tool provides essential features for network analysis, troubleshooting, and management.</li>
+          <li>Monitoring TCP, HTTP, and Ping to ensure optimal network performance and reliability.</li>
+          <li>Status page management to track uptime, performance, and incidents in real-time with customizable dashboards.</li>
+        </ul>
+        <p>All these features are completely free to use.</p>
+      </section>
+     
+    </div>
     `,
     standalone: true
 })
@@ -203,7 +232,7 @@ ${text}
                 options = {
                     folder: 'svg',
                     ext: '.svg',
-                    base: 'https://twemoji.maxcdn.com/v/latest/',
+                    base: 'http://twemoji.maxcdn.com/v/latest/',
                 }
 
             }

src/index.html

@@ -112,7 +112,7 @@
 
 <!--
 -->
-<canvas id="cory-pages-layout-theme-matrix"  style="z-index: -1; display: none;"></canvas>
+<canvas id="cory-pages-layout-background"  style="z-index: -1; display: none;"></canvas>
 
 </body>
 </html>

src/styles.scss

@@ -51,4 +51,17 @@ body.cory-mat-theme-light {
 
 code.hljs  {
     border-radius: 12px; /* Adjust the radius as needed */
-}
+}
+
+#cory-pages-layout-background {
+    //    $toolbar-height: 62px;
+        position: fixed;
+    //    top: $toolbar-height;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+        z-index: -1;
+        pointer-events: none;
+    }
+