From 62f837914ce3d78fe73c59913d202e27d7b164fc Mon Sep 17 00:00:00 2001 From: Peter <42907716+MrShack@users.noreply.github.com> Date: Sun, 6 Jul 2025 21:33:14 +0200 Subject: [PATCH] Add new routes and improve theme and header responsiveness Added routes for 'community', 'nicknames', and 'nickgenerator'. Enhanced theme switch positioning and responsive design for smaller screens. Moved header login button to a more consistent position and upgraded Angular Material to version 19.2.19 for better compatibility. --- frontend/package.json | 2 +- frontend/src/app/app.routes.ts | 14 +++++++++++++- .../community/community.component.html | 0 .../community/community.component.scss | 0 .../community/community.component.spec.ts | 0 .../altitude}/community/community.component.ts | 2 +- .../pages/header/header/header.component.html | 18 ++++++++++++------ .../pages/header/header/header.component.scss | 18 ++++-------------- .../src/app/pages/home/home.component.scss | 1 + .../nickgenerator/nickgenerator.component.html | 0 .../nickgenerator/nickgenerator.component.scss | 0 .../nickgenerator.component.spec.ts | 0 .../nickgenerator/nickgenerator.component.ts | 2 +- .../nicknames/nicknames.component.html | 2 +- .../nicknames/nicknames.component.scss | 0 .../nicknames/nicknames.component.spec.ts | 0 .../nicknames/nicknames.component.ts | 2 +- .../theme/theme.component.html | 2 +- .../theme/theme.component.scss | 15 +++++++++++++++ 19 files changed, 51 insertions(+), 27 deletions(-) rename frontend/src/app/{ => pages/altitude}/community/community.component.html (100%) rename frontend/src/app/{ => pages/altitude}/community/community.component.scss (100%) rename frontend/src/app/{ => pages/altitude}/community/community.component.spec.ts (100%) rename frontend/src/app/{ => pages/altitude}/community/community.component.ts (80%) rename frontend/src/app/{ => pages/reference}/nickgenerator/nickgenerator.component.html (100%) rename frontend/src/app/{ => pages/reference}/nickgenerator/nickgenerator.component.scss (100%) rename frontend/src/app/{ => pages/reference}/nickgenerator/nickgenerator.component.spec.ts (100%) rename frontend/src/app/{ => pages/reference}/nickgenerator/nickgenerator.component.ts (81%) rename frontend/src/app/{ => pages/reference}/nicknames/nicknames.component.html (97%) rename frontend/src/app/{ => pages/reference}/nicknames/nicknames.component.scss (100%) rename frontend/src/app/{ => pages/reference}/nicknames/nicknames.component.spec.ts (100%) rename frontend/src/app/{ => pages/reference}/nicknames/nicknames.component.ts (86%) diff --git a/frontend/package.json b/frontend/package.json index 9ca3a38..67ac0f6 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -18,7 +18,7 @@ "@angular/compiler": "^19.2.0", "@angular/core": "^19.2.0", "@angular/forms": "^19.2.0", - "@angular/material": "^19.2.18", + "@angular/material": "^19.2.19", "@angular/platform-browser": "^19.2.0", "@angular/platform-browser-dynamic": "^19.2.0", "@angular/router": "^19.2.0", diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts index 0608afd..77c504e 100644 --- a/frontend/src/app/app.routes.ts +++ b/frontend/src/app/app.routes.ts @@ -108,5 +108,17 @@ export const routes: Routes = [ { path: 'forms', loadComponent: () => import('./pages/forms/forms.component').then(m => m.FormsComponent) - } + }, + { + path: 'community', + loadComponent: () => import('./pages/altitude/community/community.component').then(m => m.CommunityComponent) + }, + { + path: 'nicknames', + loadComponent: () => import('./pages/reference/nicknames/nicknames.component').then(m => m.NicknamesComponent) + }, + { + path: 'nickgenerator', + loadComponent: () => import('./pages/reference/nickgenerator/nickgenerator.component').then(m => m.NickgeneratorComponent) + }, ]; diff --git a/frontend/src/app/community/community.component.html b/frontend/src/app/pages/altitude/community/community.component.html similarity index 100% rename from frontend/src/app/community/community.component.html rename to frontend/src/app/pages/altitude/community/community.component.html diff --git a/frontend/src/app/community/community.component.scss b/frontend/src/app/pages/altitude/community/community.component.scss similarity index 100% rename from frontend/src/app/community/community.component.scss rename to frontend/src/app/pages/altitude/community/community.component.scss diff --git a/frontend/src/app/community/community.component.spec.ts b/frontend/src/app/pages/altitude/community/community.component.spec.ts similarity index 100% rename from frontend/src/app/community/community.component.spec.ts rename to frontend/src/app/pages/altitude/community/community.component.spec.ts diff --git a/frontend/src/app/community/community.component.ts b/frontend/src/app/pages/altitude/community/community.component.ts similarity index 80% rename from frontend/src/app/community/community.component.ts rename to frontend/src/app/pages/altitude/community/community.component.ts index e8964bc..7a067cd 100644 --- a/frontend/src/app/community/community.component.ts +++ b/frontend/src/app/pages/altitude/community/community.component.ts @@ -1,5 +1,5 @@ import {Component} from '@angular/core'; -import {HeaderComponent} from "../header/header.component"; +import {HeaderComponent} from "@header/header.component"; @Component({ selector: 'app-community', diff --git a/frontend/src/app/pages/header/header/header.component.html b/frontend/src/app/pages/header/header/header.component.html index 6cc8e61..c93f887 100644 --- a/frontend/src/app/pages/header/header/header.component.html +++ b/frontend/src/app/pages/header/header/header.component.html @@ -62,12 +62,17 @@
  • Blog
    • +
  • + + Login + +
    • Altitude Server Logo - - - - + diff --git a/frontend/src/app/pages/header/header/header.component.scss b/frontend/src/app/pages/header/header/header.component.scss index 9fdaaa1..7f59b11 100644 --- a/frontend/src/app/pages/header/header/header.component.scss +++ b/frontend/src/app/pages/header/header/header.component.scss @@ -259,6 +259,10 @@ nav img { display: none; } +.login-button { + margin-left: 40px; +} + @-moz-document url-prefix() { .dropdown2 { top: 12px; @@ -271,12 +275,6 @@ nav img { } } -@media (max-width: 1000px) { - #scroll-button { - padding-top: 5px; - } -} - @media (max-width: 1150px) { .dropdown { top: -10px; @@ -305,10 +303,6 @@ nav img { display: block; width: 100%; } - - .switch-div { - top: 65px; - } } @media (max-width: 690px) { @@ -340,10 +334,6 @@ nav img { background: none; border-bottom: 3px solid var(--pureblack); } - - .switch-div { - top: 33px; - } } @media (min-width: 690px) { diff --git a/frontend/src/app/pages/home/home.component.scss b/frontend/src/app/pages/home/home.component.scss index 316673c..17525dd 100644 --- a/frontend/src/app/pages/home/home.component.scss +++ b/frontend/src/app/pages/home/home.component.scss @@ -322,6 +322,7 @@ main .container { #header-img { width: 65%; + height: 18%; } .title { diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.html b/frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.html similarity index 100% rename from frontend/src/app/nickgenerator/nickgenerator.component.html rename to frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.html diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.scss b/frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.scss similarity index 100% rename from frontend/src/app/nickgenerator/nickgenerator.component.scss rename to frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.scss diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.spec.ts b/frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.spec.ts similarity index 100% rename from frontend/src/app/nickgenerator/nickgenerator.component.spec.ts rename to frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.spec.ts diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.ts b/frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.ts similarity index 81% rename from frontend/src/app/nickgenerator/nickgenerator.component.ts rename to frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.ts index 65c8922..0eedf36 100644 --- a/frontend/src/app/nickgenerator/nickgenerator.component.ts +++ b/frontend/src/app/pages/reference/nickgenerator/nickgenerator.component.ts @@ -1,5 +1,5 @@ import {Component} from '@angular/core'; -import {HeaderComponent} from "../header/header.component"; +import {HeaderComponent} from "@header/header.component"; @Component({ selector: 'app-nickgenerator', diff --git a/frontend/src/app/nicknames/nicknames.component.html b/frontend/src/app/pages/reference/nicknames/nicknames.component.html similarity index 97% rename from frontend/src/app/nicknames/nicknames.component.html rename to frontend/src/app/pages/reference/nicknames/nicknames.component.html index c5a3759..2001a12 100644 --- a/frontend/src/app/nicknames/nicknames.component.html +++ b/frontend/src/app/pages/reference/nicknames/nicknames.component.html @@ -29,7 +29,7 @@ color options. These colors will be in the form of #XXXXXX; write down the colors that you like so that you can easily use them later.

    - RGB colors

    Output of /colorsextra

    Furthermore, you can also use the nickname generation tool to diff --git a/frontend/src/app/nicknames/nicknames.component.scss b/frontend/src/app/pages/reference/nicknames/nicknames.component.scss similarity index 100% rename from frontend/src/app/nicknames/nicknames.component.scss rename to frontend/src/app/pages/reference/nicknames/nicknames.component.scss diff --git a/frontend/src/app/nicknames/nicknames.component.spec.ts b/frontend/src/app/pages/reference/nicknames/nicknames.component.spec.ts similarity index 100% rename from frontend/src/app/nicknames/nicknames.component.spec.ts rename to frontend/src/app/pages/reference/nicknames/nicknames.component.spec.ts diff --git a/frontend/src/app/nicknames/nicknames.component.ts b/frontend/src/app/pages/reference/nicknames/nicknames.component.ts similarity index 86% rename from frontend/src/app/nicknames/nicknames.component.ts rename to frontend/src/app/pages/reference/nicknames/nicknames.component.ts index 6950a6e..654d96b 100644 --- a/frontend/src/app/nicknames/nicknames.component.ts +++ b/frontend/src/app/pages/reference/nicknames/nicknames.component.ts @@ -1,5 +1,5 @@ import {Component} from '@angular/core'; -import {HeaderComponent} from "../header/header.component"; +import {HeaderComponent} from "@header/header.component"; import {NgOptimizedImage} from '@angular/common'; import {RouterLink} from '@angular/router'; diff --git a/frontend/src/app/shared-components/theme/theme.component.html b/frontend/src/app/shared-components/theme/theme.component.html index 8ae21cf..31aa74d 100644 --- a/frontend/src/app/shared-components/theme/theme.component.html +++ b/frontend/src/app/shared-components/theme/theme.component.html @@ -1,4 +1,4 @@ -

    +