Feature/add agplv3 logo to landing page (#1121)

* Add AGPLv3 logo

* Update changelog

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added the `AGPLv3` logo to the landing page
+
 ### Changed
 
 - Upgraded `angular` from version `14.0.2` to `14.1.0`

apps/client/src/app/pages/landing/landing-page.html

@@ -194,7 +194,7 @@
       <div class="h-100 w-100"></div>
     </div>
   </div>
-  <div class="row">
+  <div class="row mb-4">
     <div
       class="align-items-center d-flex flex-column justify-content-center w-100"
     >
@@ -202,4 +202,14 @@
       <div>Wealth Management Software</div>
     </div>
   </div>
+  <div class="row">
+    <div class="align-items-center d-flex flex-column w-100">
+      <a
+        class="agplv3-logo"
+        href="https://www.gnu.org/licenses/agpl-3.0.html"
+        target="_blank"
+        title="GNU Affero General Public License Version 3"
+      ></a>
+    </div>
+  </div>
 </div>

apps/client/src/app/pages/landing/landing-page.scss

@@ -3,6 +3,16 @@
 :host {
   display: block;
 
+  .agplv3-logo {
+    background-color: rgba(var(--dark-primary-text));
+    height: 3rem;
+    mask-image: url('/assets/images/AGPLv3-logo.svg');
+    mask-position: center;
+    mask-repeat: no-repeat;
+    mask-size: contain;
+    width: 7.5rem;
+  }
+
   .button-container {
     .mat-stroked-button {
       background-color: var(--light-background);
@@ -46,6 +56,10 @@
 }
 
 :host-context(.is-dark-theme) {
+  .agplv3-logo {
+    background-color: rgba(var(--light-primary-text));
+  }
+
   .button-container {
     .mat-stroked-button {
       background-color: var(--dark-background);