Compare commits

...

19 Commits

Author SHA1 Message Date
Bayu e7a01dd4a1 chore(LimaEm): hapus fix.js sesuai permintaan setelah sinkronisasi 2026-06-05 10:00:42 +07:00
Farras 22f957e0f6 feat(LimaEm): menambahkan beberapa konten dan memperbarui beberapa link 2026-06-05 08:50:53 +07:00
Farras 9c870cf28c feat(LimaEm): menambahkan beberapa konten dan memperbarui beberapa link 2026-06-05 08:49:33 +07:00
ilham652 f8500db1dd Merge pull request 'Fix hover behavior on divisi kepengurusan section and color in himpunan (HMIF)' (#3) from fix/divisi-kepengurusan-hover into main
Reviewed-on: #3
2026-06-04 15:28:13 +00:00
ilham_gmail 7f2df4b08e Fix hover behavior on divisi kepengurusan section and color in himpunan (HMIF) 2026-06-04 22:25:17 +07:00
Bayu fa46a434c2 fix(LimaEm): partner aktif ring kuning + glow, partner legacy warna asli saat hover 2026-06-04 21:19:04 +07:00
Bayu e792afec16 fix(LimaEm): revert Kegiatan Unggulan to standard max-w-7xl container per user request 2026-06-04 21:07:51 +07:00
Bayu 3076c922e3 fix(LimaEm): perfect full-width layout matching max-w-7xl standard container and precise gradient inline style 2026-06-04 21:02:58 +07:00
Bayu 3e87d77b04 chore(LimaEm): add fix.js 2026-06-04 21:00:36 +07:00
Bayu 6a6f316e5f Revert "fix(LimaEm): re-apply full-width layout and inline hero styles after merging origin/main"
This reverts commit 3b52480c81.
2026-06-04 20:55:56 +07:00
Bayu 3b52480c81 fix(LimaEm): re-apply full-width layout and inline hero styles after merging origin/main 2026-06-04 20:52:07 +07:00
Bayu eef091582d Merge branch 'main' into enhance/hover-effects-and-interactions 2026-06-04 20:50:36 +07:00
Bayu 766a930542 fix(LimaEm): Hero 100% inline style — gradient biru, badge kuning, heading, dan button cocok referensi 2026-06-04 20:41:40 +07:00
powji17 c8cb265394 fix(lima-em): perbaiki layout ukuran card kegiatan unggulan dan grid galeri keseruan 2026-06-04 20:38:55 +07:00
Bayu 35f1dd3865 fix(LimaEm): break sections out of container so content fills full viewport width edge-to-edge 2026-06-04 20:27:33 +07:00
Bayu 54b00194a8 fix(LimaEm): make all sections full-width, fix button hover inline style, add yellow glow on active partners 2026-06-04 20:16:33 +07:00
powji b42edb3356 Merge pull request 'feature/konten-lima-em' (#2) from feature/konten-lima-em into main
Reviewed-on: #2
2026-06-04 13:05:55 +00:00
Bayu bedac5851e enhance(LimaEm): restore missing hover/interaction effects across all sections 2026-06-04 20:01:05 +07:00
Bayu 034b131c12 fix(LimaEm): tidy up Ruang Tumbuh layout and add Kehidupan Mahasiswa hero gradient 2026-06-04 19:40:03 +07:00
6 changed files with 1046 additions and 854 deletions
+10 -6
View File
@@ -571,7 +571,7 @@ const translations = {
kontrib_guideline_5: "Tim redaksi berhak menyunting konten untuk keperluan editorial.",
grp_limaem_hero_badge: "KOMUNITAS & KEPEMIMPINAN",
grp_limaem_hero_title: "Kehidupan Mahasiswa & Himpunan (HMIF)",
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",
@@ -617,8 +617,10 @@ 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 salah satu agenda pembelajaran luar kampus bagi mahasiswa semester 5 yang memberikan pengalaman baru, memperluas wawasan, serta mengenalkan suasana dan budaya yang berbeda. Kegiatan ini juga menjadi momen berharga untuk belajar secara langsung, membangun kebersamaan, dan menciptakan kenangan yang berkesan selama perjalanan akademik.",
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",
@@ -1207,7 +1209,7 @@ const translations = {
kontrib_guideline_5: "The editorial team reserves the right to edit content for editorial purposes.",
grp_limaem_hero_badge: "COMMUNITY & LEADERSHIP",
grp_limaem_hero_title: "Student Life & Student Association (HMIF)",
grp_limaem_hero_title: "Student Life & <span style=\"color:#f5c82f;\">Student Association (HMIF)</span>",
grp_limaem_hero_desc: "Building a collaborative ecosystem where technology meets creativity, shaping the industry leaders of tomorrow.",
grp_limaem_hero_btn: "View Organizational Structure",
@@ -1253,8 +1255,10 @@ 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 one of the off-campus learning agendas for 5th semester students, providing new experiences, broadening horizons, and introducing different atmospheres and cultures. This activity is also a precious moment for hands-on learning, building camaraderie, and creating lasting memories during the academic journey.",
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",
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

+14 -13
View File
@@ -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);
}
+999 -834
View File
File diff suppressed because it is too large Load Diff
+23
View File
@@ -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;
}
-1
View File
@@ -917,7 +917,6 @@
"integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
"dev": true,
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},