keith/Portfolio-2026
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

✨feature: Implement project-type taxonomy archive template and enhance breadcrumb navigation
Sync TODOs with Issues / sync_todos (push) Successful in 8s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-08-28 20:06:54 -05:00
parent e31ed29962
commit 935dd74194
6 changed files with 178 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/components/project-card.css
+27 -5
View File
@@ -207,12 +207,34 @@
border-radius: 4px;
}
.archive-projects__back-link {
color: var(--color-primary, #b6c4ff);
text-decoration: none;
font-weight: 600;
/* Project-type taxonomy archive — the page hero renders the heading,
* breadcrumbs handle navigation. */
.tax-project { padding-top: 2rem; padding-bottom: 4rem; }
.tax-project__pagination {
margin-top: 2rem;
}
.tax-project__empty {
text-align: center;
padding: 4rem 1rem;
color: var(--color-on-surface-variant, #c5c5d3);
}
.tax-project__empty-title {
font-weight: 700;
font-size: 1.5rem;
margin: 0 0 0.5rem;
color: var(--color-on-surface, #e3e1e9);
}
.tax-project__pagination a,
.tax-project__pagination span {
background: var(--color-surface-container, #1e1f25);
color: var(--color-on-surface, #e3e1e9);
border: 1px solid var(--color-outline-variant, #444651);
border-radius: 4px;
}
.archive-projects__back-link:hover { text-decoration: underline; }
.single-project__hero {
background: var(--color-surface-container-low, #1a1b21);
styles/navigation/nav-main-default.css
+33 -42
View File
@@ -12,66 +12,57 @@
/* desktop */
@media screen and (min-width: 62.5rem) {
.nav-main .menu-vdi {
@apply flex items-center justify-end p-0 m-0;
.nav-main .menu-vdi {
@apply flex items-center justify-end p-0 m-0;
>li {
>a,
>.menu-vdi__toggle {
/* text*/
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
/* spacing & display */
@apply mx-4 p-0 no-underline;
}
>li {
>a,
>.menu-vdi__toggle {
/* text*/
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
/* spacing & display */
@apply mx-4 p-0 no-underline;
}
}
}
}
}
@media screen and (min-width: 62.5rem) {
.menu-vdi {
.menu-vdi__toggle {
@apply flex items-center gap-2;
}
.menu-vdi {
.menu-vdi__toggle { @apply flex items-center gap-2; }
.menu-vdi__item--parent {
@apply relative;
}
.menu-vdi__item--parent { @apply relative; }
.menu-vdi__submenu {
@apply bg-white shadow-lg left-4 w-64 flex-col;
top: calc(100% + 1rem);
.menu-vdi__submenu {
@apply bg-white shadow-lg left-4 w-64 flex-col;
top: calc(100% + 1rem);
>li {
@apply w-full;
}
>li { @apply w-full; }
.menu-vdi__item {
/* text */
@apply font-bold text-18px text-black hover:text-light no-underline leading-snug;
/* spacing & display */
@apply block w-full;
/* interaction */
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
.menu-vdi__item {
/* text */
@apply font-bold text-18px text-black! hover:text-light! no-underline leading-snug;
/* spacing & display */
@apply block w-full;
/* interaction */
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
a {
@apply block w-full;
a { @apply block w-full; }
}
a.menu-vdi__item,
.menu-vdi__item a { @apply p-4; }
}
}
a.menu-vdi__item,
.menu-vdi__item a {
@apply p-4;
}
}
}
}
.nav-main a,
.nav-aux a {
color: var(--color-on-surface, #e3e1e9);
color: #000;
text-decoration: none;
}
.nav-main a:hover,
.nav-aux a:hover {
color: var(--color-primary, #b6c4ff);
color: var(--color-primary);
}