G360Pmk/dylanmazzei-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add five consulting service pages

Browse Source 
Business Optimization, Supply Chain, Cybersecurity, Education and Fractional
Leadership, with copy verbatim from the content documents and the same layout
as the existing service pages (shared blocks in src/service.mjs). Adds them to
the Consulting menu (now two columns) and footer, restores the Consulting page
links to them, and fixes a mobile overflow from card glows that were not
anchored to their cards.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Veras
2026-10-06 12:09:26 -04:00
parent 4804d824da
commit 87f39eb49e
11 changed files with 638 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/assets/styles.css
+12 -1
View File
@@ -865,7 +865,7 @@ h1, h2, h3, h4 { font-weight: 600; }
.card, .showcase, .closing, .process-step, .plan:not(.plan-featured), .venture, .tab-panel, .cover, .topic {
background: linear-gradient(160deg, var(--glass), transparent 120%), var(--cloud);
}
.card, .process-step, .venture, .cover, .topic { overflow: hidden; }
.card, .process-step, .venture, .cover, .topic { overflow: hidden; position: relative; }
.card::after, .process-step::after, .cover::after, .topic::after {
content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; pointer-events: none;
background: radial-gradient(closest-side, var(--glow), transparent); opacity: 0; transition: opacity .4s ease;
@@ -997,3 +997,14 @@ h1, h2, h3, h4 { font-weight: 600; }
.plan-featured { outline: 1px solid rgba(31, 183, 255, .45); box-shadow: 0 0 50px rgba(26, 127, 255, .18); }
/* Dark panels keep their dark surface in both themes (the glass card rule must not override them) */
.card.card-dark, .closing.closing-dark { background: var(--surface-dark); }
/* Consulting service pages: fractional seats, accent rows, wider dropdown */
.seats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.seat .plan-name .ic { width: 40px; height: 40px; border-radius: 12px; }
.seat .plan-name .ic svg { width: 20px; height: 20px; }
.seat h3 { font-size: var(--text-heading); }
.seat .backed { padding-top: 16px; border-top: 1px solid var(--bd); font-size: 14.5px; color: var(--slate); }
.seat .btn { align-self: flex-start; }
.row-accent .check { color: inherit; }
.dropdown { grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 620px; }
@media (max-width: 900px) { .seats { grid-template-columns: 1fr; } }