Skip to content

Commit

Permalink
feat(footer): cleanup + add links
Browse files Browse the repository at this point in the history
  • Loading branch information
Polyterative authored Jan 25, 2024
1 parent 68e005b commit ee813d1
Show file tree
Hide file tree
Showing 8 changed files with 159 additions and 55 deletions.
Original file line number Diff line number Diff line change
@@ -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>
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ import build from 'src/build';
changeDetection: ChangeDetectionStrategy.OnPush
})
export class BuildInfoComponent implements OnInit {
data = build;

constructor() { }

Expand Down
Original file line number Diff line number Diff line change
@@ -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>
Original file line number Diff line number Diff line change
@@ -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>
127 changes: 111 additions & 16 deletions src/app/features/backbone/footer/footer.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -63,6 +158,6 @@
THE MODERN WAY TO MANAGE EVERYTHING MODULAR</h3>
</div>
</div>

</div>
</div>
35 changes: 28 additions & 7 deletions src/app/features/backbone/footer/footer.component.scss
Original file line number Diff line number Diff line change
@@ -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;
Expand All @@ -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);
}


}
25 changes: 14 additions & 11 deletions src/app/features/backbone/footer/footer.component.ts
Original file line number Diff line number Diff line change
@@ -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 {
}

}
12 changes: 6 additions & 6 deletions src/build.ts
Original file line number Diff line number Diff line change
@@ -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"
}
};

Expand Down

0 comments on commit ee813d1

Please sign in to comment.