Merge pull request #31

dev -> master

Author: emp74ark

src/app/app.routes.ts

@@ -3,9 +3,10 @@ import { NotFoundPage } from './pages/not-found/not-found-page.component'
 import { authGuard } from './guards/auth-guard'
 import { AuthPage } from './pages/auth-page/auth-page.component'
 import { StatusPage } from './pages/status-page/status-page'
+import { WelcomePage } from './pages/welcome-page/welcome-page'
 
 export const routes: Routes = [
-  { path: '', redirectTo: 'auth', pathMatch: 'full' },
+  { path: '', component: WelcomePage, pathMatch: 'full' },
   { path: 'auth', component: AuthPage, data: { title: 'Authentication' } },
   {
     path: 'articles',

src/app/pages/welcome-page/welcome-page.css

@@ -0,0 +1,15 @@
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  padding-block: 1rem;
+  max-width: clamp(25rem, 40vw, 40rem);
+}
+
+.details {
+  display: flex;
+  flex-direction: column;
+  padding-inline: 1rem;
+  margin: 0;
+  gap: 1rem;
+}

src/app/pages/welcome-page/welcome-page.html

@@ -0,0 +1,71 @@
+<mat-card>
+  <mat-card-header>
+    <mat-card-title>
+      <h1>
+        RSS Reader
+      </h1>
+    </mat-card-title>
+  </mat-card-header>
+  <mat-card-content class="content">
+    <ul class="details">
+      <li>Do not track or store any user information.</li>
+      <li>Usernames are generated randomly.
+      </li>
+      <li>The ability to load the full article text.
+      </li>
+      <li>Auto-delete orphaned users once a month.
+      </li>
+      <li>Can be self-hosted.</li>
+    </ul>
+    <mat-accordion>
+      <mat-expansion-panel>
+        <mat-expansion-panel-header>
+          <mat-panel-title>
+            WebClient
+          </mat-panel-title>
+        </mat-expansion-panel-header>
+        <ul>
+          <li>Angular</li>
+          <li>Angular Material</li>
+        </ul>
+        <a
+          matButton
+          href="https://github.com/emp74ark/rss-client"
+          target="_blank"
+        >
+          <mat-icon>link</mat-icon>
+          GitHub
+        </a>
+      </mat-expansion-panel>
+      <mat-expansion-panel>
+        <mat-expansion-panel-header>
+          <mat-panel-title>
+            Backend
+          </mat-panel-title>
+        </mat-expansion-panel-header>
+        <ul>
+          <li>NestJs</li>
+          <li>MongoDB</li>
+        </ul>
+        <a
+          matButton
+          href="https://github.com/emp74ark/rss-nest"
+          target="_blank"
+        >
+          <mat-icon>link</mat-icon>
+          GitHub
+        </a>
+      </mat-expansion-panel>
+    </mat-accordion>
+  </mat-card-content>
+  <mat-card-actions align="end">
+    <button
+      matFab
+      extended
+      routerLink="/auth"
+    >
+      <mat-icon>person</mat-icon>
+      Authorize
+    </button>
+  </mat-card-actions>
+</mat-card>

src/app/pages/welcome-page/welcome-page.ts

@@ -0,0 +1,29 @@
+import { Component } from '@angular/core'
+import { MatButton, MatFabButton } from '@angular/material/button'
+import { RouterLink } from '@angular/router'
+import {
+  MatAccordion,
+  MatExpansionPanel,
+  MatExpansionPanelHeader,
+  MatExpansionPanelTitle,
+} from '@angular/material/expansion'
+import { MatCardModule } from '@angular/material/card'
+import { MatIconModule } from '@angular/material/icon'
+
+@Component({
+  selector: 'app-welcome-page',
+  imports: [
+    MatButton,
+    RouterLink,
+    MatExpansionPanel,
+    MatExpansionPanelHeader,
+    MatExpansionPanelTitle,
+    MatCardModule,
+    MatIconModule,
+    MatFabButton,
+    MatAccordion,
+  ],
+  templateUrl: './welcome-page.html',
+  styleUrl: './welcome-page.css',
+})
+export class WelcomePage {}