Compare commits

..

10 Commits

6 changed files with 1023 additions and 808 deletions
+10 -6
View File
@@ -571,7 +571,7 @@ const translations = {
kontrib_guideline_5: "Tim redaksi berhak menyunting konten untuk keperluan editorial.", kontrib_guideline_5: "Tim redaksi berhak menyunting konten untuk keperluan editorial.",
grp_limaem_hero_badge: "KOMUNITAS & KEPEMIMPINAN", 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_desc: "Membangun ekosistem kolaboratif di mana teknologi bertemu dengan kreativitas, membentuk calon pemimpin industri masa depan.",
grp_limaem_hero_btn: "Lihat Struktur Kepengurusan", 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_c4_desc: "Program intensif pengembangan skill teknis mahasiswa Informatika bersama mentor profesional dari industri.",
grp_limaem_kegiatan_c5_title: "UPC", grp_limaem_kegiatan_c5_title: "UPC",
grp_limaem_kegiatan_c5_desc: "Kompetisi Pemograman untuk mengasah skill coding mahasiswa Informatika.", grp_limaem_kegiatan_c5_desc: "Kompetisi Pemograman untuk mengasah skill coding mahasiswa Informatika.",
grp_limaem_kegiatan_c6_title: "INFORMERS", grp_limaem_kegiatan_c6_title: "Study Excursion",
grp_limaem_kegiatan_c6_desc: "Perayaan ulang tahun Informatika UNTAN, momen kebersamaan dan kebanggaan seluruh keluarga besar Informatika.", 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_title: "STUDY CLUB",
grp_limaem_sc_arise_title: "ARISE", 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.", kontrib_guideline_5: "The editorial team reserves the right to edit content for editorial purposes.",
grp_limaem_hero_badge: "COMMUNITY & LEADERSHIP", 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_desc: "Building a collaborative ecosystem where technology meets creativity, shaping the industry leaders of tomorrow.",
grp_limaem_hero_btn: "View Organizational Structure", 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_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_title: "UPC",
grp_limaem_kegiatan_c5_desc: "A Programming Competition to sharpen the coding skills of Informatics students.", 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_title: "Study Excursion",
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_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_title: "STUDY CLUBS",
grp_limaem_sc_arise_title: "ARISE", grp_limaem_sc_arise_title: "ARISE",
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

+5 -4
View File
@@ -395,7 +395,7 @@
var btn = document.createElement('button'); 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.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('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); (function (idx) { btn.addEventListener('click', function () { goToSlide(idx); startAutoSlide(); }); })(i);
dotsContainer.appendChild(btn); dotsContainer.appendChild(btn);
} }
@@ -465,7 +465,7 @@
// ============================================================================= // =============================================================================
(function () { (function () {
var TOTAL_CARDS = 6; var TOTAL_CARDS = 7;
var AUTO_DELAY_MS = 2000; var AUTO_DELAY_MS = 2000;
var GAP_PX = 32; // gap-8 = 2rem = 32px (tailwind) var GAP_PX = 32; // gap-8 = 2rem = 32px (tailwind)
@@ -518,9 +518,10 @@
dotsContainer.innerHTML = ''; dotsContainer.innerHTML = '';
for (var i = 0; i < n; i++) { for (var i = 0; i < n; i++) {
var btn = document.createElement('button'); 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('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); (function (idx) { btn.addEventListener('click', function () { goTo(idx); startAuto(); }); })(i);
dotsContainer.appendChild(btn); dotsContainer.appendChild(btn);
} }
+381 -193
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-inner { display: flex; align-items: center; justify-content: center; gap: .75rem; padding: 1rem 0; }
.footer-logo { height: 28px; width: auto; } .footer-logo { height: 28px; width: auto; }
.footer-ornament { width: 100%; display: block; opacity: .9; } .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==", "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"peer": true,
"engines": { "engines": {
"node": ">=12" "node": ">=12"
}, },