Rework folder structure in frontend

Pages are now grouped per group they appear in on in the header (where possible) Utilities used by multiple pages in the project are grouped in folders such as services/pipes/etc
2025-07-04 19:50:21 +02:00
parent c42fc38b2c
commit ebe66c87c0
169 changed files with 123 additions and 113 deletions
@@ -0,0 +1,57 @@
+<ng-container>
+  <app-header [current_page]="'about'" height="460px" background_image="/public/img/backgrounds/trees.jpg"
+              [overlay_gradient]="0.5">
+    <div class="title" header-content>
+      <h1>About Us</h1>
+      <h2>We are a simple server born out of nostalgia, and working to maintain a semi-vanilla feel today's Minecraft
+        world.</h2>
+    </div>
+  </app-header>
+
+  <main>
+    <section class="darkmodeSection">
+      <section class="columnSection">
+        <div class="columnContainer">
+          <div class="columnParagraph">
+            <h2>Our Concept</h2>
+            <p>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.</p>
+            <p>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.</p>
+            <p>We want to be the server you call home and always feel welcome to come on and relax for a while.</p>
+          </div>
+          <div class="columnParagraph">
+            <h2>Our Hardware</h2>
+            <p>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.</p>
+            <p>Today we run on a VPS and a gaming server from OVH with <span
+              style="font-family: 'opensans-bold', sans-serif;">32GB of DDR4 memory</span>, an <span
+              style="font-family: 'opensans-bold', sans-serif;">Intel i7 6700k</span> processor, <span
+              style="font-family: 'opensans-bold', sans-serif;">2x 500GB SSD drives</span> and <span
+              style="font-family: 'opensans-bold', sans-serif;">500Mbps bandwidth</span>. The VPS serves as our proxy
+              and website, while the gaming server hosts our Minecraft servers and SQL databases.</p>
+          </div>
+        </div>
+        <div class="columnContainer">
+          <div class="columnParagraph">
+            <h2>Our History</h2>
+            <p>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.</p>
+            <p>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.</p>
+            <p>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.</p>
+            <p>We hope you will join us on this adventure and learn with us as we embark on this amazing journey!</p>
+          </div>
+        </div>
+      </section>
+    </section>
+  </main>
+</ng-container>
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AboutComponent } from './about.component';
+
+describe('AboutComponent', () => {
+  let component: AboutComponent;
+  let fixture: ComponentFixture<AboutComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AboutComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AboutComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,19 @@
+import {Component} from '@angular/core';
+import {ScrollService} from '@services/scroll.service';
+import {CommonModule} from '@angular/common';
+import {HeaderComponent} from '@header/header.component';
+
+@Component({
+  selector: 'app-about',
+  standalone: true,
+  imports: [
+    CommonModule,
+    HeaderComponent
+  ],
+  templateUrl: './about.component.html',
+  styleUrl: './about.component.scss'
+})
+export class AboutComponent {
+  constructor(public scrollService: ScrollService) {
+  }
+}