From 174ed834ca43b3c7547bd5754e66fd6c8660b4b6 Mon Sep 17 00:00:00 2001 From: Peter <42907716+MrShack@users.noreply.github.com> Date: Fri, 30 May 2025 23:07:42 +0200 Subject: [PATCH] Added pages and fitting content for community, nickgenerator annd nicknames --- frontend/src/app/app.routes.ts | 12 +++ .../app/community/community.component.html | 79 ++++++++++++++++++ .../app/community/community.component.scss | 12 +++ .../app/community/community.component.spec.ts | 23 ++++++ .../src/app/community/community.component.ts | 14 ++++ .../nickgenerator.component.html | 53 ++++++++++++ .../nickgenerator.component.scss | 0 .../nickgenerator.component.spec.ts | 23 ++++++ .../nickgenerator/nickgenerator.component.ts | 14 ++++ .../app/nicknames/nicknames.component.html | 82 +++++++++++++++++++ .../app/nicknames/nicknames.component.scss | 0 .../app/nicknames/nicknames.component.spec.ts | 23 ++++++ .../src/app/nicknames/nicknames.component.ts | 18 ++++ 13 files changed, 353 insertions(+) create mode 100644 frontend/src/app/community/community.component.html create mode 100644 frontend/src/app/community/community.component.scss create mode 100644 frontend/src/app/community/community.component.spec.ts create mode 100644 frontend/src/app/community/community.component.ts create mode 100644 frontend/src/app/nickgenerator/nickgenerator.component.html create mode 100644 frontend/src/app/nickgenerator/nickgenerator.component.scss create mode 100644 frontend/src/app/nickgenerator/nickgenerator.component.spec.ts create mode 100644 frontend/src/app/nickgenerator/nickgenerator.component.ts create mode 100644 frontend/src/app/nicknames/nicknames.component.html create mode 100644 frontend/src/app/nicknames/nicknames.component.scss create mode 100644 frontend/src/app/nicknames/nicknames.component.spec.ts create mode 100644 frontend/src/app/nicknames/nicknames.component.ts diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts index a06354c..b43ac9c 100644 --- a/frontend/src/app/app.routes.ts +++ b/frontend/src/app/app.routes.ts @@ -96,6 +96,18 @@ export const routes: Routes = [ { path: 'staffpowers', loadComponent: () => import('./staffpowers/staffpowers.component').then(m => m.StaffpowersComponent) + }, + { + path: 'nicknames', + loadComponent: () => import('./nicknames/nicknames.component').then(m => m.NicknamesComponent) + }, + { + path: 'nickgenerator', + loadComponent: () => import('./nickgenerator/nickgenerator.component').then(m => m.NickgeneratorComponent) + }, + { + path: 'community', + loadComponent: () => import('./community/community.component').then(m => m.CommunityComponent) } ]; diff --git a/frontend/src/app/community/community.component.html b/frontend/src/app/community/community.component.html new file mode 100644 index 0000000..a07eb3e --- /dev/null +++ b/frontend/src/app/community/community.component.html @@ -0,0 +1,79 @@ + + +
+

Community

+

Talented people who help Altitude in more than one way.

+
+ + +
+
+
+

Current Nitro Boosters

+
+
+
+
+

Social Media

+
+
+

We're currently not looking for more people to help manage our socials.

+
+
+
+
+

Crate Team

+
+
+
+
+

Event Leaders

+
+
+

We're currently not looking for more Event Leaders.

+
+
+
+
+

Event Team

+
+
+
+

We occasionally open applications for the event team.

+

If you're interested in joining you simply need to keep an eye on the Discord + announcements.

+
+
+
+
+
+

YouTubers & Streamers

+
+
+
+

Show Requirements...

+
+
+
+
+

Requirements: +

+

You need to have at least one recent stream/video on Altitude which we can use + to gauge if your audience enjoys your content on Altitude.

+
+

Twitch: You need to be affiliate and get at least 5 viewers on average while + streaming on Altitude.

+

YouTube videos: You need at least 500 subs and have at least 200 views per + video within a week on average for Altitude content.

+

YouTube streamers: You need at least 500 subs and have at least 5 viewers on + average while streaming on Altitude.

+
+

Note: Before + accepting or denying you we will watch your latest video/stream on Altitude (so keep your broadcasts public + on twitch).

+
+
+
+
+ diff --git a/frontend/src/app/community/community.component.scss b/frontend/src/app/community/community.component.scss new file mode 100644 index 0000000..402b822 --- /dev/null +++ b/frontend/src/app/community/community.component.scss @@ -0,0 +1,12 @@ +.customContainer { + width: 80%; + max-width: 1020px; + margin: auto; + padding: 80px 0; + text-align: center; +} + +.hide { + display: none !important; +} + diff --git a/frontend/src/app/community/community.component.spec.ts b/frontend/src/app/community/community.component.spec.ts new file mode 100644 index 0000000..1f3aa65 --- /dev/null +++ b/frontend/src/app/community/community.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CommunityComponent } from './community.component'; + +describe('CommunityComponent', () => { + let component: CommunityComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [CommunityComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CommunityComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/community/community.component.ts b/frontend/src/app/community/community.component.ts new file mode 100644 index 0000000..e8964bc --- /dev/null +++ b/frontend/src/app/community/community.component.ts @@ -0,0 +1,14 @@ +import {Component} from '@angular/core'; +import {HeaderComponent} from "../header/header.component"; + +@Component({ + selector: 'app-community', + imports: [ + HeaderComponent + ], + templateUrl: './community.component.html', + styleUrl: './community.component.scss' +}) +export class CommunityComponent { + +} diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.html b/frontend/src/app/nickgenerator/nickgenerator.component.html new file mode 100644 index 0000000..a389278 --- /dev/null +++ b/frontend/src/app/nickgenerator/nickgenerator.component.html @@ -0,0 +1,53 @@ + + +
+

Nickname Generator

+

Customize your in-game nickname

+

Made by TheParm

+
+ + +
+ +
+ diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.scss b/frontend/src/app/nickgenerator/nickgenerator.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.spec.ts b/frontend/src/app/nickgenerator/nickgenerator.component.spec.ts new file mode 100644 index 0000000..96a3e06 --- /dev/null +++ b/frontend/src/app/nickgenerator/nickgenerator.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NickgeneratorComponent } from './nickgenerator.component'; + +describe('NickgeneratorComponent', () => { + let component: NickgeneratorComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NickgeneratorComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NickgeneratorComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/nickgenerator/nickgenerator.component.ts b/frontend/src/app/nickgenerator/nickgenerator.component.ts new file mode 100644 index 0000000..65c8922 --- /dev/null +++ b/frontend/src/app/nickgenerator/nickgenerator.component.ts @@ -0,0 +1,14 @@ +import {Component} from '@angular/core'; +import {HeaderComponent} from "../header/header.component"; + +@Component({ + selector: 'app-nickgenerator', + imports: [ + HeaderComponent + ], + templateUrl: './nickgenerator.component.html', + styleUrl: './nickgenerator.component.scss' +}) +export class NickgeneratorComponent { + +} diff --git a/frontend/src/app/nicknames/nicknames.component.html b/frontend/src/app/nicknames/nicknames.component.html new file mode 100644 index 0000000..c5a3759 --- /dev/null +++ b/frontend/src/app/nicknames/nicknames.component.html @@ -0,0 +1,82 @@ + + +
+

How To Get A Nickname

+

Personalize your writing and nickname in-game by choosing some of the millions of custom colors that we have + to offer!

+
+ + +
+
+
+
+
+

Creating a Nickname

+

Donors that have the Duke or Archduke rank have the ability to create custom nicknames for themselves. A + nickname should be similar enough to the player’s username for that player to be identifiable, and it + must not exceed 16 characters in length. In + general, a nickname should include the main part of a player’s actual username to avoid confusion.

+
+
+

Make it Your Own

+

Altitude now supports the full range of RGB colors, which includes more than 16 million different hues. + In addition, the previous basic color codes still exist and are able to be used in combination with the + RGB colors. You can still use /colors to + see the basic color codes that are available for use. You can also make use of /colorsextra which shows many different RGB + 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 + make and preview potential nicknames - as well as copying the commands to use in-game.

+

Players are encouraged to play around and personalize their nicknames, as long as they follow the rules + and are legible! There are endless possibilities beyond simple gradients as well; players can create any + combination of standard colors and gradients that they choose.

+

Even if you aren’t a Duke or Archduke, you can try out colors like this on signs in-game.

+
+
+
+
+

Request Your Nickname

+

Players can only submit a new nickname request using /nick request <name> once per day. When a + nickname is requested, it will notify staff for near-instant approval. Creating custom nicknames using RGB + can be difficult, so we have implemented /nick try <name> + so that you can experiment with your nicknames as many times as you want. It is highly encouraged to use + this command before submitting a formal request to staff. You can select an RGB color by putting the #XXXXXX code into curly braces before your + text.

+

We also support gradients in nicknames. You can specify the start and finish color and your nickname will + automatically find a gradient that goes between the two endpoints. The symbol > is used to start a gradient, and the symbol < is used to close a gradient. + You can have as many gradients as you want in your nickname, as long as it is readable.

+

/nick try {#003380}Player + would result in a blue name that read as “Player”.

+

/nick try {#003380>}Player{#0000FF<} + would result in the nickname reading as “Player” with a blue gradient fading across the letters in the + name.

+
+
+

Useful Commands

+
    +
  • /nick help - Shows a list of all useful + nickname commands and how to use them. +
    • +
  • /nick try name - Allows players to see + how a nickname would look as many times as you like. +
    • +
  • /nick request name - Allows players to + submit a new nickname to staff for approval. This function can only be used once per day. +
    • +
+
+
+
+
+
+ diff --git a/frontend/src/app/nicknames/nicknames.component.scss b/frontend/src/app/nicknames/nicknames.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/nicknames/nicknames.component.spec.ts b/frontend/src/app/nicknames/nicknames.component.spec.ts new file mode 100644 index 0000000..614e397 --- /dev/null +++ b/frontend/src/app/nicknames/nicknames.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NicknamesComponent } from './nicknames.component'; + +describe('NicknamesComponent', () => { + let component: NicknamesComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NicknamesComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NicknamesComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/nicknames/nicknames.component.ts b/frontend/src/app/nicknames/nicknames.component.ts new file mode 100644 index 0000000..6950a6e --- /dev/null +++ b/frontend/src/app/nicknames/nicknames.component.ts @@ -0,0 +1,18 @@ +import {Component} from '@angular/core'; +import {HeaderComponent} from "../header/header.component"; +import {NgOptimizedImage} from '@angular/common'; +import {RouterLink} from '@angular/router'; + +@Component({ + selector: 'app-nicknames', + imports: [ + HeaderComponent, + NgOptimizedImage, + RouterLink + ], + templateUrl: './nicknames.component.html', + styleUrl: './nicknames.component.scss' +}) +export class NicknamesComponent { + +}