diff --git a/frontend/src/app/about/about.component.html b/frontend/src/app/about/about.component.html new file mode 100644 index 0000000..fa781f6 --- /dev/null +++ b/frontend/src/app/about/about.component.html @@ -0,0 +1,56 @@ + + +
+

About Us

+

We are a simple server born out of nostalgia, and working to maintain a semi-vanilla feel today's Minecraft + world.

+
+ + +
+
+
+
+
+

Our Concept

+

You could say it all started with a bit of nostalgia. Altitude was inspired by a small server back in + 2012. It was a simple survival and creative server with a community that felt like family, and when the + server closed we took that concept and created Altitude.

+

From the very beginning we've been all about our community - adding features suggested by our members, + and designing a server that encourages cooperation and playing together. On Altitude, it's about coming + together as a community and creating new adventures every day.

+

We want to be the server you call home and always feel welcome to come on and relax for a while.

+
+
+

Our Hardware

+

As the community has grown and evolved so has the server. We started with a little desktop PC running in + the basement and have expanded through the years from Minecraft hosting, to a VPS, and finally to + dedicated servers hosted by OVH in Canada.

+

Today we run on a VPS and a gaming server from OVH with 32GB of DDR4 memory, an Intel i7 6700k processor, 2x 500GB SSD drives and 500Mbps bandwidth. The VPS serves as our proxy + and website, while the gaming server hosts our Minecraft servers and SQL databases.

+
+
+
+
+

Our History

+

Altitude began as a private server to get together with friends and it quickly became tradition to come + together every afternoon. Eventually we wanted to share our adventures with others, and went public, + inviting people from all around the globe to be a part of the community they had formed.

+

In the beginning, the server was named "The Underground", and was a small hangout spot mostly spread by + word of mouth. A few months after going public we renamed ourselves to "Altitude" and have kept the name + ever since. Altitude has evolved quite a bit over the years, but the concept has never changed - we are + home.

+

Today, Altitude thrives on the community that has formed. Many great people have decided to call Altitude + home, and many more people come every day. We are constantly learning more about what makes Altitude + great, and what we can do to make it even greater.

+

We hope you will join us on this adventure and learn with us as we embark on this amazing journey!

+
+
+
+
+
+ diff --git a/frontend/src/app/about/about.component.scss b/frontend/src/app/about/about.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/about/about.component.spec.ts b/frontend/src/app/about/about.component.spec.ts new file mode 100644 index 0000000..74d6d9e --- /dev/null +++ b/frontend/src/app/about/about.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutComponent } from './about.component'; + +describe('AboutComponent', () => { + let component: AboutComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AboutComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AboutComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/about/about.component.ts b/frontend/src/app/about/about.component.ts new file mode 100644 index 0000000..73f1cb4 --- /dev/null +++ b/frontend/src/app/about/about.component.ts @@ -0,0 +1,11 @@ +import {Component} from '@angular/core'; + +@Component({ + selector: 'app-about', + standalone: false, + templateUrl: './about.component.html', + styleUrl: './about.component.scss' +}) +export class AboutComponent { + scrollService: any; +} diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts index 1b31135..8a04310 100644 --- a/frontend/src/app/app.module.ts +++ b/frontend/src/app/app.module.ts @@ -13,11 +13,15 @@ import {CopyIpComponent} from './copy-ip/copy-ip.component'; import {FooterComponent} from './footer/footer.component'; import {TermsComponent} from './terms/terms.component'; import {PrivacyComponent} from './privacy/privacy.component'; +import {TeamComponent} from './team/team.component'; +import {AboutComponent} from './about/about.component'; const routes: Routes = [ {path: '', component: HomeComponent}, {path: 'map', component: MapComponent}, {path: 'rules', component: RulesComponent}, + {path: 'about', component: AboutComponent}, + {path: 'team', component: TeamComponent}, {path: 'terms', component: TermsComponent}, {path: 'privacy', component: PrivacyComponent}, ]; @@ -27,12 +31,14 @@ const routes: Routes = [ AppComponent, HeaderComponent, FooterComponent, - HomeComponent, ThemeComponent, + HomeComponent, MapComponent, RulesComponent, + AboutComponent, + TeamComponent, TermsComponent, - PrivacyComponent + PrivacyComponent, ], imports: [ BrowserModule, diff --git a/frontend/src/app/team/team.component.html b/frontend/src/app/team/team.component.html new file mode 100644 index 0000000..718ef88 --- /dev/null +++ b/frontend/src/app/team/team.component.html @@ -0,0 +1,44 @@ + + +
+

Staffing Team

+

The team that makes Altitude happen. Your owners, admins, moderators, and trainees are all working together to + create Altitude, to create home. This is where the magic happens.

+
+ + +
+
+
+

Management

+
+ akastijn's Minecraft skin +

akastijn

+

Owner

+
+
+ akalexu's Minecraft skin +

akalexu

+

Manager

+
+
+
+
+
+

Admins

+
+
+
+
+

Head Moderators

+
+
+
+
+

Moderators

+
+
+
+ diff --git a/frontend/src/app/team/team.component.scss b/frontend/src/app/team/team.component.scss new file mode 100644 index 0000000..2b61d7a --- /dev/null +++ b/frontend/src/app/team/team.component.scss @@ -0,0 +1,21 @@ +.sectionTitle { + flex: 0 0 100%; + text-align: center; + padding-bottom: 20px; + font-size: 2em; +} + +.member { + width: 33%; + min-width: 250px; + padding-bottom: 50px; + text-align: center; +} + +.member img { + padding-bottom: 15px; +} + +.member p { + font-family: 'opensans-bold', sans-serif; +} diff --git a/frontend/src/app/team/team.component.spec.ts b/frontend/src/app/team/team.component.spec.ts new file mode 100644 index 0000000..cf587fa --- /dev/null +++ b/frontend/src/app/team/team.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TeamComponent } from './team.component'; + +describe('TeamComponent', () => { + let component: TeamComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [TeamComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(TeamComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/team/team.component.ts b/frontend/src/app/team/team.component.ts new file mode 100644 index 0000000..ec5d1a1 --- /dev/null +++ b/frontend/src/app/team/team.component.ts @@ -0,0 +1,11 @@ +import {Component} from '@angular/core'; + +@Component({ + selector: 'app-team', + standalone: false, + templateUrl: './team.component.html', + styleUrl: './team.component.scss' +}) +export class TeamComponent { + scrollService: any; +} diff --git a/frontend/src/app/terms/terms.component.html b/frontend/src/app/terms/terms.component.html index e4075be..5ebf9ae 100644 --- a/frontend/src/app/terms/terms.component.html +++ b/frontend/src/app/terms/terms.component.html @@ -12,7 +12,7 @@

Last updated: April 6th, 2025

Welcome to Altitude! These Terms of Use (“Terms”) is a binding agreement between you and the Altitude Community (a group consisting of server owner and staffing team members) and our subsidiaries (collectively - “we” , or "Altitude"). These Terms describe the manner in which you may use our services. Any use of our + “we”, or "Altitude"). These Terms describe the manner in which you may use our services. Any use of our Services will constitute your acceptance of these Terms as well as our Privacy Policy. If you do not agree to our Privacy Policy or Terms of Use, please do not use our Services. Thank you!

@@ -104,7 +104,7 @@

We also hold the right to put your use of any of our services under limitation without prior notice or liability, for any reason. Limitations can be in any form up to complete termination of access. Limitations on the Minecraft server include, but are not limited to, being "jailed", muted, or having specific features - taken away from your Minecraft account on the server.

+ taken away from your Minecraft account on the server.

External Services

diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index ff518fa..826a41a 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -212,7 +212,7 @@ ol li { line-height: 1.5em; } -.paragraph h2, .paragraph h3, .paragraph p, .columnparagraph h2, .columnparagraph p { +.paragraph h2, .paragraph h3, .paragraph p, .columnParagraph h2, .columnParagraph p { padding-bottom: 15px; } @@ -256,6 +256,35 @@ main .container { font-family: 'minecraft-text', sans-serif; } +// Column styling +.columnSection { + width: 80%; + padding-top: 60px; + max-width: 1020px; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + flex: 1 0 auto; +} + +.columnContainer { + width: 50%; + box-sizing: border-box; + padding: 0 15px; +} + +.columnParagraph { + line-height: 1.5em; + padding-bottom: 30px; +} + +.columnParagraph img { + padding: 30px 0; + display: block; + margin: 0 auto; +} + +// Call to Action button .button-outer { display: inline-block; font-family: 'minecraft-text', sans-serif;