feat: structural cleanup, link and navigation styles, project page

[greatislander]

No description provided.

[cloudflare-workers-and-pages]

Deploying inclusive-standards with    Cloudflare Pages

Latest commit:	c545dbb
Status:	✅  Deploy successful!
Preview URL:	https://39514770.inclusive-standards.pages.dev
Branch Preview URL:	https://feat-links-and-navigation.inclusive-standards.pages.dev

View logs

[chosww]

There are some issues caused by new UIO update? (I assume), and that is transparent border colour without fallback breaks the card components in UIO contrast themes.

[chosww]

There are some issues caused by new UIO update? (I assume), and that is transparent border colour without fallback breaks the card components in UIO contrast themes.

I have a fix for the issues, I can push a commit if you want, but they are:

Card component:

.card:has(a:focus) {
    border: 0.1875rem solid var(--fl-fgColor, transparent);
}

.card__content {
    border: 0.1875rem solid var(--fl-fgColor, transparent);
}

ProjectPanel component:

.project-panel:has(a:focus) {
    border: 0.1875rem solid var(--fl-fgColor, transparent);
}

.project-panel__content {
    border: 0.1875rem solid var(--fl-fgColor, transparent);
}

[greatislander]

Please go ahead and push that fix, @chosww !

[chosww]

Please go ahead and push that fix, @chosww !

Done! I added hover style for the svg in the footer as well.