diff --git a/member/kim-jaeduck-fan-site.html b/member/kim-jaeduck-fan-site.html index 658e140..c797c77 100644 --- a/member/kim-jaeduck-fan-site.html +++ b/member/kim-jaeduck-fan-site.html @@ -172,17 +172,45 @@ background: #d8cbae; } - .hero-photo iframe { + .hero-photo a.hero-video-link { + display: block; + position: relative; + width: 100%; + height: 100%; + } + + .hero-photo a.hero-video-link img { + width: 100%; + height: 100%; + object-fit: cover; + object-position: center + } + + .hero-photo .play { position: absolute; top: 50%; left: 50%; - width: 100%; - height: 100%; - min-width: 177.78vh; - min-height: 56.25vw; + width: 64px; + height: 64px; + border-radius: 50%; + background: rgba(255, 255, 255, .92); + display: flex; + align-items: center; + justify-content: center; transform: translate(-50%, -50%); - border: 0; - pointer-events: none; + transition: transform .2s ease; + } + + .hero-photo .play::after { + content: ""; + border-left: 16px solid #161310; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + margin-left: 5px + } + + .hero-photo a.hero-video-link:hover .play { + transform: translate(-50%, -50%) scale(1.08) } .hero-photo .cap { @@ -715,9 +743,12 @@ KIM JAEDUCK
+
+
BLACK KIES · RAP / DANCE