diff --git a/dist/odyssey-works-standalone.html b/dist/odyssey-works-standalone.html index 945678d..b670a55 100644 --- a/dist/odyssey-works-standalone.html +++ b/dist/odyssey-works-standalone.html @@ -181,6 +181,6 @@ document.addEventListener('DOMContentLoaded', async function() { +"\n\n\n\n \ No newline at end of file diff --git a/index.html b/index.html index 455965d..3f7245b 100644 --- a/index.html +++ b/index.html @@ -498,7 +498,7 @@ body.menu-open .menu-btn-bars span:last-child{transform:translateY(-2.75px) rota } /* ── logos ── */ -.logos{padding:48px 0;border-bottom:var(--rule);background:var(--bg-2)} +.logos{padding:44px 0 48px;border-bottom:var(--rule);background:var(--bg-2);overflow:hidden} .logos-label{ font-family:var(--mono); font-size:11px; @@ -506,19 +506,31 @@ body.menu-open .menu-btn-bars span:last-child{transform:translateY(-2.75px) rota text-transform:uppercase; color:var(--text-3); text-align:center; - margin-bottom:32px; + margin-bottom:30px; } -.logos-row{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap} -.logos-row .org{ - font-family:var(--sans); - font-weight:500; - font-size:1.1rem; - letter-spacing:0.01em; - color:var(--text-3); - white-space:nowrap; - transition:color .2s; +.logos-marquee{ + position:relative;overflow:hidden; + -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); + mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); } -.logos-row .org:hover{color:var(--text-2)} +.logos-track{display:flex;align-items:center;width:max-content;animation:logoScroll 50s linear infinite} +.logos-marquee:hover .logos-track{animation-play-state:paused} +.logo-tile{ + flex-shrink:0;height:60px;margin-right:20px; + display:flex;align-items:center;justify-content:center; + padding:0 24px;background:#fff;border-radius:10px; + box-shadow:0 2px 12px rgba(0,0,0,0.28); + opacity:0.94;transition:opacity .25s,transform .25s; +} +.logo-tile:hover{opacity:1;transform:translateY(-2px)} +.logo-tile img{height:30px;width:auto;display:block} +@keyframes logoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} +@media(prefers-reduced-motion:reduce){ + .logos-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:16px} + .logo-tile{margin-right:0} + .logos-marquee{-webkit-mask-image:none;mask-image:none} +} +@media(max-width:600px){.logo-tile{height:52px;padding:0 18px}.logo-tile img{height:26px}} /* ── sections ── */ section.block{padding:130px 0;border-bottom:var(--rule);position:relative} @@ -927,15 +939,33 @@ footer{padding:40px 0;border-top:var(--rule)}
-
-
Leadership Experience With
-
- IOHK / Cardano - Dell Technologies - DXC · CSC - Apex Fusion - HAL8 - McGill University +
Leadership Experience With
+
+
+ Apex Fusion + Dell + Input Output (IOHK) + DXC Technology + McGill University + HAL8 + Cardano + Boeing + Fidelity Investments + ArcelorMittal + CAE + DISH + Apex Fusion + Dell + Input Output (IOHK) + DXC Technology + McGill University + HAL8 + Cardano + Boeing + Fidelity Investments + ArcelorMittal + CAE + DISH