From 20de2a1da3934ed1c17b8e911909fc8dedf16907 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 12:35:40 +0100
Subject: [PATCH 01/27] Refactor vertical divider into a seperate file, allow
 divider color to be changed if wanted

---
 src/app/components/ui/divider.component.ts        |  6 +++---
 src/app/components/ui/header/header.component.ts  | 15 +--------------
 .../components/ui/vertical-divider.component.ts   | 11 +++++++++++
 3 files changed, 15 insertions(+), 17 deletions(-)
 create mode 100644 src/app/components/ui/vertical-divider.component.ts

diff --git a/src/app/components/ui/divider.component.ts b/src/app/components/ui/divider.component.ts
index 9ce5fe5c..c4650ee6 100644
--- a/src/app/components/ui/divider.component.ts
+++ b/src/app/components/ui/divider.component.ts
@@ -1,12 +1,12 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 @Component({
     selector: 'app-divider',
     imports: [],
     template: `
-    <div class="my-3 h-[3px] rounded-sm bg-divider drop-shadow-md"></div>
+    <div [class]="'my-3 h-[3px] rounded-sm drop-shadow-md ' + color"></div>
   `
 })
 export class DividerComponent {
-
+  @Input() color: String = "bg-divider";
 }
diff --git a/src/app/components/ui/header/header.component.ts b/src/app/components/ui/header/header.component.ts
index 2a900da6..77d75daa 100644
--- a/src/app/components/ui/header/header.component.ts
+++ b/src/app/components/ui/header/header.component.ts
@@ -1,28 +1,15 @@
 import { Component } from '@angular/core';
-
 import {NavbarItemComponent} from "./navbar-item.component";
 import {Router} from "@angular/router";
 import {faSignInAlt} from "@fortawesome/free-solid-svg-icons";
-
-
-
+import {VerticalDividerComponent} from "../vertical-divider.component";
 import {LayoutService} from "../../../services/layout.service";
 import {NavbarCategoryComponent} from "./navbar-category.component";
-
 import {SearchComponent} from "../../../overlays/search.component";
-
-
 import {HeaderMeComponent} from "./header-me.component";
 import {HeaderLogoComponent} from "./header-logo.component";
 import {navTree, rightNavTree} from './navtypes';
 
-@Component({
-    selector: 'header-vertical-divider',
-    imports: [],
-    template: `<div class="mx-1.5 w-[3px] rounded-full h-11 bg-divider"></div>`
-})
-class VerticalDividerComponent {}
-
 @Component({
     selector: 'app-header',
     imports: [
diff --git a/src/app/components/ui/vertical-divider.component.ts b/src/app/components/ui/vertical-divider.component.ts
new file mode 100644
index 00000000..3ee6d940
--- /dev/null
+++ b/src/app/components/ui/vertical-divider.component.ts
@@ -0,0 +1,11 @@
+import { Component, Input } from "@angular/core";
+
+@Component({
+    selector: 'header-vertical-divider',
+    imports: [],
+    template: `<div [class]="'mx-1.5 w-[3px] rounded-full h-11 ' + color"></div>`
+})
+
+export class VerticalDividerComponent {
+    @Input() color: String = "bg-divider";
+}
\ No newline at end of file

From ca526ee67d5518768ede2b076074a20b0043f5be Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 12:36:13 +0100
Subject: [PATCH 02/27] Allow client to request instance statistics

---
 src/app/api/client.service.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/api/client.service.ts b/src/app/api/client.service.ts
index 425dfcd5..b1cd81aa 100644
--- a/src/app/api/client.service.ts
+++ b/src/app/api/client.service.ts
@@ -16,6 +16,7 @@ import {Contest} from "./types/contests/contest";
 import {Score} from "./types/levels/score";
 import { LevelRelations } from './types/levels/level-relations';
 import { Asset } from './types/asset';
+import { Statistics } from './types/statistics';
 
 export const defaultPageSize: number = 40;
 
@@ -44,6 +45,10 @@ export class ClientService extends ApiImplementation {
     return this.categories.asObservable();
   }
 
+  getStatistics() {
+    return this.http.get<Statistics>("/statistics");
+  }
+
   getRoomListing() {
     return this.http.get<ListWithData<Room>>("/rooms");
   }

From 4f40e19d6122240dcae10f15c0d1d04279e95b13 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 13:08:29 +0100
Subject: [PATCH 03/27] typo correction

---
 src/app/components/ui/header/header.component.ts    | 4 ++--
 src/app/components/ui/vertical-divider.component.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/ui/header/header.component.ts b/src/app/components/ui/header/header.component.ts
index 77d75daa..c7616765 100644
--- a/src/app/components/ui/header/header.component.ts
+++ b/src/app/components/ui/header/header.component.ts
@@ -25,7 +25,7 @@ import {navTree, rightNavTree} from './navtypes';
       class="flex items-center bg-header-background gap-x-2.5 sm:gap-x-1 px-5 leading-none sticky top-0 left-0 w-full z-1000">
       <app-header-logo></app-header-logo>
     
-      <header-vertical-divider></header-vertical-divider>
+      <app-vertical-divider></app-vertical-divider>
       <nav class="flex gap-x-5 h-[60px] items-center">
         @for (category of navTree; track category.name) {
           <app-navbar-category [category]="category"></app-navbar-category>
@@ -38,7 +38,7 @@ import {navTree, rightNavTree} from './navtypes';
           <app-navbar-category [category]="category" [showNames]="false" [right]="true"></app-navbar-category>
         }
     
-        <header-vertical-divider></header-vertical-divider>
+        <app-vertical-divider></app-vertical-divider>
         @defer {
           <app-header-me></app-header-me>
         } @placeholder {
diff --git a/src/app/components/ui/vertical-divider.component.ts b/src/app/components/ui/vertical-divider.component.ts
index 3ee6d940..72d88482 100644
--- a/src/app/components/ui/vertical-divider.component.ts
+++ b/src/app/components/ui/vertical-divider.component.ts
@@ -1,7 +1,7 @@
 import { Component, Input } from "@angular/core";
 
 @Component({
-    selector: 'header-vertical-divider',
+    selector: 'app-vertical-divider',
     imports: [],
     template: `<div [class]="'mx-1.5 w-[3px] rounded-full h-11 ' + color"></div>`
 })

From 8668f32047a2d7dc0209af2b38e886c4febbc17c Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 16:33:09 +0100
Subject: [PATCH 04/27] Add a footer

---
 src/app/api/types/contact-info.ts             |   6 +
 src/app/api/types/instance.ts                 |   6 +
 src/app/app.component.html                    |   1 +
 src/app/app.component.ts                      |   3 +-
 src/app/components/ui/footer.component.ts     | 122 ++++++++++++++++++
 .../ui/vertical-divider.component.ts          |   3 +-
 src/app/helpers/data-fetching.ts              |   4 +
 7 files changed, 143 insertions(+), 2 deletions(-)
 create mode 100644 src/app/api/types/contact-info.ts
 create mode 100644 src/app/components/ui/footer.component.ts

diff --git a/src/app/api/types/contact-info.ts b/src/app/api/types/contact-info.ts
new file mode 100644
index 00000000..3afb914e
--- /dev/null
+++ b/src/app/api/types/contact-info.ts
@@ -0,0 +1,6 @@
+export interface ContactInfo {
+    adminName: string;
+    emailAddress: string;
+    discordServerInvite: string;
+    adminDiscordUsername: string;
+}
diff --git a/src/app/api/types/instance.ts b/src/app/api/types/instance.ts
index fbcabe52..c9d1d15d 100644
--- a/src/app/api/types/instance.ts
+++ b/src/app/api/types/instance.ts
@@ -1,13 +1,18 @@
 import {Announcement} from "./announcement";
+import { ContactInfo } from "./contact-info";
 import {Contest} from "./contests/contest";
 
 export interface Instance {
     instanceName: string;
     instanceDescription: string;
+    websiteLogoUrl: string;
 
     softwareName: string;
     softwareVersion: string;
     softwareType: string;
+    softwareSourceUrl: string;
+    softwareLicenseName: string;
+    softwareLicenseUrl: string;
 
     registrationEnabled: boolean;
     maximumAssetSafetyLevel: number;
@@ -17,4 +22,5 @@ export interface Instance {
     grafanaDashboardUrl: string | null;
     
     activeContest: Contest | null;
+    contactInfo: ContactInfo;
 }
diff --git a/src/app/app.component.html b/src/app/app.component.html
index b963056a..2138c1e5 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -10,3 +10,4 @@
     [@routeAnimations]="o.isActivated ? o.activatedRoute : ''">
     <router-outlet #o=outlet />
 </div>
+<app-footer></app-footer>
\ No newline at end of file
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index a516d8ec..f789f88d 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -12,12 +12,13 @@ import {animate, group, query, style, transition, trigger} from "@angular/animat
 import {LayoutService} from "./services/layout.service";
 import {AsyncPipe} from "@angular/common";
 import {HeaderMobileComponent} from "./components/ui/header/mobile/header-mobile.component";
+import { FooterComponent } from "./components/ui/footer.component";
 
 const fadeLength: string = "100ms";
 
 @Component({
     selector: 'app-root',
-    imports: [RouterOutlet, HeaderComponent, PopupBannerContainerComponent, AsyncPipe, HeaderMobileComponent],
+    imports: [RouterOutlet, HeaderComponent, PopupBannerContainerComponent, AsyncPipe, HeaderMobileComponent, FooterComponent],
     templateUrl: './app.component.html',
     animations: [
         trigger('routeAnimations', [
diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
new file mode 100644
index 00000000..414ab7f0
--- /dev/null
+++ b/src/app/components/ui/footer.component.ts
@@ -0,0 +1,122 @@
+import { Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { ClientService } from '../../api/client.service';
+import { Instance } from '../../api/types/instance';
+import { BannerService } from '../../banners/banner.service';
+import { RefreshApiError } from '../../api/refresh-api-error';
+import { LayoutService } from '../../services/layout.service';
+import { VerticalDividerComponent } from "./vertical-divider.component";
+import { faCodeFork, faEnvelope, faSignIn } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from "@fortawesome/angular-fontawesome";
+import { DividerComponent } from "./divider.component";
+import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
+import { Statistics } from '../../api/types/statistics';
+
+@Component({
+  selector: 'app-footer',
+  imports: [
+    VerticalDividerComponent,
+    DividerComponent,
+    NgTemplateOutlet,
+    FaIconComponent
+],
+  template: `
+    <footer class="mt-10 mb-5 mx-4">
+      @if (instance != null) {
+        <ng-template #instanceInfo>
+          <div class="flex flex-col gap-y-1">
+            <div class="flex flex-row gap-x-1">
+              <!-- TODO: Show instance icon downloaded from given URL -->
+              <p class="text-3xl">{{ instance.instanceName }}</p>
+            </div>
+            <p class="text-wrap"> {{instance.instanceDescription}} </p>
+          </div>
+        </ng-template>
+
+        <ng-template #contactInfo>
+          <div class="flex flex-col gap-y-1 w-max">
+            <p class="text-3xl">Contact Us</p>
+            <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-secondary-bright hover:underline">
+              <fa-icon class="pr-1" [icon]="faEnvelope"></fa-icon>
+              Email Us
+            </a>
+            <a [href]="instance.contactInfo.discordServerInvite" class="text-secondary-bright hover:underline">
+              <fa-icon class="pr-1" [icon]="faSignIn"></fa-icon>
+              Join Our Discord Server
+            </a>
+          </div>
+        </ng-template>
+
+        <ng-template #softwareInfo>
+          <div class="flex flex-col gap-y-1 w-max">
+            <p class="text-3xl">The Software</p>
+            <a [href]="websiteRepoUrl" class="text-secondary-bright hover:underline">
+              <fa-icon class="pr-1" [icon]="faCodeFork"></fa-icon>
+              Website Repository
+            </a>
+            <a [href]="instance.softwareSourceUrl" class="text-secondary-bright hover:underline">
+              <fa-icon class="pr-1" [icon]="faCodeFork"></fa-icon>
+              Server Repository
+            </a>
+          </div>
+        </ng-template>
+
+        @if (isMobile) {
+          <div class="flex flex-col gap-y-4">
+            <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
+            <app-divider color="bg-foreground"></app-divider>
+            <ng-container *ngTemplateOutlet="contactInfo"></ng-container>
+            <app-divider color="bg-foreground"></app-divider>
+            <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
+          </div>
+        }
+        @else {
+          <div class="flex flex-row gap-x-3 justify-center">
+            <div class="mb-20">
+              <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
+            </div>
+            <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
+            <div class="mb-20">
+              <ng-container *ngTemplateOutlet="contactInfo"></ng-container>
+            </div>
+            <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
+            <div class="mb-20">
+              <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
+            </div>
+          </div>
+        }
+      }
+      @else {
+        <div class="flex flex-col">
+          <p class="text-3xl">Failed to retrieve instance data</p>
+          <p>{{ instanceError ?? "" }}</p>
+        </div>
+      }
+    </footer>
+  `
+})
+export class FooterComponent {
+  protected instance: Instance | undefined;
+  protected instanceError: String | undefined;
+
+  protected isMobile: boolean = false;
+  protected websiteRepoUrl: String = getWebsiteRepoUrl();
+  
+  constructor(private client: ClientService, protected banner: BannerService, protected layout: LayoutService) {
+    this.layout.isMobile.subscribe(v => this.isMobile = v);
+
+    client.getInstance().subscribe({
+      error: error => {
+        const apiError: RefreshApiError | undefined = error.error?.error;
+        this.instanceError = apiError == null ? error.message : apiError.message;
+      },
+      next: response => {
+        this.instance = response;
+      }
+    });
+  }
+
+  protected readonly faEnvelope = faEnvelope;
+  protected readonly faSignIn = faSignIn;
+  protected readonly faCodeFork = faCodeFork;
+}
diff --git a/src/app/components/ui/vertical-divider.component.ts b/src/app/components/ui/vertical-divider.component.ts
index 72d88482..b2483e1f 100644
--- a/src/app/components/ui/vertical-divider.component.ts
+++ b/src/app/components/ui/vertical-divider.component.ts
@@ -3,9 +3,10 @@ import { Component, Input } from "@angular/core";
 @Component({
     selector: 'app-vertical-divider',
     imports: [],
-    template: `<div [class]="'mx-1.5 w-[3px] rounded-full h-11 ' + color"></div>`
+    template: `<div [class]="'mx-1.5 w-[3px] rounded-full ' + height + ' ' + color"></div>`
 })
 
 export class VerticalDividerComponent {
     @Input() color: String = "bg-divider";
+    @Input() height: String = "h-11"
 }
\ No newline at end of file
diff --git a/src/app/helpers/data-fetching.ts b/src/app/helpers/data-fetching.ts
index a683895a..5ffcd655 100644
--- a/src/app/helpers/data-fetching.ts
+++ b/src/app/helpers/data-fetching.ts
@@ -19,3 +19,7 @@ export function loadImage(config: ImageLoaderConfig) {
 
     return getImageLink(config.src);
 }
+
+export function getWebsiteRepoUrl(): string {
+    return "https://github.com/LittleBigRefresh/refresh-web";
+}
\ No newline at end of file

From 4d1ef2cba7902f43cd690262dbe75058985ffa1f Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 18:37:08 +0100
Subject: [PATCH 05/27] Footer stuff

---
 src/app/components/ui/footer.component.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 414ab7f0..b35194d0 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -10,7 +10,6 @@ import { faCodeFork, faEnvelope, faSignIn } from '@fortawesome/free-solid-svg-ic
 import { FaIconComponent } from "@fortawesome/angular-fontawesome";
 import { DividerComponent } from "./divider.component";
 import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
-import { Statistics } from '../../api/types/statistics';
 
 @Component({
   selector: 'app-footer',
@@ -21,6 +20,8 @@ import { Statistics } from '../../api/types/statistics';
     FaIconComponent
 ],
   template: `
+    <!-- FIXME: Right now the footer is always right below the page content, even if there isn't enough
+        content to fill the window, so the footer is not always just at the bottom or below the screen -->
     <footer class="mt-10 mb-5 mx-4">
       @if (instance != null) {
         <ng-template #instanceInfo>
@@ -62,7 +63,7 @@ import { Statistics } from '../../api/types/statistics';
         </ng-template>
 
         @if (isMobile) {
-          <div class="flex flex-col gap-y-4">
+          <div class="flex flex-col gap-y-1">
             <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
             <app-divider color="bg-foreground"></app-divider>
             <ng-container *ngTemplateOutlet="contactInfo"></ng-container>

From 8a9c7f960fbe681c66bdc6d885e0e522ed6db640 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 19:09:17 +0100
Subject: [PATCH 06/27] Have footer stick to bottom of page if the inner page
 is too short

---
 src/app/app.component.html                | 29 +++++++++++++----------
 src/app/components/ui/footer.component.ts | 26 ++++++++++----------
 2 files changed, 29 insertions(+), 26 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 2138c1e5..c05fa631 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,13 +1,18 @@
-@if(!(layout.isMobile | async)) {
-    <app-header></app-header>
-} @else {
-    <app-header-mobile></app-header-mobile>
-}
-@defer (when bannerService.banners.length > 0) {
-    <app-popup-banner-container></app-popup-banner-container>
-}
-<div class="container mx-auto bg-backdrop p-5 border-divider"
-    [@routeAnimations]="o.isActivated ? o.activatedRoute : ''">
-    <router-outlet #o=outlet />
+<div class="flex flex-col min-h-screen">
+    <div class="flex-grow">
+        @if(!(layout.isMobile | async)) {
+            <app-header></app-header>
+        } @else {
+            <app-header-mobile></app-header-mobile>
+        }
+        @defer (when bannerService.banners.length > 0) {
+            <app-popup-banner-container></app-popup-banner-container>
+        }
+        <div class="container mx-auto bg-backdrop p-5 border-divider"
+            [@routeAnimations]="o.isActivated ? o.activatedRoute : ''">
+            <router-outlet #o=outlet />
+        </div>
+    </div>
+    
+    <app-footer></app-footer>
 </div>
-<app-footer></app-footer>
\ No newline at end of file
diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index b35194d0..ce23eaff 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -20,8 +20,6 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
     FaIconComponent
 ],
   template: `
-    <!-- FIXME: Right now the footer is always right below the page content, even if there isn't enough
-        content to fill the window, so the footer is not always just at the bottom or below the screen -->
     <footer class="mt-10 mb-5 mx-4">
       @if (instance != null) {
         <ng-template #instanceInfo>
@@ -72,19 +70,19 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
           </div>
         }
         @else {
-          <div class="flex flex-row gap-x-3 justify-center">
-            <div class="mb-20">
-              <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
+            <div class="flex flex-row gap-x-3 justify-evenly">
+              <div class="mb-20">
+                <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
+              </div>
+              <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
+              <div class="mb-20">
+                <ng-container *ngTemplateOutlet="contactInfo"></ng-container>
+              </div>
+              <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
+              <div class="mb-20">
+                <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
+              </div>
             </div>
-            <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
-            <div class="mb-20">
-              <ng-container *ngTemplateOutlet="contactInfo"></ng-container>
-            </div>
-            <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
-            <div class="mb-20">
-              <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
-            </div>
-          </div>
         }
       }
       @else {

From d503e1fcfcb4fae68fa90aad4a13fc9fa0b2d773 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 19:15:57 +0100
Subject: [PATCH 07/27] Ensure footer elements are not too far from each other
 for too wide windows

---
 src/app/components/ui/footer.component.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index ce23eaff..d90fc1c6 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -70,7 +70,8 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
           </div>
         }
         @else {
-            <div class="flex flex-row gap-x-3 justify-evenly">
+          <div class="flex flex-row justify-center">
+            <div class="flex flex-row flex-grow gap-x-3 justify-evenly max-w-350">
               <div class="mb-20">
                 <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
               </div>
@@ -83,6 +84,7 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
                 <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
               </div>
             </div>
+          </div>
         }
       }
       @else {

From 00afc68e5367c9389bb11a12301ea1b5f4fc8dba Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 19:39:51 +0100
Subject: [PATCH 08/27] Show server's icon in the footer

---
 src/app/components/ui/footer.component.ts | 24 +++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index d90fc1c6..92cfd4bb 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet, NgOptimizedImage } from '@angular/common';
 import { ClientService } from '../../api/client.service';
 import { Instance } from '../../api/types/instance';
 import { BannerService } from '../../banners/banner.service';
@@ -17,17 +17,20 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
     VerticalDividerComponent,
     DividerComponent,
     NgTemplateOutlet,
-    FaIconComponent
+    FaIconComponent,
+    NgOptimizedImage
 ],
   template: `
     <footer class="mt-10 mb-5 mx-4">
       @if (instance != null) {
         <ng-template #instanceInfo>
           <div class="flex flex-col gap-y-1">
-            <div class="flex flex-row gap-x-1">
-              <!-- TODO: Show instance icon downloaded from given URL -->
-              <p class="text-3xl">{{ instance.instanceName }}</p>
-            </div>
+            <p class="text-3xl">
+              <img [ngSrc]="instance.websiteLogoUrl" class="inline aspect-square object-cover rounded" 
+                alt="" width="30" height="30"
+                (error)="iconErr($event.target)" loading="lazy">
+              {{ instance.instanceName }}
+            </p>
             <p class="text-wrap"> {{instance.instanceDescription}} </p>
           </div>
         </ng-template>
@@ -102,6 +105,7 @@ export class FooterComponent {
 
   protected isMobile: boolean = false;
   protected websiteRepoUrl: String = getWebsiteRepoUrl();
+  protected iconError: boolean = false;
   
   constructor(private client: ClientService, protected banner: BannerService, protected layout: LayoutService) {
     this.layout.isMobile.subscribe(v => this.isMobile = v);
@@ -117,6 +121,14 @@ export class FooterComponent {
     });
   }
 
+  iconErr(img: EventTarget | null): void {
+    if(this.iconError) return;
+    this.iconError = true;
+
+    if(!(img instanceof HTMLImageElement)) return;
+    img.srcset = "/assets/logo.svg";
+  }
+
   protected readonly faEnvelope = faEnvelope;
   protected readonly faSignIn = faSignIn;
   protected readonly faCodeFork = faCodeFork;

From e5ffa08ad4fb07182fab2a80eac87579142cfa9d Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 26 Dec 2025 20:10:42 +0100
Subject: [PATCH 09/27] Other minor footer improvements

---
 src/app/app.component.html                |  2 +-
 src/app/components/ui/footer.component.ts | 10 ++++------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index c05fa631..61eb5c3b 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -14,5 +14,5 @@
         </div>
     </div>
     
-    <app-footer></app-footer>
+    <app-footer class="container mx-auto"></app-footer>
 </div>
diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 92cfd4bb..86bdc751 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -24,20 +24,20 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
     <footer class="mt-10 mb-5 mx-4">
       @if (instance != null) {
         <ng-template #instanceInfo>
-          <div class="flex flex-col gap-y-1">
+          <div class="flex flex-col gap-y-1 max-w-90">
             <p class="text-3xl">
               <img [ngSrc]="instance.websiteLogoUrl" class="inline aspect-square object-cover rounded" 
                 alt="" width="30" height="30"
                 (error)="iconErr($event.target)" loading="lazy">
               {{ instance.instanceName }}
             </p>
-            <p class="text-wrap"> {{instance.instanceDescription}} </p>
+            <p class="text-wrap"> {{instance.instanceDescription}}</p>
           </div>
         </ng-template>
 
         <ng-template #contactInfo>
           <div class="flex flex-col gap-y-1 w-max">
-            <p class="text-3xl">Contact Us</p>
+            <p class="text-3xl">Get In Touch</p>
             <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-secondary-bright hover:underline">
               <fa-icon class="pr-1" [icon]="faEnvelope"></fa-icon>
               Email Us
@@ -73,8 +73,7 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
           </div>
         }
         @else {
-          <div class="flex flex-row justify-center">
-            <div class="flex flex-row flex-grow gap-x-3 justify-evenly max-w-350">
+            <div class="flex flex-row flex-grow gap-x-3 justify-start">
               <div class="mb-20">
                 <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
               </div>
@@ -87,7 +86,6 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
                 <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
               </div>
             </div>
-          </div>
         }
       }
       @else {

From 02826182167d461d5e8f817af323f17449944752 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 12:30:13 +0100
Subject: [PATCH 10/27] Expose class which can properly wrap and break words

---
 src/styles.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/styles.css b/src/styles.css
index 241d3d0d..cabaa4a8 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -25,3 +25,11 @@ layer(base);
 body {
     font-family: Rubik, serif
 }
+
+/*
+  Tailwind's wrap-break-word class doesn't work, apparently.
+  See https://github.com/tailwindlabs/tailwindcss/discussions/17217
+*/
+.word-wrap-and-break {
+  overflow-wrap: anywhere;
+}
\ No newline at end of file

From b1eb4a5e6ea35f5e75174d30a7c717b090ea5f38 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 12:38:46 +0100
Subject: [PATCH 11/27] Stretch footer areas with equal spacing, expose server
 license name, URL and software version

---
 src/app/components/ui/footer.component.ts | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 86bdc751..20bd97ea 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -24,7 +24,7 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
     <footer class="mt-10 mb-5 mx-4">
       @if (instance != null) {
         <ng-template #instanceInfo>
-          <div class="flex flex-col gap-y-1 max-w-90">
+          <div class="flex flex-col gap-y-1">
             <p class="text-3xl">
               <img [ngSrc]="instance.websiteLogoUrl" class="inline aspect-square object-cover rounded" 
                 alt="" width="30" height="30"
@@ -36,7 +36,7 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
         </ng-template>
 
         <ng-template #contactInfo>
-          <div class="flex flex-col gap-y-1 w-max">
+          <div class="flex flex-col gap-y-1">
             <p class="text-3xl">Get In Touch</p>
             <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-secondary-bright hover:underline">
               <fa-icon class="pr-1" [icon]="faEnvelope"></fa-icon>
@@ -50,7 +50,7 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
         </ng-template>
 
         <ng-template #softwareInfo>
-          <div class="flex flex-col gap-y-1 w-max">
+          <div class="flex flex-col gap-y-1">
             <p class="text-3xl">The Software</p>
             <a [href]="websiteRepoUrl" class="text-secondary-bright hover:underline">
               <fa-icon class="pr-1" [icon]="faCodeFork"></fa-icon>
@@ -60,6 +60,15 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
               <fa-icon class="pr-1" [icon]="faCodeFork"></fa-icon>
               Server Repository
             </a>
+            <p>Server version: <span class="italic">{{ instance.softwareType }}</span> - <span class="word-wrap-and-break italic">{{ instance.softwareVersion }}</span></p>
+            <p class="text-wrap">
+              The server is licensed under 
+              <a [href]="instance.softwareLicenseUrl" class="text-secondary-bright hover:underline italic">
+                <fa-icon class="pr-1"></fa-icon>
+                {{ instance.softwareLicenseName }}
+              </a>
+            </p>
+            
           </div>
         </ng-template>
 
@@ -73,16 +82,16 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
           </div>
         }
         @else {
-            <div class="flex flex-row flex-grow gap-x-3 justify-start">
-              <div class="mb-20">
+            <div class="flex flex-row flex-grow gap-x-3">
+              <div class="w-full mb-20">
                 <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
               </div>
               <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
-              <div class="mb-20">
+              <div class="w-full mb-20">
                 <ng-container *ngTemplateOutlet="contactInfo"></ng-container>
               </div>
               <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
-              <div class="mb-20">
+              <div class="w-full mb-20">
                 <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
               </div>
             </div>

From 27c33f58a08c1e581528aaedb4b876919f2383f8 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 14:03:29 +0100
Subject: [PATCH 12/27] Cache statistics and refresh if wanted

---
 src/app/api/client.service.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/app/api/client.service.ts b/src/app/api/client.service.ts
index b1cd81aa..827c5396 100644
--- a/src/app/api/client.service.ts
+++ b/src/app/api/client.service.ts
@@ -26,6 +26,7 @@ export const defaultPageSize: number = 40;
 export class ClientService extends ApiImplementation {
   private readonly instance: LazySubject<Instance>;
   private readonly categories: LazySubject<ListWithData<LevelCategory>>;
+  private statistics: LazySubject<Statistics>;
   
   private usersCache: User[] = [];
 
@@ -34,7 +35,9 @@ export class ClientService extends ApiImplementation {
     this.instance = new LazySubject<Instance>(() => this.http.get<Instance>("/instance"));
     this.instance.tryLoad();
 
-    this.categories = new LazySubject<ListWithData<LevelCategory>>(() => this.http.get<ListWithData<LevelCategory>>("/levels?includePreviews=true"))
+    this.categories = new LazySubject<ListWithData<LevelCategory>>(() => this.http.get<ListWithData<LevelCategory>>("/levels?includePreviews=true"));
+
+    this.statistics = new LazySubject<Statistics>(() => this.http.get<Statistics>("/statistics"));
   }
 
   getInstance() {
@@ -45,8 +48,12 @@ export class ClientService extends ApiImplementation {
     return this.categories.asObservable();
   }
 
-  getStatistics() {
-    return this.http.get<Statistics>("/statistics");
+  getStatistics(refresh: boolean) {
+    if (refresh) {
+      this.statistics = new LazySubject<Statistics>(() => this.http.get<Statistics>("/statistics"));
+    }
+
+    return this.statistics.asObservable();
   }
 
   getRoomListing() {

From e65b5ffc328b1f4e27d0c54095a6fc983904ffbc Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 14:07:45 +0100
Subject: [PATCH 13/27] Add stats, and add/switch around other info on the
 footer

---
 src/app/components/ui/footer.component.ts | 73 ++++++++++++++++++++---
 1 file changed, 65 insertions(+), 8 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 20bd97ea..1824cfc9 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -6,10 +6,13 @@ import { BannerService } from '../../banners/banner.service';
 import { RefreshApiError } from '../../api/refresh-api-error';
 import { LayoutService } from '../../services/layout.service';
 import { VerticalDividerComponent } from "./vertical-divider.component";
-import { faCodeFork, faEnvelope, faSignIn } from '@fortawesome/free-solid-svg-icons';
+import { faArrowUp, faCertificate, faCodeFork, faEnvelope, faPlay, faSignIn, faUser } from '@fortawesome/free-solid-svg-icons';
 import { FaIconComponent } from "@fortawesome/angular-fontawesome";
 import { DividerComponent } from "./divider.component";
 import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
+import { Statistics } from '../../api/types/statistics';
+import { StatisticComponent } from "./info/statistic.component";
+import { RouterLink } from "@angular/router";
 
 @Component({
   selector: 'app-footer',
@@ -18,7 +21,9 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
     DividerComponent,
     NgTemplateOutlet,
     FaIconComponent,
-    NgOptimizedImage
+    NgOptimizedImage,
+    StatisticComponent,
+    RouterLink
 ],
   template: `
     <footer class="mt-10 mb-5 mx-4">
@@ -27,11 +32,41 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
           <div class="flex flex-col gap-y-1">
             <p class="text-3xl">
               <img [ngSrc]="instance.websiteLogoUrl" class="inline aspect-square object-cover rounded" 
-                alt="" width="30" height="30"
+                alt="Server icon" width="30" height="30"
                 (error)="iconErr($event.target)" loading="lazy">
               {{ instance.instanceName }}
             </p>
             <p class="text-wrap"> {{instance.instanceDescription}}</p>
+
+            @if (isMobile) {
+              <app-divider color="bg-foreground"></app-divider>
+            }
+            @else {
+              <div class="pt-3"></div>
+            }
+            
+            <div>
+              @if (statistics != null) {
+                <div class="flex flex-col gap-y-1">
+                  <p class="text-3xl">Global Statistics</p>
+                  <div class="flex flex-wrap gap-x-1.5">
+                    <app-statistic [value]=statistics.totalLevels name="Total Levels" [icon]=faCertificate></app-statistic>
+                    <app-statistic [value]=statistics.totalUsers name="Total Users" [icon]=faUser></app-statistic>
+                    <app-statistic [value]=statistics.totalEvents name="Total Events" [icon]=faPlay></app-statistic>
+                    <app-statistic [value]=statistics.requestStatistics.apiRequests name="API Requests" [icon]=faArrowUp></app-statistic>
+                  </div>
+                  <a routerLink="/instance" class="text-secondary-bright hover:underline">
+                    More stats
+                  </a>
+                </div>
+              } 
+              @else {
+                <div class="flex flex-col">
+                  <p class="text-2xl text-wrap">Failed to retrieve statistics</p>
+                  <p>{{ statisticsError ?? "" }}</p>
+                </div>
+              }             
+            </div>
           </div>
         </ng-template>
 
@@ -40,12 +75,15 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
             <p class="text-3xl">Get In Touch</p>
             <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-secondary-bright hover:underline">
               <fa-icon class="pr-1" [icon]="faEnvelope"></fa-icon>
-              Email Us
+              Email Us ({{ instance.contactInfo.emailAddress }})
             </a>
             <a [href]="instance.contactInfo.discordServerInvite" class="text-secondary-bright hover:underline">
               <fa-icon class="pr-1" [icon]="faSignIn"></fa-icon>
               Join Our Discord Server
             </a>
+            <p>
+              You can also contact <span class="italic">{{ instance.contactInfo.adminName }}</span> on Discord at <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span>
+            </p>
           </div>
         </ng-template>
 
@@ -60,20 +98,21 @@ import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
               <fa-icon class="pr-1" [icon]="faCodeFork"></fa-icon>
               Server Repository
             </a>
-            <p>Server version: <span class="italic">{{ instance.softwareType }}</span> - <span class="word-wrap-and-break italic">{{ instance.softwareVersion }}</span></p>
             <p class="text-wrap">
               The server is licensed under 
-              <a [href]="instance.softwareLicenseUrl" class="text-secondary-bright hover:underline italic">
+              <a [href]="instance.softwareLicenseUrl" class="text-secondary-bright hover:underline">
                 <fa-icon class="pr-1"></fa-icon>
                 {{ instance.softwareLicenseName }}
               </a>
             </p>
-            
+            <p>
+              Server version: <span class="italic">{{ instance.softwareType }}</span> - <span class="word-wrap-and-break italic">{{ instance.softwareVersion }}</span>
+            </p>
           </div>
         </ng-template>
 
         @if (isMobile) {
-          <div class="flex flex-col gap-y-1">
+          <div class="flex flex-col gap-y-1 pb-10">
             <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
             <app-divider color="bg-foreground"></app-divider>
             <ng-container *ngTemplateOutlet="contactInfo"></ng-container>
@@ -110,6 +149,9 @@ export class FooterComponent {
   protected instance: Instance | undefined;
   protected instanceError: String | undefined;
 
+  protected statistics: Statistics | undefined;
+  protected statisticsError: String | undefined;
+
   protected isMobile: boolean = false;
   protected websiteRepoUrl: String = getWebsiteRepoUrl();
   protected iconError: boolean = false;
@@ -124,6 +166,17 @@ export class FooterComponent {
       },
       next: response => {
         this.instance = response;
+
+        // Only get stats after instance
+        client.getStatistics(false).subscribe({
+          error: error => {
+            const apiError: RefreshApiError | undefined = error.error?.error;
+            this.statisticsError = apiError == null ? error.message : apiError.message;
+          },
+          next: response => {
+            this.statistics = response
+          }
+        });
       }
     });
   }
@@ -139,4 +192,8 @@ export class FooterComponent {
   protected readonly faEnvelope = faEnvelope;
   protected readonly faSignIn = faSignIn;
   protected readonly faCodeFork = faCodeFork;
+  protected readonly faCertificate = faCertificate;
+  protected readonly faPlay = faPlay;
+  protected readonly faUser = faUser;
+  protected readonly faArrowUp = faArrowUp;
 }

From 959f3d9b3f35e4ac27888eed94c3cc87f07fed91 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 17:39:19 +0100
Subject: [PATCH 14/27] Add blocked asset flag attributes to instance

---
 src/app/api/types/instance.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/api/types/instance.ts b/src/app/api/types/instance.ts
index c9d1d15d..a94a11a2 100644
--- a/src/app/api/types/instance.ts
+++ b/src/app/api/types/instance.ts
@@ -1,4 +1,5 @@
 import {Announcement} from "./announcement";
+import { AssetConfigFlags } from "./asset-config-flags";
 import { ContactInfo } from "./contact-info";
 import {Contest} from "./contests/contest";
 
@@ -15,7 +16,8 @@ export interface Instance {
     softwareLicenseUrl: string;
 
     registrationEnabled: boolean;
-    maximumAssetSafetyLevel: number;
+    blockedAssetFlags: AssetConfigFlags;
+    blockedAssetFlagsForTrustedUsers: AssetConfigFlags;
 
     announcements: Announcement[];
     maintenanceModeEnabled: boolean;

From 1cc0293a99511992ecfe4a4ba48baecaa092f9e4 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 17:42:01 +0100
Subject: [PATCH 15/27] Forgot to push AssetConfigFlags

---
 src/app/api/types/asset-config-flags.ts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/app/api/types/asset-config-flags.ts

diff --git a/src/app/api/types/asset-config-flags.ts b/src/app/api/types/asset-config-flags.ts
new file mode 100644
index 00000000..7f2bf069
--- /dev/null
+++ b/src/app/api/types/asset-config-flags.ts
@@ -0,0 +1,17 @@
+export interface AssetConfigFlags {
+    // For some reason these are serialized as capitalized
+    Dangerous: boolean;
+    Media: boolean;
+    Modded: boolean;
+}
+
+export function blockedFlagsAsString(flags: AssetConfigFlags): String {
+    let flagList: String[] = [];
+    if (flags.Media == true) flagList.push("Media");
+    if (flags.Modded == true) flagList.push("Modded");
+    if (flags.Dangerous == true) flagList.push("Dangerous");
+
+    let flagStr: String = flagList.join(", ");
+    if (flagStr.length === 0) flagStr = "None";
+    return flagStr;
+}
\ No newline at end of file

From 3206f95359981b65541ce86205446d0c7c11895f Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 17:43:06 +0100
Subject: [PATCH 16/27] Improve presentation of server software info on the
 footer

---
 src/app/components/ui/footer.component.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 1824cfc9..24a9f9f7 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -99,14 +99,17 @@ import { RouterLink } from "@angular/router";
               Server Repository
             </a>
             <p class="text-wrap">
-              The server is licensed under 
+              Server license:
               <a [href]="instance.softwareLicenseUrl" class="text-secondary-bright hover:underline">
                 <fa-icon class="pr-1"></fa-icon>
                 {{ instance.softwareLicenseName }}
               </a>
             </p>
             <p>
-              Server version: <span class="italic">{{ instance.softwareType }}</span> - <span class="word-wrap-and-break italic">{{ instance.softwareVersion }}</span>
+              Server software: <span class="italic">{{instance.softwareName}}</span> (<span class="italic">{{instance.softwareType}})</span>
+            </p>
+            <p>
+              Server version: <span class="word-wrap-and-break italic">v{{ instance.softwareVersion }}</span>
             </p>
           </div>
         </ng-template>

From cf57f5ef2c1c4bbee52fbb316edbc358e3f5efd3 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 17:47:31 +0100
Subject: [PATCH 17/27] Add missing attribute, remove bogus attribute

---
 src/app/api/types/request-statistics.ts | 1 -
 src/app/api/types/statistics.ts         | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/api/types/request-statistics.ts b/src/app/api/types/request-statistics.ts
index b561e479..6f9c5e79 100644
--- a/src/app/api/types/request-statistics.ts
+++ b/src/app/api/types/request-statistics.ts
@@ -1,6 +1,5 @@
 export interface RequestStatistics {
     totalRequests: number
     apiRequests: number
-    legacyApiRequests: number
     gameRequests: number
 }
diff --git a/src/app/api/types/statistics.ts b/src/app/api/types/statistics.ts
index d4c6aa00..b40de9c4 100644
--- a/src/app/api/types/statistics.ts
+++ b/src/app/api/types/statistics.ts
@@ -2,6 +2,7 @@ import {RequestStatistics} from "./request-statistics";
 
 export interface Statistics {
     totalLevels: number
+    moddedLevels: number
     totalUsers: number
     activeUsers: number
     totalPhotos: number

From a090b6ba67d97aaa473d7541341cc18a23f6094f Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 17:54:00 +0100
Subject: [PATCH 18/27] Add an instance info page

---
 src/app/app.routes.ts                         |  5 ++
 src/app/components/ui/footer.component.ts     |  2 +-
 .../instance-info.component.html              | 47 ++++++++++++++
 .../instance-info/instance-info.component.ts  | 65 +++++++++++++++++++
 4 files changed, 118 insertions(+), 1 deletion(-)
 create mode 100644 src/app/pages/instance-info/instance-info.component.html
 create mode 100644 src/app/pages/instance-info/instance-info.component.ts

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index f66bc763..b479c5c5 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -84,6 +84,11 @@ export const routes: Routes = [
         loadComponent: () => import('./pages/contest-listing/contest-listing.component').then(x => x.ContestListingComponent),
         data: {title: "Contests"},
     },
+    {
+        path: 'instance',
+        loadComponent: () => import('./pages/instance-info/instance-info.component').then(x => x.InstanceInfoComponent),
+        data: {title: "About Us"},
+    },
     ...appendDebugRoutes(),
     // KEEP THIS ROUTE LAST! It handles pages that do not exist.
     {
diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 24a9f9f7..6621bec5 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -106,7 +106,7 @@ import { RouterLink } from "@angular/router";
               </a>
             </p>
             <p>
-              Server software: <span class="italic">{{instance.softwareName}}</span> (<span class="italic">{{instance.softwareType}})</span>
+              Server software: <span class="italic">{{instance.softwareName}} ({{instance.softwareType}})</span>
             </p>
             <p>
               Server version: <span class="word-wrap-and-break italic">v{{ instance.softwareVersion }}</span>
diff --git a/src/app/pages/instance-info/instance-info.component.html b/src/app/pages/instance-info/instance-info.component.html
new file mode 100644
index 00000000..095ab894
--- /dev/null
+++ b/src/app/pages/instance-info/instance-info.component.html
@@ -0,0 +1,47 @@
+<app-page-title></app-page-title>
+@if(instance != null) {
+    <br><p class="text-3xl">
+        <img [ngSrc]="instance.websiteLogoUrl" class="inline aspect-square object-cover rounded" 
+        alt="Server icon" width="30" height="30"
+        (error)="iconErr($event.target)" loading="lazy">
+        {{ instance.instanceName }}
+    </p>
+    <p class="text-wrap"> {{instance.instanceDescription}}</p>
+
+    <br><h2 class="font-bold text-2xl">Server Information</h2>
+    <p>Server software: <span class="italic">{{instance.softwareName}} ({{instance.softwareType}})</span></p>
+    <p>Server version: <span class="word-wrap-and-break italic">v{{instance.softwareVersion}}</span></p>
+    <p>Server license: 
+        <a [href]="instance.softwareLicenseUrl" class="text-secondary-bright hover:underline">
+            {{ instance.softwareLicenseName }}
+        </a>
+    </p>
+    <p>Blocked assets for regular users: <span class="italic">{{ blockedAssetFlags }}</span></p>
+    <p>Blocked assets for trusted users: <span class="italic">{{ blockedAssetFlagsForTrustedUsers }}</span></p>
+    <br>
+}
+@else if (instanceError != null) {
+    <p>{{ instanceError }}</p>
+}
+
+@if(statistics != null) {
+    <h2 class="font-bold text-2xl">Things!</h2>
+    <p><a routerLink="/users">Registered users: {{statistics.totalUsers}}</a></p>
+    <p><a routerLink="/levels">Published levels: {{statistics.totalLevels}}</a></p>
+    <p><a routerLink="/levels">Modded levels: {{statistics.moddedLevels}}</a></p>
+    <p><a routerLink="/photos">Uploaded photos: {{statistics.totalPhotos}}</a></p>
+    <p><a routerLink="/activity">Events occurred: {{statistics.totalEvents}}</a></p>
+
+    <br><h2 class="font-bold text-2xl">Requests ({{statistics.requestStatistics.totalRequests}} in total)</h2>
+    <p>API requests: {{statistics.requestStatistics.apiRequests}}</p>
+    <p>Game API requests: {{statistics.requestStatistics.gameRequests}}</p>
+
+    <br><h2 class="font-bold text-2xl">Activity</h2>
+    <p>Active users: {{statistics.activeUsers}}</p>
+    <p>People online now: {{statistics.currentIngamePlayersCount}}</p>
+    <p><a class="text-secondary-bright hover:underline" routerLink="/rooms">Active rooms: {{statistics.currentRoomCount}}</a></p>
+
+}
+@else if (statisticsError != null) {
+    <p>{{ statisticsError }}</p>
+}
diff --git a/src/app/pages/instance-info/instance-info.component.ts b/src/app/pages/instance-info/instance-info.component.ts
new file mode 100644
index 00000000..3d95bda4
--- /dev/null
+++ b/src/app/pages/instance-info/instance-info.component.ts
@@ -0,0 +1,65 @@
+import {Component} from '@angular/core';
+import {PageTitleComponent} from "../../components/ui/text/page-title.component";
+import {ClientService} from "../../api/client.service";
+import { Instance } from '../../api/types/instance';
+import { Statistics } from '../../api/types/statistics';
+import { RefreshApiError } from '../../api/refresh-api-error';
+import { BannerService } from '../../banners/banner.service';
+import { NgOptimizedImage } from "@angular/common";
+import { getWebsiteRepoUrl } from '../../helpers/data-fetching';
+import { RouterLink } from "@angular/router";
+import { blockedFlagsAsString } from '../../api/types/asset-config-flags';
+
+@Component({
+    selector: 'app-instance-info',
+    imports: [
+    PageTitleComponent,
+    NgOptimizedImage,
+    RouterLink
+],
+    templateUrl: './instance-info.component.html'
+})
+export class InstanceInfoComponent {
+  protected instance: Instance | undefined;
+  protected instanceError: RefreshApiError | undefined;
+  protected statistics: Statistics | undefined;
+  protected statisticsError: RefreshApiError | undefined;
+
+  protected websiteRepoUrl: String = getWebsiteRepoUrl();
+  protected iconError: boolean = false;
+
+  protected blockedAssetFlags: String = "None";
+  protected blockedAssetFlagsForTrustedUsers: String = "None";
+
+  constructor(private client: ClientService, protected banner: BannerService) {
+    client.getInstance().subscribe({
+      error: error => {
+        const apiError: RefreshApiError | undefined = error.error?.error;
+        this.banner.error("Failed to retrieve instance data", apiError == null ? error.message : apiError.message);
+      },
+      next: response => {
+        this.instance = response;
+        this.blockedAssetFlags = blockedFlagsAsString(response.blockedAssetFlags);
+        this.blockedAssetFlagsForTrustedUsers = blockedFlagsAsString(response.blockedAssetFlagsForTrustedUsers);
+      }
+    });
+
+    client.getStatistics(true).subscribe({
+      error: error => {
+        const apiError: RefreshApiError | undefined = error.error?.error;
+        this.banner.error("Failed to retrieve instance statistics", apiError == null ? error.message : apiError.message);
+      },
+      next: response => {
+        this.statistics = response;
+      }
+    });
+  }
+
+  iconErr(img: EventTarget | null): void {
+    if(this.iconError) return;
+    this.iconError = true;
+
+    if(!(img instanceof HTMLImageElement)) return;
+    img.srcset = "/assets/logo.svg";
+  }
+}

From 20a9535344098608f9a8ae1079d0ae90bdaa2da0 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 18:05:35 +0100
Subject: [PATCH 19/27] Use link color on footer and instance page, make link
 color stick out better from regular text

---
 src/app/components/ui/footer.component.ts            | 12 ++++++------
 .../pages/instance-info/instance-info.component.html |  4 ++--
 tailwind.config.js                                   |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 6621bec5..4367e826 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -55,7 +55,7 @@ import { RouterLink } from "@angular/router";
                     <app-statistic [value]=statistics.totalEvents name="Total Events" [icon]=faPlay></app-statistic>
                     <app-statistic [value]=statistics.requestStatistics.apiRequests name="API Requests" [icon]=faArrowUp></app-statistic>
                   </div>
-                  <a routerLink="/instance" class="text-secondary-bright hover:underline">
+                  <a routerLink="/instance" class="text-link hover:text-link-hover hover:underline">
                     More stats
                   </a>
                 </div>
@@ -73,11 +73,11 @@ import { RouterLink } from "@angular/router";
         <ng-template #contactInfo>
           <div class="flex flex-col gap-y-1">
             <p class="text-3xl">Get In Touch</p>
-            <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-secondary-bright hover:underline">
+            <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-link hover:text-link-hover hover:underline">
               <fa-icon class="pr-1" [icon]="faEnvelope"></fa-icon>
               Email Us ({{ instance.contactInfo.emailAddress }})
             </a>
-            <a [href]="instance.contactInfo.discordServerInvite" class="text-secondary-bright hover:underline">
+            <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
               <fa-icon class="pr-1" [icon]="faSignIn"></fa-icon>
               Join Our Discord Server
             </a>
@@ -90,17 +90,17 @@ import { RouterLink } from "@angular/router";
         <ng-template #softwareInfo>
           <div class="flex flex-col gap-y-1">
             <p class="text-3xl">The Software</p>
-            <a [href]="websiteRepoUrl" class="text-secondary-bright hover:underline">
+            <a [href]="websiteRepoUrl" class="text-link hover:text-link-hover hover:underline">
               <fa-icon class="pr-1" [icon]="faCodeFork"></fa-icon>
               Website Repository
             </a>
-            <a [href]="instance.softwareSourceUrl" class="text-secondary-bright hover:underline">
+            <a [href]="instance.softwareSourceUrl" class="text-link hover:text-link-hover hover:underline">
               <fa-icon class="pr-1" [icon]="faCodeFork"></fa-icon>
               Server Repository
             </a>
             <p class="text-wrap">
               Server license:
-              <a [href]="instance.softwareLicenseUrl" class="text-secondary-bright hover:underline">
+              <a [href]="instance.softwareLicenseUrl" class="text-link hover:text-link-hover hover:underline">
                 <fa-icon class="pr-1"></fa-icon>
                 {{ instance.softwareLicenseName }}
               </a>
diff --git a/src/app/pages/instance-info/instance-info.component.html b/src/app/pages/instance-info/instance-info.component.html
index 095ab894..6d9caad4 100644
--- a/src/app/pages/instance-info/instance-info.component.html
+++ b/src/app/pages/instance-info/instance-info.component.html
@@ -12,7 +12,7 @@
     <p>Server software: <span class="italic">{{instance.softwareName}} ({{instance.softwareType}})</span></p>
     <p>Server version: <span class="word-wrap-and-break italic">v{{instance.softwareVersion}}</span></p>
     <p>Server license: 
-        <a [href]="instance.softwareLicenseUrl" class="text-secondary-bright hover:underline">
+        <a [href]="instance.softwareLicenseUrl" class="text-link hover:text-link-hover hover:underline">
             {{ instance.softwareLicenseName }}
         </a>
     </p>
@@ -39,7 +39,7 @@ <h2 class="font-bold text-2xl">Things!</h2>
     <br><h2 class="font-bold text-2xl">Activity</h2>
     <p>Active users: {{statistics.activeUsers}}</p>
     <p>People online now: {{statistics.currentIngamePlayersCount}}</p>
-    <p><a class="text-secondary-bright hover:underline" routerLink="/rooms">Active rooms: {{statistics.currentRoomCount}}</a></p>
+    <p><a class="text-link hover:text-link-hover hover:underline" routerLink="/rooms">Active rooms: {{statistics.currentRoomCount}}</a></p>
 
 }
 @else if (statisticsError != null) {
diff --git a/tailwind.config.js b/tailwind.config.js
index 6f11369e..2c714087 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,7 @@ const defaultColors = {
   "header-foreground": "#F7F7F7",
   "foreground": "#F7F7F7",
   "gentle": "#C3C3C3",
-  "link": "#d4c6d5",
+  "link": "#c899ccff",
   "link-hover": "#fde9ff",
   "invisible": "#00000000",
 

From fbeff271b3876fbd947b7c7c39ae320fe8387557 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 18:16:01 +0100
Subject: [PATCH 20/27] Add server source and contact data to instance page

---
 .../instance-info.component.html              | 30 +++++++++++++++++--
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/instance-info/instance-info.component.html b/src/app/pages/instance-info/instance-info.component.html
index 6d9caad4..33698a6d 100644
--- a/src/app/pages/instance-info/instance-info.component.html
+++ b/src/app/pages/instance-info/instance-info.component.html
@@ -7,8 +7,9 @@
         {{ instance.instanceName }}
     </p>
     <p class="text-wrap"> {{instance.instanceDescription}}</p>
+    <br>
 
-    <br><h2 class="font-bold text-2xl">Server Information</h2>
+    <h2 class="font-bold text-2xl">Server Information</h2>
     <p>Server software: <span class="italic">{{instance.softwareName}} ({{instance.softwareType}})</span></p>
     <p>Server version: <span class="word-wrap-and-break italic">v{{instance.softwareVersion}}</span></p>
     <p>Server license: 
@@ -16,12 +17,33 @@
             {{ instance.softwareLicenseName }}
         </a>
     </p>
+    <p>Server repository: 
+        <a [href]="instance.softwareSourceUrl" class="text-link hover:text-link-hover hover:underline">
+            {{ instance.softwareSourceUrl }}
+        </a>
+    </p>
     <p>Blocked assets for regular users: <span class="italic">{{ blockedAssetFlags }}</span></p>
     <p>Blocked assets for trusted users: <span class="italic">{{ blockedAssetFlagsForTrustedUsers }}</span></p>
     <br>
+
+    <h2 class="font-bold text-2xl">Contact Data</h2>
+    <p>Owner name: <span class="italic">{{ instance.contactInfo.adminName }}</span></p>
+    <p>Owner discord username: <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span></p>
+    <p>Discord server invite: 
+        <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
+            {{ instance.contactInfo.discordServerInvite }}
+        </a>
+    </p>
+    <p>Email address: 
+        <a [href]="'mailto:' + instance.contactInfo.emailAddress" class="text-link hover:text-link-hover hover:underline">
+            {{instance.contactInfo.emailAddress }}
+        </a>
+    </p>
+    <br>
 }
 @else if (instanceError != null) {
     <p>{{ instanceError }}</p>
+    <br>
 }
 
 @if(statistics != null) {
@@ -31,12 +53,14 @@ <h2 class="font-bold text-2xl">Things!</h2>
     <p><a routerLink="/levels">Modded levels: {{statistics.moddedLevels}}</a></p>
     <p><a routerLink="/photos">Uploaded photos: {{statistics.totalPhotos}}</a></p>
     <p><a routerLink="/activity">Events occurred: {{statistics.totalEvents}}</a></p>
+    <br>
 
-    <br><h2 class="font-bold text-2xl">Requests ({{statistics.requestStatistics.totalRequests}} in total)</h2>
+    <h2 class="font-bold text-2xl">Requests ({{statistics.requestStatistics.totalRequests}} in total)</h2>
     <p>API requests: {{statistics.requestStatistics.apiRequests}}</p>
     <p>Game API requests: {{statistics.requestStatistics.gameRequests}}</p>
+    <br>
 
-    <br><h2 class="font-bold text-2xl">Activity</h2>
+    <h2 class="font-bold text-2xl">Activity</h2>
     <p>Active users: {{statistics.activeUsers}}</p>
     <p>People online now: {{statistics.currentIngamePlayersCount}}</p>
     <p><a class="text-link hover:text-link-hover hover:underline" routerLink="/rooms">Active rooms: {{statistics.currentRoomCount}}</a></p>

From 0f1147e7900bf10db2632b30fd7d27f0f170ebca Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 18:27:57 +0100
Subject: [PATCH 21/27] Add instance page nav item

---
 src/app/components/ui/header/navtypes.ts      |  8 +++----
 .../instance-info.component.html              | 23 +++++++++----------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/app/components/ui/header/navtypes.ts b/src/app/components/ui/header/navtypes.ts
index 430308d3..48ee9668 100644
--- a/src/app/components/ui/header/navtypes.ts
+++ b/src/app/components/ui/header/navtypes.ts
@@ -2,10 +2,10 @@ import {IconProp} from "@fortawesome/fontawesome-svg-core";
 import {
     faBookOpen,
     faCheckCircle,
-    faEnvelope,
     faFire,
     faFireAlt,
     faImages,
+    faInfoCircle,
     faPlay,
     faQuestionCircle,
     faRandom,
@@ -99,9 +99,9 @@ export const rightNavTree: NavCategory[] = [
                 route: "/docs"
             },
             {
-                name: "Contact Us",
-                icon: faEnvelope,
-                route: "/contact"
+                name: "About Us",
+                icon: faInfoCircle,
+                route: "/instance"
             },
         ]
     }
diff --git a/src/app/pages/instance-info/instance-info.component.html b/src/app/pages/instance-info/instance-info.component.html
index 33698a6d..9831d9e8 100644
--- a/src/app/pages/instance-info/instance-info.component.html
+++ b/src/app/pages/instance-info/instance-info.component.html
@@ -10,14 +10,14 @@
     <br>
 
     <h2 class="font-bold text-2xl">Server Information</h2>
-    <p>Server software: <span class="italic">{{instance.softwareName}} ({{instance.softwareType}})</span></p>
-    <p>Server version: <span class="word-wrap-and-break italic">v{{instance.softwareVersion}}</span></p>
-    <p>Server license: 
+    <p>Software: <span class="italic">{{instance.softwareName}} ({{instance.softwareType}})</span></p>
+    <p>Version: <span class="word-wrap-and-break italic">v{{instance.softwareVersion}}</span></p>
+    <p>License: 
         <a [href]="instance.softwareLicenseUrl" class="text-link hover:text-link-hover hover:underline">
             {{ instance.softwareLicenseName }}
         </a>
     </p>
-    <p>Server repository: 
+    <p>Source repository: 
         <a [href]="instance.softwareSourceUrl" class="text-link hover:text-link-hover hover:underline">
             {{ instance.softwareSourceUrl }}
         </a>
@@ -26,9 +26,9 @@ <h2 class="font-bold text-2xl">Server Information</h2>
     <p>Blocked assets for trusted users: <span class="italic">{{ blockedAssetFlagsForTrustedUsers }}</span></p>
     <br>
 
-    <h2 class="font-bold text-2xl">Contact Data</h2>
-    <p>Owner name: <span class="italic">{{ instance.contactInfo.adminName }}</span></p>
-    <p>Owner discord username: <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span></p>
+    <h2 class="font-bold text-2xl">Contact Us</h2>
+    <p>Owner: <span class="italic">{{ instance.contactInfo.adminName }}</span></p>
+    <p>Owner Discord username: <span class="italic">{{ instance.contactInfo.adminDiscordUsername }}</span></p>
     <p>Discord server invite: 
         <a [href]="instance.contactInfo.discordServerInvite" class="text-link hover:text-link-hover hover:underline">
             {{ instance.contactInfo.discordServerInvite }}
@@ -55,16 +55,15 @@ <h2 class="font-bold text-2xl">Things!</h2>
     <p><a routerLink="/activity">Events occurred: {{statistics.totalEvents}}</a></p>
     <br>
 
-    <h2 class="font-bold text-2xl">Requests ({{statistics.requestStatistics.totalRequests}} in total)</h2>
-    <p>API requests: {{statistics.requestStatistics.apiRequests}}</p>
-    <p>Game API requests: {{statistics.requestStatistics.gameRequests}}</p>
-    <br>
-
     <h2 class="font-bold text-2xl">Activity</h2>
     <p>Active users: {{statistics.activeUsers}}</p>
     <p>People online now: {{statistics.currentIngamePlayersCount}}</p>
     <p><a class="text-link hover:text-link-hover hover:underline" routerLink="/rooms">Active rooms: {{statistics.currentRoomCount}}</a></p>
+    <br>
 
+    <h2 class="font-bold text-2xl">Requests ({{statistics.requestStatistics.totalRequests}} in total)</h2>
+    <p>API requests: {{statistics.requestStatistics.apiRequests}}</p>
+    <p>Game API requests: {{statistics.requestStatistics.gameRequests}}</p>
 }
 @else if (statisticsError != null) {
     <p>{{ statisticsError }}</p>

From 9b2cef04f295d35166464e13af60ed503338731b Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Sat, 7 Feb 2026 18:38:32 +0100
Subject: [PATCH 22/27] Remove/use unused attributes

---
 .../instance-info/instance-info.component.html    | 15 ++++++++-------
 .../instance-info/instance-info.component.ts      |  2 --
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/app/pages/instance-info/instance-info.component.html b/src/app/pages/instance-info/instance-info.component.html
index 9831d9e8..3ad6d7a0 100644
--- a/src/app/pages/instance-info/instance-info.component.html
+++ b/src/app/pages/instance-info/instance-info.component.html
@@ -41,10 +41,14 @@ <h2 class="font-bold text-2xl">Contact Us</h2>
     </p>
     <br>
 }
-@else if (instanceError != null) {
-    <p>{{ instanceError }}</p>
-    <br>
-}
+
+<h2 class="font-bold text-2xl">Website</h2>
+<p>Source repository: 
+    <a [href]="websiteRepoUrl" class="text-link hover:text-link-hover hover:underline">
+        {{ websiteRepoUrl }}
+    </a>
+</p>
+<br>
 
 @if(statistics != null) {
     <h2 class="font-bold text-2xl">Things!</h2>
@@ -65,6 +69,3 @@ <h2 class="font-bold text-2xl">Requests ({{statistics.requestStatistics.totalReq
     <p>API requests: {{statistics.requestStatistics.apiRequests}}</p>
     <p>Game API requests: {{statistics.requestStatistics.gameRequests}}</p>
 }
-@else if (statisticsError != null) {
-    <p>{{ statisticsError }}</p>
-}
diff --git a/src/app/pages/instance-info/instance-info.component.ts b/src/app/pages/instance-info/instance-info.component.ts
index 3d95bda4..7e36fb93 100644
--- a/src/app/pages/instance-info/instance-info.component.ts
+++ b/src/app/pages/instance-info/instance-info.component.ts
@@ -21,9 +21,7 @@ import { blockedFlagsAsString } from '../../api/types/asset-config-flags';
 })
 export class InstanceInfoComponent {
   protected instance: Instance | undefined;
-  protected instanceError: RefreshApiError | undefined;
   protected statistics: Statistics | undefined;
-  protected statisticsError: RefreshApiError | undefined;
 
   protected websiteRepoUrl: String = getWebsiteRepoUrl();
   protected iconError: boolean = false;

From ba195e58fbe3243fca1456dcaa606a7256ff476a Mon Sep 17 00:00:00 2001
From: ToasterTheBrot <95178340+Toastbrot236@users.noreply.github.com>
Date: Thu, 12 Feb 2026 15:09:14 +0100
Subject: [PATCH 23/27] Clarify AssetConfigFlags quirk comment (lazily)

Signed-off-by: ToasterTheBrot <95178340+Toastbrot236@users.noreply.github.com>
---
 src/app/api/types/asset-config-flags.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/api/types/asset-config-flags.ts b/src/app/api/types/asset-config-flags.ts
index 7f2bf069..214b25e9 100644
--- a/src/app/api/types/asset-config-flags.ts
+++ b/src/app/api/types/asset-config-flags.ts
@@ -1,5 +1,5 @@
 export interface AssetConfigFlags {
-    // For some reason these are serialized as capitalized
+    // For some reason these are serialized as capitalized by Refresh, unlike most other attributes.
     Dangerous: boolean;
     Media: boolean;
     Modded: boolean;
@@ -14,4 +14,4 @@ export function blockedFlagsAsString(flags: AssetConfigFlags): String {
     let flagStr: String = flagList.join(", ");
     if (flagStr.length === 0) flagStr = "None";
     return flagStr;
-}
\ No newline at end of file
+}

From f311e204ebd3eb2bb38e86b78146d57ad2848c22 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 13 Feb 2026 12:34:57 +0100
Subject: [PATCH 24/27] Deduplicate stats request function, clearer param name
 + make param optional

---
 src/app/api/client.service.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/api/client.service.ts b/src/app/api/client.service.ts
index 827c5396..d9f0f50d 100644
--- a/src/app/api/client.service.ts
+++ b/src/app/api/client.service.ts
@@ -37,7 +37,7 @@ export class ClientService extends ApiImplementation {
 
     this.categories = new LazySubject<ListWithData<LevelCategory>>(() => this.http.get<ListWithData<LevelCategory>>("/levels?includePreviews=true"));
 
-    this.statistics = new LazySubject<Statistics>(() => this.http.get<Statistics>("/statistics"));
+    this.statistics = this.getStatisticsInternal();
   }
 
   getInstance() {
@@ -48,9 +48,13 @@ export class ClientService extends ApiImplementation {
     return this.categories.asObservable();
   }
 
-  getStatistics(refresh: boolean) {
-    if (refresh) {
-      this.statistics = new LazySubject<Statistics>(() => this.http.get<Statistics>("/statistics"));
+  private getStatisticsInternal() {
+    return this.statistics = new LazySubject<Statistics>(() => this.http.get<Statistics>("/statistics"));
+  }
+
+  getStatistics(ignoreCache: boolean = false) {
+    if (ignoreCache) {
+      this.statistics = this.getStatisticsInternal();
     }
 
     return this.statistics.asObservable();

From 4b4476dff7c94cae9f767c1b1825f82f5db37554 Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 13 Feb 2026 12:41:07 +0100
Subject: [PATCH 25/27] Footer: default error details, clearer error header
 messages

---
 src/app/components/ui/footer.component.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 4367e826..09fdc645 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -62,8 +62,8 @@ import { RouterLink } from "@angular/router";
               } 
               @else {
                 <div class="flex flex-col">
-                  <p class="text-2xl text-wrap">Failed to retrieve statistics</p>
-                  <p>{{ statisticsError ?? "" }}</p>
+                  <p class="text-2xl text-wrap">Failed to get statistics</p>
+                  <p>{{ statisticsError ?? "Unset error message" }}</p>
                 </div>
               }             
             </div>
@@ -141,8 +141,8 @@ import { RouterLink } from "@angular/router";
       }
       @else {
         <div class="flex flex-col">
-          <p class="text-3xl">Failed to retrieve instance data</p>
-          <p>{{ instanceError ?? "" }}</p>
+          <p class="text-2xl">Failed to get instance data for the footer</p>
+          <p>{{ instanceError ?? "Unset error message" }}</p>
         </div>
       }
     </footer>
@@ -169,7 +169,6 @@ export class FooterComponent {
       },
       next: response => {
         this.instance = response;
-
         // Only get stats after instance
         client.getStatistics(false).subscribe({
           error: error => {

From 454e94a1e4b390cc8ca617a8b566adb391fcd48a Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 13 Feb 2026 12:42:43 +0100
Subject: [PATCH 26/27] Allow LazySubject to also handle error events

---
 src/app/helpers/lazy-subject.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/helpers/lazy-subject.ts b/src/app/helpers/lazy-subject.ts
index 42727fae..6e998730 100644
--- a/src/app/helpers/lazy-subject.ts
+++ b/src/app/helpers/lazy-subject.ts
@@ -12,9 +12,14 @@ export class LazySubject<TData> {
     }
 
     private consumeObservable() {
-        this.observable().subscribe(data => {
-            this.subject.next(data);
-        })
+        this.observable().subscribe({
+            error: error => {
+                this.subject.error(error);
+            },
+            next: data => {
+                this.subject.next(data);
+            }
+        });
     }
 
     public tryLoad(): boolean {

From efa64a4560b999293582692d532508aa95c99e2d Mon Sep 17 00:00:00 2001
From: Toaster2 <brottoastlemon@gmail.com>
Date: Fri, 13 Feb 2026 12:52:43 +0100
Subject: [PATCH 27/27] A few further footer improvements

---
 src/app/components/ui/footer.component.ts | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/app/components/ui/footer.component.ts b/src/app/components/ui/footer.component.ts
index 09fdc645..7523f876 100644
--- a/src/app/components/ui/footer.component.ts
+++ b/src/app/components/ui/footer.component.ts
@@ -55,9 +55,6 @@ import { RouterLink } from "@angular/router";
                     <app-statistic [value]=statistics.totalEvents name="Total Events" [icon]=faPlay></app-statistic>
                     <app-statistic [value]=statistics.requestStatistics.apiRequests name="API Requests" [icon]=faArrowUp></app-statistic>
                   </div>
-                  <a routerLink="/instance" class="text-link hover:text-link-hover hover:underline">
-                    More stats
-                  </a>
                 </div>
               } 
               @else {
@@ -65,7 +62,12 @@ import { RouterLink } from "@angular/router";
                   <p class="text-2xl text-wrap">Failed to get statistics</p>
                   <p>{{ statisticsError ?? "Unset error message" }}</p>
                 </div>
-              }             
+              }
+              <div class="pt-2">
+                <a routerLink="/instance" class="text-link hover:text-link-hover hover:underline">
+                  More information
+                </a>
+              </div>
             </div>
           </div>
         </ng-template>
@@ -125,15 +127,15 @@ import { RouterLink } from "@angular/router";
         }
         @else {
             <div class="flex flex-row flex-grow gap-x-3">
-              <div class="w-full mb-20">
+              <div class="w-full mt-5 mb-20">
                 <ng-container *ngTemplateOutlet="instanceInfo"></ng-container>
               </div>
               <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
-              <div class="w-full mb-20">
+              <div class="w-full mt-5 mb-20">
                 <ng-container *ngTemplateOutlet="contactInfo"></ng-container>
               </div>
               <app-vertical-divider color="bg-foreground" height="h-full"></app-vertical-divider>
-              <div class="w-full mb-20">
+              <div class="w-full mt-5 mb-20">
                 <ng-container *ngTemplateOutlet="softwareInfo"></ng-container>
               </div>
             </div>
@@ -143,6 +145,11 @@ import { RouterLink } from "@angular/router";
         <div class="flex flex-col">
           <p class="text-2xl">Failed to get instance data for the footer</p>
           <p>{{ instanceError ?? "Unset error message" }}</p>
+          <div class="pt-2 flex flex-row justify-center">
+            <a routerLink="/instance" class="text-link hover:text-link-hover hover:underline">
+              Visit instance data page
+            </a>
+          </div>
         </div>
       }
     </footer>