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

Use Dylan's DM logo, switch accent to brand blue, add dark mode

Browse Source 
Recreate the DM monogram and wordmark as SVG and type so they stay sharp in
both themes, move the accent from violet to the logo's blue, and add a small
theme toggle in the nav that follows the system until the visitor picks one.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Veras
2026-10-01 11:25:52 -04:00
parent f73968c0dc
commit 2d37e3fcce
8 changed files with 216 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/business-setup.mjs
+2 -2
View File
@@ -53,7 +53,7 @@ export default {
<div class="panel anim" aria-hidden="true">
<div class="panel-bar"><span class="lights"><i></i><i></i><i></i></span><strong>SETTING THE FIRST LAYER</strong></div>
<div style="padding:20px;display:grid;gap:8px">
${layers.map((l, i) => `<div class="row" style="border:1px solid var(--mist);border-radius:12px;padding:14px 16px;margin-left:${i * 14}px;${i === 0 ? 'background:var(--violet);color:var(--porcelain);border-color:var(--violet)' : ''}"><span class="index" style="${i === 0 ? 'color:var(--porcelain)' : ''}">0${i + 1}</span><span class="name" style="font-weight:700;font-size:16px">${l}</span></div>`).join('')}
${layers.map((l, i) => `<div class="row" style="border:1px solid var(--mist);border-radius:12px;padding:14px 16px;margin-left:${i * 14}px;${i === 0 ? 'background:var(--accent);color:var(--on-accent);border-color:var(--accent)' : ''}"><span class="index" style="${i === 0 ? 'color:var(--on-accent)' : ''}">0${i + 1}</span><span class="name" style="font-weight:700;font-size:16px">${l}</span></div>`).join('')}
</div>
</div>
</div>
@@ -88,7 +88,7 @@ export default {
<div class="stack-sm">${eyebrow('HOW DELIVERY WORKS')}<h2 id="order" class="h-display">Make the Decisions in the Right Order.</h2></div>
<div class="prose">
<p>You don’t need eight disconnected recommendations.</p>
<p style="color:var(--porcelain)">You need to understand which decision affects the next one.</p>
<p style="color:var(--on-dark)">You need to understand which decision affects the next one.</p>
<p>That’s why this service follows the same diagnostic-first approach as my broader consulting work.</p>
</div>
</div>