Add about page

app/src/app/settings/about/about.component.html

@@ -1 +1,28 @@
-<p>about works!</p>
+<div class="about centered">
+    <h1>About Ariton</h1>
+
+    <img class="about-logo" src="ariton-icon-dark.svg">
+
+    <p>Version: 0.0.1<br>
+      by Ariton Team</p>
+
+    <p>
+      Non-Custodial Community App in your browser.
+    </p>
+    <p>
+     This app is free and open-source software.
+    </p>
+    <p>Made with ❤</p>
+    <p><a [href]="'https://ariton.app'" target="_blank">https://ariton.app</a></p>
+
+    <p>&nbsp;</p>
+
+    <mat-card>
+        <mat-card-content>
+        <em>
+            “Unlike the communities traditionally associated with the word 'anarchy', in a crypto-anarchy the government is not temporarily destroyed but permanently forbidden and permanently unnecessary. It's a community where the threat of violence is impotent because violence is impossible, and violence is impossible because its participants cannot be linked to their true names or physical locations.” - Wei Dai 1998
+        </em>
+    </mat-card-content>
+    </mat-card>
+
+</div>

app/src/app/settings/about/about.component.scss

@@ -0,0 +1,9 @@
+.about {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.about-logo {
+    max-width: 128px;
+}

app/src/app/settings/about/about.component.ts

@@ -1,9 +1,10 @@
 import { Component } from '@angular/core';
+import { MatCardModule } from '@angular/material/card';
 
 @Component({
   selector: 'app-about',
   standalone: true,
-  imports: [],
+  imports: [MatCardModule],
   templateUrl: './about.component.html',
   styleUrl: './about.component.scss'
 })