From 68f90436794d26519357c798ee70b2d53e075bdf Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Fri, 4 Jul 2025 19:59:16 -0700
Subject: [PATCH] chore: format html

---
 client/src/app/home/home.html         |   6 +-
 client/src/app/nav/nav.html           |   6 +-
 client/src/app/products/products.html | 121 +++++++++++++++++++++-----
 client/src/app/soon/soon.html         |  11 ++-
 client/src/index.html                 |  41 +++++----
 5 files changed, 138 insertions(+), 47 deletions(-)

diff --git a/client/src/app/home/home.html b/client/src/app/home/home.html
index a03f754..63372e4 100644
--- a/client/src/app/home/home.html
+++ b/client/src/app/home/home.html
@@ -1,5 +1,9 @@
 <h1>Hi there, I'm Hikari~!</h1>
-<img src="https://cdn.nhcarrigan.com/new-avatars/hikari-full.png" alt="Hikari" height="250" />
+<img
+  src="https://cdn.nhcarrigan.com/new-avatars/hikari-full.png"
+  alt="Hikari"
+  height="250"
+/>
 <p id="one">How may I help you today?</p>
 <p id="two">I can assist you with:</p>
 <ul>
diff --git a/client/src/app/nav/nav.html b/client/src/app/nav/nav.html
index 2e84966..4170929 100644
--- a/client/src/app/nav/nav.html
+++ b/client/src/app/nav/nav.html
@@ -1,5 +1,9 @@
 <nav>
-  <a href="/" id="logo"><img src="https://cdn.nhcarrigan.com/logo.png" alt="Logo"><span id="name">Hikari</span></a>
+  <a href="/" id="logo"
+    ><img src="https://cdn.nhcarrigan.com/logo.png" alt="Logo" /><span id="name"
+      >Hikari</span
+    ></a
+  >
   <div [class]="dropdownClass">
     <a href="/products" class="nav-link">Products</a>
     <hr />
diff --git a/client/src/app/products/products.html b/client/src/app/products/products.html
index 31cab98..bdb4e9e 100644
--- a/client/src/app/products/products.html
+++ b/client/src/app/products/products.html
@@ -13,20 +13,46 @@
   >
     Community Tooling and Integrations
   </button>
-  <button class="btn" (click)="selectCategory('websites')" [disabled]="view === 'websites' ? true : false">
+  <button
+    class="btn"
+    (click)="selectCategory('websites')"
+    [disabled]="view === 'websites' ? true : false"
+  >
     Websites and APIs
   </button>
-  <button class="btn" (click)="selectCategory('apps')" [disabled]="view === 'apps' ? true : false">Apps and Games</button>
-  <button class="btn" (click)="selectCategory('all')" [disabled]="view === 'all' ? true : false">
+  <button
+    class="btn"
+    (click)="selectCategory('apps')"
+    [disabled]="view === 'apps' ? true : false"
+  >
+    Apps and Games
+  </button>
+  <button
+    class="btn"
+    (click)="selectCategory('all')"
+    [disabled]="view === 'all' ? true : false"
+  >
     Show Me Everything!
   </button>
 </div>
 <p>And would you like to apply a filter?</p>
 <div class="row">
-  <button class="btn" (click)="toggleFilter('wip')"><span *ngIf="filters.wip">Hide</span><span *ngIf="!filters.wip">Show</span> WIP</button>
-  <button class="btn" (click)="toggleFilter('prod')"><span *ngIf="filters.prod">Hide</span><span *ngIf="!filters.prod">Show</span> Production</button>
-  <button class="btn" (click)="toggleFilter('paid')"><span *ngIf="filters.paid">Hide</span><span *ngIf="!filters.paid">Show</span> Paid</button>
-  <button class="btn" (click)="toggleFilter('free')"><span *ngIf="filters.free">Hide</span><span *ngIf="!filters.free">Show</span> Free</button>
+  <button class="btn" (click)="toggleFilter('wip')">
+    <span *ngIf="filters.wip">Hide</span
+    ><span *ngIf="!filters.wip">Show</span> WIP
+  </button>
+  <button class="btn" (click)="toggleFilter('prod')">
+    <span *ngIf="filters.prod">Hide</span
+    ><span *ngIf="!filters.prod">Show</span> Production
+  </button>
+  <button class="btn" (click)="toggleFilter('paid')">
+    <span *ngIf="filters.paid">Hide</span
+    ><span *ngIf="!filters.paid">Show</span> Paid
+  </button>
+  <button class="btn" (click)="toggleFilter('free')">
+    <span *ngIf="filters.free">Hide</span
+    ><span *ngIf="!filters.free">Show</span> Free
+  </button>
 </div>
 <hr />
 <p *ngIf="products.length === 0">
@@ -36,34 +62,81 @@
 <div id="products">
   <div *ngFor="let product of products">
     <!-- Render as <a> if product has a URL -->
-    <a *ngIf="product.url"
-       [class]="product.wip ? 'product wip' : 'product'"
-       [href]="product.url"
-       target="_blank"
+    <a
+      *ngIf="product.url"
+      [class]="product.wip ? 'product wip' : 'product'"
+      [href]="product.url"
+      target="_blank"
     >
       <h2 class="title">{{ product.name }}</h2>
-      <img class="logo" [src]="product.avatar ?? 'https://cdn.nhcarrigan.com/logo.png'" alt="{{ product.name }} Logo" />
+      <img
+        class="logo"
+        [src]="product.avatar ?? 'https://cdn.nhcarrigan.com/logo.png'"
+        alt="{{ product.name }} Logo"
+      />
       <p class="description">{{ product.description }}</p>
       <div class="icons">
-        <i title="Under construction" *ngIf="product.wip" class="fa-solid fa-wrench" style="color: rgb(141, 23, 23);"></i>
-        <i title="Production Ready" *ngIf="!product.wip" class="fa-solid fa-check" style="color: rgb(31, 117, 19);"></i>
-        <i title="Requires Subscription" *ngIf="product.premium" class="fa-solid fa-money-bill-1-wave" style="color: rgb(145, 129, 40);"></i>
-        <i title="Free to Use" *ngIf="!product.premium" class="fa-solid fa-piggy-bank" style="color: rgb(116, 37, 206);"></i>
+        <i
+          title="Under construction"
+          *ngIf="product.wip"
+          class="fa-solid fa-wrench"
+          style="color: rgb(141, 23, 23)"
+        ></i>
+        <i
+          title="Production Ready"
+          *ngIf="!product.wip"
+          class="fa-solid fa-check"
+          style="color: rgb(31, 117, 19)"
+        ></i>
+        <i
+          title="Requires Subscription"
+          *ngIf="product.premium"
+          class="fa-solid fa-money-bill-1-wave"
+          style="color: rgb(145, 129, 40)"
+        ></i>
+        <i
+          title="Free to Use"
+          *ngIf="!product.premium"
+          class="fa-solid fa-piggy-bank"
+          style="color: rgb(116, 37, 206)"
+        ></i>
       </div>
     </a>
 
     <!-- Render as <div> if no URL -->
-    <div *ngIf="!product.url"
-         [class]="product.wip ? 'product wip' : 'product'"
-    >
+    <div *ngIf="!product.url" [class]="product.wip ? 'product wip' : 'product'">
       <h2 class="title">{{ product.name }}</h2>
-      <img class="logo" [src]="product.avatar ?? 'https://cdn.nhcarrigan.com/logo.png'" alt="{{ product.name }} Logo" />
+      <img
+        class="logo"
+        [src]="product.avatar ?? 'https://cdn.nhcarrigan.com/logo.png'"
+        alt="{{ product.name }} Logo"
+      />
       <p class="description">{{ product.description }}</p>
       <div *ngIf="product.wip || product.premium" class="icons">
-        <i title="Under construction" *ngIf="product.wip" class="fa-solid fa-wrench" style="color: rgb(141, 23, 23);"></i>
-        <i title="Production Ready" *ngIf="!product.wip" class="fa-solid fa-check" style="color: rgb(31, 117, 19);"></i>
-        <i title="Requires Subscription" *ngIf="product.premium" class="fa-solid fa-money-bill-1-wave" style="color: rgb(145, 129, 40);"></i>
-        <i title="Free to Use" *ngIf="!product.premium" class="fa-solid fa-piggy-bank" style="color: rgb(116, 37, 206);"></i>
+        <i
+          title="Under construction"
+          *ngIf="product.wip"
+          class="fa-solid fa-wrench"
+          style="color: rgb(141, 23, 23)"
+        ></i>
+        <i
+          title="Production Ready"
+          *ngIf="!product.wip"
+          class="fa-solid fa-check"
+          style="color: rgb(31, 117, 19)"
+        ></i>
+        <i
+          title="Requires Subscription"
+          *ngIf="product.premium"
+          class="fa-solid fa-money-bill-1-wave"
+          style="color: rgb(145, 129, 40)"
+        ></i>
+        <i
+          title="Free to Use"
+          *ngIf="!product.premium"
+          class="fa-solid fa-piggy-bank"
+          style="color: rgb(116, 37, 206)"
+        ></i>
       </div>
     </div>
   </div>
diff --git a/client/src/app/soon/soon.html b/client/src/app/soon/soon.html
index b6edae4..c83961b 100644
--- a/client/src/app/soon/soon.html
+++ b/client/src/app/soon/soon.html
@@ -1,7 +1,14 @@
 <h1>Oh dear~!</h1>
-<img src="https://cdn.nhcarrigan.com/new-avatars/hikari-cry-full.png" alt="Hikari" height="250" />
+<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>
+  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>
diff --git a/client/src/index.html b/client/src/index.html
index a1178e9..3ab1cd9 100644
--- a/client/src/index.html
+++ b/client/src/index.html
@@ -1,21 +1,24 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Hikari</title>
-  <meta name="description" content="Dashboard and account management platform for NHCarrigan's products.">
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
-<script src="https://cdn.nhcarrigan.com/headers/index.js"></script>
-<script>
-  const styleElement = document.getElementById("nhcarrigan-global-styles");
-  if (styleElement) {
-    styleElement.remove();
-  }
-</script>
+  <head>
+    <meta charset="utf-8" />
+    <title>Hikari</title>
+    <meta
+      name="description"
+      content="Dashboard and account management platform for NHCarrigan's products."
+    />
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
+  <script src="https://cdn.nhcarrigan.com/headers/index.js"></script>
+  <script>
+    const styleElement = document.getElementById("nhcarrigan-global-styles");
+    if (styleElement) {
+      styleElement.remove();
+    }
+  </script>
 </html>