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
This commit is contained in:
2025-07-04 19:50:21 +02:00
parent c42fc38b2c
commit ebe66c87c0
169 changed files with 123 additions and 113 deletions
@@ -0,0 +1,110 @@
<ng-container>
<app-header [current_page]="'guide'" height="460px" background_image="/public/img/backgrounds/trees.jpg"
[overlay_gradient]="0.5">
<div class="title" header-content>
<h1>Guide Book</h1>
<h2>We aim to be an inclusive community server where players of all ages can find something to enjoy.</h2>
</div>
</app-header>
<main>
<section class="darkmodeSection">
<section class="columnSection">
<div class="columnContainer">
<div class="columnParagraph">
<h2>Backstory</h2>
<p>Altitude is a community-centered survival Minecraft server for {{ ALTITUDE_VERSION }}. Altitude opened
in January of 2015 and was originally a private server for a small group of friends. Weve since opened
our doors to welcome anyone and everyone to enjoy the custom survival experience weve crafted!</p>
<p>The community grew rapidly in the beginning of 1.13 and therefore grew beyond the capacity of a single
server, so we opened two survival servers that each offered the same features and plugins, but a different
seed so that there is lots of land to explore!. The two servers later became four servers.</p>
<p>The Minecraft hype slowly died down and therefore we had to downscale first to two servers for 1.18 and
then for 1.20 down to one server again.</p>
<p>If you would like to learn more about the history of Altitude, you can visit our <a
[routerLink]="['/about']">about page</a>.</p>
</div>
<div class="columnParagraph">
<h2>Claiming Land</h2>
<p>You should protect your home by “claiming” it to prevent others stealing your items or damaging your
build. This is important because we allow players to loot unclaimed buildings, claim them as their own,
and even completely remove them because we otherwise would have a world full of abandoned buildings. This
means that if your home is damaged in any way because it wasnt protected, staff will not be able to
restore your items!</p>
<p>Claiming land on Altitude is easy. We use the very popular plugin “GriefPrevention”, which allows players
to use a golden shovel to make their claim.To get started enter the command <span
style="font-family: 'opensans-bold', sans-serif;">/claim</span> which will give you the necessary tools.
After that you simply click two opposite corners with the golden shovel (can be any golden shovel, not
only the one given through /claim) to claim the area between the points.</p>
<p>If you need more help with claiming, including trusting others and expanding your claim, visit our <a
[routerLink]="['/claiming']">claiming page</a>.</p>
</div>
<div class="columnParagraph">
<h2>Economy</h2>
<p>We offer a collection of economy features to provide a player-focused and player-operated economy.
Players can create their own shops with the ChestShop plugin to buy and sell goods with others, apply for
a warp so that other players can travel directly to their shop, and pay other players directly with the
<b>/pay</b> command.</p>
<p>There are also shops in the spawn of each world that sell basic items like raw ores, food, and building
blocks. The prices in the spawn shops are designed to be much higher than you would likely find at player
shops to encourage trading between players and only using spawn as a last resort.</p>
<p>If you would like to learn more about the economy and how to create your own chest shops, see our <a
[routerLink]="['/economy']">economy page</a>.</p>
<p>If you would like to learn about applying for your own warp, including the criteria you must meet, see
our <a [routerLink]="['/warps']">warps page</a>.</p>
</div>
</div>
<div class="columnContainer">
<div class="columnParagraph">
<h2>Survival Features</h2>
<p>On Altitude, we want to provide an authentic survival experience for every player. In a multiplayer
environment, this can be challenging! To provide the best experience we possibly can, weve kept some
vanilla features on that other servers disable:</p>
<ul>
<li>TNT and creepers do damage! (Claimed land is safe)</li>
<li><span style="font-family: 'opensans-bold', sans-serif;">/back</span> to return to your last position
</li>
<li><span style="font-family: 'opensans-bold', sans-serif;">/dback</span> to return to your death
position. (This even works if you have used <b>/back</b> earlier)
</li>
<li>Loot chests by default cannot be broken. You can enable this by doing <b>/iwanttobreakthisblock &lt;block&gt;</b>
</li>
</ul>
</div>
<div class="columnParagraph">
<h2>McMMO &amp; MyPet</h2>
<p>Our server feature the very popular community-requested plugins: McMMO & MyPet. McMMO introduces an
RPG-like experience to the survival game with skill leveling, special abilities, rare loot, and new
mechanics. The primary feature of McMMO is the detailed leveling system that breaks down Minecraft into
fifteen skills including mining, woodcutting, and herbalism. Each skill will level up the more you do it
unlocking powerful abilities related to that skill.</p>
<p>If youd like to learn more about McMMO, <a href="https://mcmmo.org/wiki/Main_Page">visit their wiki
here</a>!</p>
<p>MyPet allows you to claim nearly any mob in-game as your “pet”. Each pet can be assigned a skilltree that
gives it unique abilities. Pets can learn to fight alongside you against mobs, pick up items for you as
you mine, and even provide faster travel around the world. Pets will level up in their skilltree the more
you play with them to unlock more abilities.</p>
<p>If you would like to learn more about MyPet and their abiltiies, visit our <a [routerLink]="['/mypet']">MyPet
page</a></p>
</div>
<div class="columnParagraph">
<h2>Creative</h2>
<p>Occasionally, you may find yourself with a creative itch, or need a way to experiment and collaborate
with other players on the server! We offer a creative server for just that purpose. Players can use as
many plots in creative as they need (just ask a staff for more if you reach the default limit) and each
plot is 100 by 100 blocks. Players frequently use these plots for testing our survival builds before
taking the time to collect the resources in survival to build it.</p>
<p>Due to the low traffic that the creative server gets, we do not moderate this server as closely. If you
see anything wrong with the server, please inform a staff member so that we can get it resolved!</p>
</div>
<div class="columnParagraph">
<h2>More Help</h2>
<p>You are now on your way to becoming a member of the Altitude community! We hope weve provided you with
the tools necessary to be successful on our servers. If you have any other questions, please reach out to
a staff member in-game, or on <a href="https://discordapp.com/invite/TGqpzCJ">our Discord</a>!</p>
</div>
</div>
</section>
</section>
</main>
</ng-container>
@@ -0,0 +1,9 @@
main ul {
font-family: opensans, sans-serif;
text-align: left;
}
main li {
margin-left: 30px;
padding-bottom: 10px;
}
@@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { GuideComponent } from './guide.component';
describe('GuideComponent', () => {
let component: GuideComponent;
let fixture: ComponentFixture<GuideComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [GuideComponent]
})
.compileComponents();
fixture = TestBed.createComponent(GuideComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
@@ -0,0 +1,18 @@
import {Component} from '@angular/core';
import {HeaderComponent} from "@header/header.component";
import {RouterLink} from '@angular/router';
import {ALTITUDE_VERSION} from '@custom-types/constant';
@Component({
selector: 'app-guide',
imports: [
HeaderComponent,
RouterLink
],
templateUrl: './guide.component.html',
styleUrl: './guide.component.scss'
})
export class GuideComponent {
protected readonly ALTITUDE_VERSION = ALTITUDE_VERSION;
}