Compare commits

..

11 Commits

8 changed files with 458 additions and 210 deletions
+53 -9
View File
@@ -646,6 +646,9 @@ const translations = {
"Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.",
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.",
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_title: "Kisah Sukses Alumni",
@@ -656,6 +659,33 @@ const translations = {
grp_jellyfish_infra_title: "Infrastruktur dan Fasilitas",
grp_jellyfish_infra_subtitle:
"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_title: "Mitra Strategis Informatika UNTAN",
@@ -1203,8 +1233,8 @@ const translations = {
grp_m4n1fest_hero_stat_alumni: "TOTAL ALUMNI",
grp_m4n1fest_hero_stat_alumni_desc:
"data diperoleh dari alumni terdata di tracer study",
grp_m4n1fest_hero_stat_batch: "ANGKATAN",
grp_m4n1fest_hero_stat_company: "PERUSAHAAN",
grp_m4n1fest_hero_stat_batch: "TOTAL ANGKATAN",
grp_m4n1fest_hero_stat_company: "TOTAL PERUSAHAAN",
grp_m4n1fest_eyebrow_achievers: "High Achievers",
grp_m4n1fest_title_achievers: "Alumni <em>Informatika</em>",
grp_m4n1fest_sub_achievers:
@@ -1256,7 +1286,7 @@ const translations = {
grp_m4n1fest_skill_not_listed: "Belum Terdata di Sini?",
grp_m4n1fest_skill_not_listed_desc:
"Bantu kami melengkapi database skill alumni Informatika UNTAN. Kontribusikan data keahlian Anda untuk memetakan potensi nyata dari lulusan di berbagai sektor industri.",
grp_m4n1fest_skill_btn_contrib: "Isi Form Kontribusi",
grp_m4n1fest_skill_btn_contrib: "Isi Form",
grp_m4n1fest_eyebrow_stats: "Statistik Alumni",
grp_m4n1fest_title_stats:
"Jumlah Alumni <em>berdasarkan Tahun Kelulusan</em>",
@@ -1265,6 +1295,11 @@ const translations = {
grp_m4n1fest_table_head_period: "Periode",
grp_m4n1fest_table_head_amount: "Jumlah",
grp_m4n1fest_table_source: "Sumber : BAK UNTAN",
grp_m4n1fest_table_p1: "2024 Genap",
grp_m4n1fest_table_p2: "2024 Ganjil",
grp_m4n1fest_table_p3: "2023 Genap",
grp_m4n1fest_table_p4: "2023 Ganjil",
grp_m4n1fest_table_p5: "2022 Genap",
grp_m4n1fest_chart_title: "Grafik Jumlah Lulusan",
grp_m4n1fest_eyebrow_testi: "Testimoni Alumni",
grp_m4n1fest_title_testi: "Kata Mereka tentang <em>Informatika UNTAN</em>",
@@ -1278,7 +1313,7 @@ const translations = {
grp_m4n1fest_testi3_text:
'"Fondasi yang kita peroleh dari kampus dan Himpunan merupakan wadah terbaik untuk belajar ketangguhan. Jadikanlah pengalaman tersebut sebagai sarana untuk terus terbuka terhadap perubahan. Jika kita mampu beradaptasi dengan baik, batas kemampuan kita tidak lagi ditentukan oleh geografi, melainkan seberapa jauh kita berani melangkah."',
grp_m4n1fest_testi3_role:
"Dosen Tetap, UMP & Peneliti, Universidad de Granada",
"Dosen Tetap, UMP & Peneliti, Universidad de Granada · Angkatan 2005",
grp_m4n1fest_eyebrow_events: "Kegiatan Tahunan",
grp_m4n1fest_title_events: "Temui Kami di <em>Setiap Tahun</em>",
grp_m4n1fest_sub_events:
@@ -1289,7 +1324,7 @@ const translations = {
"SKBI Ramadhan adalah acara silaturahmi yang mempertemukan seluruh keluarga besar Informatika UNTAN — mahasiswa aktif, dosen, dan alumni dari berbagai angkatan. Kegiatan ini menjadi momen silaturahmi yang hangat di bulan Ramadhan, mempererat tali persaudaraan alumni dengan civitas akademika melalui kegiatan sosial, buka bersama, dan networking.",
grp_m4n1fest_event1_note: "Info lengkap di Instagram HMIF",
grp_m4n1fest_event2_title: "INFORMERS",
grp_m4n1fest_event2_meta: "Informatic Anniversary",
grp_m4n1fest_event2_meta: "HUT Informatika",
grp_m4n1fest_event2_desc:
"INFORMERS adalah perayaan Hari Ulang Tahun Program Studi Informatika UNTAN. Acara besar ini mewadahi berbagai kegiatan kompetisi akademik maupun non-akademik tingkat mahasiswa, pameran inovasi IT, hiburan musik, hingga malam puncak yang mengumpulkan seluruh civitas akademika dan alumni dalam semangat dedikasi dan kebersamaan.",
grp_m4n1fest_event2_note: "Pantau IG untuk jadwal & cara daftar",
@@ -1325,9 +1360,11 @@ const translations = {
grp_m4n1fest_form_status_opt5: "Mencari Kerja",
grp_m4n1fest_form_instansi:
'Tempat Bekerja / Instansi <span class="text-xs text-slate-400 font-normal">(opsional)</span>',
grp_m4n1fest_form_instansi_placeholder: "Contoh: PT. Telkom Indonesia, Google...",
grp_m4n1fest_form_skill_title: "3 Skill Utama yang Dikuasai *",
grp_m4n1fest_form_skill_sub: "Pilih 3 skill yang paling kamu kuasai.",
grp_m4n1fest_form_skill_opt1: "— Pilih —",
grp_m4n1fest_form_skill_others: "Lainnya",
grp_m4n1fest_form_persetujuan: "Persetujuan *",
grp_m4n1fest_form_persetujuan_txt:
"Saya menyetujui bahwa data yang saya masukkan adalah benar and bersedia diverifikasi oleh admin IKA Informatika UNTAN.",
@@ -2518,8 +2555,8 @@ const translations = {
grp_m4n1fest_hero_stat_alumni: "TOTAL ALUMNI",
grp_m4n1fest_hero_stat_alumni_desc:
"data obtained from alumni recorded in tracer study",
grp_m4n1fest_hero_stat_batch: "CLASSES",
grp_m4n1fest_hero_stat_company: "COMPANIES",
grp_m4n1fest_hero_stat_batch: "TOTAL BATCHES",
grp_m4n1fest_hero_stat_company: "TOTAL COMPANIES",
grp_m4n1fest_eyebrow_achievers: "High Achievers",
grp_m4n1fest_title_achievers: "Informatics <em>Alumni</em>",
grp_m4n1fest_sub_achievers:
@@ -2573,7 +2610,7 @@ const translations = {
grp_m4n1fest_skill_not_listed: "Not Listed Here Yet?",
grp_m4n1fest_skill_not_listed_desc:
"Help us complete the skill database of Informatics UNTAN alumni. Contribute your expertise data to map the true potential of graduates across various industrial sectors.",
grp_m4n1fest_skill_btn_contrib: "Fill Out Contribution Form",
grp_m4n1fest_skill_btn_contrib: "Fill Form",
grp_m4n1fest_eyebrow_stats: "Alumni Statistics",
grp_m4n1fest_title_stats: "Number of Alumni <em>by Graduation Year</em>",
grp_m4n1fest_sub_stats:
@@ -2581,6 +2618,11 @@ const translations = {
grp_m4n1fest_table_head_period: "Period",
grp_m4n1fest_table_head_amount: "Amount",
grp_m4n1fest_table_source: "Source: BAK UNTAN",
grp_m4n1fest_table_p1: "2024 Even",
grp_m4n1fest_table_p2: "2024 Odd",
grp_m4n1fest_table_p3: "2023 Even",
grp_m4n1fest_table_p4: "2023 Odd",
grp_m4n1fest_table_p5: "2022 Even",
grp_m4n1fest_chart_title: "Graduation Chart",
grp_m4n1fest_eyebrow_testi: "Alumni Testimonials",
grp_m4n1fest_title_testi: "What They Say About <em>Informatics UNTAN</em>",
@@ -2594,7 +2636,7 @@ const translations = {
grp_m4n1fest_testi3_text:
'"The foundation we obtain from the campus and Student Association is the best place to learn resilience. Make that experience a means to stay open to changes. If we are able to adapt well, our limits are no longer determined by geography, but how far we dare to step."',
grp_m4n1fest_testi3_role:
"Full-time Lecturer, UMP & Researcher, Universidad de Granada",
"Full-time Lecturer, UMP & Researcher, Universidad de Granada · Class of 2005",
grp_m4n1fest_eyebrow_events: "Annual Events",
grp_m4n1fest_title_events: "Meet Us <em>Every Year</em>",
grp_m4n1fest_sub_events:
@@ -2641,9 +2683,11 @@ const translations = {
grp_m4n1fest_form_status_opt5: "Looking for a Job",
grp_m4n1fest_form_instansi:
'Workplace / Institution <span class="text-xs text-slate-400 font-normal">(optional)</span>',
grp_m4n1fest_form_instansi_placeholder: "Example: PT. Telkom Indonesia, Google...",
grp_m4n1fest_form_skill_title: "3 Primary Skills Mastered *",
grp_m4n1fest_form_skill_sub: "Select 3 skills you are most proficient in.",
grp_m4n1fest_form_skill_opt1: "— Select —",
grp_m4n1fest_form_skill_others: "Others",
grp_m4n1fest_form_persetujuan: "Consent *",
grp_m4n1fest_form_persetujuan_txt:
"I agree that the data I entered is true and willing to be verified by the Informatics UNTAN IKA admin.",
Binary file not shown.

After

Width:  |  Height:  |  Size: 644 KiB

+2 -2
View File
@@ -2709,10 +2709,10 @@
href: "https://maps.app.goo.gl/386expVMhHgMAmXA9",
},
{
image: "images/hutan-mangrove.jpg",
image: "images/hutan-sylva.png",
nameKey: "skp_dest_mangrove_name",
descKey: "skp_dest_mangrove_desc",
href: "#",
href: "https://maps.app.goo.gl/ktWUMbxwHbWUfb4L8",
},
{
image: "images/mujahidin.webp",
+194 -103
View File
@@ -2,87 +2,119 @@
const dict = {
id: {
// --- Hero Section ---
skp_hero_desc: "Kuliah di kampus unggulan Kalimantan Barat dengan fasilitas lengkap, lingkungan nyaman dan kehidupan mahasiswa yang terjangkau",
skp_hero_desc:
"Kuliah di kampus unggulan Kalimantan Barat dengan fasilitas lengkap, lingkungan nyaman dan kehidupan mahasiswa yang terjangkau",
// --- About Section ---
skp_about_eyebrow: "Tentang Untan",
skp_about_title: "Kampus Unggul di Kalimantan Barat",
skp_about_desc_1: "Universitas Tanjungpura merupakan perguruan tinggi negeri terkemuka di Kalimantan Barat yang berkomitmen menghadirkan pendidikan berkualitas.",
skp_about_desc_2: "UNTAN terus mendorong pengembangan riset, inovasi, dan kolaborasi di berbagai bidang.",
skp_about_desc_3: "Didukung lingkungan belajar yang nyaman, mahasiswa memiliki ruang untuk berkembang secara akademik maupun nonakademik.",
skp_about_desc_1:
"Universitas Tanjungpura merupakan perguruan tinggi negeri terkemuka di Kalimantan Barat yang berkomitmen menghadirkan pendidikan berkualitas.",
skp_about_desc_2:
"UNTAN terus mendorong pengembangan riset, inovasi, dan kolaborasi di berbagai bidang.",
skp_about_desc_3:
"Didukung lingkungan belajar yang nyaman, mahasiswa memiliki ruang untuk berkembang secara akademik maupun nonakademik.",
skp_about_link_text: "Kunjungi Website Resmi",
// --- Facilities Section ---
skp_fac_eyebrow: "Fasilitas Kampus",
skp_fac_main_title: "Fasilitas Kampus untuk Pengalaman Belajar yang Nyaman",
skp_fac_main_title:
"Fasilitas Kampus untuk Pengalaman Belajar yang Nyaman",
skp_fac_title_perpus: "Perpustakaan UNTAN",
skp_fac_desc_perpus: "Koleksi literatur digital dan fisik terlengkap dengan ruang baca yang tenang dan modern.",
skp_fac_desc_perpus:
"Koleksi literatur digital dan fisik terlengkap dengan ruang baca yang tenang dan modern.",
skp_fac_title_rusunawa: "Rusunawa",
skp_fac_desc_rusunawa: "Hunian mahasiswa yang aman, terjangkau, dan berlokasi strategis di dalam lingkungan kampus.",
skp_fac_desc_rusunawa:
"Hunian mahasiswa yang aman, terjangkau, dan berlokasi strategis di dalam lingkungan kampus.",
skp_fac_title_rs: "Rumah Sakit Untan & Klinik Pratama",
skp_fac_desc_rs: "Layanan kesehatan prima bagi seluruh sivitas akademika dengan tenaga medis profesional.",
skp_fac_desc_rs:
"Layanan kesehatan prima bagi seluruh sivitas akademika dengan tenaga medis profesional.",
skp_fac_title_gkb: "Gedung Kuliah Bersama",
skp_fac_desc_gkb: "Ruang kelas interaktif dengan dukungan teknologi multimedia terkini untuk proses belajar mengajar.",
skp_fac_desc_gkb:
"Ruang kelas interaktif dengan dukungan teknologi multimedia terkini untuk proses belajar mengajar.",
skp_fac_title_bahasa: "UPT Bahasa",
skp_fac_desc_bahasa: "Pusat pelatihan bahasa asing dan sertifikasi internasional untuk menunjang karir global.",
skp_fac_desc_bahasa:
"Pusat pelatihan bahasa asing dan sertifikasi internasional untuk menunjang karir global.",
skp_fac_title_olahraga: "Area Olahraga",
skp_fac_desc_olahraga: "Fasilitas olahraga outdoor dan indoor lengkap untuk menjaga kebugaran dan menyalurkan bakat.",
skp_fac_desc_olahraga:
"Fasilitas olahraga outdoor dan indoor lengkap untuk menjaga kebugaran dan menyalurkan bakat.",
skp_fac_title_masjid: "Masjid Muhtadin UNTAN",
skp_fac_desc_masjid: "Pusat ibadah yang nyaman dan inklusif bagi sivitas akademika UNTAN dengan suasana religius yang menenangkan.",
skp_fac_desc_masjid:
"Pusat ibadah yang nyaman dan inklusif bagi sivitas akademika UNTAN dengan suasana religius yang menenangkan.",
skp_fac_title_lab: "Laboraturium Kampus UNTAN",
skp_fac_desc_lab: "Fasilitas laboratorium modern UNTAN yang mendukung riset, praktikum, dan inovasi mahasiswa.",
skp_fac_desc_lab:
"Fasilitas laboratorium modern UNTAN yang mendukung riset, praktikum, dan inovasi mahasiswa.",
skp_fac_title_audit: "Auditorium UNTAN",
skp_fac_desc_audit: "Ruang serbaguna representatif UNTAN untuk seminar, acara akademik, dan kegiatan besar kampus.",
skp_fac_desc_audit:
"Ruang serbaguna representatif UNTAN untuk seminar, acara akademik, dan kegiatan besar kampus.",
// --- Campus Section ---
skp_campus_eyebrow: "Kehidupan Kampus",
skp_campus_title: "Aktivitas Mahasiswa & Organisasi Kampus",
skp_campus_subtitle: "Mahasiswa UNTAN memiliki berbagai kesempatan untuk berkembang melalui organisasi, UKM, komunitas, dan kegiatan ekstrakurikuler.",
skp_campus_subtitle:
"Mahasiswa UNTAN memiliki berbagai kesempatan untuk berkembang melalui organisasi, UKM, komunitas, dan kegiatan ekstrakurikuler.",
skp_campus_cat_org: "Organisasi",
skp_campus_cat_ukm: "UKM",
skp_campus_cat_com: "Komunitas",
skp_campus_dir_bem_title: "BEM UNTAN",
skp_campus_dir_bem_desc: "Badan Eksekutif Mahasiswa tingkat universitas yang menjadi wadah aspirasi dan pergerakan mahasiswa untuk perubahan positif di kampus.",
skp_campus_dir_bem_desc:
"Badan Eksekutif Mahasiswa tingkat universitas yang menjadi wadah aspirasi dan pergerakan mahasiswa untuk perubahan positif di kampus.",
skp_campus_dir_dpm_title: "DPM UNTAN",
skp_campus_dir_dpm_desc: "Dewan Perwakilan Mahasiswa yang menjalankan fungsi legislasi dan pengawasan terhadap kebijakan-kebijakan organisasi mahasiswa di universitas.",
skp_campus_dir_dpm_desc:
"Dewan Perwakilan Mahasiswa yang menjalankan fungsi legislasi dan pengawasan terhadap kebijakan-kebijakan organisasi mahasiswa di universitas.",
skp_campus_dir_hmif_title: "HMIF UNTAN",
skp_campus_dir_hmif_desc: "Organisasi mahasiswa di bawah Program Studi Informatika yang menjadi wadah pengembangan akademik, kepemimpinan, dan jejaring bagi anggotanya.",
skp_campus_dir_hmif_desc:
"Organisasi mahasiswa di bawah Program Studi Informatika yang menjadi wadah pengembangan akademik, kepemimpinan, dan jejaring bagi anggotanya.",
skp_campus_dir_cafa_title: "CAFATIFA",
skp_campus_dir_cafa_desc: "Organisasi ini menjadi wadah pelayanan, pembinaan iman, dan pengembangan karakter bagi mahasiswa Katolik di fakultas tersebut.",
skp_campus_dir_cafa_desc:
"Organisasi ini menjadi wadah pelayanan, pembinaan iman, dan pengembangan karakter bagi mahasiswa Katolik di fakultas tersebut.",
skp_campus_dir_mapala_title: "MAPALA UNTAN",
skp_campus_dir_mapala_desc: "Wadah pecinta alam mahasiswa UNTAN yang membentuk karakter tangguh, peduli lingkungan, dan berjiwa petualang.",
skp_campus_dir_mapala_desc:
"Wadah pecinta alam mahasiswa UNTAN yang membentuk karakter tangguh, peduli lingkungan, dan berjiwa petualang.",
skp_campus_dir_lisma_title: "LISMA UNTAN",
skp_campus_dir_lisma_desc: "Wadah mahasiswa yang mengembangkan minat literasi, diskusi, dan pemikiran kritis secara kolaboratif.",
skp_campus_dir_lisma_desc:
"Wadah mahasiswa yang mengembangkan minat literasi, diskusi, dan pemikiran kritis secara kolaboratif.",
skp_campus_dir_lsmi_title: "LSMI UNTAN",
skp_campus_dir_lsmi_desc: "Unit kegiatan mahasiswa yang mewadahi pembinaan keagamaan, dakwah, dan pengembangan spiritual mahasiswa.",
skp_campus_dir_lsmi_desc:
"Unit kegiatan mahasiswa yang mewadahi pembinaan keagamaan, dakwah, dan pengembangan spiritual mahasiswa.",
skp_campus_dir_semut_title: "SARANG SEMUT",
skp_campus_dir_semut_desc: "Komunitas mahasiswa yang menumbuhkan budaya literasi, diskusi kritis, dan pemikiran intelektual di lingkungan kampus.",
skp_campus_dir_semut_desc:
"Komunitas mahasiswa yang menumbuhkan budaya literasi, diskusi kritis, dan pemikiran intelektual di lingkungan kampus.",
skp_campus_dir_aiesec_title: "AIESEC",
skp_campus_dir_aiesec_desc: "Organisasi kepemudaan internasional di UNTAN yang mengembangkan kepemimpinan, pengalaman global, dan kolaborasi lintas budaya mahasiswa.",
skp_campus_dir_aiesec_desc:
"Organisasi kepemudaan internasional di UNTAN yang mengembangkan kepemimpinan, pengalaman global, dan kolaborasi lintas budaya mahasiswa.",
// --- Pontianak City Section ---
skp_pontianak_eyebrow: "Kota Pontianak",
skp_pontianak_title: "Live In Pontianak",
skp_pontianak_desc: "Pontianak bukan sekadar ibu kota Kalimantan Barat, tetapi tempat yang nyaman untuk tinggal, ramah bagi mahasiswa, dan bersahabat di kantong. Kota ini menawarkan akses fasilitas umum yang lengkap, ragam kuliner yang menggoda, serta suasana belajar yang aktif dan penuh semangat.",
skp_pontianak_desc:
"Pontianak bukan sekadar ibu kota Kalimantan Barat, tetapi tempat yang nyaman untuk tinggal, ramah bagi mahasiswa, dan bersahabat di kantong. Kota ini menawarkan akses fasilitas umum yang lengkap, ragam kuliner yang menggoda, serta suasana belajar yang aktif dan penuh semangat.",
// --- Destination Section ---
skp_dest_eyebrow: "Wisata & Destinasi",
skp_dest_title: "Tempat Menarik di Pontianak",
skp_dest_open_maps: "Buka Peta",
skp_dest_khatulistiwa_name: "Tugu Khatulistiwa",
skp_dest_khatulistiwa_desc: "Ikon kota yang menandakan posisi garis lintang nol derajat di bumi.",
skp_dest_khatulistiwa_desc:
"Ikon kota yang menandakan posisi garis lintang nol derajat di bumi.",
skp_dest_waterfront_name: "Waterfront",
skp_dest_waterfront_desc: "Area pedestrian tepi sungai Kapuas yang populer untuk menikmati senja.",
skp_dest_waterfront_desc:
"Area pedestrian tepi sungai Kapuas yang populer untuk menikmati senja.",
skp_dest_qubu_name: "Qubu Resort",
skp_dest_qubu_desc: "Kawasan taman wisata terpadu dan resort bintang 4 di Kubu Raya.",
skp_dest_qubu_desc:
"Kawasan taman wisata terpadu dan resort bintang 4 di Kubu Raya.",
skp_dest_radank_name: "Rumah Radakng",
skp_dest_radank_desc: "Rumah adat suku Dayak dan merupakan simbol harmoni budaya.",
skp_dest_radank_desc:
"Rumah adat suku Dayak dan merupakan simbol harmoni budaya.",
skp_dest_museum_name: "Museum",
skp_dest_museum_desc: "Koleksi Geografika/Geologika berupa peta dan jenis batu-batuan.",
skp_dest_museum_desc:
"Koleksi Geografika/Geologika berupa peta dan jenis batu-batuan.",
skp_dest_amalzone_name: "Amalzone",
skp_dest_amalzone_desc: "Destinasi wisata alam dan rekreasi keluarga yang populer.",
skp_dest_mangrove_name: "Hutan Mangrove",
skp_dest_mangrove_desc: "Pemandangan alami yang menakjubkan jalur trekking kayu.",
skp_dest_amalzone_desc:
"Destinasi wisata alam dan rekreasi keluarga yang populer.",
skp_dest_mangrove_name: "Hutan Sylva",
skp_dest_mangrove_desc:
"Pemandangan alami yang menakjubkan jalur trekking kayu.",
skp_dest_mujahidin_name: "Masjid Mujahidin",
skp_dest_mujahidin_desc: "Masjid terbesar di Provinsi Kalimantan Barat.",
@@ -91,23 +123,35 @@
skp_cul_title: "Kuliner dan Coffee Shop Favorit Mahasiswa",
skp_cul_cat_rm: "Rumah Makan",
skp_cul_cat_cs: "Coffee Shop",
skp_cul_gebuk_desc: "Ayam gepuk pedas gurih meresap, bikin nambah nasi terus.",
skp_cul_sari_desc: "Masakan hangat rumahan menggoda, sekali coba langsung jatuh cinta.",
skp_cul_gebuk_desc:
"Ayam gepuk pedas gurih meresap, bikin nambah nasi terus.",
skp_cul_sari_desc:
"Masakan hangat rumahan menggoda, sekali coba langsung jatuh cinta.",
skp_cul_mom_desc: "Menu rumahan enak dengan porsi besar.",
skp_cul_shine_desc: "Nasi topping kekinian dengan tampilan menarik dan topping yang melimpah.",
skp_cul_melepar_desc: "Ayam crispy gurih pedas favorit mahasiswa dengan ayam renyah pedas menggigit.",
skp_cul_umi_desc: "Ayam geprek pedas murah dan mengenyangkan dengan pedasnya nampol mantap.",
skp_cul_cw_desc: "CW Coffee awalnya berdiri pada tahun 2015 dengan nama Cyber World iCafe, sebuah kafe internet (warnet) berkecepatan tinggi yang buka 24 jam.",
skp_cul_nordu_desc: "NORDU Coffee & Eatery (populer dikenal sebagai Kopi Nomor Dua) menawarkan tempat yang nyaman untuk bekerja (Work From Home) dengan menu kopi dan hidangan yang ramah di kantong.",
skp_cul_kami_desc: "Toko Kami didirikan pada November 2021 oleh seorang pemuda kreatif bernama Yudistira Nusantara. Nama 'Toko Kami' merupakan sebuah akronim dari Toko Kudapan dan Aneka Minuman Indonesia.",
skp_cul_lokale_desc: "Lokale didirikan oleh Asmako pada tahun 2017. Berawal dari kecintaan pemiliknya terhadap racikan kopi, Lokale hadir untuk menciptakan cita rasa kopi modern yang pas dengan lidah masyarakat.",
skp_cul_weng_desc: "Weng Coffee adalah salah satu legenda hidup warung kopi di Kota Khatulistiwa yang sudah berdiri sejak tahun 1970.",
skp_cul_tropic_desc: "Tropic Cafe Pontianak merupakan salah satu pelopor coffee shop modern berskala besar di Pontianak yang mengusung konsep 24 jam nonstop dengan harga super ramah kantong.",
skp_cul_shine_desc:
"Nasi topping kekinian dengan tampilan menarik dan topping yang melimpah.",
skp_cul_melepar_desc:
"Ayam crispy gurih pedas favorit mahasiswa dengan ayam renyah pedas menggigit.",
skp_cul_umi_desc:
"Ayam geprek pedas murah dan mengenyangkan dengan pedasnya nampol mantap.",
skp_cul_cw_desc:
"CW Coffee awalnya berdiri pada tahun 2015 dengan nama Cyber World iCafe, sebuah kafe internet (warnet) berkecepatan tinggi yang buka 24 jam.",
skp_cul_nordu_desc:
"NORDU Coffee & Eatery (populer dikenal sebagai Kopi Nomor Dua) menawarkan tempat yang nyaman untuk bekerja (Work From Home) dengan menu kopi dan hidangan yang ramah di kantong.",
skp_cul_kami_desc:
"Toko Kami didirikan pada November 2021 oleh seorang pemuda kreatif bernama Yudistira Nusantara. Nama 'Toko Kami' merupakan sebuah akronim dari Toko Kudapan dan Aneka Minuman Indonesia.",
skp_cul_lokale_desc:
"Lokale didirikan oleh Asmako pada tahun 2017. Berawal dari kecintaan pemiliknya terhadap racikan kopi, Lokale hadir untuk menciptakan cita rasa kopi modern yang pas dengan lidah masyarakat.",
skp_cul_weng_desc:
"Weng Coffee adalah salah satu legenda hidup warung kopi di Kota Khatulistiwa yang sudah berdiri sejak tahun 1970.",
skp_cul_tropic_desc:
"Tropic Cafe Pontianak merupakan salah satu pelopor coffee shop modern berskala besar di Pontianak yang mengusung konsep 24 jam nonstop dengan harga super ramah kantong.",
// --- Living Cost Section ---
skp_cost_eyebrow: "Biaya Hidup Mahasiswa",
skp_cost_title: "Perkiraan Biaya Hidup Mahasiswa di Pontianak",
skp_cost_desc: "Perencanaan keuangan yang baik membantu mahasiswa menjalani masa studi dengan lebih nyaman di Pontianak.",
skp_cost_desc:
"Perencanaan keuangan yang baik membantu mahasiswa menjalani masa studi dengan lebih nyaman di Pontianak.",
skp_cost_note: "*Data yang didapat bersumber dari survey internal",
skp_cost_period: "per bulan",
skp_cost_type_home: "Hunian",
@@ -116,112 +160,157 @@
},
en: {
// --- Hero Section ---
skp_hero_desc: "Study at the leading campus in West Kalimantan with complete facilities, comfortable environment, and affordable student life",
skp_hero_desc:
"Study at the leading campus in West Kalimantan with complete facilities, comfortable environment, and affordable student life",
// --- About Section ---
skp_about_eyebrow: "About Untan",
skp_about_title: "A Leading Campus in West Kalimantan",
skp_about_desc_1: "Universitas Tanjungpura is a leading public university in West Kalimantan committed to delivering quality education.",
skp_about_desc_2: "UNTAN continues to drive research development, innovation, and collaboration across various fields.",
skp_about_desc_3: "Supported by a comfortable learning environment, students have the opportunity to grow both academically and non-academically.",
skp_about_desc_1:
"Universitas Tanjungpura is a leading public university in West Kalimantan committed to delivering quality education.",
skp_about_desc_2:
"UNTAN continues to drive research development, innovation, and collaboration across various fields.",
skp_about_desc_3:
"Supported by a comfortable learning environment, students have the opportunity to grow both academically and non-academically.",
skp_about_link_text: "Visit Official Website",
// --- Facilities Section ---
skp_fac_eyebrow: "Campus Facilities",
skp_fac_main_title: "Campus Facilities for a Comfortable Learning Experience",
skp_fac_main_title:
"Campus Facilities for a Comfortable Learning Experience",
skp_fac_title_perpus: "UNTAN Library",
skp_fac_desc_perpus: "The most complete collection of digital and physical literature with a quiet and modern reading room.",
skp_fac_desc_perpus:
"The most complete collection of digital and physical literature with a quiet and modern reading room.",
skp_fac_title_rusunawa: "Student Dormitory (Rusunawa)",
skp_fac_desc_rusunawa: "Safe, affordable, and strategically located student housing within the campus environment.",
skp_fac_desc_rusunawa:
"Safe, affordable, and strategically located student housing within the campus environment.",
skp_fac_title_rs: "Untan Hospital & Pratama Clinic",
skp_fac_desc_rs: "Excellent health services for the entire academic community with professional medical staff.",
skp_fac_desc_rs:
"Excellent health services for the entire academic community with professional medical staff.",
skp_fac_title_gkb: "Shared Lecture Building (GKB)",
skp_fac_desc_gkb: "Interactive classrooms with the latest multimedia technology support for the teaching and learning process.",
skp_fac_desc_gkb:
"Interactive classrooms with the latest multimedia technology support for the teaching and learning process.",
skp_fac_title_bahasa: "Language Center (UPT Bahasa)",
skp_fac_desc_bahasa: "Foreign language training and international certification center to support global careers.",
skp_fac_desc_bahasa:
"Foreign language training and international certification center to support global careers.",
skp_fac_title_olahraga: "Sports Area",
skp_fac_desc_olahraga: "Complete outdoor and indoor sports facilities to maintain fitness and channel talents.",
skp_fac_desc_olahraga:
"Complete outdoor and indoor sports facilities to maintain fitness and channel talents.",
skp_fac_title_masjid: "Muhtadin Mosque UNTAN",
skp_fac_desc_masjid: "A comfortable and inclusive place of worship for the UNTAN academic community with a soothing religious atmosphere.",
skp_fac_desc_masjid:
"A comfortable and inclusive place of worship for the UNTAN academic community with a soothing religious atmosphere.",
skp_fac_title_lab: "UNTAN Campus Laboratory",
skp_fac_desc_lab: "Modern UNTAN laboratory facilities that support student research, practicums, and innovation.",
skp_fac_desc_lab:
"Modern UNTAN laboratory facilities that support student research, practicums, and innovation.",
skp_fac_title_audit: "UNTAN Auditorium",
skp_fac_desc_audit: "A representative multi-purpose hall for seminars, academic events, and major campus activities.",
skp_fac_desc_audit:
"A representative multi-purpose hall for seminars, academic events, and major campus activities.",
// --- Campus Section ---
skp_campus_eyebrow: "Campus Life",
skp_campus_title: "Student Activities & Campus Organizations",
skp_campus_subtitle: "UNTAN students have various opportunities to grow through organizations, Student Activity Units (UKM), communities, and extracurricular activities.",
skp_campus_subtitle:
"UNTAN students have various opportunities to grow through organizations, Student Activity Units (UKM), communities, and extracurricular activities.",
skp_campus_cat_org: "Organizations",
skp_campus_cat_ukm: "Student Units",
skp_campus_cat_com: "Communities",
skp_campus_dir_bem_title: "BEM UNTAN",
skp_campus_dir_bem_desc: "The university-level Student Executive Board that acts as a forum for student aspirations and movements for positive campus change.",
skp_campus_dir_bem_desc:
"The university-level Student Executive Board that acts as a forum for student aspirations and movements for positive campus change.",
skp_campus_dir_dpm_title: "DPM UNTAN",
skp_campus_dir_dpm_desc: "The Student Representative Council that performs legislative and supervisory functions over student organization policies at the university.",
skp_campus_dir_dpm_desc:
"The Student Representative Council that performs legislative and supervisory functions over student organization policies at the university.",
skp_campus_dir_hmif_title: "HMIF UNTAN",
skp_campus_dir_hmif_desc: "A student organization under the Informatics Study Program that serves as a hub for academic development, leadership, and networking for its members.",
skp_campus_dir_hmif_desc:
"A student organization under the Informatics Study Program that serves as a hub for academic development, leadership, and networking for its members.",
skp_campus_dir_cafa_title: "CAFATIFA",
skp_campus_dir_cafa_desc: "This organization provides a forum for service, faith formation, and character building for Catholic students in the faculty.",
skp_campus_dir_cafa_desc:
"This organization provides a forum for service, faith formation, and character building for Catholic students in the faculty.",
skp_campus_dir_mapala_title: "MAPALA UNTAN",
skp_campus_dir_mapala_desc: "A community for UNTAN student nature lovers that shapes a resilient character, environmental awareness, and an adventurous spirit.",
skp_campus_dir_mapala_desc:
"A community for UNTAN student nature lovers that shapes a resilient character, environmental awareness, and an adventurous spirit.",
skp_campus_dir_lisma_title: "LISMA UNTAN",
skp_campus_dir_lisma_desc: "A student forum that develops interest in literacy, discussion, and critical thinking collaboratively.",
skp_campus_dir_lisma_desc:
"A student forum that develops interest in literacy, discussion, and critical thinking collaboratively.",
skp_campus_dir_lsmi_title: "LSMI UNTAN",
skp_campus_dir_lsmi_desc: "A student activity unit that handles religious guidance, Islamic outreach (da'wah), and spiritual development for students.",
skp_campus_dir_lsmi_desc:
"A student activity unit that handles religious guidance, Islamic outreach (da'wah), and spiritual development for students.",
skp_campus_dir_semut_title: "SARANG SEMUT",
skp_campus_dir_semut_desc: "A student community that fosters a culture of literacy, critical discussion, and intellectual thought within the campus environment.",
skp_campus_dir_semut_desc:
"A student community that fosters a culture of literacy, critical discussion, and intellectual thought within the campus environment.",
skp_campus_dir_aiesec_title: "AIESEC",
skp_campus_dir_aiesec_desc: "An international youth organization at UNTAN that develops leadership, global experience, and cross-cultural collaboration among students.",
skp_campus_dir_aiesec_desc:
"An international youth organization at UNTAN that develops leadership, global experience, and cross-cultural collaboration among students.",
// --- Pontianak City Section ---
skp_pontianak_eyebrow: "Pontianak City",
skp_pontianak_title: "Live In Pontianak",
skp_pontianak_desc: "Pontianak is not just the capital of West Kalimantan, but a comfortable place to live, student-friendly, and very affordable. The city offers complete access to public facilities, a tempting variety of culinary options, and an active, vibrant learning environment.",
skp_pontianak_desc:
"Pontianak is not just the capital of West Kalimantan, but a comfortable place to live, student-friendly, and very affordable. The city offers complete access to public facilities, a tempting variety of culinary options, and an active, vibrant learning environment.",
// --- Destination Section ---
skp_dest_eyebrow: "Tourism & Destinations",
skp_dest_title: "Interesting Places in Pontianak",
skp_dest_open_maps: "Open Maps",
skp_dest_khatulistiwa_name: "Equator Monument",
skp_dest_khatulistiwa_desc: "The city icon marking the zero-degree latitude position on earth.",
skp_dest_khatulistiwa_desc:
"The city icon marking the zero-degree latitude position on earth.",
skp_dest_waterfront_name: "Waterfront",
skp_dest_waterfront_desc: "A popular pedestrian area by the Kapuas River to enjoy the sunset.",
skp_dest_waterfront_desc:
"A popular pedestrian area by the Kapuas River to enjoy the sunset.",
skp_dest_qubu_name: "Qubu Resort",
skp_dest_qubu_desc: "An integrated tourism park area and a 4-star resort in Kubu Raya.",
skp_dest_qubu_desc:
"An integrated tourism park area and a 4-star resort in Kubu Raya.",
skp_dest_radank_name: "Radakng House",
skp_dest_radank_desc: "The traditional longhouse of the Dayak tribe, a symbol of cultural harmony.",
skp_dest_radank_desc:
"The traditional longhouse of the Dayak tribe, a symbol of cultural harmony.",
skp_dest_museum_name: "Museum",
skp_dest_museum_desc: "Geographical and geological collections featuring maps and various types of rocks.",
skp_dest_museum_desc:
"Geographical and geological collections featuring maps and various types of rocks.",
skp_dest_amalzone_name: "Amalzone",
skp_dest_amalzone_desc: "A popular nature tourism and family recreation destination.",
skp_dest_amalzone_desc:
"A popular nature tourism and family recreation destination.",
skp_dest_mangrove_name: "Mangrove Forest",
skp_dest_mangrove_desc: "Stunning natural scenery along a wooden trekking pathway.",
skp_dest_mangrove_desc:
"Stunning natural scenery along a wooden trekking pathway.",
skp_dest_mujahidin_name: "Mujahidin Mosque",
skp_dest_mujahidin_desc: "The largest mosque in the West Kalimantan Province.",
skp_dest_mujahidin_desc:
"The largest mosque in the West Kalimantan Province.",
// --- Culinary Section ---
skp_cul_eyebrow: "Cafe & Culinary",
skp_cul_title: "Students' Favorite Culinary and Coffee Shops",
skp_cul_cat_rm: "Eateries",
skp_cul_cat_cs: "Coffee Shops",
skp_cul_gebuk_desc: "Spicy and savory pounded chicken that makes you want to keep adding rice.",
skp_cul_sari_desc: "Tempting home-cooked warmth, fall in love at first bite.",
skp_cul_gebuk_desc:
"Spicy and savory pounded chicken that makes you want to keep adding rice.",
skp_cul_sari_desc:
"Tempting home-cooked warmth, fall in love at first bite.",
skp_cul_mom_desc: "Delicious home-style meals with generous portions.",
skp_cul_shine_desc: "Trendy rice bowls with attractive presentation and abundant toppings.",
skp_cul_melepar_desc: "Crispy, savory, and spicy chicken, a student favorite with a crunchy, fiery bite.",
skp_cul_umi_desc: "Cheap, filling, and spicy smashed chicken with an intensely satisfying kick.",
skp_cul_cw_desc: "CW Coffee originally started in 2015 as Cyber World iCafe, a high-speed 24-hour internet cafe.",
skp_cul_nordu_desc: "NORDU Coffee & Eatery (popularly known as Kopi Nomor Dua) offers a comfortable place to work (WFH) with student-friendly coffee and meals.",
skp_cul_kami_desc: "Toko Kami was founded in November 2021 by a creative youth named Yudistira Nusantara. The name is an acronym for Indonesian Snack and Beverage Shop.",
skp_cul_lokale_desc: "Lokale was founded by Asmako in 2017. Rooted in the owner's passion for coffee brewing, Lokale brings modern coffee flavors tailored to the local palate.",
skp_cul_weng_desc: "Weng Coffee is one of the living legends of coffee shops in the Equator City, operating since 1970.",
skp_cul_tropic_desc: "Tropic Cafe Pontianak is a pioneer of large-scale modern coffee shops in Pontianak, featuring a 24/7 non-stop concept with highly affordable prices.",
skp_cul_shine_desc:
"Trendy rice bowls with attractive presentation and abundant toppings.",
skp_cul_melepar_desc:
"Crispy, savory, and spicy chicken, a student favorite with a crunchy, fiery bite.",
skp_cul_umi_desc:
"Cheap, filling, and spicy smashed chicken with an intensely satisfying kick.",
skp_cul_cw_desc:
"CW Coffee originally started in 2015 as Cyber World iCafe, a high-speed 24-hour internet cafe.",
skp_cul_nordu_desc:
"NORDU Coffee & Eatery (popularly known as Kopi Nomor Dua) offers a comfortable place to work (WFH) with student-friendly coffee and meals.",
skp_cul_kami_desc:
"Toko Kami was founded in November 2021 by a creative youth named Yudistira Nusantara. The name is an acronym for Indonesian Snack and Beverage Shop.",
skp_cul_lokale_desc:
"Lokale was founded by Asmako in 2017. Rooted in the owner's passion for coffee brewing, Lokale brings modern coffee flavors tailored to the local palate.",
skp_cul_weng_desc:
"Weng Coffee is one of the living legends of coffee shops in the Equator City, operating since 1970.",
skp_cul_tropic_desc:
"Tropic Cafe Pontianak is a pioneer of large-scale modern coffee shops in Pontianak, featuring a 24/7 non-stop concept with highly affordable prices.",
// --- Living Cost Section ---
skp_cost_eyebrow: "Student Living Cost",
skp_cost_title: "Estimated Living Cost for Students in Pontianak",
skp_cost_desc: "Good financial planning helps students go through their study period more comfortably in Pontianak.",
skp_cost_desc:
"Good financial planning helps students go through their study period more comfortably in Pontianak.",
skp_cost_note: "*Data obtained is sourced from an internal survey",
skp_cost_period: "per month",
skp_cost_type_home: "Housing",
@@ -231,16 +320,18 @@
};
function currentLang() {
if (typeof window.getLang === 'function') {
if (typeof window.getLang === "function") {
const l = window.getLang();
if (l === 'id' || l === 'en') return l;
if (l === "id" || l === "en") return l;
}
try {
const saved = localStorage.getItem('if_untan_lang');
if (saved === 'id' || saved === 'en') return saved;
} catch (e) { /* localStorage unavailable */ }
const nav = (navigator.language || 'id').toLowerCase();
return nav.startsWith('en') ? 'en' : 'id';
const saved = localStorage.getItem("if_untan_lang");
if (saved === "id" || saved === "en") return saved;
} catch (e) {
/* localStorage unavailable */
}
const nav = (navigator.language || "id").toLowerCase();
return nav.startsWith("en") ? "en" : "id";
}
function skpT(key) {
@@ -251,13 +342,13 @@
function applySkp(root) {
const scope = root || document;
scope.querySelectorAll('[data-skp-i18n]').forEach(el => {
const val = skpT(el.getAttribute('data-skp-i18n'));
scope.querySelectorAll("[data-skp-i18n]").forEach((el) => {
const val = skpT(el.getAttribute("data-skp-i18n"));
if (val != null) el.textContent = val;
});
scope.querySelectorAll('[data-skp-i18n-placeholder]').forEach(el => {
const val = skpT(el.getAttribute('data-skp-i18n-placeholder'));
scope.querySelectorAll("[data-skp-i18n-placeholder]").forEach((el) => {
const val = skpT(el.getAttribute("data-skp-i18n-placeholder"));
if (val != null) el.placeholder = val;
});
}
@@ -265,6 +356,6 @@
window.skpT = skpT;
window.applySkp = applySkp;
document.addEventListener('languageChanged', () => applySkp());
document.addEventListener('DOMContentLoaded', () => applySkp());
document.addEventListener("languageChanged", () => applySkp());
document.addEventListener("DOMContentLoaded", () => applySkp());
})();
+90 -68
View File
@@ -1141,26 +1141,21 @@
</div>
<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="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 class="container">
<div id="assignment-body" class="prose prose-slate max-w-none">
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
<!-- ===================== A. HERO ===================== -->
<section class="jf-hero-landing">
<div class="jf-hero-landing-bg"></div>
<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_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
dunia. Bergabunglah bersama kami dalam perjalanan membangun masa depan teknologi.</p>
<div class="jf-hero-ctas">
<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 class="jf-hero-stats">
<div class="jf-hs-item">
@@ -1183,8 +1178,8 @@
<!-- ===================== B. TENTANG PRODI ===================== -->
<section class="jf-section jf-section-white" id="tentang">
<div class="container">
<div class="jf-about-layout">
<div class="container ">
<div class="jf-about-layout content">
<div class="jf-about-left">
<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>
@@ -1332,7 +1327,7 @@
<!-- ===================== C. ANGKA ===================== -->
<section class="jf-section jf-section-light">
<div class="container">
<div class="container content">
<div class="jf-section-header jf-center">
<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>
@@ -1379,8 +1374,8 @@
Informatika UNTAN (sejak 2023).</p>
</div>
</div>
<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-rasio-wrapper" style="display:flex; justify-content:center; margin-top: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-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>
@@ -1391,7 +1386,7 @@
<!-- ===================== D. PENCAPAIAN ===================== -->
<section class="jf-section jf-section-white">
<div class="container">
<div class="container content">
<div class="jf-section-header jf-center">
<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>
@@ -1479,7 +1474,7 @@
<!-- ===================== E. STUDY CLUB ===================== -->
<section class="jf-section jf-section-light">
<div class="container">
<div class="container content">
<div class="jf-section-header jf-center">
<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>
@@ -1524,59 +1519,73 @@
</div>
</section>
<!-- ===================== F. KARIR ===================== -->
<!-- ===================== F. KARIR ===================== -->
<section class="jf-section jf-section-white">
<div class="container">
<div class="container content">
<div class="jf-karir-layout">
<div class="jf-karir-left">
<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>
<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;">
<strong data-i18n="grp_jellyfish_bidang_karir">Bidang Karir Lainnya:</strong>
<strong data-i18n="grp_jellyfish_bidang_karir">Bidang Karir</strong>
<div class="jf-chip-wrap" style="margin-top:0.5rem;">
<span class="jf-chip">IT Project Manager</span>
<span class="jf-chip">Database Admin</span>
<span class="jf-chip">Cloud Architect</span>
<span class="jf-chip">Game Developer</span>
<span class="jf-chip">Business Intelligence</span>
<span class="jf-chip">IoT Engineer</span>
<span class="jf-chip">Web Developer</span>
<span class="jf-chip">Data Engineer</span>
<span class="jf-chip">Mobile Developer</span>
<span class="jf-chip">UI / UX Designer</span>
<span class="jf-chip">Networking / DevOps</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>
</div>
</div>
</div>
<div class="jf-karir-right">
<div class="jf-karir-card jf-karir-navy">
<div class="jf-kc-title">Software Engineer</div>
<div class="jf-kc-title" data-i18n="grp_jellyfish_pemerintah">Pemerintah &amp; Instansi Publik</div>
<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 class="jf-kc-company">Gojek, Tokopedia, Traveloka, Startup</div>
</div>
<div class="jf-karir-card jf-karir-purple">
<div class="jf-kc-title">Data &amp; AI Specialist</div>
<div class="jf-kc-title" data-i18n="grp_jellyfish_industri">Perusahaan Swasta &amp; Korporasi</div>
<div class="jf-kc-chips">
<span>Data Scientist</span><span>ML Engineer</span><span>AI
Researcher</span><span>Business Analyst</span>
<span>PT Telkom Indonesia</span>
<span>Telkomsel</span>
<span>PLN Icon Plus</span>
<span>Bank BCA</span>
<span>Grab</span>
<span>Astra Daihatsu</span>
</div>
<div class="jf-kc-company">Bank, BUMN, Fintech</div>
</div>
<div class="jf-karir-card jf-karir-green">
<div class="jf-kc-title">Cybersecurity</div>
<div class="jf-kc-title" data-i18n="grp_jellyfish_perguruan_tinggi">Pendidikan, Organisasi &amp; Lembaga Sosial</div>
<div class="jf-kc-chips">
<span>Penetration Tester</span><span>Security Analyst</span><span>Network
Engineer</span>
<span>UNTAN</span>
<span>Politeknik Negeri Sambas</span>
<span>STIKES Sambas</span>
<span>SMA / SMP / SD</span>
<span>Organisasi Keagamaan</span>
</div>
<div class="jf-kc-company">BSSN, Kominfo, Perbankan</div>
</div>
<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">
<span>Founder Startup</span><span>Freelancer</span><span>Digital
Consultant</span><span>E-commerce</span>
<span>Freelancer</span>
<span>Web Developer</span>
<span>IT Consultant</span>
<span>Startup Founder</span>
<span>Creative Studio</span>
<span>UMKM Digital</span>
</div>
<div class="jf-kc-company" data-i18n="grp_jellyfish_mandiri">Mandiri, Remote Work</div>
</div>
</div>
</div>
@@ -1585,7 +1594,7 @@
<!-- ===================== G. ALUMNI ===================== -->
<section class="jf-section jf-section-light">
<div class="container">
<div class="container content">
<div class="jf-section-header jf-center">
<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>
@@ -1674,7 +1683,7 @@
<!-- ===================== H. INFRASTRUKTUR ===================== -->
<section class="jf-section jf-section-dark">
<div class="container">
<div class="container content">
<div class="jf-section-header jf-center">
<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>
@@ -1713,25 +1722,12 @@
<div class="jf-infra-stat"><span>IEEE · Scopus · ACM</span></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>
</section>
<!-- ===================== I. MITRA ===================== -->
<section class="jf-section jf-section-white">
<div class="container">
<div class="container content">
<div class="jf-section-header jf-center">
<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>
@@ -1742,78 +1738,104 @@
</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-card">
<div class="jf-mitra-logo"></div>
<div class="jf-mitra-name">PT. Indosat Ooredoo</div>
</div>
<div class="jf-mitra-grid" style="grid-template-columns:repeat(3,1fr);">
<div class="jf-mitra-card">
<div class="jf-mitra-logo"></div>
<div class="jf-mitra-name">PT. PLN Nusantara</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 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-name">Diskominfo Kalbar</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 class="jf-mitra-card">
<div class="jf-mitra-name">POLDA Kalbar</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_polda">Penyelenggaraan CAT (Computer Assesment Test).</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Sambas</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 class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Sintang</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 class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Bengkayang</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 class="jf-mitra-card">
<div class="jf-mitra-name">BKPSDM</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 class="jf-mitra-card">
<div class="jf-mitra-name">BPBD Sintang</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 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" 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 class="jf-mitra-card">
<div class="jf-mitra-name">Disperkim Singkawang</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 class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Singkawang</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 class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Pontianak</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 class="jf-mitra-card">
<div class="jf-mitra-name">Badan Penelitian dan Pengembangan</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 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-name">UNIMAS Malaysia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_unimas">Kerja sama pelaksanaan Study Excursion 2019-2025.</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">UUM Malaysia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_uum">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">UCS Sarawak</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_ucs">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">UTEM Malaysia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_utem">Kerjasama penyelenggaraan konferensi nasional.</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">IPB Indonesia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_ipb">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div>
<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" data-i18n="grp_jellyfish_mitra_polnep">Kerja sama dengan Politeknik Negeri Pontianak untuk kerja praktek dan magang 2024-sekarang.</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">Poltekkes Pontianak</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>
</section>
<!-- ===================== K. CTA / 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">
<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>
+43 -2
View File
@@ -252,7 +252,9 @@ h1, h2, h3, h4, h5, h6 {
/* Shell layout tambahan */
.nav { background: #003150; padding: 1rem 0; }
.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-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; }
@@ -1512,6 +1514,37 @@ a { text-decoration: none; }
box-shadow: 0 6px 20px rgba(0,94,184,.1);
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-name { font-size: .68rem; font-weight: 600; color: var(--slate); line-height: 1.35; }
@@ -1699,6 +1732,7 @@ a { text-decoration: none; }
.jf-mitra-grid { grid-template-columns: repeat(3, 1fr); }
.jf-mitra-grid-gov { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1024px) {
.jf-about-layout { grid-template-columns: 1fr; }
.jf-timeline-card { position: static; max-height: none; }
@@ -1725,7 +1759,14 @@ a { text-decoration: none; }
.jf-hs-item { padding: 0; }
.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
===================================================== */
+70 -26
View File
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="id" class="scroll-smooth">
<head>
<meta charset="UTF-8">
@@ -1188,7 +1188,7 @@
<div class="custom-stats">
<div class="custom-stat-box">
<div class="custom-stat-num custom-serif">212<span class="custom-stat-plus">+</span></div>
<div class="custom-stat-num custom-serif">212</div>
<div class="custom-stat-label" data-i18n="grp_m4n1fest_hero_stat_alumni">TOTAL ALUMNI</div>
<div class="custom-stat-desc" style="font-size: 0.65rem; color: #a1a1aa; margin-top: 4px; line-height: 1.35; font-weight: normal; font-family: sans-serif;" data-i18n="grp_m4n1fest_hero_stat_alumni_desc">data diperoleh dari alumni terdata di tracer study</div>
</div>
@@ -1197,7 +1197,7 @@
<div class="custom-stat-label" data-i18n="grp_m4n1fest_hero_stat_batch">ANGKATAN</div>
</div>
<div class="custom-stat-box" style="border-right: none;">
<div class="custom-stat-num custom-serif">202<span class="custom-stat-plus">+</span></div>
<div class="custom-stat-num custom-serif">170+</div>
<div class="custom-stat-label" data-i18n="grp_m4n1fest_hero_stat_company">PERUSAHAAN</div>
</div>
</div>
@@ -1445,7 +1445,7 @@
class="logo-initials"
style="background: #f3f4f6; color: #4b5563"
>
202+
160+
</div>
<span class="logo-name" style="color: #6b7280" data-i18n="grp_m4n1fest_logo_others">Lainnya</span>
</div>
@@ -1548,7 +1548,7 @@
<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
<path d="M18.5 2.5a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4z" />
</svg>
<span data-i18n="grp_m4n1fest_skill_btn_contrib">Isi Form Kontribusi</span>
<span data-i18n="grp_m4n1fest_skill_btn_contrib">Isi Form</span>
</a>
</div>
</div>
@@ -1593,23 +1593,23 @@
</thead>
<tbody>
<tr style="background: #fff; border-bottom: 1px solid #f1f5f9;">
<td style="padding: 14px 20px;">2024 Genap</td>
<td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p1">2024 Genap</td>
<td style="padding: 14px 20px; text-align: right;">50</td>
</tr>
<tr style="background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
<td style="padding: 14px 20px;">2024 Ganjil</td>
<td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p2">2024 Ganjil</td>
<td style="padding: 14px 20px; text-align: right;">27</td>
</tr>
<tr style="background: #fff; border-bottom: 1px solid #f1f5f9;">
<td style="padding: 14px 20px;">2023 Genap</td>
<td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p3">2023 Genap</td>
<td style="padding: 14px 20px; text-align: right;">63</td>
</tr>
<tr style="background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
<td style="padding: 14px 20px;">2023 Ganjil</td>
<td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p4">2023 Ganjil</td>
<td style="padding: 14px 20px; text-align: right;">27</td>
</tr>
<tr style="background: #fff; border-bottom: 1px solid #e2e8f0;">
<td style="padding: 14px 20px;">2022 Genap</td>
<td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p5">2022 Genap</td>
<td style="padding: 14px 20px; text-align: right;">45</td>
</tr>
</tbody>
@@ -1719,7 +1719,7 @@
<div class="testi-meta">
<div class="testi-name">Izhan Fakhruzi</div>
<div class="testi-role" data-i18n="grp_m4n1fest_testi3_role">
Dosen Tetap, UMP & Peneliti, Universidad de Granada
Dosen Tetap, UMP & Peneliti, Universidad de Granada · Angkatan 2005
</div>
</div>
</div>
@@ -1831,7 +1831,7 @@
font-weight: 600;
"
data-i18n="grp_m4n1fest_event2_meta"
>Informatic Anniversary</span
>HUT Informatika</span
>
</div>
<p class="event-desc" data-i18n="grp_m4n1fest_event2_desc">
@@ -1990,7 +1990,7 @@
<div class="form-row">
<div class="form-group">
<label class="form-label" data-i18n="grp_m4n1fest_form_nim">NIM</label>
<input type="text" id="ika-nim" class="form-input" placeholder="H1031..." />
<input type="text" id="ika-nim" class="form-input" placeholder="D1041..." />
</div>
<div class="form-group">
<label class="form-label" data-i18n="grp_m4n1fest_form_angkatan">Angkatan *</label>
@@ -2002,7 +2002,7 @@
<div class="form-row">
<div class="form-group">
<label class="form-label" data-i18n="grp_m4n1fest_form_hp">No. HP / WhatsApp *</label>
<input type="tel" id="ika-hp" class="form-input" placeholder="+62 812-xxxx-xxxx" />
<input type="tel" id="ika-hp" class="form-input" placeholder="0821xxxxx" />
</div>
<div class="form-group">
<label class="form-label" data-i18n="grp_m4n1fest_form_email">Email Aktif *</label>
@@ -2026,7 +2026,7 @@
<div class="form-group">
<label class="form-label" data-i18n-html="grp_m4n1fest_form_instansi">Tempat Bekerja / Instansi
<span class="form-note-optional">(opsional)</span></label>
<input type="text" id="ika-instansi" class="form-input" placeholder="Contoh: PT. Telkom Indonesia, Google..." />
<input type="text" id="ika-instansi" class="form-input" placeholder="Contoh: PT. Telkom Indonesia, Google..." data-i18n-placeholder="grp_m4n1fest_form_instansi_placeholder" />
</div>
<!-- 3 Skill -->
@@ -2047,7 +2047,7 @@
<option>Cybersecurity</option>
<option>Machine Learning / AI</option>
<option>Database</option>
<option>Lainnya</option>
<option value="Lainnya" data-i18n="grp_m4n1fest_form_skill_others">Lainnya</option>
</select>
</div>
<div class="form-group">
@@ -2062,7 +2062,7 @@
<option>Cybersecurity</option>
<option>Machine Learning / AI</option>
<option>Database</option>
<option>Lainnya</option>
<option value="Lainnya" data-i18n="grp_m4n1fest_form_skill_others">Lainnya</option>
</select>
</div>
<div class="form-group">
@@ -2077,7 +2077,7 @@
<option>Cybersecurity</option>
<option>Machine Learning / AI</option>
<option>Database</option>
<option>Lainnya</option>
<option value="Lainnya" data-i18n="grp_m4n1fest_form_skill_others">Lainnya</option>
</select>
</div>
</div>
@@ -2844,20 +2844,59 @@
const spinnerElement = document.getElementById('skill-note-spinner');
const noteTextElement = document.getElementById('skill-note-text');
// Menampilkan catatan status di bawah grafik keahlian
function setSkillNote(text, shouldSpin, shouldShowCta) {
let alumniCount = 0;
let isDataFetched = false;
let isFetchFailed = false;
// Menampilkan catatan status di bawah grafik keahlian dengan dukungan bilingual
function setSkillNote(shouldSpin) {
if (spinnerElement) {
spinnerElement.style.animation = shouldSpin ? 'spin 1s linear infinite' : 'none';
if (!shouldSpin) {
spinnerElement.style.display = 'none';
} else {
spinnerElement.style.display = 'inline-block';
}
}
if (!noteTextElement) return;
if (shouldShowCta) {
noteTextElement.innerHTML = `${text} <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">Isi form kontribusi</a>`;
const currentLang = typeof getLang === 'function' ? getLang() : 'id';
if (!isDataFetched) {
if (isFetchFailed) {
if (currentLang === 'en') {
noteTextElement.innerHTML = `Skill data is empty, help us complete this data! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">fill form</a>`;
} else {
noteTextElement.innerHTML = `Data skill masih kosong, bantu kami lengkapi data ini! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">isi form</a>`;
}
} else {
noteTextElement.textContent = currentLang === 'en' ? 'Loading alumni skill data...' : 'Memuat data skill alumni...';
}
} else {
noteTextElement.textContent = text;
if (alumniCount === 0) {
if (currentLang === 'en') {
noteTextElement.innerHTML = `Skill data is empty, help us complete this data! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">fill form</a>`;
} else {
noteTextElement.innerHTML = `Data skill masih kosong, bantu kami lengkapi data ini! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">isi form</a>`;
}
} else {
if (currentLang === 'en') {
noteTextElement.textContent = `Data from ${alumniCount} verified alumni.`;
} else {
noteTextElement.textContent = `Data dari ${alumniCount} alumni yang diverifikasi.`;
}
}
}
}
// Terapkan translasi teks saat memuat halaman
setSkillNote(true);
// Pasang event listener untuk menangani pergantian bahasa dinamis
document.addEventListener('languageChanged', () => {
setSkillNote(isDataFetched ? false : !isFetchFailed);
});
// Menyaring dan mengelompokkan teks bebas ke kategori keahlian terstandar
function normalizeSkill(rawSkillText) {
if (!rawSkillText) return null;
@@ -2920,17 +2959,22 @@
.then(responseText => {
const rows = parseGoogleSheetsJson(responseText);
isDataFetched = true;
if (rows.length === 0) {
setSkillNote('Data skill masih kosong, bantu kami lengkapi data ini!', false, false);
alumniCount = 0;
setSkillNote(false);
return;
}
alumniCount = rows.length;
const counts = calculateSkillCounts(rows);
updateSkillBarsUI(counts);
setSkillNote(`Data dari ${rows.length} alumni yang diverifikasi.`, false, false);
setSkillNote(false);
})
.catch(() => {
setSkillNote('Data skill masih kosong, bantu kami lengkapi data ini!', false, false);
isDataFetched = false;
isFetchFailed = true;
setSkillNote(false);
});
})();
+6
View File
@@ -1198,6 +1198,12 @@ ul.achiever-achievements li::before {
font-size: 0.74rem;
color: var(--muted);
margin-top: 1px;
min-height: 3.8em;
}
@media (max-width: 660px) {
.testi-role {
min-height: auto;
}
}
.stars {
display: flex;