Refactor header structure

Reorganized header component to use content projection for titles and simplified input properties.

frontend/src/app/home/home.component.html

@@ -1,6 +1,17 @@
 <ng-container>
-  <app-header [title]="'Altitude'" [current_page]="'home'"
-              [background_image]="'/public/img/backgrounds/120spawn-min.png'"></app-header>
+  <app-header [current_page]="'home'"
+              [background_image]="'/public/img/backgrounds/120spawn-min.png'">
+    <div class="title" header-content>
+      <h1 style="display: none;">Altitude</h1>
+      <img id="header-img" 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>
+      <a id="scroll-button" (click)="scrollToSection()">
+        <span></span>
+        <p style="display: none;">Scroll Down</p>
+      </a>
+    </div>
+  </app-header>
   <main>
     <section id="scrollingpoint" style="background: #202020; text-align: center; padding: 80px 0px;">
       <!--      TODO load player count from old api or backend?-->