Refactor homepage and header components.

Moved header content logic based on `current_page` input for reusability. Updated styling and layout structure to improve maintainability and accommodate dynamic titles and subtitles.
This commit is contained in:
2025-04-03 21:37:48 +02:00
parent 1d0f1d3896
commit e3c9fa2165
4 changed files with 157 additions and 137 deletions
+1 -13
View File
@@ -1,17 +1,5 @@
<ng-container>
<header id="top">
<app-header [title]="'Altitude'"></app-header>
<div class="title">
<h1 style="display: none;">Altitude Minecraft Server</h1>
<img id="headerimg" ngSrc="/public/img/logos/logo.png" alt="The Altitude Minecraft Server" height="319"
width="550">
<h2 style="font-size: 2.5em;" id="homeh2">Altitude now on {{ALTITUDE_VERSION}}!</h2>
</div>
<a id="scrollbutton" href="#scrollingpoint">
<span></span>
<p style="display: none;">Scroll Down</p>
</a>
</header>
<app-header [title]="'Altitude'" [current_page]="'home'"></app-header>
<main>
<section id="scrollingpoint" style="background: #202020; text-align: center; padding: 80px 0px;">
<!-- TODO load player count from old api or backend?-->