\
-
-
-
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..ec7c181
--- /dev/null
+++ b/package.json
@@ -0,0 +1,44 @@
+{
+ "name": "291st",
+ "version": "0.0.0",
+ "scripts": {
+ "ng": "ng",
+ "start": "ng serve",
+ "build": "npm run build:dev",
+ "build:dev": "ng build --configuration development",
+ "build:prod": "ng build --configuration production",
+ "watch": "ng build --watch --configuration development"
+ },
+ "private": true,
+ "dependencies": {
+ "@angular/animations": "^14.2.0",
+ "@angular/cdk": "^14.2.2",
+ "@angular/common": "^14.2.0",
+ "@angular/compiler": "^14.2.0",
+ "@angular/core": "^14.2.0",
+ "@angular/forms": "^14.2.0",
+ "@angular/material": "^14.2.2",
+ "@angular/platform-browser": "^14.2.0",
+ "@angular/platform-browser-dynamic": "^14.2.0",
+ "@angular/router": "^14.2.0",
+ "bootstrap": "^5.2.1",
+ "jquery": "^3.6.1",
+ "rxjs": "~7.5.0",
+ "tslib": "^2.3.0",
+ "webstorage-decorators": "^4.2.0",
+ "zone.js": "~0.11.4"
+ },
+ "devDependencies": {
+ "@angular-devkit/build-angular": "^14.2.2",
+ "@angular/cli": "~14.2.2",
+ "@angular/compiler-cli": "^14.2.0",
+ "@types/jasmine": "~4.0.0",
+ "jasmine-core": "~4.3.0",
+ "karma": "~6.4.0",
+ "karma-chrome-launcher": "~3.1.0",
+ "karma-coverage": "~2.2.0",
+ "karma-jasmine": "~5.1.0",
+ "karma-jasmine-html-reporter": "~2.0.0",
+ "typescript": "~4.7.2"
+ }
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
new file mode 100644
index 0000000..d508f10
--- /dev/null
+++ b/src/app/app.module.ts
@@ -0,0 +1,29 @@
+import {NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {AppRouting} from './app.routing';
+import {FooterComponent} from './components/footer/footer.component';
+import {NavbarComponent} from './components/navbar/navbar.component';
+import {AppComponent} from './containers/app/app.component';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {MaterialModule} from './material.module';
+import {HomeComponent} from './views/home/home.component';
+
+export const APP_COMPONENTS = [
+ AppComponent,
+ HomeComponent,
+ FooterComponent,
+ NavbarComponent
+]
+
+@NgModule({
+ declarations: APP_COMPONENTS,
+ imports: [
+ BrowserModule,
+ AppRouting,
+ BrowserAnimationsModule,
+ MaterialModule
+ ],
+ providers: [],
+ bootstrap: [AppComponent]
+})
+export class AppModule { }
diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
new file mode 100644
index 0000000..ff4e4f0
--- /dev/null
+++ b/src/app/app.routing.ts
@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import {HomeComponent} from './views/home/home.component';
+
+const routes: Routes = [
+ {path: '', pathMatch: 'full', component: HomeComponent}
+];
+
+@NgModule({
+ imports: [RouterModule.forRoot(routes)],
+ exports: [RouterModule]
+})
+export class AppRouting { }
diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
new file mode 100644
index 0000000..d483af1
--- /dev/null
+++ b/src/app/components/footer/footer.component.html
@@ -0,0 +1,8 @@
+
diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss
new file mode 100644
index 0000000..18d2d6e
--- /dev/null
+++ b/src/app/components/footer/footer.component.scss
@@ -0,0 +1,4 @@
+.copywright {
+ a, a:visited { color: #b10000; }
+ a:hover, a:visited:hover { color: #cc0000; }
+}
diff --git a/src/app/components/footer/footer.component.ts b/src/app/components/footer/footer.component.ts
new file mode 100644
index 0000000..4c8456c
--- /dev/null
+++ b/src/app/components/footer/footer.component.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+ selector: 'app-footer',
+ templateUrl: './footer.component.html',
+ styleUrls: ['./footer.component.scss']
+})
+export class FooterComponent { }
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
new file mode 100644
index 0000000..d42a1c6
--- /dev/null
+++ b/src/app/components/navbar/navbar.component.html
@@ -0,0 +1,16 @@
+
-
-
- 
-
-
-
-
-
- 291st Joint Task Force
-"Putting the Damned to Rest"
--
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
+
+
+
+
diff --git a/src/app/containers/app/app.component.scss b/src/app/containers/app/app.component.scss
new file mode 100644
index 0000000..2b27cf7
--- /dev/null
+++ b/src/app/containers/app/app.component.scss
@@ -0,0 +1,5 @@
+.app-container {
+ overflow-x: hidden;
+ overflow-y: auto;
+ scroll-behavior: smooth;
+}
diff --git a/src/app/containers/app/app.component.ts b/src/app/containers/app/app.component.ts
new file mode 100644
index 0000000..1140d68
--- /dev/null
+++ b/src/app/containers/app/app.component.ts
@@ -0,0 +1,23 @@
+import {BreakpointObserver} from '@angular/cdk/layout';
+import { Component } from '@angular/core';
+import {ActivatedRoute, NavigationEnd, Router} from '@angular/router';
+import {filter} from 'rxjs';
+
+@Component({
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.scss']
+})
+export class AppComponent {
+ mobile = false;
+ open = false;
+
+ constructor(private router: Router, route: ActivatedRoute, breakpointObserver: BreakpointObserver) {
+ router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => this.open = false);
+ breakpointObserver.observe(['(max-width: 750px)']).subscribe(result => {
+ this.mobile = result.matches;
+ this.open = !this.mobile;
+ })
+ }
+
+}
diff --git a/src/app/material.module.ts b/src/app/material.module.ts
new file mode 100644
index 0000000..9190c7e
--- /dev/null
+++ b/src/app/material.module.ts
@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {MatButtonModule} from '@angular/material/button';
+import {MatIconModule} from '@angular/material/icon';
+import {MatToolbarModule} from '@angular/material/toolbar';
+
+export const MATERIAL_MODULES = [
+ MatButtonModule,
+ MatIconModule,
+ MatToolbarModule
+];
+
+@NgModule({
+ imports: MATERIAL_MODULES,
+ exports: MATERIAL_MODULES,
+})
+export class MaterialModule {}
diff --git a/src/app/views/home/home.component.html b/src/app/views/home/home.component.html
new file mode 100644
index 0000000..66d4467
--- /dev/null
+++ b/src/app/views/home/home.component.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+