feat: build out project dashboard (#2)
All checks were successful
Node.js CI / Lint and Test (push) Successful in 57s

### Explanation

This creates an interactive product directory to help potential consumers discover our works.

### Issue

_No response_

### Attestations

- [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [x] I have pinned the dependencies to a specific patch version.

### Style

- [x] I have run the linter and resolved any errors.
- [x] My pull request uses an appropriate title, matching the conventional commit standards.
- [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: #2
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
This commit is contained in:
2025-07-04 20:05:20 -07:00
committed by Naomi Carrigan
parent 6b19de55f2
commit 6e8c048e25
17 changed files with 1190 additions and 22 deletions

View File

@ -0,0 +1,15 @@
.btn {
display: inline-block;
padding: 10px 20px;
background-color: var(--foreground);
color: var(--background);
text-decoration: none;
border-radius: 50px;
border: 2px solid white;
}
.btn:hover {
background-color: var(--background);
color: var(--foreground);
transition: background-color 0.3s, color 0.3s;
}

View File

@ -0,0 +1,16 @@
<h1>Oh dear~!</h1>
<img
src="https://cdn.nhcarrigan.com/new-avatars/hikari-cry-full.png"
alt="Hikari"
height="250"
/>
<p>You appear to have become lost!</p>
<p>
Either this feature is still under construction, or you have tried to go
somewhere that does not exist.
</p>
<p>Do not worry, I can guide you back. Where would you like to go?</p>
<div id="fade">
<a href="javascript:history.back()" class="btn">Take me back!</a>
<a href="/" class="btn">Take me home!</a>
</div>

View File

@ -0,0 +1,17 @@
/**
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { Component } from "@angular/core";
@Component({
imports: [],
selector: "app-soon",
styleUrl: "./soon.css",
templateUrl: "./soon.html",
})
export class Soon {
}