FH/student-web-if-development-kit
1
0
Fork 0
forked from izu/student-web-if-development-kit
Code Pull Requests Activity

feat(LimaEm): menambahkan beberapa konten dan memperbarui beberapa link

Browse Source
This commit is contained in:
unknown
2026-06-05 08:49:33 +07:00
parent 563af0ec56
commit 4e38e7524b
6 changed files with 1024 additions and 854 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/LimaEm/assets/data/mahasiswa_aktif.json
+8
View File
@@ -0,0 +1,8 @@
{
"prodi": "TEKNIK INFORMATIKA",
"jenjang": "S1",
"perguruan_tinggi": "UNIVERSITAS TANJUNGPURA",
"mahasiswa_aktif": null,
"prodi_id": "-r8ls2jHMO0ZPJXW54_mjDzsupgwaib7uuKUVGbhkZQRTlIoA3djkrAHY9Txz4RI_u9_xg==",
"source": "pddiktipy"
}
groups/LimaEm/assets/images/kegiatan-unggulan/SE.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

groups/LimaEm/assets/js/main.js
+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);
}
groups/LimaEm/index.html
+971 -837
View File
File diff suppressed because it is too large Load Diff
groups/LimaEm/style.css
+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;
}