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

fix: tambah bilingual dan responsive konten baru

Browse Source
This commit is contained in:
miaaurl
2026-06-05 22:48:37 +07:00
parent 0cd144673c
commit c87e4eba3d
3 changed files with 89 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/global/localization.js
+30
View File
@@ -646,6 +646,9 @@ const translations = {
"Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.", "Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.",
grp_jellyfish_career_desc: grp_jellyfish_career_desc:
"Lulusan Prodi Informatika UNTAN diserap secara luas oleh industri teknologi, instansi pemerintah, BUMN, dan startup. Dengan bekal kompetensi digital yang kuat, karir cemerlang menanti di berbagai sektor strategis.", "Lulusan Prodi Informatika UNTAN diserap secara luas oleh industri teknologi, instansi pemerintah, BUMN, dan startup. Dengan bekal kompetensi digital yang kuat, karir cemerlang menanti di berbagai sektor strategis.",
grp_jellyfish_industri: "Perusahaan Swasta & Korporasi",
grp_jellyfish_pemerintah: "Pemerintah & Instansi Publik",
grp_jellyfish_perguruan_tinggi: "Pendidikan, Organisasi & Lembaga Sosial",
grp_jellyfish_alumni_badge: "Alumni", grp_jellyfish_alumni_badge: "Alumni",
grp_jellyfish_alumni_title: "Kisah Sukses Alumni", grp_jellyfish_alumni_title: "Kisah Sukses Alumni",
@@ -656,6 +659,33 @@ const translations = {
grp_jellyfish_infra_title: "Infrastruktur dan Fasilitas", grp_jellyfish_infra_title: "Infrastruktur dan Fasilitas",
grp_jellyfish_infra_subtitle: grp_jellyfish_infra_subtitle:
"Fasilitas lengkap dan modern untuk mendukung proses belajar, penelitian, dan inovasi mahasiswa.", "Fasilitas lengkap dan modern untuk mendukung proses belajar, penelitian, dan inovasi mahasiswa.",
grp_jellyfish_pemerintah: "Instansi Pemerintah",
grp_jellyfish_perguruan_tinggi: "Perguruan Tinggi & Lembaga Riset",
grp_jellyfish_mitra_pln: "Pembuatan aplikasi monitoring BBM untuk PLN Nusantara Power UP Kapuas (2025).",
grp_jellyfish_mitra_diskominfo_kalbar: "Kerja sama dengan Diskominfo Kalbar untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_polda: "Penyelenggaraan CAT (Computer Assesment Test).",
grp_jellyfish_mitra_bappeda_sambas: "Pemutakhiran Geoportal Kabupaten Sambas pada infrastruktur Sambas GO.ID (2024).",
grp_jellyfish_mitra_bappeda_sintang: "Penyusunan Rencana Induk Sistem Informasi Geospasial kabupaten Sintang 2019, dan Kajian Analisa Dampak Lingkungan TPA dan IPLT.",
grp_jellyfish_mitra_bappeda_bengkayang: "Pembangunan Sistem Informasi Perencanaan Pembangunan Berbasis Data Geospasial dan Pendampingan Penyelenggaraan Informasi Geospasial Bagi Pemerintahan Daerah/Simpul Jaringan 2022.",
grp_jellyfish_mitra_bkpsdm: "Pengembangan dan pemeliharaan aplikasi E-Kinerja untuk manajemen kinerja aparatur sipil negara (2024).",
grp_jellyfish_mitra_bpbd_sintang: "Pembuatan peta potensi daerah rawan bencana banjir Kabupaten Sintang sebagai referensi mitigasi (2022).",
grp_jellyfish_mitra_bkd_pontianak: "Pengadaan Peta GIS PBB-P2 Tahap II untuk pengelolaan data pajak bumi dan bangunan Kota Pontianak (2022).",
grp_jellyfish_mitra_disperkim_singkawang: "Review baseline dan pemetaan kawasan permukiman kumuh Kota Singkawang (2020).",
grp_jellyfish_mitra_diskominfo_singkawang: "Kerja sama dengan Diskominfo Singkawang untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_diskominfo_pontianak: "Kerja sama dengan Diskominfo Pontianak untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_balitbang: "Pengembangan Dan Pemanfaatan Informasi Geospasial untuk Kelitbangan di Provinsi Kalbar.",
grp_jellyfish_mitra_unimas: "Kerja sama pelaksanaan Study Excursion 2019-2025.",
grp_jellyfish_mitra_uum: "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
grp_jellyfish_mitra_ucs: "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
grp_jellyfish_mitra_utem: "Kerjasama penyelenggaraan konferensi nasional.",
grp_jellyfish_mitra_ipb: "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
grp_jellyfish_mitra_polnep: "Kerja sama dengan Politeknik Negeri Pontianak untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_poltekkes: "Rancangan kerja sama program Informatika dengan Politeknik Kesehatan Kemenkes Pontianak (2025).",
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.",
grp_limaem_hero_btn: "Lihat Struktur Kepengurusan",
grp_jellyfish_partner_badge: "Kerjasama", grp_jellyfish_partner_badge: "Kerjasama",
grp_jellyfish_partner_title: "Mitra Strategis Informatika UNTAN", grp_jellyfish_partner_title: "Mitra Strategis Informatika UNTAN",
groups/Jellyfish.Corp/index.html
+41 -58
View File
@@ -1141,19 +1141,14 @@
</div> </div>
<main id="main-content" class="pt-[88px] lg:pt-[160px] min-h-screen bg-white"> <main id="main-content" class="pt-[88px] lg:pt-[160px] min-h-screen bg-white">
<div class="container mx-auto px-4 lg:px-8 py-12"> <div class="container">
<div class="mb-8 pb-8 border-b border-slate-200">
<span class="bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 inline-block mb-3">Tugas Halaman Statis</span>
<h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Sekilas Informatika UNTAN</h1>
<p class="text-slate-500 text-sm">Kelompok 01 &mdash; Jellyfish.Corp &nbsp;&middot;&nbsp; Informatika UNTAN 2026</p>
</div>
<div id="assignment-body" class="prose prose-slate max-w-none"> <div id="assignment-body" class="prose prose-slate max-w-none">
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= --> <!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
<!-- ===================== A. HERO ===================== --> <!-- ===================== A. HERO ===================== -->
<section class="jf-hero-landing"> <section class="jf-hero-landing">
<div class="jf-hero-landing-bg"></div> <div class="jf-hero-landing-bg"></div>
<div class="container jf-hero-landing-inner"> <div class="container jf-hero-landing-inner">
<div class="jf-hero-landing-content"> <div class="jf-hero-landing-content content">
<h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_title">Sekilas Informatika<br> <h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_title">Sekilas Informatika<br>
<h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_subtitle" style="color: #feb401">Universitas Tanjungpura</h1> <h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_subtitle" style="color: #feb401">Universitas Tanjungpura</h1>
<p class="jf-hero-sub" data-i18n="grp_jellyfish_hero_desc">Mencetak talenta digital unggulan dari Kalimantan Barat untuk Indonesia dan <p class="jf-hero-sub" data-i18n="grp_jellyfish_hero_desc">Mencetak talenta digital unggulan dari Kalimantan Barat untuk Indonesia dan
@@ -1184,7 +1179,7 @@
<!-- ===================== B. TENTANG PRODI ===================== --> <!-- ===================== B. TENTANG PRODI ===================== -->
<section class="jf-section jf-section-white" id="tentang"> <section class="jf-section jf-section-white" id="tentang">
<div class="container "> <div class="container ">
<div class="jf-about-layout"> <div class="jf-about-layout content">
<div class="jf-about-left"> <div class="jf-about-left">
<span class="jf-badge" data-i18n="grp_jellyfish_about_badge">Tentang Prodi</span> <span class="jf-badge" data-i18n="grp_jellyfish_about_badge">Tentang Prodi</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_about_title">Mengenal Program Studi Informatika UNTAN</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_about_title">Mengenal Program Studi Informatika UNTAN</h2>
@@ -1332,7 +1327,7 @@
<!-- ===================== C. ANGKA ===================== --> <!-- ===================== C. ANGKA ===================== -->
<section class="jf-section jf-section-light"> <section class="jf-section jf-section-light">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_stats_badge">Data &amp; Statistik</span> <span class="jf-badge" data-i18n="grp_jellyfish_stats_badge">Data &amp; Statistik</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_stats_title">Informatika UNTAN dalam Angka</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_stats_title">Informatika UNTAN dalam Angka</h2>
@@ -1379,8 +1374,8 @@
Informatika UNTAN (sejak 2023).</p> Informatika UNTAN (sejak 2023).</p>
</div> </div>
</div> </div>
<div style="text-align:center;margin-top:1.5rem;"> <div class="jf-rasio-wrapper" style="display:flex; justify-content:center; margin-top:1rem;">
<div class="jf-stat-row-card" style="display:inline-block; width:calc(33.333% - 1rem);"> <div class="jf-stat-row-card" style="width:calc(33.333% - 1rem);">
<div class="jf-stat-row-label" data-i18n="grp_jellyfish_rasio_dosen">Rasio Dosen : Mahasiswa</div> <div class="jf-stat-row-label" data-i18n="grp_jellyfish_rasio_dosen">Rasio Dosen : Mahasiswa</div>
<div class="jf-stat-row-num" style="color:#7c3aed;font-size:2rem;">1 : 11</div> <div class="jf-stat-row-num" style="color:#7c3aed;font-size:2rem;">1 : 11</div>
<div style="font-size:0.75rem;color:#94a3b8;" data-i18n="grp_jellyfish_rasio_standar">Memenuhi standar BAN-PT</div> <div style="font-size:0.75rem;color:#94a3b8;" data-i18n="grp_jellyfish_rasio_standar">Memenuhi standar BAN-PT</div>
@@ -1391,7 +1386,7 @@
<!-- ===================== D. PENCAPAIAN ===================== --> <!-- ===================== D. PENCAPAIAN ===================== -->
<section class="jf-section jf-section-white"> <section class="jf-section jf-section-white">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_achievement_badge">Prestasi</span> <span class="jf-badge" data-i18n="grp_jellyfish_achievement_badge">Prestasi</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_achievement_title">Pencapaian Membanggakan</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_achievement_title">Pencapaian Membanggakan</h2>
@@ -1479,7 +1474,7 @@
<!-- ===================== E. STUDY CLUB ===================== --> <!-- ===================== E. STUDY CLUB ===================== -->
<section class="jf-section jf-section-light"> <section class="jf-section jf-section-light">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_studyclub_badge">Komunitas</span> <span class="jf-badge" data-i18n="grp_jellyfish_studyclub_badge">Komunitas</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_studyclub_title">Study Club</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_studyclub_title">Study Club</h2>
@@ -1526,7 +1521,7 @@
<!-- ===================== F. KARIR ===================== --> <!-- ===================== F. KARIR ===================== -->
<section class="jf-section jf-section-white"> <section class="jf-section jf-section-white">
<div class="container"> <div class="container content">
<div class="jf-karir-layout"> <div class="jf-karir-layout">
<div class="jf-karir-left"> <div class="jf-karir-left">
<span class="jf-badge" data-i18n="grp_jellyfish_career_badge">Karir</span> <span class="jf-badge" data-i18n="grp_jellyfish_career_badge">Karir</span>
@@ -1534,7 +1529,7 @@
<p data-i18n="grp_jellyfish_career_desc">Lulusan Prodi Informatika UNTAN diserap secara luas oleh berbagai sektor — mulai dari instansi pemerintah, korporasi swasta, lembaga pendidikan, hingga wirausaha mandiri. Kompetensi digital yang kuat membuka peluang karir di mana saja.</p> <p data-i18n="grp_jellyfish_career_desc">Lulusan Prodi Informatika UNTAN diserap secara luas oleh berbagai sektor — mulai dari instansi pemerintah, korporasi swasta, lembaga pendidikan, hingga wirausaha mandiri. Kompetensi digital yang kuat membuka peluang karir di mana saja.</p>
<div class="jf-karir-other" style="margin-top:1.5rem;"> <div class="jf-karir-other" style="margin-top:1.5rem;">
<strong data-i18n="grp_jellyfish_bidang_karir">Bidang Kerja Lainnya:</strong> <strong data-i18n="grp_jellyfish_bidang_karir">Bidang Karir</strong>
<div class="jf-chip-wrap" style="margin-top:0.5rem;"> <div class="jf-chip-wrap" style="margin-top:0.5rem;">
<span class="jf-chip">Web Developer</span> <span class="jf-chip">Web Developer</span>
<span class="jf-chip">Data Engineer</span> <span class="jf-chip">Data Engineer</span>
@@ -1550,7 +1545,7 @@
</div> </div>
<div class="jf-karir-right"> <div class="jf-karir-right">
<div class="jf-karir-card jf-karir-navy"> <div class="jf-karir-card jf-karir-navy">
<div class="jf-kc-title">Pemerintah &amp; Instansi Publik</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_pemerintah">Pemerintah &amp; Instansi Publik</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Diskominfo</span> <span>Diskominfo</span>
<span>Bappeda</span> <span>Bappeda</span>
@@ -1561,7 +1556,7 @@
</div> </div>
</div> </div>
<div class="jf-karir-card jf-karir-purple"> <div class="jf-karir-card jf-karir-purple">
<div class="jf-kc-title">Perusahaan Swasta &amp; Korporasi</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_industri">Perusahaan Swasta &amp; Korporasi</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>PT Telkom Indonesia</span> <span>PT Telkom Indonesia</span>
<span>Telkomsel</span> <span>Telkomsel</span>
@@ -1572,7 +1567,7 @@
</div> </div>
</div> </div>
<div class="jf-karir-card jf-karir-green"> <div class="jf-karir-card jf-karir-green">
<div class="jf-kc-title">Pendidikan, Organisasi &amp; Lembaga Sosial</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_perguruan_tinggi">Pendidikan, Organisasi &amp; Lembaga Sosial</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>UNTAN</span> <span>UNTAN</span>
<span>Politeknik Negeri Sambas</span> <span>Politeknik Negeri Sambas</span>
@@ -1599,7 +1594,7 @@
<!-- ===================== G. ALUMNI ===================== --> <!-- ===================== G. ALUMNI ===================== -->
<section class="jf-section jf-section-light"> <section class="jf-section jf-section-light">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_alumni_badge">Alumni</span> <span class="jf-badge" data-i18n="grp_jellyfish_alumni_badge">Alumni</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_alumni_title">Kisah Sukses Alumni</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_alumni_title">Kisah Sukses Alumni</h2>
@@ -1688,7 +1683,7 @@
<!-- ===================== H. INFRASTRUKTUR ===================== --> <!-- ===================== H. INFRASTRUKTUR ===================== -->
<section class="jf-section jf-section-dark"> <section class="jf-section jf-section-dark">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_infra_badge">Infrastruktur</span> <span class="jf-badge" data-i18n="grp_jellyfish_infra_badge">Infrastruktur</span>
<h2 class="jf-section-title" style="color:white;" data-i18n="grp_jellyfish_infra_title">Infrastruktur dan Fasilitas</h2> <h2 class="jf-section-title" style="color:white;" data-i18n="grp_jellyfish_infra_title">Infrastruktur dan Fasilitas</h2>
@@ -1727,25 +1722,12 @@
<div class="jf-infra-stat"><span>IEEE · Scopus · ACM</span></div> <div class="jf-infra-stat"><span>IEEE · Scopus · ACM</span></div>
</div> </div>
</div> </div>
<div class="jf-license-bar">
<span class="jf-lic-label" data-i18n="grp_jellyfish_license">Lisensi Perangkat Lunak Tersedia:</span>
<div class="jf-lic-chips">
<span>Microsoft Office 365</span>
<span>JetBrains IDE</span>
<span>Adobe Creative Cloud</span>
<span>GitHub Enterprise</span>
<span>Figma Education</span>
<span>MATLAB</span>
<span>Cisco Packet Tracer</span>
<span>AWS Academy</span>
</div>
</div>
</div> </div>
</section> </section>
<!-- ===================== I. MITRA ===================== --> <!-- ===================== I. MITRA ===================== -->
<section class="jf-section jf-section-white"> <section class="jf-section jf-section-white">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_partner_badge">Kerjasama</span> <span class="jf-badge" data-i18n="grp_jellyfish_partner_badge">Kerjasama</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_partner_title">Mitra Strategis Informatika UNTAN</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_partner_title">Mitra Strategis Informatika UNTAN</h2>
@@ -1756,103 +1738,104 @@
</div> </div>
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_industri">Industri &amp; Swasta</div> <div class="jf-mitra-group-title" data-i18n="grp_jellyfish_industri">Industri &amp; Swasta</div>
<div class="jf-mitra-grid"> <div class="jf-mitra-grid" style="grid-template-columns:repeat(3,1fr);">
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-logo"></div> <div class="jf-mitra-logo"></div>
<div class="jf-mitra-name">PT. PLN Nusantara</div> <div class="jf-mitra-name">PT. PLN Nusantara</div>
<div class="jf-mitra-desc">Pembuatan aplikasi monitoring BBM untuk PLN Nusantara Power UP Kapuas (2025).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_pln">Pembuatan aplikasi monitoring BBM untuk PLN Nusantara Power UP Kapuas (2025).</div>
</div> </div>
</div> </div>
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_pemerintah">Instansi Pemerintah</div> <div class="jf-mitra-group-title" data-i18n="grp_jellyfish_pemerintah">Instansi Pemerintah</div>
<div class="jf-mitra-grid jf-mitra-grid-gov" style="grid-template-columns:repeat(6,1fr)"> <div class="jf-mitra-grid jf-mitra-grid-gov" style="grid-template-columns:repeat(3,1fr)">
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Kalbar</div> <div class="jf-mitra-name">Diskominfo Kalbar</div>
<div class="jf-mitra-desc">Kerja sama dengan Diskominfo Kalbar untuk kerja praktek dan magang 2024-sekarang.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_diskominfo_kalbar">Kerja sama dengan Diskominfo Kalbar untuk kerja praktek dan magang 2024-sekarang.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">POLDA Kalbar</div> <div class="jf-mitra-name">POLDA Kalbar</div>
<div class="jf-mitra-desc">Penyelenggaraan CAT (Computer Assesment Test).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_polda">Penyelenggaraan CAT (Computer Assesment Test).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Sambas</div> <div class="jf-mitra-name">Bappeda Sambas</div>
<div class="jf-mitra-desc">Pemutakhiran Geoportal Kabupaten Sambas pada infrastruktur Sambas GO.ID (2024).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bappeda_sambas">Pemutakhiran Geoportal Kabupaten Sambas pada infrastruktur Sambas GO.ID (2024).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Sintang</div> <div class="jf-mitra-name">Bappeda Sintang</div>
<div class="jf-mitra-desc">Penyusunan Rencana Induk Sistem Informasi Geospasial kabupaten Sintang 2019, dan Kajian Analisa Dampak Lingkungan TPA dan IPLT.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bappeda_sintang">Penyusunan Rencana Induk Sistem Informasi Geospasial kabupaten Sintang 2019, dan Kajian Analisa Dampak Lingkungan TPA dan IPLT.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Bengkayang</div> <div class="jf-mitra-name">Bappeda Bengkayang</div>
<div class="jf-mitra-desc">Pembangunan Sistem Informasi Perencanaan Pembangunan Berbasis Data Geospasial dan Pendampingan Penyelenggaraan Informasi Geospasial Bagi Pemerintahan Daerah/Simpul Jaringan 2022.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bappeda_bengkayang">Pembangunan Sistem Informasi Perencanaan Pembangunan Berbasis Data Geospasial dan Pendampingan Penyelenggaraan Informasi Geospasial Bagi Pemerintahan Daerah/Simpul Jaringan 2022.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">BKPSDM</div> <div class="jf-mitra-name">BKPSDM</div>
<div class="jf-mitra-desc">Pengembangan dan pemeliharaan aplikasi E-Kinerja untuk manajemen kinerja aparatur sipil negara (2024).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bkpsdm">Pengembangan dan pemeliharaan aplikasi E-Kinerja untuk manajemen kinerja aparatur sipil negara (2024).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">BPBD Sintang</div> <div class="jf-mitra-name">BPBD Sintang</div>
<div class="jf-mitra-desc">Pembuatan peta potensi daerah rawan bencana banjir Kabupaten Sintang sebagai referensi mitigasi (2022).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bpbd_sintang">Pembuatan peta potensi daerah rawan bencana banjir Kabupaten Sintang sebagai referensi mitigasi (2022).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">BKD Kota Pontianak</div> <div class="jf-mitra-name">BKD Kota Pontianak</div>
<div class="jf-mitra-desc">Pengadaan Peta GIS PBB-P2 Tahap II untuk pengelolaan data pajak bumi dan bangunan Kota Pontianak (2022).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bkd_pontianak">Pengadaan Peta GIS PBB-P2 Tahap II untuk pengelolaan data pajak bumi dan bangunan Kota Pontianak (2022).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Disperkim Singkawang</div> <div class="jf-mitra-name">Disperkim Singkawang</div>
<div class="jf-mitra-desc">Review baseline dan pemetaan kawasan permukiman kumuh Kota Singkawang (2020).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_disperkim_singkawang">Review baseline dan pemetaan kawasan permukiman kumuh Kota Singkawang (2020).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Singkawang</div> <div class="jf-mitra-name">Diskominfo Singkawang</div>
<div class="jf-mitra-desc">Kerja sama dengan Diskominfo Singkawang untuk kerja praktek dan magang 2024-sekarang.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_diskominfo_singkawang">Kerja sama dengan Diskominfo Singkawang untuk kerja praktek dan magang 2024-sekarang.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Pontianak</div> <div class="jf-mitra-name">Diskominfo Pontianak</div>
<div class="jf-mitra-desc">Kerja sama dengan Diskominfo Pontianak untuk kerja praktek dan magang 2024-sekarang.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_diskominfo_pontianak">Kerja sama dengan Diskominfo Pontianak untuk kerja praktek dan magang 2024-sekarang.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Badan Penelitian dan Pengembangan</div> <div class="jf-mitra-name">Badan Penelitian dan Pengembangan</div>
<div class="jf-mitra-desc">Pengembangan Dan Pemanfaatan Informasi Geospasial untuk Kelitbangan di Provinsi Kalbar.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_balitbang">Pengembangan Dan Pemanfaatan Informasi Geospasial untuk Kelitbangan di Provinsi Kalbar.</div>
</div> </div>
</div> </div>
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_perguruan_tinggi">Perguruan Tinggi &amp; Lembaga Riset</div> <div class="jf-mitra-group-title" data-i18n="grp_jellyfish_perguruan_tinggi">Perguruan Tinggi &amp; Lembaga Riset</div>
<div class="jf-mitra-grid" style="grid-template-columns:repeat(6,1fr);"> <div class="jf-mitra-grid jf-mitra-grid-gov" style="grid-template-columns:repeat(3,1fr);">
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UNIMAS Malaysia</div> <div class="jf-mitra-name">UNIMAS Malaysia</div>
<div class="jf-mitra-desc">Kerja sama pelaksanaan Study Excursion 2019-2025.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_unimas">Kerja sama pelaksanaan Study Excursion 2019-2025.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UUM Malaysia</div> <div class="jf-mitra-name">UUM Malaysia</div>
<div class="jf-mitra-desc">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_uum">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UCS Sarawak</div> <div class="jf-mitra-name">UCS Sarawak</div>
<div class="jf-mitra-desc">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_ucs">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UTEM Malaysia</div> <div class="jf-mitra-name">UTEM Malaysia</div>
<div class="jf-mitra-desc">Kerjasama penyelenggaraan konferensi nasional.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_utem">Kerjasama penyelenggaraan konferensi nasional.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">IPB Indonesia</div> <div class="jf-mitra-name">IPB Indonesia</div>
<div class="jf-mitra-desc">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_ipb">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Politeknik Negeri Pontianak</div> <div class="jf-mitra-name">Politeknik Negeri Pontianak</div>
<div class="jf-mitra-desc">Kerja sama dengan Politeknik Negeri Pontianak untuk kerja praktek dan magang 2024-sekarang.</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_polnep">Kerja sama dengan Politeknik Negeri Pontianak untuk kerja praktek dan magang 2024-sekarang.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Poltekkes Pontianak</div> <div class="jf-mitra-name">Poltekkes Pontianak</div>
<div class="jf-mitra-desc">Rancangan kerja sama program Informatika dengan Politeknik Kesehatan Kemenkes Pontianak (2025).</div> <div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_poltekkes">Rancangan kerja sama program Informatika dengan Politeknik Kesehatan Kemenkes Pontianak (2025).</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- ===================== K. CTA / KONTAK ===================== --> <!-- ===================== K. CTA / KONTAK ===================== -->
<section class="jf-section jf-cta-section" id="kontak"> <section class="jf-section jf-cta-section" id="kontak">
<div class="container jf-cta-inner"> <div class="container jf-cta-inner content">
<div class="jf-cta-left"> <div class="jf-cta-left">
<span class="jf-badge" data-i18n="grp_jellyfish_cta_badge">Bergabung Bersama Kami</span> <span class="jf-badge" data-i18n="grp_jellyfish_cta_badge">Bergabung Bersama Kami</span>
<h2 class="jf-cta-title" data-i18n="grp_jellyfish_cta_title">Mulai Perjalanan Digital Anda <span class="jf-cta-highlight" data-i18n="grp_jellyfish_cta_highlight">Bersama Kami</span></h2> <h2 class="jf-cta-title" data-i18n="grp_jellyfish_cta_title">Mulai Perjalanan Digital Anda <span class="jf-cta-highlight" data-i18n="grp_jellyfish_cta_highlight">Bersama Kami</span></h2>
groups/Jellyfish.Corp/style.css
+12 -2
View File
@@ -252,7 +252,9 @@ h1, h2, h3, h4, h5, h6 {
/* Shell layout tambahan */ /* Shell layout tambahan */
.nav { background: #003150; padding: 1rem 0; } .nav { background: #003150; padding: 1rem 0; }
.nav .brand { color: white; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.02em; } .nav .brand { color: white; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.02em; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; } .container { max-width: 1100px;}
.content {padding: 0 50px;}
.hero { position: relative; background: linear-gradient(135deg, #003150 0%, #005eb8 60%, #00b5e2 100%); min-height: 320px; display: flex; align-items: flex-end; overflow: hidden; } .hero { position: relative; background: linear-gradient(135deg, #003150 0%, #005eb8 60%, #00b5e2 100%); min-height: 320px; display: flex; align-items: flex-end; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; } .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; }
@@ -1730,6 +1732,7 @@ a { text-decoration: none; }
.jf-mitra-grid { grid-template-columns: repeat(3, 1fr); } .jf-mitra-grid { grid-template-columns: repeat(3, 1fr); }
.jf-mitra-grid-gov { grid-template-columns: repeat(3, 1fr); } .jf-mitra-grid-gov { grid-template-columns: repeat(3, 1fr); }
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.jf-about-layout { grid-template-columns: 1fr; } .jf-about-layout { grid-template-columns: 1fr; }
.jf-timeline-card { position: static; max-height: none; } .jf-timeline-card { position: static; max-height: none; }
@@ -1756,7 +1759,14 @@ a { text-decoration: none; }
.jf-hs-item { padding: 0; } .jf-hs-item { padding: 0; }
.jf-cta-title { font-size: 1.9rem; } .jf-cta-title { font-size: 1.9rem; }
} }
@media (max-width: 640px) {
.jf-stats-row2 {
grid-template-columns: 1fr;
}
.jf-rasio-wrapper .jf-stat-row-card {
width: 100% !important;
}
}
/* ===================================================== /* =====================================================
WHITE TEXT FIXES — Dark Background Sections WHITE TEXT FIXES — Dark Background Sections
===================================================== */ ===================================================== */