diff --git a/assets/global/localization.js b/assets/global/localization.js index f1252f4..b41b18b 100644 --- a/assets/global/localization.js +++ b/assets/global/localization.js @@ -581,9 +581,9 @@ const translations = { grp_limaem_about_stat_students: "Mahasiswa Aktif", grp_limaem_about_stat_partners: "MITRA", grp_limaem_about_badge: "Inklusivitas & Kolaborasi", - + grp_limaem_partners_title: "Partner dan Kolaborator", - + grp_limaem_divisi_title: "Divisi Kepengurusan HMIF", grp_limaem_divisi_desc: "Struktur organisasi yang dirancang untuk efisiensi dan pengembangan kapasitas anggota di berbagai bidang strategis.", grp_limaem_divisi_b1_label: "Bidang 1", @@ -604,7 +604,7 @@ const translations = { grp_limaem_divisi_b6_label: "Bidang 6", grp_limaem_divisi_b6_title: "Kewirausahaan dan Kemitraan", grp_limaem_divisi_b6_desc: "Divisi ini mengembangkan unit usaha organisasi, merancang skema pendanaan kreatif, dan menjalin kemitraan strategis untuk mendukung keberlanjutan program HMIF. Unit kerjanya meliputi riset peluang usaha, penyusunan proposal kemitraan, dan pengelolaan sponsor untuk meningkatkan kemandirian finansial dan akses jaringan profesional.", - + grp_limaem_kegiatan_title: "Kegiatan Unggulan", grp_limaem_kegiatan_subtitle: "Kegiatan tahunan yang menjadi ikon Informatika UNTAN.", grp_limaem_kegiatan_c1_title: "Silaturahmi Keluarga Besar Informatika", @@ -617,9 +617,11 @@ const translations = { grp_limaem_kegiatan_c4_desc: "Program intensif pengembangan skill teknis mahasiswa Informatika bersama mentor profesional dari industri.", grp_limaem_kegiatan_c5_title: "UPC", grp_limaem_kegiatan_c5_desc: "Kompetisi Pemograman untuk mengasah skill coding mahasiswa Informatika.", - grp_limaem_kegiatan_c6_title: "INFORMERS", - grp_limaem_kegiatan_c6_desc: "Perayaan ulang tahun Informatika UNTAN, momen kebersamaan dan kebanggaan seluruh keluarga besar Informatika.", - + grp_limaem_kegiatan_c6_title: "Study Excursion", + grp_limaem_kegiatan_c6_desc: "Study Excursion menjadi pengalaman berharga bagi mahasiswa semester 5 untuk belajar di luar kampus, memperluas wawasan, mengenal suasana baru, serta menciptakan kenangan berkesan bersama selama perjalanan.", + grp_limaem_kegiatan_c7_title: "INFORMERS", + grp_limaem_kegiatan_c7_desc: "Perayaan ulang tahun Informatika UNTAN, momen kebersamaan dan kebanggaan seluruh keluarga besar Informatika.", + grp_limaem_sc_title: "STUDY CLUB", grp_limaem_sc_arise_title: "ARISE", grp_limaem_sc_arise_desc: "Belajar logika dan algoritma bersama, di mana kalian bisa berkembang dan membuka peluang mengikuti kompetisi pemrograman di berbagai level.", @@ -627,9 +629,9 @@ const translations = { grp_limaem_sc_minerva_desc: "Gali potensi tersembunyi dari tumpukan data! Di sini kita akan bereksplorasi dengan algoritma Machine Learning, membedah teknik klasifikasi, hingga melatih model prediktif untuk menghasilkan insight yang bermakna.", grp_limaem_sc_sd_title: "Software Development (Segera Hadir)", grp_limaem_sc_sd_desc: "Wujudkan idemu jadi produk digital yang nyata! Kita akan ngoding bareng dari merancang frontend yang interaktif, membangun backend yang tangguh, serta mengintegrasikan berbagai API untuk menciptakan aplikasi web masa kini.", - + grp_limaem_galeri_title: "Galeri Keseruan", - + grp_limaem_cta_title: "Ada yang Ingin Ditanyakan Seputar HMIF?", grp_limaem_cta_desc: "Bergabunglah dengan HMIF untuk memperluas jaringan, mengasah skill, dan menciptakan dampak nyata.", grp_limaem_cta_btn: "Hubungi Kami", @@ -1217,9 +1219,9 @@ const translations = { grp_limaem_about_stat_students: "Active Students", grp_limaem_about_stat_partners: "PARTNERS", grp_limaem_about_badge: "Inclusivity & Collaboration", - + grp_limaem_partners_title: "Partners and Collaborators", - + grp_limaem_divisi_title: "HMIF Organizational Divisions", grp_limaem_divisi_desc: "An organizational structure designed for efficiency and capacity building across various strategic fields.", grp_limaem_divisi_b1_label: "Division 1", @@ -1240,7 +1242,7 @@ const translations = { grp_limaem_divisi_b6_label: "Division 6", grp_limaem_divisi_b6_title: "Entrepreneurship and Partnerships", grp_limaem_divisi_b6_desc: "This division develops organizational business units, designs creative funding schemes, and establishes strategic partnerships to support the sustainability of HMIF programs. Its work units include business opportunity research, partnership proposal development, and sponsorship management to enhance financial independence and professional networking access.", - + grp_limaem_kegiatan_title: "Flagship Events", grp_limaem_kegiatan_subtitle: "Annual events that have become icons of Informatics UNTAN.", grp_limaem_kegiatan_c1_title: "Informatics Family Gathering", @@ -1253,9 +1255,11 @@ const translations = { grp_limaem_kegiatan_c4_desc: "An intensive technical skill development program for Informatics students, guided by professional mentors from the industry.", grp_limaem_kegiatan_c5_title: "UPC", grp_limaem_kegiatan_c5_desc: "A Programming Competition to sharpen the coding skills of Informatics students.", - grp_limaem_kegiatan_c6_title: "INFORMERS", - grp_limaem_kegiatan_c6_desc: "The anniversary celebration of Informatics UNTAN, a moment of togetherness and pride for the entire Informatics family.", - + grp_limaem_kegiatan_c6_title: "Study Excursion", + grp_limaem_kegiatan_c6_desc: "Study Excursion is a valuable experience for 5th semester students to study outside the campus, broaden their horizons, get to know new atmospheres, and create memorable memories together during the trip.", + grp_limaem_kegiatan_c7_title: "INFORMERS", + grp_limaem_kegiatan_c7_desc: "The anniversary celebration of Informatics UNTAN, a moment of togetherness and pride for the entire Informatics family.", + grp_limaem_sc_title: "STUDY CLUBS", grp_limaem_sc_arise_title: "ARISE", grp_limaem_sc_arise_desc: "Learn logic and algorithms together, where you can grow and open opportunities to participate in programming competitions at various levels.", @@ -1263,9 +1267,9 @@ const translations = { grp_limaem_sc_minerva_desc: "Uncover hidden potential from mountains of data! Here we explore Machine Learning algorithms, dissect classification techniques, and train predictive models to generate meaningful insights.", grp_limaem_sc_sd_title: "Software Development (Coming Soon)", grp_limaem_sc_sd_desc: "Turn your ideas into real digital products! We will code together — from designing interactive frontends and building robust backends, to integrating various APIs to create modern web applications.", - + grp_limaem_galeri_title: "Fun Gallery", - + grp_limaem_cta_title: "Have Questions About HMIF?", grp_limaem_cta_desc: "Join HMIF to expand your network, sharpen your skills, and create real impact.", grp_limaem_cta_btn: "Contact Us", diff --git a/fix.js b/fix.js deleted file mode 100644 index b86e889..0000000 --- a/fix.js +++ /dev/null @@ -1,73 +0,0 @@ -const fs = require('fs'); -let c = fs.readFileSync('groups/LimaEm/index.html', 'utf8'); - -const oldHeroGrad = '
'; -const newHeroGrad = '
'; -c = c.replace(oldHeroGrad, newHeroGrad); - -const oldPhotoStr = \ -
- - -
- - -
- Ruang Tumbuh HMIF Universitas Tanjungpura - -
-
- - -
- -

- Inklusivitas &
Kolaborasi -

-
-
\; -const newPhotoStr = \ -
- -
- - -
- Ruang Tumbuh HMIF Universitas Tanjungpura - -
-
- - -
- -

- Inklusivitas &
Kolaborasi -

-
-
\; -c = c.replace(oldPhotoStr, newPhotoStr); -fs.writeFileSync('groups/LimaEm/index.html', c); -console.log('HTML layout fixed'); diff --git a/groups/LimaEm/assets/images/kegiatan-unggulan/SE.jpeg b/groups/LimaEm/assets/images/kegiatan-unggulan/SE.jpeg new file mode 100644 index 0000000..4d9c280 Binary files /dev/null and b/groups/LimaEm/assets/images/kegiatan-unggulan/SE.jpeg differ diff --git a/groups/LimaEm/assets/js/main.js b/groups/LimaEm/assets/js/main.js index 0eb06e5..10a4cd2 100644 --- a/groups/LimaEm/assets/js/main.js +++ b/groups/LimaEm/assets/js/main.js @@ -16,7 +16,7 @@ (function () { var mobileMenuButton = document.getElementById('mobile-menu-button'); - var mobileMenu = document.getElementById('mobile-menu'); + var mobileMenu = document.getElementById('mobile-menu'); if (!mobileMenuButton || !mobileMenu) return; @@ -346,15 +346,15 @@ var AUTO_DELAY_MS = 4000; // 4 detik per slide var GAP_PX = 16 * 2; // grid gap-4 = 1rem? but original used gap-4; keep reasonable spacing if needed - var track = document.getElementById('galeri-track'); + var track = document.getElementById('galeri-track'); var viewport = document.getElementById('galeri-viewport'); - var prevBtn = document.getElementById('galeri-prev'); - var nextBtn = document.getElementById('galeri-next'); + var prevBtn = document.getElementById('galeri-prev'); + var nextBtn = document.getElementById('galeri-next'); var dotsContainer = document.getElementById('galeri-dots'); if (!track || !viewport || !prevBtn || !nextBtn) return; - var currentSlide = 0; + var currentSlide = 0; var autoSlideTimer; var originalHTML = track.innerHTML; @@ -395,7 +395,7 @@ var btn = document.createElement('button'); btn.className = 'galeri-dot h-2.5 rounded-full transition-all duration-300 ' + (i === 0 ? 'bg-hmif-primary w-6' : 'bg-gray-200 w-2.5'); btn.setAttribute('data-index', String(i)); - btn.setAttribute('aria-label', 'Slide ' + (i+1)); + btn.setAttribute('aria-label', 'Slide ' + (i + 1)); (function (idx) { btn.addEventListener('click', function () { goToSlide(idx); startAutoSlide(); }); })(i); dotsContainer.appendChild(btn); } @@ -465,14 +465,14 @@ // ============================================================================= (function () { - var TOTAL_CARDS = 6; + var TOTAL_CARDS = 7; var AUTO_DELAY_MS = 2000; - var GAP_PX = 32; // gap-8 = 2rem = 32px (tailwind) + var GAP_PX = 32; // gap-8 = 2rem = 32px (tailwind) - var track = document.getElementById('slider-track'); + var track = document.getElementById('slider-track'); var viewport = document.getElementById('slider-viewport'); - var prevBtn = document.getElementById('slider-prev'); - var nextBtn = document.getElementById('slider-next'); + var prevBtn = document.getElementById('slider-prev'); + var nextBtn = document.getElementById('slider-next'); var dotsContainer = document.getElementById('slider-dots'); if (!track || !viewport || !prevBtn || !nextBtn) return; @@ -518,9 +518,10 @@ dotsContainer.innerHTML = ''; for (var i = 0; i < n; i++) { var btn = document.createElement('button'); - btn.className = 'slider-dot h-2.5 rounded-full transition-all duration-300 ' + (i === 0 ? 'bg-hmif-primary w-6' : 'bg-gray-200 w-2.5'); + btn.className = 'slider-dot h-2.5 w-2.5 rounded-full transition-all duration-300 bg-gray-200 cursor-pointer'; + if (i === 0) { btn.classList.remove('w-2.5', 'bg-gray-200'); btn.classList.add('w-6', 'bg-hmif-primary'); } btn.setAttribute('data-index', String(i)); - btn.setAttribute('aria-label', 'Slide ' + (i+1)); + btn.setAttribute('aria-label', 'Slide ' + (i + 1)); (function (idx) { btn.addEventListener('click', function () { goTo(idx); startAuto(); }); })(i); dotsContainer.appendChild(btn); } diff --git a/groups/LimaEm/index.html b/groups/LimaEm/index.html index 2d5cc4f..c4b5d52 100644 --- a/groups/LimaEm/index.html +++ b/groups/LimaEm/index.html @@ -1,5 +1,6 @@ - + + @@ -8,9 +9,11 @@ - + - + @@ -1164,890 +1172,1003 @@
-
-
- Tugas Halaman Statis -

Kehidupan Mahasiswa & Himpunan (HMIF)

-

Kelompok 07 — LIMA EM  ·  Informatika UNTAN 2026

-
-
+
- - -
+ + +
- Foto Kegiatan Mahasiswa + Foto Kegiatan Mahasiswa -
+
+
-
+
-
+
-
- -
- COMMUNITY & LEADERSHIP -
- -

- Kehidupan Mahasiswa & Himpunan (HMIF) -

- -

- Membangun ekosistem kolaboratif di mana teknologi bertemu dengan - kreativitas, membentuk calon pemimpin industri masa depan. -

- - +
+
+ COMMUNITY & LEADERSHIP
- +

+ Kehidupan Mahasiswa & Himpunan (HMIF) +

+ +

+ Membangun ekosistem kolaboratif di mana teknologi bertemu dengan + kreativitas, membentuk calon pemimpin industri masa depan. +

+ +
+ + +
-
+
+ - -
-
-
+ +
+
+
- -
+ +
- -

- Ruang Tumbuh Bagi
Mahasiswa Informatika -

+ +

+ Ruang Tumbuh Bagi
Mahasiswa Informatika +

- -
-

- Himpunan Mahasiswa Informatika (HMIF) Universitas Tanjungpura bukan sekadar - organisasi, melainkan rumah bagi para pemimpin teknologi. Kami percaya bahwa - pendidikan formal adalah fondasi, namun komunitas adalah akselerator. -

-

- Melalui berbagai inisiatif, kami menjembatani kesenjangan antara kurikulum - akademik dan kebutuhan industri, sambil tetap menjaga semangat kekeluargaan - dan integritas ilmiah. + +

+

+ Himpunan Mahasiswa Informatika (HMIF) Universitas Tanjungpura bukan sekadar + organisasi, melainkan rumah bagi para pemimpin teknologi. Kami percaya bahwa + pendidikan formal adalah fondasi, namun komunitas adalah akselerator. +

+

+ Melalui berbagai inisiatif, kami menjembatani kesenjangan antara kurikulum + akademik dan kebutuhan industri, sambil tetap menjaga semangat kekeluargaan + dan integritas ilmiah. +

+
+ + +
+
+

+ 518

+

+ Mahasiswa Aktif

+
+

+ 8

+

+ MITRA +

+
+
+
- -
-
-

- 518

-

- Mahasiswa Aktif -

-
-
-

- 8

-

- MITRA -

-
+ +
+ + +
+ + +
+ Ruang Tumbuh HMIF Universitas Tanjungpura + +
- -
- - -
- - -
- Ruang Tumbuh HMIF Universitas Tanjungpura - -
-
- - -
- -

- Inklusivitas &
Kolaborasi -

-
+ +

+ Inklusivitas &
Kolaborasi +

+
+
+
+
+ + +
+
+

+ Partner dan Kolaborator +

+ +
+ + + Namaku + + + + + Sobat Konveksi + + + +
+ Ayani Megamall +
+ + +
+ Indofood +
+ + +
+ Playhera +
+ + +
+ PLN +
+ + +
+ RTech +
+ + +
+ Rumangsa
-
+
+
- -
-
-

- Partner dan Kolaborator + + +
+
+ +
+

+ Divisi Kepengurusan HMIF

- -
- - - Namaku - - - - - Sobat Konveksi - - - -
- Ayani Megamall -
- - -
- Indofood -
- - -
- Playhera -
- - -
- PLN -
- - -
- RTech -
- - -
- Rumangsa -
-
+

+ Struktur organisasi yang dirancang untuk efisiensi dan pengembangan kapasitas anggota di + berbagai + bidang strategis. +

-
- - -
-
- -
-

- Divisi Kepengurusan HMIF -

-

- Struktur organisasi yang dirancang untuk efisiensi dan pengembangan kapasitas anggota di berbagai - bidang strategis. + +

+ +
+ + Bidang 1 + +

+ Pengembangan Sumber Daya Mahasiswa dan Kaderisasi +

+

+ Divisi ini menyelenggarakan kaderisasi terstruktur, mentoring berkala, dan pelatihan + kepemimpinan serta soft-skill. Program kerja mencakup onboarding anggota baru, + workshop kepemimpinan, proyek kolaboratif, dan kegiatan pengabdian yang melatih + tanggung jawab sosial. Fokusnya adalah menyiapkan kader yang kompeten dan + menjaga regenerasi organisasi.

- -
- -
- - Bidang 1 - -

- Pengembangan Sumber Daya Mahasiswa dan Kaderisasi -

-

- Divisi ini menyelenggarakan kaderisasi terstruktur, mentoring berkala, dan pelatihan - kepemimpinan serta soft-skill. Program kerja mencakup onboarding anggota baru, - workshop kepemimpinan, proyek kolaboratif, dan kegiatan pengabdian yang melatih - tanggung jawab sosial. Fokusnya adalah menyiapkan kader yang kompeten dan - menjaga regenerasi organisasi. -

-
- - -
- - Bidang 2 - -

- Media Komunikasi dan Konten Digital -

-

- Divisi ini mengelola strategi komunikasi dan produksi konten HMIF, termasuk - perencanaan editorial, manajemen media sosial, serta dokumentasi acara. Program - kerjanya meliputi pembuatan materi promosi, publikasi kegiatan, dan penguatan - identitas digital agar informasi organisasi tersampaikan konsisten dan menarik. -

-
- - -
- - Bidang 3 - -

- Inovasi dan Kompetisi Teknologi -

-

- Divisi ini memfasilitasi persiapan lomba dan pengembangan proyek teknis melalui - coaching clinic, bootcamp berbasis proyek, serta study club untuk Competitive - Programming, Software Development, dan Data/ML. Kegiatan termasuk seleksi internal, - bimbingan kompetitif, dan inisiatif digitalisasi seperti pengembangan website - dan dashboard untuk mendukung ekosistem inovasi HMIF. -

-
- - -
- - Bidang 4 - -

- Pengembangan Organisasi -

-

- Divisi ini memperkuat tata kelola dan kapabilitas internal melalui pelatihan - pengurus, penyusunan SOP sederhana, dan evaluasi proses kerja. Program kerjanya - mencakup pengembangan budaya organisasi, peningkatan efektivitas koordinasi, dan - kegiatan peningkatan profesionalisme sehingga operasi HMIF menjadi lebih terstruktur - dan efisien. -

-
- - -
- - Bidang 5 - -

- Sosial Masyarakat -

-

- Divisi ini merancang dan melaksanakan program pengabdian serta aksi sosial yang - berdampak, termasuk pendampingan komunitas dan bantuan kemanusiaan. Kegiatan - meliputi identifikasi kebutuhan lapangan, pelaksanaan terstruktur, dan evaluasi - dampak untuk memastikan keberlanjutan dan manfaat nyata bagi masyarakat. -

-
- - -
- - Bidang 6 - -

- Kewirausahaan dan Kemitraan -

-

- Divisi ini mengembangkan unit usaha organisasi, merancang skema pendanaan kreatif, - dan menjalin kemitraan strategis untuk mendukung keberlanjutan program HMIF. Unit - kerjanya meliputi riset peluang usaha, penyusunan proposal kemitraan, dan - pengelolaan sponsor untuk meningkatkan kemandirian finansial dan akses jaringan - profesional. -

-
-
-
-
- - -
-
- -
-

- Kegiatan Unggulan -

-

- Kegiatan tahunan yang menjadi ikon Informatika UNTAN. + +

+ + Bidang 2 + +

+ Media Komunikasi dan Konten Digital +

+

+ Divisi ini mengelola strategi komunikasi dan produksi konten HMIF, termasuk + perencanaan editorial, manajemen media sosial, serta dokumentasi acara. Program + kerjanya meliputi pembuatan materi promosi, publikasi kegiatan, dan penguatan + identitas digital agar informasi organisasi tersampaikan konsisten dan menarik.

- -
- - - - -
- -
- - -
-
- Silaturahmi Keluarga Besar -
-
-
- 27 - Feb -
-
-

- Silaturahmi Keluarga Besar Informatika

-

Kegiatan buka bersama - seluruh keluarga Informatika Untan yang selalu diadakan setiap tahunnya.

-
-
-
- - -
-
- Bootcamp HMIF -
-
-
- 1 - Jul -
-
-

- GEMASTIK

-

Ajang kompetisi IT bergengsi tingkat nasional tahunan dari kementerian. - Wadah bagi mahasiswa Informatika UNTAN untuk unjuk - gigi di bidang programming, cyber security, data mining, hingga UI/UX. -

-
-
-
- - -
-
- Perayaan 17 Agustus -
-
-
- 17 - Agu -
-
-

- Perayaan 17 Agustus

-

Momen perayaan Hari Kemerdekaan Indonesia yang diisi dengan berbagai perlombaan menarik. - Ajang seru-seruan bersama untuk mempererat rasa nasionalisme dan kekeluargaan mahasiswa Informatika.

-
-
-
- - -
-
- Bootcamp HMIF -
-
-
- 28 - Agu -
-
-

- Bootcamp HMIF

-

Program intensif - pengembangan skill teknis mahasiswa Informatika bersama mentor profesional dari - industri.

-
-
-
- - -
-
- UPC 2025 -
-
-
- 13 - Sep -
-
-

- UPC

-

Kompetisi Pemograman untuk - mengasah skill coding mahasiswa Informatika.

-
-
-
- - -
-
- Ultah Informatika -
-
-
- 25 - Okt -
-
-

- INFORMERS

-

Perayaan ulang tahun - Informatika UNTAN, momen kebersamaan dan kebanggaan seluruh keluarga besar - Informatika.

-
-
-
- -
-
- - - + +
+ + Bidang 3 + +

+ Inovasi dan Kompetisi Teknologi +

+

+ Divisi ini memfasilitasi persiapan lomba dan pengembangan proyek teknis melalui + coaching clinic, bootcamp berbasis proyek, serta study club untuk Competitive + Programming, Software Development, dan Data/ML. Kegiatan termasuk seleksi internal, + bimbingan kompetitif, dan inisiatif digitalisasi seperti pengembangan website + dan dashboard untuk mendukung ekosistem inovasi HMIF. +

- -
- - - - - + +
+ + Bidang 4 + +

+ Pengembangan Organisasi +

+

+ Divisi ini memperkuat tata kelola dan kapabilitas internal melalui pelatihan + pengurus, penyusunan SOP sederhana, dan evaluasi proses kerja. Program kerjanya + mencakup pengembangan budaya organisasi, peningkatan efektivitas koordinasi, dan + kegiatan peningkatan profesionalisme sehingga operasi HMIF menjadi lebih terstruktur + dan efisien. +

+
+ + +
+ + Bidang 5 + +

+ Sosial Masyarakat +

+

+ Divisi ini merancang dan melaksanakan program pengabdian serta aksi sosial yang + berdampak, termasuk pendampingan komunitas dan bantuan kemanusiaan. Kegiatan + meliputi identifikasi kebutuhan lapangan, pelaksanaan terstruktur, dan evaluasi + dampak untuk memastikan keberlanjutan dan manfaat nyata bagi masyarakat. +

+
+ + +
+ + Bidang 6 + +

+ Kewirausahaan dan Kemitraan +

+

+ Divisi ini mengembangkan unit usaha organisasi, merancang skema pendanaan kreatif, + dan menjalin kemitraan strategis untuk mendukung keberlanjutan program HMIF. Unit + kerjanya meliputi riset peluang usaha, penyusunan proposal kemitraan, dan + pengelolaan sponsor untuk meningkatkan kemandirian finansial dan akses jaringan + profesional. +

-
+

+
- -
-
- -
-

- STUDY CLUB -

-
-
- - -
- -
-
- - - - -
-
-

- ARISE -

-

- Belajar logika dan algoritma bersama, di mana kalian bisa berkembang dan membuka peluang - mengikuti kompetisi pemrograman di berbagai level. -

-
-
- - -
-
- - - - -
-
-

- MINERVA -

-

- Gali potensi tersembunyi dari tumpukan data! Di sini kita akan bereksplorasi dengan - algoritma Machine Learning, membedah teknik klasifikasi, hingga melatih model - prediktif untuk menghasilkan insight yang bermakna. -

-
-
- -
-
- - - - -
-
-

- Software Development (Soon) -

-

- Wujudkan idemu jadi produk digital yang nyata! Kita akan ngoding bareng dari merancang - frontend yang interaktif, membangun backend yang tangguh, serta - mengintegrasikan berbagai API untuk menciptakan aplikasi web masa kini. -

-
-
-
+ +
+
+ +
+

+ Kegiatan Unggulan +

+

+ Kegiatan tahunan yang menjadi ikon Informatika UNTAN. +

-
- -
-
+ +
+ + - -
-

- Galeri Keseruan -

-
+ +
+ +
- -
- - - - - -
- - -
- - -
-
- - - UPC V - - - - - - - + +
+
+ Silaturahmi Keluarga Besar +
+
+
+ 27 + Feb +
+
+

+ Silaturahmi Keluarga Besar Informatika

+

Kegiatan buka + bersama + seluruh keluarga Informatika Untan yang selalu diadakan setiap tahunnya. +

+
- -
-
- - Ulang Tahun Informatika - - - - + +
+
+ Bootcamp HMIF +
+
+
+ 1 + Jul +
+
+

+ GEMASTIK

+

Ajang + kompetisi IT bergengsi tingkat nasional tahunan dari kementerian. + Wadah bagi mahasiswa Informatika UNTAN untuk unjuk + gigi di bidang programming, cyber security, data + mining, hingga UI/UX. +

+
- -
-
- - UPC V - - - - + +
+
+ Perayaan 17 Agustus +
+
+
+ 17 + Agu +
+
+

+ Perayaan 17 Agustus

+

Momen perayaan + Hari Kemerdekaan Indonesia yang diisi dengan berbagai perlombaan + menarik. + Ajang seru-seruan bersama untuk mempererat rasa nasionalisme dan + kekeluargaan mahasiswa Informatika.

+
-
-
+ +
+
+ Bootcamp HMIF +
+
+
+ 28 + Agu +
+
+

+ Bootcamp HMIF

+

Program + intensif + pengembangan skill teknis mahasiswa Informatika bersama mentor + profesional dari + industri.

+
+
+
- - + +
+
+ UPC 2025 +
+
+
+ 20 + Okt +
+
+

+ UPC

+

Kompetisi + Pemograman untuk + mengasah skill coding mahasiswa Informatika.

+
+
+
-
+ +
+
+ Study Excursion +
+
+
+ 20 + Okt +
+
+

+ Study Excursion

+

Study Excursion + menjadi pengalaman + berharga bagi mahasiswa semester 5 untuk belajar di luar kampus, + memperluas wawasan, + mengenal suasana baru, serta menciptakan kenangan berkesan bersama + selama perjalanan.

+
+
+
- -
- - - -
+ +
+
+ Ultah Informatika +
+
+
+ 25 + Okt +
+
+

+ INFORMERS

+

Perayaan ulang + tahun + Informatika UNTAN, momen kebersamaan dan kebanggaan seluruh keluarga + besar + Informatika.

+
+
+
+
+
+ + +
-
- -
-
+ +
+ + + + + + +
+
+
+ + +
+
+ +
+

+ STUDY CLUB +

+
+
+ + +
+
+ class="bg-white p-8 md:p-10 rounded-2xl shadow-sm hover:shadow-md border border-gray-100/50 transition-all duration-300 flex flex-col space-y-6"> +
+ + + + +
+
+

+ ARISE +

+

+ Belajar logika dan algoritma bersama, di mana kalian bisa berkembang dan membuka + peluang + mengikuti kompetisi pemrograman di berbagai level. +

+
+
-
-
-
+ +
+
+ + + + +
+
+

+ MINERVA +

+

+ Gali potensi tersembunyi dari tumpukan data! Di sini kita akan bereksplorasi dengan + algoritma Machine Learning, membedah teknik klasifikasi, hingga melatih + model + prediktif untuk menghasilkan insight yang bermakna. +

+
+
+ +
+
+ + + + +
+
+

+ Software Development (Soon) +

+

+ Wujudkan idemu jadi produk digital yang nyata! Kita akan ngoding bareng dari + merancang + frontend yang interaktif, membangun backend yang tangguh, serta + mengintegrasikan berbagai API untuk menciptakan aplikasi web masa kini. +

+
+
+
+
+
-
-
-

- Ada yang Ingin Ditanyakan Seputar HMIF? -

+ +
+
-

- Bergabunglah dengan HMIF untuk memperluas jaringan, mengasah skill, dan - menciptakan dampak nyata. -

+ +
+

+ Galeri Keseruan +

+
-
- - Hubungi Kami + + + + +
+ + + +
+ +
+
+ + +
+
+
+ +
+
+
+
+ +
+
+

+ Ada yang Ingin Ditanyakan Seputar HMIF? +

+ +

+ Bergabunglah dengan HMIF untuk memperluas jaringan, mengasah skill, dan + menciptakan dampak nyata. +

+ + +
-
-
-
-

- Sekretariat -

-

- Gedung Fakultas Teknik Lt. 2
- Jl. Prof. Dr. H. Hadari Nawawi -

-
+
+
+
+

+ Sekretariat +

+

+ Gedung Fakultas Teknik Lt. 2
+ Jl. Prof. Dr. H. Hadari Nawawi +

+
-
-

- Jam Operasional -

-

- Senin - Jumat
- 08:00 - 17:00 WIB -

-
+
+

+ Jam Operasional +

+

+ Senin - Jumat
+ 08:00 - 17:00 WIB +

+
-
-

- Media Sosial -

-

- @hmif.untan
- YouTube: HMIF UNTAN TV -

-
+
+

+ Media Sosial +

+

+ @hmif_ftuntan
+

-
- +
+
+
@@ -2110,8 +2231,8 @@
- Footer Illustration + Footer Illustration
@@ -2134,15 +2255,15 @@ var AUTO_DELAY_MS = 4000; // 4 detik per slide var GAP_PX = 16 * 2; // grid gap-4 = 1rem? but original used gap-4; keep reasonable spacing if needed - var track = document.getElementById('galeri-track'); + var track = document.getElementById('galeri-track'); var viewport = document.getElementById('galeri-viewport'); - var prevBtn = document.getElementById('galeri-prev'); - var nextBtn = document.getElementById('galeri-next'); + var prevBtn = document.getElementById('galeri-prev'); + var nextBtn = document.getElementById('galeri-next'); var dotsContainer = document.getElementById('galeri-dots'); if (!track || !viewport || !prevBtn || !nextBtn) return; - var currentSlide = 0; + var currentSlide = 0; var autoSlideTimer; var originalHTML = track.innerHTML; @@ -2183,7 +2304,7 @@ var btn = document.createElement('button'); btn.className = 'galeri-dot h-2.5 rounded-full transition-all duration-300 ' + (i === 0 ? 'bg-hmif-primary w-6' : 'bg-gray-200 w-2.5'); btn.setAttribute('data-index', String(i)); - btn.setAttribute('aria-label', 'Slide ' + (i+1)); + btn.setAttribute('aria-label', 'Slide ' + (i + 1)); (function (idx) { btn.addEventListener('click', function () { goToSlide(idx); startAutoSlide(); }); })(i); dotsContainer.appendChild(btn); } @@ -2253,14 +2374,14 @@ // ============================================================================= (function () { - var TOTAL_CARDS = 6; + var TOTAL_CARDS = 7; var AUTO_DELAY_MS = 2000; - var GAP_PX = 32; // gap-8 = 2rem = 32px (tailwind) + var GAP_PX = 32; // gap-8 = 2rem = 32px (tailwind) - var track = document.getElementById('slider-track'); + var track = document.getElementById('slider-track'); var viewport = document.getElementById('slider-viewport'); - var prevBtn = document.getElementById('slider-prev'); - var nextBtn = document.getElementById('slider-next'); + var prevBtn = document.getElementById('slider-prev'); + var nextBtn = document.getElementById('slider-next'); var dotsContainer = document.getElementById('slider-dots'); if (!track || !viewport || !prevBtn || !nextBtn) return; @@ -2306,9 +2427,10 @@ dotsContainer.innerHTML = ''; for (var i = 0; i < n; i++) { var btn = document.createElement('button'); - btn.className = 'slider-dot h-2.5 rounded-full transition-all duration-300 ' + (i === 0 ? 'bg-hmif-primary w-6' : 'bg-gray-200 w-2.5'); + btn.className = 'slider-dot h-2.5 w-2.5 rounded-full transition-all duration-300 bg-gray-200 cursor-pointer'; + if (i === 0) { btn.classList.remove('w-2.5', 'bg-gray-200'); btn.classList.add('w-6', 'bg-hmif-primary'); } btn.setAttribute('data-index', String(i)); - btn.setAttribute('aria-label', 'Slide ' + (i+1)); + btn.setAttribute('aria-label', 'Slide ' + (i + 1)); (function (idx) { btn.addEventListener('click', function () { goTo(idx); startAuto(); }); })(i); dotsContainer.appendChild(btn); } @@ -2444,27 +2566,28 @@ })(); - + - + + \ No newline at end of file diff --git a/groups/LimaEm/style.css b/groups/LimaEm/style.css index c31a92b..6a695df 100644 --- a/groups/LimaEm/style.css +++ b/groups/LimaEm/style.css @@ -45,3 +45,26 @@ body { font-family: "Roboto", Arial, sans-serif; color: var(--text-main); backgr .footer-inner { display: flex; align-items: center; justify-content: center; gap: .75rem; padding: 1rem 0; } .footer-logo { height: 28px; width: auto; } .footer-ornament { width: 100%; display: block; opacity: .9; } + +/* ===== Slider Dot Indicators ===== */ +.slider-dot, +.galeri-dot { + display: inline-block; + height: 10px; + width: 10px; + min-width: 10px; + border-radius: 9999px; + background-color: #d1d5db; /* gray-300 fallback */ + cursor: pointer; + border: none; + padding: 0; + transition: width 0.3s ease, background-color 0.3s ease; + flex-shrink: 0; +} + +.slider-dot.bg-hmif-primary, +.galeri-dot.bg-hmif-primary { + background-color: #0b2f4c; /* --color-hmif-primary dari output.css */ + width: 24px; +} +