izu/student-web-if-development-kit
2
0
Fork 11
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

main #25

Closed
miaaurl wants to merge 2 commits from miaaurl/student-web-if-development-kit:main into main
pull from: miaaurl/student-web-if-development-kit:main
merge into: izu:main
Conversation 0 Commits 2 Files Changed 2
+86
2 changed files with 86 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/global/localization.js
+10
View File
@@ -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",
groups/Jellyfish.Corp/index.html
+76
View File
@@ -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">