fixes

Author: lunarcloud

.cspell/project-terms.txt

@@ -18,6 +18,7 @@ webp
 indexeddb
 aframe
 a-frame
+agentic
 
 # Dependencies & Tools
 csslint

css/index.css

@@ -1,7 +1,7 @@
 @import url("./common.css");
 
 :root {
-    --block-shadow: oklab(0.42 0.03 0.09);
+    --block-shadow: oklab(42% 0.03 0.09);
     --further-explore-bg: hsl(65deg 100% 85% / 20%);
     --further-explore-header-hover: hsl(240deg 80% 50%);
     --further-explore-header-active: hsl(240deg 40% 50%);

css/projects.css

@@ -28,6 +28,7 @@ main {
 #filters-list {
   --filters-bg-color: oklab(100% 0 0);
   --filters-box-shadow-color: oklab(50% 0 0);
+
   display: flex;
   flex-direction: row-reverse;
   padding: 0.5em 1em;
@@ -72,7 +73,7 @@ main {
 
   &:not(:disabled):hover {
     color: var(--main-a-hover-color);
-    background-color: oklab(50% 0 0 / 0.5);
+    background-color: oklab(50% 0 0 / 50%);
   }
 }
 

project-display/project-display-element.js

@@ -58,7 +58,7 @@ export default class ProjectDisplayElement extends HTMLElement {
 
       anchorEl.textContent = tag
       anchorEl.href = `?filter=${tag}`
-      anchorEl.title = `fitler on '${tag}'`
+      anchorEl.title = `filter on '${tag}'`
       anchorEl.addEventListener('fadednavigate', () => {
         const active = listItemEl.toggleAttribute('active')
         this.dispatchEvent(new CustomEvent('projectfilterselected', { detail: { tag, active } }))

project-list-view.html

@@ -564,7 +564,7 @@
                     <span slot="description">
                         <p>An unofficial, unaffiliated app for displaying game information for players of the <a href="https://www.startrekttrpg.com/">Star Trek Adventures</a> game by Modiphius® Entertainment.</p>
                         <p>Uses indexeddb in-browser database, drag and drop, 3D model displays multiple themes, custom web components, and custom keyboard shortcuts.</p>
-                        <p>Recently, Sam has used this project to test agentic development using GitHub copilot (AI), but make no mistake about the hands-on craftmanship still on display. The AI still has no account for good taste (awful at the theme CSS work), and the fun parts should be for humans anyway.</p>
+                        <p>Recently, Sam has used this project to test agentic development using GitHub copilot (AI), but make no mistake about the hands-on craftsmanship still on display. The AI still has no account for good taste (awful at the theme CSS work), and the fun parts should be for humans anyway.</p>
                     </span>
                 </project-display>
             </div>