From 2dfee8a2b5a6ab60784e8c0aa9a6b57609dcf244 Mon Sep 17 00:00:00 2001
From: miaaurl <miaaurelia329@gmail.com>
Date: Fri, 5 Jun 2026 15:26:25 +0700
Subject: [PATCH] tambah section video profil

---
 assets/global/localization.js    | 10 +++++
 groups/Jellyfish.Corp/index.html | 76 ++++++++++++++++++++++++++++++++
 2 files changed, 86 insertions(+)

diff --git a/assets/global/localization.js b/assets/global/localization.js
index 2108fcd..0c3715b 100644
--- a/assets/global/localization.js
+++ b/assets/global/localization.js
@@ -692,6 +692,11 @@ const translations = {
         grp_jellyfish_tanggal: "Senin – Jumat, 08.00 – 16.00 WIB",
         grp_jellyfish_telepon: "Telepon / Fax",
 
+        grp_jellyfish_video_profil: "Video Profil",
+        grp_jellyfish_profil_ft: "Profil Fakultas Teknik UNTAN",
+        grp_jellyfish_video_desc:"Kenali lebih dekat Fakultas Teknik Universitas Tanjungpura melalui video profil resmi berikut.",
+        grp_jellyfish_watch: "Tonton di YouTube",
+
         grp_limaem_hero_badge: "KOMUNITAS & KEPEMIMPINAN",
         grp_limaem_hero_title: "Kehidupan Mahasiswa & <span style=\"color:#f5c82f;\">Himpunan (HMIF)</span>",
         grp_limaem_hero_desc: "Membangun ekosistem kolaboratif di mana teknologi bertemu dengan kreativitas, membentuk calon pemimpin industri masa depan.",
@@ -1812,6 +1817,11 @@ const translations = {
         grp_jellyfish_alamat: "Address",
         grp_jellyfish_tanggal: "Monday – Friday, 08.00 – 16.00 WIB",
         grp_jellyfish_telepon: "Phone / Fax",
+        grp_jellyfish_video_profil: "Profile Video",
+        grp_jellyfish_profil_ft: "Faculty of Engineering UNTAN Profile",
+        grp_jellyfish_video_desc:"Know more about UNTAN Faculty of Engineering through this official profile video.",
+        grp_jellyfish_watch: "Watch in YouTube",
+
         kontrib_guideline_5: "The editorial team reserves the right",
         ape_breadcrumb_profile: "Profile",
         ape_breadcrumb_scholarship: "Scholarship",
diff --git a/groups/Jellyfish.Corp/index.html b/groups/Jellyfish.Corp/index.html
index 25f3cda..dab6309 100644
--- a/groups/Jellyfish.Corp/index.html
+++ b/groups/Jellyfish.Corp/index.html
@@ -1811,6 +1811,82 @@
                         </div>
                     </section>
 
+                    <!-- ===================== VIDEO PROFIL ===================== -->
+                    <section class="jf-section jf-section-light">
+                        <div class="container">
+                            <div class="jf-section-header jf-center">
+                                <span class="jf-badge" data-i18n="grp_jellyfish_video_profil">Video Profil</span>
+                                <h2 class="jf-section-title" data-i18n="grp_jellyfish_profil_ft">Profil Fakultas Teknik UNTAN</h2>
+                                <p class="jf-section-sub">
+                                    <center data-i18n="grp_jellyfish_video_desc">Kenali lebih dekat Fakultas Teknik Universitas Tanjungpura melalui video profil resmi
+                                        berikut.</center>
+                                </p>
+                            </div>
+                            <div style="
+                                display: flex;
+                                justify-content: center;
+                                margin-top: 2rem;
+                            ">
+                                <a href="https://youtu.be/52Tn9e750aY?si=0_D7ZJMm1Yv8OQeh" target="_blank" rel="noopener noreferrer"
+                                    style="
+                                    display: block;
+                                    width: 100%;
+                                    max-width: 800px;
+                                    border-radius: 16px;
+                                    overflow: hidden;
+                                    box-shadow: 0 8px 40px rgba(0,0,0,0.18);
+                                    aspect-ratio: 16/9;
+                                    position: relative;
+                                    text-decoration: none;
+                                    background: #000;
+                                ">
+                                    <!-- Thumbnail YouTube (maxresdefault / hqdefault) -->
+                                    <img src="https://img.youtube.com/vi/52Tn9e750aY/maxresdefault.jpg"
+                                        onerror="this.src='https://img.youtube.com/vi/52Tn9e750aY/hqdefault.jpg'"
+                                        alt="Profil Fakultas Teknik UNTAN" style="
+                                            width: 100%; height: 100%;
+                                            object-fit: cover;
+                                            display: block;
+                                            transition: opacity 0.3s;
+                                        " onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'" />
+                                    <!-- Overlay tombol play -->
+                                    <div style="
+                                        position: absolute;
+                                        inset: 0;
+                                        display: flex;
+                                        flex-direction: column;
+                                        align-items: center;
+                                        justify-content: center;
+                                        gap: 12px;
+                                    ">
+                                        <div style="
+                                            width: 72px; height: 72px;
+                                            background: rgba(255,0,0,0.9);
+                                            border-radius: 50%;
+                                            display: flex; align-items: center; justify-content: center;
+                                            box-shadow: 0 4px 20px rgba(0,0,0,0.4);
+                                            transition: transform 0.2s;
+                                        " onmouseover="this.style.transform='scale(1.1)'"
+                                            onmouseout="this.style.transform='scale(1)'">
+                                            <svg width="28" height="28" viewBox="0 0 24 24" fill="white">
+                                                <path d="M8 5v14l11-7z" />
+                                            </svg>
+                                        </div>
+                                        <span style="
+                                            color: #fff;
+                                            font-size: 15px;
+                                            font-weight: 600;
+                                            background: rgba(0,0,0,0.55);
+                                            padding: 5px 16px;
+                                            border-radius: 20px;
+                                            letter-spacing: 0.3px;
+                                        " data-i18n="grp_jellyfish_watch">Tonton di YouTube</span>
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                    </section>
+
                     <!-- ===================== K. CTA / KONTAK ===================== -->
                     <section class="jf-section jf-cta-section" id="kontak">
                         <div class="container jf-cta-inner">