footer

src/app/features/backbone/build-info/build-info.component.html

@@ -1,4 +0,0 @@
-<div class="col gap1">
-  <app-label-value-showcase label="App last updated">{{data.timestamp|timeago}}</app-label-value-showcase>
-  <app-label-value-showcase label="Version">{{data.version}}</app-label-value-showcase>
-</div>

src/app/features/backbone/build-info/build-info.component.ts

@@ -8,7 +8,6 @@ import build from 'src/build';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class BuildInfoComponent implements OnInit {
-  data = build;
 
   constructor() { }
 

src/app/features/backbone/discord-widget/discord-widget.component.html

@@ -1,6 +0,0 @@
-<app-label-value-showcase label="Want to follow the project and suggest features?">
-
-  <a href="https://discord.gg/pYz3gagUDA">
-    Join the server
-  </a>
-</app-label-value-showcase>

src/app/features/backbone/feedback-box/feedback-box.component.html

@@ -1,4 +0,0 @@
-<app-label-value-showcase label="Have some ideas? Need help?">
-  <a href="mailto:[email protected]?subject=My%20great%20idea&body=Hello!%20I%20have%20an%20awesome%20idea%3A%0D%0A...">Send
-                                                                                                                              email</a>
-</app-label-value-showcase>

src/app/features/backbone/footer/footer.component.html

@@ -4,47 +4,142 @@
     <div fxLayout="column"
          class="root"
     >
+      <!--      all equidistant-->
       <div fxFlex="auto"
+           class="gap2"
            fxLayout="row wrap"
            fxLayout.lt-sm="column"
-           fxLayoutGap="1rem"
       >
-        <app-build-info fxFlex="auto"
-                        fxFlex.lt-sm="auto"
-        ></app-build-info>
+        <div fxFlex="auto"
+             fxFlex.lt-sm="auto">
+          <div class="col gap1">
+            <app-label-value-showcase label="App last updated">{{ data.timestamp|timeago }}</app-label-value-showcase>
+            <app-label-value-showcase label="Version">{{ data.version }}</app-label-value-showcase>
+          </div>
+        </div>
+
         <div fxFlex="auto"
              fxFlex.lt-sm="auto"
         >
           <app-label-value-showcase label="New in v4.0"
                                     [bigText]="false"
+          >
+            <div class="col gap1">
+              <div>• Panel images for modules in details and search</div>
+              <div>• Panel images in rack view</div>
+              <div>• Add modules to rack from below the rack</div>
+              <div>• Submit multiple panels for a module</div>
+              <div>• Multiple UX improvements</div>
+
+            </div>
+          </app-label-value-showcase>
+        </div>
+        <div fxFlex="auto"
+             fxFlex.lt-sm="auto"
+        >
+          <app-label-value-showcase label="Navigation"
+                                    [bigText]="false"
+          >
+            <div class="col gap1">
+              <div>• <a href="/home">Home</a></div>
+              <div>• <a href="/modules/browser">Modules</a></div>
+              <div>• <a href="/racks/browser">Racks</a></div>
+              <div>• <a href="/patches/browser">Patches</a></div>
+              <div>• <a href="/user/area">User Area</a></div>
+              <div>• <a href="/user/account">Account</a></div>
+            </div>
+          </app-label-value-showcase>
+        </div>
+        <div fxFlex="auto"
+             fxFlex.lt-sm="auto"
+        >
+          <app-label-value-showcase label="Need help?"
+                                    [bigText]="false"
           >
             <div class="col gap1">
               <div>
-                • Panel images for modules in details and search
+                • Check out the <a href="https://docs.patcher.xyz/what-is-this/readme" target="_blank">documentation</a>
               </div>
               <div>
-                • Panel images in rack view
+                • Join the <a href="https://discord.gg/3WvZsQX" target="_blank">Discord</a> server
               </div>
               <div>
-                • Add modules to rack from below the rack
+                • <a href="https://patcher.statuspage.io/" target="_blank">Status page</a>
               </div>
+            </div>
+          </app-label-value-showcase>
+        </div>
+        <div fxFlex="auto"
+             fxFlex.lt-sm="auto"
+        >
+          <app-label-value-showcase label="Follow us"
+                                    [bigText]="false"
+          >
+
+            <div class="col gap1">
               <div>
-                • Submit multiple panels for a module
+                • <a href="https://www.facebook.com/patcher.xyz" target="_blank">Facebook</a>
+              </div>
+              <div>
+                • <a href="https://www.youtube.com/@patcher-xyz" target="_blank">YouTube</a>
               </div>
             </div>
           </app-label-value-showcase>
         </div>
-        <app-discord-widget fxFlex="auto"
-                            fxFlex.lt-sm="auto"
-        ></app-discord-widget>
-        <app-feedback-box fxFlex="auto"
-                          fxFlex.lt-sm="auto"
-        ></app-feedback-box>
+
         <div fxFlex="auto"
              fxFlex.lt-sm="auto"
         >
-          <app-producthunt-badge></app-producthunt-badge>
+          <app-label-value-showcase label="Learn Patcher"
+                                    [bigText]="false"
+          >
+            <div class="col gap1">
+              <div>
+                • <a href="https://docs.patcher.xyz/what-is-this/readme" target="_blank">Patcher Quick Start</a>
+              </div>
+              <div>
+                • <a href="https://docs.patcher.xyz/the-project/the-project" target="_blank">FAQ</a>
+              </div>
+              <div>
+                • <a href="https://docs.patcher.xyz/learn-patcher.xyz/modules" target="_blank">Modules</a>
+              </div>
+              <div>
+                • <a href="https://docs.patcher.xyz/learn-patcher.xyz/racks" target="_blank">Racks</a>
+              </div>
+              <div>
+                • <a href="https://docs.patcher.xyz/learn-patcher.xyz/patches" target="_blank">Patches</a>
+              </div>
+              <div>
+                • <a href="https://docs.patcher.xyz/learn-patcher.xyz/collection" target="_blank">Collection</a>
+              </div>
+              <div>
+                • <a href="https://docs.patcher.xyz/learn/modular-glossary" target="_blank">Learn Modular Concepts</a>
+              </div>
+            </div>
+          </app-label-value-showcase>
+        </div>
+
+        <div class="col gap1">
+          <app-label-value-showcase label="Want to follow the project and suggest features?">
+
+            <a href="https://discord.gg/pYz3gagUDA">
+              Join the Discord server
+            </a>
+          </app-label-value-showcase>
+          <app-label-value-showcase label="Want to chat?">
+            <a
+              href="mailto:[email protected]?subject=My%20great%20idea&body=Hello!%20I%20have%20an%20awesome%20idea%3A%0D%0A...">Contact
+              us</a>
+          </app-label-value-showcase>
+          <app-label-value-showcase label="Partners and Sponsors"
+          >
+            <div class="col gap1">
+              <a href="mailto:[email protected]" target="_blank">Become a Partner</a>
+            </div>
+          </app-label-value-showcase>
+
         </div>
+
       </div>
       <mat-divider inset="true"></mat-divider>
       <div class="row gap1"
@@ -63,6 +158,6 @@
           THE MODERN WAY TO MANAGE EVERYTHING MODULAR</h3>
       </div>
     </div>
-  
+
   </div>
 </div>

src/app/features/backbone/footer/footer.component.scss

@@ -1,10 +1,10 @@
 @import "~src/app/style/brand-resources.scss";
 
 .root {
-  padding-top:      1rem;
-  padding-bottom:   1rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
   background-color: rgba(0, 0, 0, .1);
-  margin-bottom:    2rem;
+  margin-bottom: 2rem;
 
   > * {
     padding: 1rem;
@@ -13,9 +13,30 @@
 
 .tagline {
   @include heading-font;
-  text-align:     end;
-  color:          rgba(0, 0, 0, 0.4);
-  margin-top:     0;
-  margin-bottom:  0;
+  text-align: end;
+  color: rgba(0, 0, 0, 0.4);
+  margin-top: 0;
+  margin-bottom: 0;
   letter-spacing: 0 !important;
 }
+
+
+a {
+  color: rgba(0, 0, 0, 0.93);
+  text-decoration: none;
+  border-bottom: 1px dotted rgba(0, 0, 0, 0.93);
+  //remove the default link styling for clicked links like these
+
+  transition: border-bottom 0.2s ease-in-out;
+
+
+  &:visited {
+    color: rgba(0, 0, 0, 0.93);
+  }
+
+  &:hover {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.93);
+  }
+
+
+}

src/app/features/backbone/footer/footer.component.ts

@@ -1,16 +1,19 @@
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
+import build from "../../../../build";
 
 @Component({
-    selector:        'app-footer',
-    templateUrl:     './footer.component.html',
-    styleUrls:       ['./footer.component.scss'],
-    changeDetection: ChangeDetectionStrategy.OnPush
+  selector: 'app-footer',
+  templateUrl: './footer.component.html',
+  styleUrls: ['./footer.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class FooterComponent implements OnInit {
-
-    constructor() { }
-
-    ngOnInit(): void {
-    }
-
+  data = build;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+
 }

src/build.ts

@@ -1,13 +1,13 @@
 // Build information, automatically generated by `ng-info`
 const build = {
-  version:   '4.1.1',
-  timestamp: 'Thu Jan 25 2024 09:45:35 GMT+0100 (Central European Standard Time)',
+    version: "4.1.1",
+    timestamp: "Fri Jan 26 2024 00:36:18 GMT+0100 (Ora standard dell’Europa centrale)",
     message: null,
     git: {
-      user:     'Vladyslav Yakovenko',
-      branch:   'sweep/allowe_to_copy_name_and_company_of_modul',
-      hash:     'd7f7ea',
-      fullHash: 'd7f7eaaaf77baa8933a0be7a089af33e3ed3b9bf'
+        user: "Polyterative",
+        branch: "improvements",
+        hash: "4382fc",
+        fullHash: "4382fcec12708504ea8b9090b94e6d76283755bd"
     }
 };