From d89dd9a4c1eccc4916f093ab01de150e594ccb68 Mon Sep 17 00:00:00 2001
From: KINDNICK <68893236+KINDNICK@users.noreply.github.com>
Date: Fri, 3 Oct 2025 01:07:37 +0900
Subject: [PATCH] =?UTF-8?q?ADD=20:=20=EC=9D=B4=EB=AC=B4=EC=A7=80=20?=
 =?UTF-8?q?=ED=8F=AC=ED=8A=B8=ED=8F=B4=EB=A6=AC=EC=98=A4=20=EB=B0=8F=20?=
 =?UTF-8?q?=EC=9B=B9=20=EB=A9=94=EC=9D=B8=20=EC=98=81=EC=83=81=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .claude/settings.local.json |   4 +-
 Logo icon/chzzk Icon.png    | Bin 0 -> 18359 bytes
 css/main.css                |  60 +++++++++++++++++++++++---
 css/portfolio.css           |  81 ++++++++++++++++++++++++++++++++++++
 css/services.css            |  81 ++++++++++++++++++++++++++++++++++++
 index.html                  |  12 +++++-
 portfolio.html              |  26 ++++++++++++
 services.html               |  26 ++++++++++++
 8 files changed, 283 insertions(+), 7 deletions(-)
 create mode 100644 Logo icon/chzzk Icon.png

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index 3d73aad..252da01 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -9,7 +9,9 @@
       "WebFetch(domain:studio.v-llage.com)",
       "Bash(awk:*)",
       "Bash(python:*)",
-      "Bash(start http://localhost:8000/gallery.html)"
+      "Bash(start http://localhost:8000/gallery.html)",
+      "WebFetch(domain:naver.me)",
+      "WebFetch(domain:chzzk.naver.com)"
     ],
     "deny": [],
     "ask": []
diff --git a/Logo icon/chzzk Icon.png b/Logo icon/chzzk Icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b388fc7717ba4bf9d8235e9d837b0a8f5387d83d
GIT binary patch
literal 18359
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

literal 0
HcmV?d00001

diff --git a/css/main.css b/css/main.css
index 1310d8a..7b77a2e 100644
--- a/css/main.css
+++ b/css/main.css
@@ -25,26 +25,70 @@
     z-index: 0;
 }
 
+/* 유튜브 배경 영상 스타일 */
+.video-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    z-index: -1;
+}
+
+.video-bg iframe {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100vw;
+    height: 56.25vw; /* 16:9 비율 */
+    min-width: 100%;
+    min-height: 100%;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+}
+
+/* 영상 위에 오버레이 */
+.hero-bg::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.6);
+    z-index: 1;
+}
+
 .hero-content {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: var(--spacing-3xl);
     align-items: center;
     position: relative;
-    z-index: 1;
+    z-index: 2;
 }
 
+
 .hero-title {
     font-size: 2.7rem;
     font-weight: 800;
     line-height: 1.2;
-    color: var(--text-primary);
+    color: white;
     margin-bottom: var(--spacing-xs);
+    text-shadow: 
+        2px 2px 4px rgba(0, 0, 0, 0.8),
+        4px 4px 8px rgba(0, 0, 0, 0.4),
+        0 0 20px rgba(0, 0, 0, 0.3);
 }
 
 .hero-subtitle {
     font-size: 2.2rem;
     font-weight: 700;
+    text-shadow: 
+        2px 2px 4px rgba(0, 0, 0, 0.8),
+        4px 4px 8px rgba(0, 0, 0, 0.4),
+        0 0 15px rgba(0, 0, 0, 0.3);
 }
 
 .gradient-text {
@@ -52,13 +96,18 @@
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
+    text-shadow: none;
 }
 
 .hero-description {
     margin: var(--spacing-lg) 0 var(--spacing-xl);
-    color: #555;
+    color: white;
     font-size: 1.15rem;
     line-height: 1.6;
+    font-weight: 500;
+    text-shadow: 
+        1px 1px 3px rgba(0, 0, 0, 0.7),
+        2px 2px 6px rgba(0, 0, 0, 0.4);
 }
 
 .hero-buttons {
@@ -101,8 +150,9 @@
 
 .spec-text {
     font-size: 0.95rem;
-    color: var(--text-secondary);
-    font-weight: 500;
+    color: white;
+    font-weight: 600;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
 }
 
 /* Hero 이미지 */
diff --git a/css/portfolio.css b/css/portfolio.css
index f30026f..85b7260 100644
--- a/css/portfolio.css
+++ b/css/portfolio.css
@@ -2,6 +2,87 @@
    Portfolio 페이지 전용 스타일
    ======================================== */
 
+/* 치지직 썸네일 스타일 */
+.chzzk-thumbnail {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.3s ease;
+}
+
+.chzzk-thumbnail:hover {
+    transform: scale(1.02);
+}
+
+.thumbnail-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: filter 0.3s ease;
+}
+
+.thumbnail-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(135deg, rgba(0, 199, 60, 0.8), rgba(0, 184, 49, 0.8));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+
+.chzzk-thumbnail:hover .thumbnail-overlay {
+    opacity: 1;
+}
+
+.chzzk-logo {
+    position: absolute;
+    top: 15px;
+    left: 15px;
+    background: rgba(0, 0, 0, 0.7);
+    color: white;
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 0.8rem;
+    font-weight: 600;
+}
+
+.chzzk-center-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.chzzk-logo-img {
+    width: 80px;
+    height: auto;
+    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+    animation: pulse 2s infinite;
+}
+
+.thumbnail-link {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10;
+}
+
+@keyframes pulse {
+    0%, 100% { transform: scale(1); }
+    50% { transform: scale(1.1); }
+}
+
 /* ========================================
    포트폴리오 탭 시스템
    ======================================== */
diff --git a/css/services.css b/css/services.css
index 9dbdc08..78ff63a 100644
--- a/css/services.css
+++ b/css/services.css
@@ -2,6 +2,87 @@
    Services 페이지 전용 스타일
    ======================================== */
 
+/* 치지직 썸네일 스타일 */
+.chzzk-thumbnail {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.3s ease;
+}
+
+.chzzk-thumbnail:hover {
+    transform: scale(1.02);
+}
+
+.thumbnail-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: filter 0.3s ease;
+}
+
+.thumbnail-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(135deg, rgba(0, 199, 60, 0.8), rgba(0, 184, 49, 0.8));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+
+.chzzk-thumbnail:hover .thumbnail-overlay {
+    opacity: 1;
+}
+
+.chzzk-logo {
+    position: absolute;
+    top: 15px;
+    left: 15px;
+    background: rgba(0, 0, 0, 0.7);
+    color: white;
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 0.8rem;
+    font-weight: 600;
+}
+
+.chzzk-center-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.chzzk-logo-img {
+    width: 80px;
+    height: auto;
+    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+    animation: pulse 2s infinite;
+}
+
+.thumbnail-link {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10;
+}
+
+@keyframes pulse {
+    0%, 100% { transform: scale(1); }
+    50% { transform: scale(1.1); }
+}
+
 /* 페이지 헤더 */
 .page-header {
     background: var(--gradient-main);
diff --git a/index.html b/index.html
index a124dac..d40c972 100644
--- a/index.html
+++ b/index.html
@@ -292,7 +292,17 @@
 
     <!-- Hero 섹션 -->
     <section class="hero-section">
-        <div class="hero-bg"></div>
+        <div class="hero-bg">
+            <div class="video-bg">
+                <iframe 
+                    id="youtube-bg"
+                    src="https://www.youtube.com/embed/videoseries?list=PL7KThQBBudfi08mUmnrEJRtpMAWHVvMqO&autoplay=1&mute=1&loop=1&controls=0&showinfo=0&rel=0&iv_load_policy=3&modestbranding=1&playsinline=1&enablejsapi=1&playlist=PL7KThQBBudfi08mUmnrEJRtpMAWHVvMqO"
+                    frameborder="0"
+                    allow="autoplay; encrypted-media"
+                    allowfullscreen>
+                </iframe>
+            </div>
+        </div>
         <div class="container">
             <div class="hero-content">
                 <div class="hero-text">
diff --git a/portfolio.html b/portfolio.html
index f21482c..66cbf03 100644
--- a/portfolio.html
+++ b/portfolio.html
@@ -363,6 +363,32 @@
                     </div>
                 </div>
                 
+                <div class="video-card broadcast chzzk-link">
+                    <div class="video-wrapper">
+                        <div class="chzzk-thumbnail">
+                            <img src="https://livecloud-thumb.akamaized.net/chzzk/kr/live-rewind-image/record/45386630/represent/thumbnail/image_14810881_720_0.jpg" 
+                                 alt="이무지 탄생일 방송 썸네일" 
+                                 class="thumbnail-img">
+                            <div class="thumbnail-overlay">
+                                <div class="chzzk-logo">치지직</div>
+                                <div class="chzzk-center-logo">
+                                    <img src="Logo icon/chzzk Icon.png" 
+                                         alt="치지직 로고" 
+                                         class="chzzk-logo-img">
+                                </div>
+                            </div>
+                            <a href="https://naver.me/5dA2JoP5" target="_blank" class="thumbnail-link"></a>
+                        </div>
+                    </div>
+                    <div class="video-info">
+                        <h4>이무지 탄생일 ! 🧸💛</h4>
+                        <div class="broadcast-info">
+                            <span class="platform">치지직</span>
+                            <span class="streamer">이무지</span>
+                        </div>
+                    </div>
+                </div>
+                
             </div>
         </div>
     </div>
diff --git a/services.html b/services.html
index 75f5cd5..b8d4bb1 100644
--- a/services.html
+++ b/services.html
@@ -758,6 +758,32 @@
                                 </div>
                             </div>
                         </div>
+                        
+                        <div class="portfolio-item chzzk-item">
+                            <div class="video-wrapper">
+                                <div class="chzzk-thumbnail">
+                                    <img src="https://livecloud-thumb.akamaized.net/chzzk/kr/live-rewind-image/record/45386630/represent/thumbnail/image_14810881_720_0.jpg" 
+                                         alt="이무지 탄생일 방송 썸네일" 
+                                         class="thumbnail-img">
+                                    <div class="thumbnail-overlay">
+                                        <div class="chzzk-logo">치지직</div>
+                                        <div class="chzzk-center-logo">
+                                            <img src="Logo icon/chzzk Icon.png" 
+                                                 alt="치지직 로고" 
+                                                 class="chzzk-logo-img">
+                                        </div>
+                                    </div>
+                                    <a href="https://naver.me/5dA2JoP5" target="_blank" class="thumbnail-link"></a>
+                                </div>
+                            </div>
+                            <div class="streaming-info">
+                                <p><strong>이무지 탄생일 ! 🧸💛</strong></p>
+                                <div class="stream-details">
+                                    <span class="platform">치지직</span>
+                                    <span class="streamer">이무지</span>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>