From 141eeeb6290d6afc119ef263542ea34e54d82498 Mon Sep 17 00:00:00 2001 From: BobbyAndrean Date: Thu, 4 Jun 2026 20:19:00 +0700 Subject: [PATCH] menyesuaikan layout setelah migrasi ke html, terkhusus pada layout card achievement dan portofolio --- assets/global/localization.js | 2 +- groups/ACAAB/index.html | 28 ++++++++++---------- groups/ACAAB/main.js | 48 +++++++++++++++++++++-------------- 3 files changed, 44 insertions(+), 34 deletions(-) diff --git a/assets/global/localization.js b/assets/global/localization.js index 45130c4..d759b09 100644 --- a/assets/global/localization.js +++ b/assets/global/localization.js @@ -1205,7 +1205,7 @@ const translations = { grp_acaab_ach_empty: "No achievements match the current filter.", grp_acaab_ach_loading: "Loading achievements...", grp_acaab_ach_error: "Failed to load achievements.", - grp_acaab_proj_title: "Top Projects & Portfolios", + grp_acaab_proj_title: "Top Projects & Portfolios", grp_acaab_proj_desc: "Explore digital innovations and real-world applications developed by Informatics UNTAN students.", grp_acaab_proj_scroll_hint: "← Scroll to see more →", grp_acaab_proj_search: "Search projects...", diff --git a/groups/ACAAB/index.html b/groups/ACAAB/index.html index 4fefabf..816483d 100644 --- a/groups/ACAAB/index.html +++ b/groups/ACAAB/index.html @@ -1,4 +1,4 @@ - + @@ -1177,7 +1177,7 @@ style="background:rgba(254,180,1,0.08);filter:blur(80px);margin-right:-5rem;margin-top:-5rem;"> -
+
@@ -1260,7 +1260,7 @@ style="font-size:clamp(2rem,4.5vw,4rem);font-weight:900;color:#003150;line-height:1;font-family:'Roboto Condensed',sans-serif;"> 0
+ style="font-size:clamp(0.65rem,1.5vw,0.85rem);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#003150;margin-top:0.5rem;line-height:1.3;"> Prestasi
Mahasiswa
@@ -1268,7 +1268,7 @@
0
-
Internasional
@@ -1276,7 +1276,7 @@
0
-
Nasional
@@ -1284,7 +1284,7 @@
0
-
Regional
@@ -1293,7 +1293,7 @@ style="font-size:clamp(2rem,4.5vw,4rem);font-weight:900;color:#003150;line-height:1;font-family:'Roboto Condensed',sans-serif;"> 0
+ style="font-size:clamp(0.65rem,1.5vw,0.85rem);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#003150;margin-top:0.5rem;line-height:1.3;"> Proyek
Mahasiswa
@@ -1355,7 +1355,7 @@
+ style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;justify-content:center;">
@@ -1371,13 +1371,13 @@
-
+
-
+ style="display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;"> +

Top Projects & Portofolio

+ data-i18n="grp_acaab_proj_title">Top Projects Portofolio

Jelajahi inovasi digital dan aplikasi nyata yang dikembangkan oleh mahasiswa Informatika UNTAN.

@@ -1444,8 +1444,8 @@
-
+ style="padding:3.5rem 0; margin-bottom:-3rem;"> +
diff --git a/groups/ACAAB/main.js b/groups/ACAAB/main.js index a40ece1..f182761 100644 --- a/groups/ACAAB/main.js +++ b/groups/ACAAB/main.js @@ -181,7 +181,7 @@ document.addEventListener('DOMContentLoaded', async () => { ]); if (achResult.status === 'fulfilled') { - achievements = achResult.value; + achievements = achResult.value.sort((a, b) => b.year - a.year); } else { console.error('[ACAAB] achievements error:', achResult.reason); showError('acaab-ach-grid', t('grp_acaab_ach_error')); @@ -359,9 +359,11 @@ function renderAchievements() { if (moreBtn) moreBtn.style.display = achVisible < filtered.length ? 'inline-block' : 'none'; if (lessBtn) lessBtn.style.display = achVisible > ACH_INIT ? 'inline-block' : 'none'; - grid.querySelectorAll('.acaab-ach-readmore').forEach(btn => { - btn.addEventListener('click', () => { - const ach = achievements.find(a => a.id === btn.dataset.id); + grid.querySelectorAll('.acaab-ach-card').forEach(card => { + card.addEventListener('click', (e) => { + // Biarkan tombol yang merupakan link tetap berfungsi + if (e.target.closest('a')) return; + const ach = achievements.find(a => a.id === card.dataset.id); if (ach) openAchModal(ach); }); }); @@ -369,7 +371,7 @@ function renderAchievements() { function achCardHtml(a, idx) { return ` -
+
@@ -494,11 +496,11 @@ function openAchModal(a) {
` : ''; renderModal(` - -
- ${escHtml(a.title)} -
+ +
+ ${escHtml(a.title)} +