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

fix: perbaiki bilingual dan responsive konten baru

Browse Source
This commit is contained in:
L4zyL4mb
2026-06-05 21:07:19 +07:00
committed by miaaurl
parent af8a3f6a98
commit 0cd144673c
2 changed files with 107 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/Jellyfish.Corp/index.html
+71 -32
View File
@@ -1160,7 +1160,7 @@
dunia. Bergabunglah bersama kami dalam perjalanan membangun masa depan teknologi.</p> dunia. Bergabunglah bersama kami dalam perjalanan membangun masa depan teknologi.</p>
<div class="jf-hero-ctas"> <div class="jf-hero-ctas">
<a href="#kontak" class="jf-hero-cta-primary" data-i18n="grp_jellyfish_btn_register">Daftar Sekarang</a> <a href="#kontak" class="jf-hero-cta-primary" data-i18n="grp_jellyfish_btn_register">Daftar Sekarang</a>
<a href="#tentang" class="jf-hero-cta-secondary" data-i18n="grp_jellyfish_btn_learn">Pelajari Lebih ↓</a> <a href="#tentang" class="jf-hero-cta-secondary" data-i18n="grp_jellyfish_btn_learn">Pelajari Lebih Lanjut</a>
</div> </div>
<div class="jf-hero-stats"> <div class="jf-hero-stats">
<div class="jf-hs-item"> <div class="jf-hs-item">
@@ -1380,7 +1380,7 @@
</div> </div>
</div> </div>
<div style="text-align:center;margin-top:1.5rem;"> <div style="text-align:center;margin-top:1.5rem;">
<div class="jf-stat-row-card" style="display:inline-block;padding:1rem 2.5rem;"> <div class="jf-stat-row-card" style="display:inline-block; 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>
@@ -1531,52 +1531,66 @@
<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>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_career_title">Masa Depan Lulusan Informatika</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_career_title">Masa Depan Lulusan Informatika</h2>
<p class="jf-karir-headline-italic" data-i18n="grp_jellyfish_career_headline">Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.</p>
<p data-i18n="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.</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 Karir Lainnya:</strong> <strong data-i18n="grp_jellyfish_bidang_karir">Bidang Kerja Lainnya:</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">IT Project Manager</span> <span class="jf-chip">Web Developer</span>
<span class="jf-chip">Database Admin</span> <span class="jf-chip">Data Engineer</span>
<span class="jf-chip">Cloud Architect</span> <span class="jf-chip">Mobile Developer</span>
<span class="jf-chip">Game Developer</span> <span class="jf-chip">UI / UX Designer</span>
<span class="jf-chip">Business Intelligence</span> <span class="jf-chip">Networking / DevOps</span>
<span class="jf-chip">IoT Engineer</span> <span class="jf-chip">Cybersecurity</span>
<span class="jf-chip">Machine Learning / AI</span>
<span class="jf-chip">Database Engineer</span>
<span class="jf-chip" data-i18n="grp_jellyfish_akademisi">Akademisi / Dosen</span> <span class="jf-chip" data-i18n="grp_jellyfish_akademisi">Akademisi / Dosen</span>
</div> </div>
</div> </div>
</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">Software Engineer</div> <div class="jf-kc-title">Pemerintah &amp; Instansi Publik</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Backend</span><span>Frontend</span><span>Mobile Dev</span><span>DevOps</span> <span>Diskominfo</span>
<span>Bappeda</span>
<span>BKPSDM</span>
<span>Bapenda</span>
<span>KPU</span>
<span>BRIN</span>
</div> </div>
<div class="jf-kc-company">Gojek, Tokopedia, Traveloka, Startup</div>
</div> </div>
<div class="jf-karir-card jf-karir-purple"> <div class="jf-karir-card jf-karir-purple">
<div class="jf-kc-title">Data &amp; AI Specialist</div> <div class="jf-kc-title">Perusahaan Swasta &amp; Korporasi</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Data Scientist</span><span>ML Engineer</span><span>AI <span>PT Telkom Indonesia</span>
Researcher</span><span>Business Analyst</span> <span>Telkomsel</span>
<span>PLN Icon Plus</span>
<span>Bank BCA</span>
<span>Grab</span>
<span>Astra Daihatsu</span>
</div> </div>
<div class="jf-kc-company">Bank, BUMN, Fintech</div>
</div> </div>
<div class="jf-karir-card jf-karir-green"> <div class="jf-karir-card jf-karir-green">
<div class="jf-kc-title">Cybersecurity</div> <div class="jf-kc-title">Pendidikan, Organisasi &amp; Lembaga Sosial</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Penetration Tester</span><span>Security Analyst</span><span>Network <span>UNTAN</span>
Engineer</span> <span>Politeknik Negeri Sambas</span>
<span>STIKES Sambas</span>
<span>SMA / SMP / SD</span>
<span>Organisasi Keagamaan</span>
</div> </div>
<div class="jf-kc-company">BSSN, Kominfo, Perbankan</div>
</div> </div>
<div class="jf-karir-card jf-karir-orange"> <div class="jf-karir-card jf-karir-orange">
<div class="jf-kc-title" data-i18n="grp_jellyfish_wirausaha">Wirausaha Digital</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_wirausaha">Wirausaha, UMKM &amp; Freelance</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Founder Startup</span><span>Freelancer</span><span>Digital <span>Freelancer</span>
Consultant</span><span>E-commerce</span> <span>Web Developer</span>
<span>IT Consultant</span>
<span>Startup Founder</span>
<span>Creative Studio</span>
<span>UMKM Digital</span>
</div> </div>
<div class="jf-kc-company" data-i18n="grp_jellyfish_mandiri">Mandiri, Remote Work</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1743,13 +1757,10 @@
<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">
<div class="jf-mitra-card">
<div class="jf-mitra-logo"></div>
<div class="jf-mitra-name">PT. Indosat Ooredoo</div>
</div>
<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> </div>
</div> </div>
@@ -1757,30 +1768,51 @@
<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(6,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> </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> </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> </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> </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> </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> </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> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">BKD 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> </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>
<div class="jf-mitra-card">
<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>
<div class="jf-mitra-card">
<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>
<div class="jf-mitra-card">
<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> </div>
</div> </div>
@@ -1788,24 +1820,31 @@
<div class="jf-mitra-grid" style="grid-template-columns:repeat(6,1fr);"> <div class="jf-mitra-grid" style="grid-template-columns:repeat(6,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> </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> </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> </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> </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> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Polnep</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> </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> </div>
</div> </div>
</div> </div>
groups/Jellyfish.Corp/style.css
+31
View File
@@ -1512,6 +1512,37 @@ a { text-decoration: none; }
box-shadow: 0 6px 20px rgba(0,94,184,.1); box-shadow: 0 6px 20px rgba(0,94,184,.1);
transform: translateY(-3px); transform: translateY(-3px);
} }
.jf-mitra-desc {
font-size: .67rem;
color: #94a3b8;
line-height: 1.45;
margin-top: .2rem;
font-weight: 400;
}
.jf-mitra-name {
font-size: .75rem;
font-weight: 600;
color: var(--slate);
line-height: 1.35;
}
.jf-mitra-card {
background: var(--white);
border: 1px solid #e8eef5;
border-radius: .85rem;
padding: 1rem .85rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
min-height: 90px;
gap: .35rem;
transition: all .25s;
}
.jf-mitra-logo { font-size: 1.5rem; } .jf-mitra-logo { font-size: 1.5rem; }
.jf-mitra-name { font-size: .68rem; font-weight: 600; color: var(--slate); line-height: 1.35; } .jf-mitra-name { font-size: .68rem; font-weight: 600; color: var(--slate); line-height: 1.35; }