From fe568582f67e099b2d05809e017e4d289c8f769a Mon Sep 17 00:00:00 2001
From: Rory Kelly <rorykelly76@gmail.com>
Date: Thu, 16 Dec 2021 00:22:05 +0000
Subject: [PATCH 1/7] Dialog component, show statement, fixing CSS.

---
 src/app/app.component.html                    |  2 +-
 src/app/app.component.scss                    |  2 --
 src/app/app.module.ts                         | 14 ++++++--
 src/app/app.service.interface.ts              | 22 +++++++++++++
 src/app/app.service.ts                        | 19 +++++++++++
 .../common-components.module.ts               |  6 +++-
 .../dialog/dialog.component.html              |  2 ++
 .../dialog/dialog.component.scss              |  0
 .../dialog/dialog.component.spec.ts           | 25 ++++++++++++++
 .../dialog/dialog.component.ts                | 16 +++++++++
 src/app/landing/landing.component.html        |  1 +
 src/app/landing/landing.component.scss        | 13 ++++++++
 src/app/landing/landing.component.ts          | 17 ++++++++--
 .../statement-notification.component.html     |  7 ++++
 .../statement-notification.component.scss     |  7 ++++
 .../statement-notification.component.spec.ts  | 25 ++++++++++++++
 .../statement-notification.component.ts       | 33 +++++++++++++++++++
 src/assets/json/statement.json                |  4 +++
 18 files changed, 206 insertions(+), 9 deletions(-)
 create mode 100644 src/app/app.service.interface.ts
 create mode 100644 src/app/app.service.ts
 create mode 100644 src/app/common-components/dialog/dialog.component.html
 create mode 100644 src/app/common-components/dialog/dialog.component.scss
 create mode 100644 src/app/common-components/dialog/dialog.component.spec.ts
 create mode 100644 src/app/common-components/dialog/dialog.component.ts
 create mode 100644 src/app/statement-notification/statement-notification.component.html
 create mode 100644 src/app/statement-notification/statement-notification.component.scss
 create mode 100644 src/app/statement-notification/statement-notification.component.spec.ts
 create mode 100644 src/app/statement-notification/statement-notification.component.ts
 create mode 100644 src/assets/json/statement.json

diff --git a/src/app/app.component.html b/src/app/app.component.html
index eafb0a3..d7c2ac8 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,7 @@
 <header>
   <app-toolbar></app-toolbar>
 </header>
-<main>
+<main fxLayout="column column">
   <router-outlet></router-outlet>
 </main>
 <footer>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 2091eec..4abb164 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,5 +1,3 @@
-$footer-height: 125px;
-
 :host {
   display: flex;
   flex-direction: column;
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 4bc8f4a..ff4ac51 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -5,17 +5,20 @@ import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { HttpClientModule } from '@angular/common/http';
 import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatDialogModule } from '@angular/material/dialog';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { GamesModule } from './games/games.module';
 import { ToolbarComponent } from './toolbar/toolbar.component';
-import { N64BoxComponent } from './common-components/n64-box/n64-box.component';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { AppRoutingModule } from './app-routing.module';
 import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
 import { FooterComponent } from './footer/footer.component';
 import { LandingComponent } from './landing/landing.component';
+import { StatementNotificationComponent } from './statement-notification/statement-notification.component';
+import { AppService } from './app.service';
 
 @NgModule({
   declarations: [
@@ -23,7 +26,8 @@ import { LandingComponent } from './landing/landing.component';
     ToolbarComponent,
     LandingComponent,
     FooterComponent,
-    PageNotFoundComponent
+    PageNotFoundComponent,
+    StatementNotificationComponent
   ],
   imports: [
     BrowserModule,
@@ -32,12 +36,16 @@ import { LandingComponent } from './landing/landing.component';
     AppRoutingModule,
     HttpClientModule,
     MatButtonModule,
+    MatCardModule,
+    MatDialogModule,
     MatMenuModule,
     MatToolbarModule,
     FontAwesomeModule,
     FlexLayoutModule
   ],
-  providers: [],
+  providers: [
+    AppService
+  ],
   bootstrap: [AppComponent]
 })
 export class AppModule { }
diff --git a/src/app/app.service.interface.ts b/src/app/app.service.interface.ts
new file mode 100644
index 0000000..202cb50
--- /dev/null
+++ b/src/app/app.service.interface.ts
@@ -0,0 +1,22 @@
+import { Observable } from "rxjs";
+
+/**
+ * Statement data.
+ */
+export interface IStatement {
+  /**
+   * The statement title.
+   */
+  title: string;
+  /**
+   * The statement to display.
+   */
+  content: string;
+}
+
+export interface IAppService {
+  /**
+   * Try and get a statement that is available for display.
+   */
+  getStatement(): Observable<IStatement>;
+}
diff --git a/src/app/app.service.ts b/src/app/app.service.ts
new file mode 100644
index 0000000..646fd91
--- /dev/null
+++ b/src/app/app.service.ts
@@ -0,0 +1,19 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { IAppService, IStatement } from './app.service.interface';
+
+/**
+ * Obtains data relating to the general site.
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class AppService implements IAppService {
+
+  constructor(private http: HttpClient) { }
+
+  getStatement(): Observable<IStatement> {
+    return this.http.get<IStatement>("/assets/json/statement.json");
+  }
+}
diff --git a/src/app/common-components/common-components.module.ts b/src/app/common-components/common-components.module.ts
index 67411a6..c825e27 100644
--- a/src/app/common-components/common-components.module.ts
+++ b/src/app/common-components/common-components.module.ts
@@ -1,8 +1,10 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { N64BoxComponent } from './n64-box/n64-box.component';
 import { N64ButtonComponent } from './n64-button/n64-button.component';
 import { RouterModule } from '@angular/router';
+import { DialogComponent } from './dialog/dialog.component';
 
 /**
  * Module that holds generic content box and button components of varying styles.
@@ -10,10 +12,12 @@ import { RouterModule } from '@angular/router';
 @NgModule({
   declarations: [
     N64BoxComponent,
-    N64ButtonComponent
+    N64ButtonComponent,
+    DialogComponent
   ],
   imports: [
     CommonModule,
+    BrowserAnimationsModule,
     RouterModule
   ],
   exports: [
diff --git a/src/app/common-components/dialog/dialog.component.html b/src/app/common-components/dialog/dialog.component.html
new file mode 100644
index 0000000..17b65f7
--- /dev/null
+++ b/src/app/common-components/dialog/dialog.component.html
@@ -0,0 +1,2 @@
+<h1 mat-dialog-title>{{ data.title }}</h1>
+<article mat-dialog-content [innerHTML]="data.content"></article>
diff --git a/src/app/common-components/dialog/dialog.component.scss b/src/app/common-components/dialog/dialog.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/common-components/dialog/dialog.component.spec.ts b/src/app/common-components/dialog/dialog.component.spec.ts
new file mode 100644
index 0000000..a32e0ea
--- /dev/null
+++ b/src/app/common-components/dialog/dialog.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DialogComponent } from './dialog.component';
+
+describe('DialogComponent', () => {
+  let component: DialogComponent;
+  let fixture: ComponentFixture<DialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DialogComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/common-components/dialog/dialog.component.ts b/src/app/common-components/dialog/dialog.component.ts
new file mode 100644
index 0000000..c7f0a8a
--- /dev/null
+++ b/src/app/common-components/dialog/dialog.component.ts
@@ -0,0 +1,16 @@
+import { Component, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { IStatement } from 'src/app/app.service.interface';
+
+/**
+ * Generic dialog component.
+ */
+@Component({
+  templateUrl: './dialog.component.html',
+  styleUrls: ['./dialog.component.scss']
+})
+export class DialogComponent {
+
+  constructor(public dialogRef: MatDialogRef<DialogComponent>, @Inject(MAT_DIALOG_DATA) public data: IStatement) {}
+
+}
diff --git a/src/app/landing/landing.component.html b/src/app/landing/landing.component.html
index d03b616..5ed5ff6 100644
--- a/src/app/landing/landing.component.html
+++ b/src/app/landing/landing.component.html
@@ -1,2 +1,3 @@
 <h1>Zelda Reverse Engineering Team</h1>
+<statement-notification *ngIf="statement" [statement]="statement"></statement-notification>
 <game-summaries></game-summaries>
diff --git a/src/app/landing/landing.component.scss b/src/app/landing/landing.component.scss
index e69de29..72cfcf3 100644
--- a/src/app/landing/landing.component.scss
+++ b/src/app/landing/landing.component.scss
@@ -0,0 +1,13 @@
+:host {
+  display: flex;
+  flex-direction: column;
+}
+
+h1 {
+  text-align: center;
+}
+
+statement-notification {
+  align-self: center;
+  margin-bottom: 1em;
+}
diff --git a/src/app/landing/landing.component.ts b/src/app/landing/landing.component.ts
index 6f688da..123f2a6 100644
--- a/src/app/landing/landing.component.ts
+++ b/src/app/landing/landing.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { AppService } from '../app.service';
+import { IStatement } from '../app.service.interface';
 
 /**
  * Component shown on the front page (when people go to "/").
@@ -8,8 +10,19 @@ import { Component, OnInit } from '@angular/core';
   templateUrl: './landing.component.html',
   styleUrls: ['./landing.component.scss']
 })
-export class LandingComponent {
+export class LandingComponent implements OnInit {
 
-  constructor() { }
+  constructor(private appService: AppService) { }
+
+  /**
+   * The potential statement that is meant to be shown.
+   */
+  statement: IStatement = null;
+
+  ngOnInit() {
+    this.appService.getStatement().subscribe(
+      res => this.statement = res
+    );
+  }
 
 }
diff --git a/src/app/statement-notification/statement-notification.component.html b/src/app/statement-notification/statement-notification.component.html
new file mode 100644
index 0000000..8428338
--- /dev/null
+++ b/src/app/statement-notification/statement-notification.component.html
@@ -0,0 +1,7 @@
+<mat-card>
+  <mat-card-title>{{ statement.title }}</mat-card-title>
+  <mat-card-subtitle>New statement from the developers!</mat-card-subtitle>
+  <mat-card-actions>
+    <button color="primary" mat-stroked-button (click)="showStatement();">Show me!</button>
+  </mat-card-actions>
+</mat-card>
diff --git a/src/app/statement-notification/statement-notification.component.scss b/src/app/statement-notification/statement-notification.component.scss
new file mode 100644
index 0000000..711872d
--- /dev/null
+++ b/src/app/statement-notification/statement-notification.component.scss
@@ -0,0 +1,7 @@
+mat-card-actions {
+  text-align: center;
+}
+
+button {
+  width: 95%;
+}
diff --git a/src/app/statement-notification/statement-notification.component.spec.ts b/src/app/statement-notification/statement-notification.component.spec.ts
new file mode 100644
index 0000000..3818cae
--- /dev/null
+++ b/src/app/statement-notification/statement-notification.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { StatementNotificationComponent } from './statement-notification.component';
+
+describe('StatementNotificationComponent', () => {
+  let component: StatementNotificationComponent;
+  let fixture: ComponentFixture<StatementNotificationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ StatementNotificationComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(StatementNotificationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/statement-notification/statement-notification.component.ts b/src/app/statement-notification/statement-notification.component.ts
new file mode 100644
index 0000000..268c5c0
--- /dev/null
+++ b/src/app/statement-notification/statement-notification.component.ts
@@ -0,0 +1,33 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { IStatement } from '../app.service.interface';
+import { DialogComponent } from '../common-components/dialog/dialog.component';
+
+/**
+ * Box that allows a user to show a statement, should one be available.
+ */
+@Component({
+  selector: 'statement-notification',
+  templateUrl: './statement-notification.component.html',
+  styleUrls: ['./statement-notification.component.scss']
+})
+export class StatementNotificationComponent {
+
+  /**
+   * Statement data, if any.
+   */
+  @Input() statement: IStatement = null;
+
+  constructor(private dialog: MatDialog) { }
+
+  /**
+   * Show the statement in a dialog on button click.
+   */
+  showStatement() {
+    this.dialog.open(DialogComponent, {
+      data: this.statement,
+      width: "600px"
+    });
+  }
+
+}
diff --git a/src/assets/json/statement.json b/src/assets/json/statement.json
new file mode 100644
index 0000000..1cce619
--- /dev/null
+++ b/src/assets/json/statement.json
@@ -0,0 +1,4 @@
+{
+  "title": "OoT has reached 100%!",
+  "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vulputate mi ac sapien pretium fringilla. Suspendisse ipsum arcu, suscipit vel mauris in, condimentum varius odio. Suspendisse nec diam at sem semper rutrum a sit amet lectus. Sed faucibus pulvinar ex blandit dapibus. Maecenas pellentesque elementum nisi. Fusce in risus vitae arcu egestas lobortis vitae sit amet nisi. Integer aliquam malesuada mi a finibus. Etiam at nisl ac velit volutpat iaculis vitae ac neque. In ac dui augue. Maecenas iaculis commodo ex, non dictum massa. Mauris porta consectetur ullamcorper. Fusce nisi odio, consequat vestibulum bibendum a, egestas in risus. Vestibulum condimentum dui sit amet euismod luctus. Nunc venenatis viverra ligula, nec placerat massa cursus ac. Nulla eros arcu, bibendum a ipsum non, bibendum vulputate turpis."
+}

From e2029bf6d6b8282444996cd681ac2d81c2b101c2 Mon Sep 17 00:00:00 2001
From: Rory Kelly <rorykelly76@gmail.com>
Date: Thu, 16 Dec 2021 00:33:22 +0000
Subject: [PATCH 2/7] Adjust dialog dimensions.

---
 .../statement-notification/statement-notification.component.ts  | 1 +
 src/assets/json/statement.json                                  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/statement-notification/statement-notification.component.ts b/src/app/statement-notification/statement-notification.component.ts
index 268c5c0..0972027 100644
--- a/src/app/statement-notification/statement-notification.component.ts
+++ b/src/app/statement-notification/statement-notification.component.ts
@@ -26,6 +26,7 @@ export class StatementNotificationComponent {
   showStatement() {
     this.dialog.open(DialogComponent, {
       data: this.statement,
+      height: "600px",
       width: "600px"
     });
   }
diff --git a/src/assets/json/statement.json b/src/assets/json/statement.json
index 1cce619..27ceee3 100644
--- a/src/assets/json/statement.json
+++ b/src/assets/json/statement.json
@@ -1,4 +1,4 @@
 {
   "title": "OoT has reached 100%!",
-  "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vulputate mi ac sapien pretium fringilla. Suspendisse ipsum arcu, suscipit vel mauris in, condimentum varius odio. Suspendisse nec diam at sem semper rutrum a sit amet lectus. Sed faucibus pulvinar ex blandit dapibus. Maecenas pellentesque elementum nisi. Fusce in risus vitae arcu egestas lobortis vitae sit amet nisi. Integer aliquam malesuada mi a finibus. Etiam at nisl ac velit volutpat iaculis vitae ac neque. In ac dui augue. Maecenas iaculis commodo ex, non dictum massa. Mauris porta consectetur ullamcorper. Fusce nisi odio, consequat vestibulum bibendum a, egestas in risus. Vestibulum condimentum dui sit amet euismod luctus. Nunc venenatis viverra ligula, nec placerat massa cursus ac. Nulla eros arcu, bibendum a ipsum non, bibendum vulputate turpis."
+  "content": "<p>It's been a wild ride. We've been able to create C code that, when compiled, reproduces the original game. We call this \"matching\" decompilation. On 26 November 2021, @Fig, who is a notable community member as well as a project lead, matched the last-remaining function in the first version of Ocarina of Time. This means that all compiled code in the game has been turned into human-readable C code. We thought for a time that we may never be able to match every function completely, so this is an incredibly exciting accomplishment. Dozens of people helped work on this project, and together we were able to achieve something amazing</p><p>There's still a lot of remaining work for the project, however. In no particular order:</p><ul><li>Documentation - Lots of code is not well understood, still, so we need to reverse-engineer things and document them.</li><li>Re-organization -We plan to reorganize the code and definitions in the project.</li><li>Re-naming - many names of things are not ideal for finding the code for a particular part of the game, so we plan to standardize and rename many systems and components.</li><li>Other versions - We have been working on decompiling the Master Quest Debug version of the game. However, Ocarina of Time has 17 other versions, which we plan to also decompile and support in the project.</li><li>Asset support - We plan to continue to improve support of asset-handling so that viewing / modifying assets on modern computers is easier to do.</li><li>Other games - We have many other projects in progress: Majora's Mask, The Minish Cap, Twilight Princess, and Breath of the Wild all need help as well to reach 100%!</li></ul>"
 }

From 28aea813a2ebca3d0ba1cdb6b3ba8ab60b219b8f Mon Sep 17 00:00:00 2001
From: Rory Kelly <rorykelly76@gmail.com>
Date: Thu, 16 Dec 2021 00:37:23 +0000
Subject: [PATCH 3/7] Adjust ul padding.

---
 src/styles.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/styles.scss b/src/styles.scss
index f1c3cd6..bfe8d87 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -31,4 +31,7 @@ markdown h2 {
   border-bottom: 1px solid white;
 }
 
+ul {
+  padding-left: 20px;
+}
 

From ecd9567d7697a2b0580c17688e66500ba8773b16 Mon Sep 17 00:00:00 2001
From: Rory Kelly <rorykelly76@gmail.com>
Date: Thu, 16 Dec 2021 00:43:19 +0000
Subject: [PATCH 4/7] Add margin to li elements.

---
 src/styles.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/styles.scss b/src/styles.scss
index bfe8d87..af2bcd5 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -35,3 +35,6 @@ ul {
   padding-left: 20px;
 }
 
+li {
+  margin-bottom: 1rem;
+}

From 2ae733541c37c882701545931aab2fa39da04b00 Mon Sep 17 00:00:00 2001
From: Rory Kelly <rorykelly76@gmail.com>
Date: Thu, 16 Dec 2021 01:10:37 +0000
Subject: [PATCH 5/7] Fix usage of mat-dialog; add close button.

---
 src/app/common-components/common-components.module.ts |  8 +++++++-
 .../common-components/dialog/dialog.component.html    |  9 +++++++--
 .../common-components/dialog/dialog.component.scss    | 11 +++++++++++
 src/app/common-components/dialog/dialog.component.ts  |  7 +++++++
 .../statement-notification.component.ts               |  1 -
 src/assets/json/statement.json                        |  2 +-
 6 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/app/common-components/common-components.module.ts b/src/app/common-components/common-components.module.ts
index c825e27..1aab6ad 100644
--- a/src/app/common-components/common-components.module.ts
+++ b/src/app/common-components/common-components.module.ts
@@ -5,6 +5,9 @@ import { N64BoxComponent } from './n64-box/n64-box.component';
 import { N64ButtonComponent } from './n64-button/n64-button.component';
 import { RouterModule } from '@angular/router';
 import { DialogComponent } from './dialog/dialog.component';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialogModule } from '@angular/material/dialog';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 /**
  * Module that holds generic content box and button components of varying styles.
@@ -18,7 +21,10 @@ import { DialogComponent } from './dialog/dialog.component';
   imports: [
     CommonModule,
     BrowserAnimationsModule,
-    RouterModule
+    RouterModule,
+    MatButtonModule,
+    MatDialogModule,
+    FontAwesomeModule
   ],
   exports: [
     N64BoxComponent,
diff --git a/src/app/common-components/dialog/dialog.component.html b/src/app/common-components/dialog/dialog.component.html
index 17b65f7..a6fa737 100644
--- a/src/app/common-components/dialog/dialog.component.html
+++ b/src/app/common-components/dialog/dialog.component.html
@@ -1,2 +1,7 @@
-<h1 mat-dialog-title>{{ data.title }}</h1>
-<article mat-dialog-content [innerHTML]="data.content"></article>
+<h1 mat-dialog-title>
+  <button color="error" mat-icon-button mat-dialog-close>
+    <fa-icon [icon]="close"></fa-icon>
+  </button>
+  {{ data.title }}
+</h1>
+<mat-dialog-content [innerHTML]="data.content"></mat-dialog-content>
diff --git a/src/app/common-components/dialog/dialog.component.scss b/src/app/common-components/dialog/dialog.component.scss
index e69de29..743e145 100644
--- a/src/app/common-components/dialog/dialog.component.scss
+++ b/src/app/common-components/dialog/dialog.component.scss
@@ -0,0 +1,11 @@
+$button-offset: -8px;
+
+[mat-dialog-title] {
+  position: relative;
+}
+
+[mat-dialog-close] {
+  position: absolute;
+  right: $button-offset;
+  top: $button-offset;
+}
diff --git a/src/app/common-components/dialog/dialog.component.ts b/src/app/common-components/dialog/dialog.component.ts
index c7f0a8a..f330837 100644
--- a/src/app/common-components/dialog/dialog.component.ts
+++ b/src/app/common-components/dialog/dialog.component.ts
@@ -1,5 +1,7 @@
 import { Component, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { IconDefinition } from '@fortawesome/fontawesome-common-types';
+import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { IStatement } from 'src/app/app.service.interface';
 
 /**
@@ -11,6 +13,11 @@ import { IStatement } from 'src/app/app.service.interface';
 })
 export class DialogComponent {
 
+  /**
+   * Close icon definition;
+   */
+  close: IconDefinition = faTimes;
+
   constructor(public dialogRef: MatDialogRef<DialogComponent>, @Inject(MAT_DIALOG_DATA) public data: IStatement) {}
 
 }
diff --git a/src/app/statement-notification/statement-notification.component.ts b/src/app/statement-notification/statement-notification.component.ts
index 0972027..268c5c0 100644
--- a/src/app/statement-notification/statement-notification.component.ts
+++ b/src/app/statement-notification/statement-notification.component.ts
@@ -26,7 +26,6 @@ export class StatementNotificationComponent {
   showStatement() {
     this.dialog.open(DialogComponent, {
       data: this.statement,
-      height: "600px",
       width: "600px"
     });
   }
diff --git a/src/assets/json/statement.json b/src/assets/json/statement.json
index 27ceee3..6039290 100644
--- a/src/assets/json/statement.json
+++ b/src/assets/json/statement.json
@@ -1,4 +1,4 @@
 {
   "title": "OoT has reached 100%!",
-  "content": "<p>It's been a wild ride. We've been able to create C code that, when compiled, reproduces the original game. We call this \"matching\" decompilation. On 26 November 2021, @Fig, who is a notable community member as well as a project lead, matched the last-remaining function in the first version of Ocarina of Time. This means that all compiled code in the game has been turned into human-readable C code. We thought for a time that we may never be able to match every function completely, so this is an incredibly exciting accomplishment. Dozens of people helped work on this project, and together we were able to achieve something amazing</p><p>There's still a lot of remaining work for the project, however. In no particular order:</p><ul><li>Documentation - Lots of code is not well understood, still, so we need to reverse-engineer things and document them.</li><li>Re-organization -We plan to reorganize the code and definitions in the project.</li><li>Re-naming - many names of things are not ideal for finding the code for a particular part of the game, so we plan to standardize and rename many systems and components.</li><li>Other versions - We have been working on decompiling the Master Quest Debug version of the game. However, Ocarina of Time has 17 other versions, which we plan to also decompile and support in the project.</li><li>Asset support - We plan to continue to improve support of asset-handling so that viewing / modifying assets on modern computers is easier to do.</li><li>Other games - We have many other projects in progress: Majora's Mask, The Minish Cap, Twilight Princess, and Breath of the Wild all need help as well to reach 100%!</li></ul>"
+  "content": "<p>It's been a wild ride. We've been able to create C code that, when compiled, reproduces the original game. We call this \"matching\" decompilation. On 26 November 2021, Fig02, who is a notable community member as well as a project lead, matched the last-remaining function in the first version of Ocarina of Time. This means that all compiled code in the game has been turned into human-readable C code. We thought for a time that we may never be able to match every function completely, so this is an incredibly exciting accomplishment. Dozens of people helped work on this project, and together we were able to achieve something amazing</p><p>There's still a lot of remaining work for the project, however. In no particular order:</p><ul><li>Documentation - Lots of code is not well understood, still, so we need to reverse-engineer things and document them.</li><li>Re-organization -We plan to reorganize the code and definitions in the project.</li><li>Re-naming - many names of things are not ideal for finding the code for a particular part of the game, so we plan to standardize and rename many systems and components.</li><li>Other versions - We have been working on decompiling the Master Quest Debug version of the game. However, Ocarina of Time has 17 other versions, which we plan to also decompile and support in the project.</li><li>Asset support - We plan to continue to improve support of asset-handling so that viewing / modifying assets on modern computers is easier to do.</li><li>Other games - We have many other projects in progress: Majora's Mask, The Minish Cap, Twilight Princess, and Breath of the Wild all need help as well to reach 100%!</li></ul><p style=\"float: right;\">ZeldaRET project leads</p>"
 }

From aded70cb889fb1709b4f720065730ca9ad998f6c Mon Sep 17 00:00:00 2001
From: Rory Kelly <rorykelly76@gmail.com>
Date: Fri, 17 Dec 2021 18:06:35 +0000
Subject: [PATCH 6/7] Add optional subtitle field to statement.

---
 src/app/app.service.interface.ts                       | 4 ++++
 src/app/common-components/dialog/dialog.component.html | 7 ++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/app.service.interface.ts b/src/app/app.service.interface.ts
index 202cb50..36200d7 100644
--- a/src/app/app.service.interface.ts
+++ b/src/app/app.service.interface.ts
@@ -8,6 +8,10 @@ export interface IStatement {
    * The statement title.
    */
   title: string;
+  /**
+   * The statement subtitle.
+   */
+  subtitle?: string;
   /**
    * The statement to display.
    */
diff --git a/src/app/common-components/dialog/dialog.component.html b/src/app/common-components/dialog/dialog.component.html
index a6fa737..bcc36fd 100644
--- a/src/app/common-components/dialog/dialog.component.html
+++ b/src/app/common-components/dialog/dialog.component.html
@@ -1,7 +1,8 @@
-<h1 mat-dialog-title>
+<div mat-dialog-title>
   <button color="error" mat-icon-button mat-dialog-close>
     <fa-icon [icon]="close"></fa-icon>
   </button>
-  {{ data.title }}
-</h1>
+  <h1>{{ data.title }}</h1>
+  <h2 *ngIf="data.subtitle">{{ data.subtitle }}</h2>
+</div>
 <mat-dialog-content [innerHTML]="data.content"></mat-dialog-content>

From ad68630b21f57e7a31301dea416bd0bab7189392 Mon Sep 17 00:00:00 2001
From: Rory Kelly <34338133+rozzan@users.noreply.github.com>
Date: Fri, 17 Dec 2021 18:08:58 +0000
Subject: [PATCH 7/7] Add dash to statement.

Co-authored-by: EllipticEllipsis <73679967+EllipticEllipsis@users.noreply.github.com>
---
 src/assets/json/statement.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/assets/json/statement.json b/src/assets/json/statement.json
index 6039290..5c0be29 100644
--- a/src/assets/json/statement.json
+++ b/src/assets/json/statement.json
@@ -1,4 +1,4 @@
 {
   "title": "OoT has reached 100%!",
-  "content": "<p>It's been a wild ride. We've been able to create C code that, when compiled, reproduces the original game. We call this \"matching\" decompilation. On 26 November 2021, Fig02, who is a notable community member as well as a project lead, matched the last-remaining function in the first version of Ocarina of Time. This means that all compiled code in the game has been turned into human-readable C code. We thought for a time that we may never be able to match every function completely, so this is an incredibly exciting accomplishment. Dozens of people helped work on this project, and together we were able to achieve something amazing</p><p>There's still a lot of remaining work for the project, however. In no particular order:</p><ul><li>Documentation - Lots of code is not well understood, still, so we need to reverse-engineer things and document them.</li><li>Re-organization -We plan to reorganize the code and definitions in the project.</li><li>Re-naming - many names of things are not ideal for finding the code for a particular part of the game, so we plan to standardize and rename many systems and components.</li><li>Other versions - We have been working on decompiling the Master Quest Debug version of the game. However, Ocarina of Time has 17 other versions, which we plan to also decompile and support in the project.</li><li>Asset support - We plan to continue to improve support of asset-handling so that viewing / modifying assets on modern computers is easier to do.</li><li>Other games - We have many other projects in progress: Majora's Mask, The Minish Cap, Twilight Princess, and Breath of the Wild all need help as well to reach 100%!</li></ul><p style=\"float: right;\">ZeldaRET project leads</p>"
+  "content": "<p>It's been a wild ride. We've been able to create C code that, when compiled, reproduces the original game. We call this \"matching\" decompilation. On 26 November 2021, Fig02, who is a notable community member as well as a project lead, matched the last-remaining function in the first version of Ocarina of Time. This means that all compiled code in the game has been turned into human-readable C code. We thought for a time that we may never be able to match every function completely, so this is an incredibly exciting accomplishment. Dozens of people helped work on this project, and together we were able to achieve something amazing</p><p>There's still a lot of remaining work for the project, however. In no particular order:</p><ul><li>Documentation - Lots of code is not well understood, still, so we need to reverse-engineer things and document them.</li><li>Re-organization -We plan to reorganize the code and definitions in the project.</li><li>Re-naming - many names of things are not ideal for finding the code for a particular part of the game, so we plan to standardize and rename many systems and components.</li><li>Other versions - We have been working on decompiling the Master Quest Debug version of the game. However, Ocarina of Time has 17 other versions, which we plan to also decompile and support in the project.</li><li>Asset support - We plan to continue to improve support of asset-handling so that viewing / modifying assets on modern computers is easier to do.</li><li>Other games - We have many other projects in progress: Majora's Mask, The Minish Cap, Twilight Princess, and Breath of the Wild all need help as well to reach 100%!</li></ul><p style=\"float: right;\">— ZeldaRET project leads</p>"
 }