diff --git a/assets/scss/_customers.scss b/assets/scss/_customers.scss index ead839c4..ce25497a 100644 --- a/assets/scss/_customers.scss +++ b/assets/scss/_customers.scss @@ -26,6 +26,7 @@ align-items: center; gap: $spacer * 2; width: max-content; + height: 8rem; img { height: 35px; @@ -35,5 +36,57 @@ transform: translateZ(0); backface-visibility: hidden; } + .logo{ + position: relative; + + img { + height: 35px; + width: auto; + filter: invert(0.6); + // Force filter rendering + transform: translateZ(0); + backface-visibility: hidden; + } + .hovered-glass{ + display: none; + position: absolute; + top: -2.5rem; + left: 0; + min-width: 100%; + width: auto; + height: 8rem; + background: linear-gradient(145deg, color-mix(in srgb,#000 88%,#fff),rgba(170, 204, 172, 0.9)); + z-index: 4; + pointer-events: none; + border-radius: 10px; + padding: 0.75rem 1rem; + + img { + height: 25px; + } + .hovered-glass-text{ + width: 15rem; + } + p{ + text-align: right; + } + .quote{ + font-weight: bold; + margin-bottom: 0.5rem; + text-align: center; + } + } + + &:hover .hovered-glass { + display: flex; + align-items: center; + gap: 0.5rem; + } + @media (max-width: 600px){ + &:hover .hovered-glass { + display: none; + } + } + } } } \ No newline at end of file diff --git a/layouts/partials/section/customers.html b/layouts/partials/section/customers.html index c08e6092..5be1943b 100644 --- a/layouts/partials/section/customers.html +++ b/layouts/partials/section/customers.html @@ -3,21 +3,171 @@
TRUSTED BY
- Red Hat - Intel - University of Texas at Austin - Aya Pay - Citibank - Citrix - CNCF - DigitalOcean - HashiCorp - HPE - Metabit Trading - NITK - Rackspace - VMware - UEM + + + + + + + + + + + + + + +