diff --git a/eslint.config.mjs b/eslint.config.mjs index 73adedc..72ae174 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -21,7 +21,7 @@ export default [ // This causes a circular fix error? "stylistic/no-multi-spaces": "off", // This must be off because this is not a module. - "import/extensions": "off", + "import/extensions": [ "error", "never" ], // This is a web app "no-console": "off", // Sometimes a component class will be empty. Not all components require logic. diff --git a/src/app/app.config.ts b/src/app/app.config.ts index ae50fb5..f900da7 100644 --- a/src/app/app.config.ts +++ b/src/app/app.config.ts @@ -8,6 +8,7 @@ import { provideBrowserGlobalErrorListeners, } from "@angular/core"; import { provideRouter } from "@angular/router"; +// eslint-disable-next-line import/extensions -- This is not a file extension. import { routes } from "./app.routes"; export const appConfig: ApplicationConfig = { diff --git a/src/app/app.html b/src/app/app.html index 7528372..04270f8 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,342 +1,6 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title() }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'}, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
+ + +
+
- - - - - - - - - - - + \ No newline at end of file diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index 7e7d06a..b5e7da2 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -3,6 +3,21 @@ * @license Naomi's Public License * @author Naomi Carrigan */ +import { About } from "./about/about"; +import { Bulletin } from "./bulletin/bulletin"; +import { Faq } from "./faq/faq"; +import { Handbook } from "./handbook/handbook"; +import { Home } from "./home/home"; +import { Reviews } from "./reviews/reviews"; +import { Staff } from "./staff/staff"; import type { Routes } from "@angular/router"; -export const routes: Routes = []; +export const routes: Routes = [ + { component: Home, path: "", pathMatch: "full" }, + { component: Handbook, path: "handbook" }, + { component: About, path: "about" }, + { component: Bulletin, path: "bulletin" }, + { component: Faq, path: "faq" }, + { component: Reviews, path: "reviews" }, + { component: Staff, path: "staff" }, +]; diff --git a/src/app/app.ts b/src/app/app.ts index afdf6df..93b8956 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -5,12 +5,15 @@ */ import { Component, signal } from "@angular/core"; import { RouterOutlet } from "@angular/router"; +import { Disclaimer } from "./disclaimer/disclaimer"; +import { Footer } from "./footer/footer"; +import { Nav } from "./nav/nav"; /** * The root component for the application. */ @Component({ - imports: [ RouterOutlet ], + imports: [ RouterOutlet, Footer, Nav, Disclaimer ], selector: "app-root", styleUrl: "./app.css", templateUrl: "./app.html", diff --git a/src/index.html b/src/index.html index eea6ed4..9ec1f61 100644 --- a/src/index.html +++ b/src/index.html @@ -7,7 +7,5 @@ - - - + diff --git a/src/main.ts b/src/main.ts index 23de4ff..e7f636b 100644 --- a/src/main.ts +++ b/src/main.ts @@ -5,6 +5,7 @@ */ import { bootstrapApplication } from "@angular/platform-browser"; import { App } from "./app/app"; +// eslint-disable-next-line import/extensions -- This is not a file extension. import { appConfig } from "./app/app.config"; bootstrapApplication(App, appConfig). diff --git a/src/styles.css b/src/styles.css index 35eb9c2..a756cb7 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,3 +1,36 @@ /* You can add global styles to this file, and also import other style files */ @import "tailwindcss"; + +:root { + --color-primary: #e0e0e0; + --color-secondary: #121212; + --color-accent: #00ff9d; + --color-ticker: #8a0000; + --color-background: #12121288; +} + +body::before { + background: url(https://cdn.nhcarrigan.com/lore/misc/background.png); + background-size: cover; + background-position: center; + width: 100%; + height: 100%; + z-index: -1; + content: ""; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 1; + pointer-events: none; +} + +main { + max-width: 800px; + width: 95%; + margin: 0 auto; + background-color: var(--color-background); + color: var(--color-primary); +} \ No newline at end of file