feat(home-page): adds starter for homepage

Author: jimdrury

.yarn/cache/@angular-cdk-npm-15.2.1-6180813f22-a95c5faf81.zip

@@ -14,7 +14,15 @@
         "main": "apps/www/src/main.ts",
         "polyfills": ["zone.js"],
         "tsConfig": "apps/www/tsconfig.app.json",
-        "assets": ["apps/www/src/favicon.ico", "apps/www/src/assets"],
+        "assets": [
+          "apps/www/src/favicon.ico",
+          "apps/www/src/assets",
+          {
+            "glob": "**/*.svg",
+            "input": "node_modules/@coreui/icons/sprites",
+            "output": "assets/core-ui"
+          }
+        ],
         "styles": ["apps/www/src/styles.css"],
         "scripts": []
       },

.yarn/cache/@coreui-icons-npm-3.0.0-2f6cc7fbba-52b108f98d.zip

@@ -0,0 +1,4 @@
+:host {
+  display: flex;
+  flex-direction: column;
+}

.yarn/cache/modern-css-reset-npm-1.4.0-d79ae0c49d-b515d1b669.zip

@@ -1 +1,5 @@
-<router-outlet></router-outlet>
+<header app-masthead>
+</header>
+<main>
+  <router-outlet></router-outlet>
+</main>

.yarn/install-state.gz

@@ -4,12 +4,14 @@ import { RouterModule } from '@angular/router';
 
 import { AppComponent } from './app.component';
 import { appRoutes } from './app.routes';
+import {MastheadComponent} from "./components/masthead";
 
 @NgModule({
   declarations: [AppComponent],
   imports: [
-    BrowserModule.withServerTransition({ appId: 'serverApp' }),
-    RouterModule.forRoot(appRoutes, { initialNavigation: 'enabledBlocking' }),
+    BrowserModule.withServerTransition({appId: 'serverApp'}),
+    RouterModule.forRoot(appRoutes, {initialNavigation: 'enabledBlocking'}),
+    MastheadComponent,
   ],
   providers: [],
   bootstrap: [AppComponent],

apps/www/project.json

@@ -1,3 +1,10 @@
-import { Route } from '@angular/router';
+import {Route, Routes} from '@angular/router';
 
-export const appRoutes: Route[] = [];
+const home: Route = {
+  path: '',
+  loadComponent: () => import('./pages/home').then(mod => mod.HomePageComponent),
+}
+
+export const appRoutes: Routes = [
+  home,
+];

apps/www/src/app/app.component.css

@@ -0,0 +1,11 @@
+:host(.container) {
+  display: block;
+  margin: auto;
+  width: 100%;
+  max-width: var(--grid-max-width);
+  padding-inline: var(--grid-gutter);
+}
+
+:host(.container--wide) {
+  max-width: var(--grid-wide-max-width);
+}