Merge pull request '"fix(ACAAB): improve LCP, heading hierarchy, and accessibility"' (#15) from andrie/student-web-if-development-kit:fixing-performance into main

Reviewed-on: izu/student-web-if-development-kit#15
Approved
This commit is contained in:
izu
2026-06-05 05:44:04 +00:00
+9 -7
View File
@@ -1185,9 +1185,9 @@
<span class="acaab-fade-in" <span class="acaab-fade-in"
style="display:inline-block;background:#feb401;color:#0f172a;font-size:0.65rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;padding:0.2rem 0.625rem;margin-bottom:0.75rem;" style="display:inline-block;background:#feb401;color:#0f172a;font-size:0.65rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;padding:0.2rem 0.625rem;margin-bottom:0.75rem;"
data-i18n="grp_acaab_hero_badge">MAHASISWA &amp; PRESTASI</span> data-i18n="grp_acaab_hero_badge">MAHASISWA &amp; PRESTASI</span>
<h1 class="acaab-fade-in" <h2 class="acaab-fade-in"
style="font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-0.01em;margin:0 0 0.75rem;font-family:'Roboto Condensed',sans-serif;" style="font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-0.01em;margin:0 0 0.75rem;font-family:'Roboto Condensed',sans-serif;"
data-i18n="grp_acaab_hero_title">Sorotan dan Prestasi Karya Mahasiswa</h1> data-i18n="grp_acaab_hero_title">Sorotan dan Prestasi Karya Mahasiswa</h2>
<p class="acaab-fade-in" <p class="acaab-fade-in"
style="color:rgba(255,255,255,0.7);font-size:0.9375rem;line-height:1.7;margin:0;" style="color:rgba(255,255,255,0.7);font-size:0.9375rem;line-height:1.7;margin:0;"
data-i18n="grp_acaab_hero_desc">Temukan pencapaian luar biasa mahasiswa Informatika data-i18n="grp_acaab_hero_desc">Temukan pencapaian luar biasa mahasiswa Informatika
@@ -1201,6 +1201,8 @@
</div> </div>
<div style="position:relative;"> <div style="position:relative;">
<img src="./hero.png" alt="Mahasiswa Informatika UNTAN" <img src="./hero.png" alt="Mahasiswa Informatika UNTAN"
width="612" height="407"
fetchpriority="high"
style="position:relative;z-index:10;width:100%;max-width:320px;height:auto;object-fit:contain;opacity:0.95;filter:drop-shadow(0 15px 35px rgba(0,0,0,0.25));transition:transform 0.5s;" style="position:relative;z-index:10;width:100%;max-width:320px;height:auto;object-fit:contain;opacity:0.95;filter:drop-shadow(0 15px 35px rgba(0,0,0,0.25));transition:transform 0.5s;"
onerror="this.style.display='none'"> onerror="this.style.display='none'">
<!-- Gradient fades over image --> <!-- Gradient fades over image -->
@@ -1339,11 +1341,11 @@
</div> </div>
<!-- Row 3: Dropdowns --> <!-- Row 3: Dropdowns -->
<div style="display:flex;flex-wrap:wrap;gap:0.625rem;"> <div style="display:flex;flex-wrap:wrap;gap:0.625rem;">
<select id="acaab-ach-level" <select id="acaab-ach-level" aria-label="Filter tingkat prestasi"
style="flex:1;min-width:130px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select> style="flex:1;min-width:130px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select>
<select id="acaab-ach-cat" <select id="acaab-ach-cat" aria-label="Filter kategori prestasi"
style="flex:1;min-width:130px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select> style="flex:1;min-width:130px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select>
<select id="acaab-ach-year" <select id="acaab-ach-year" aria-label="Filter tahun prestasi"
style="flex:1;min-width:120px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select> style="flex:1;min-width:120px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select>
</div> </div>
</div> </div>
@@ -1405,9 +1407,9 @@
placeholder="Cari karya..." data-i18n-placeholder="grp_acaab_proj_search"> placeholder="Cari karya..." data-i18n-placeholder="grp_acaab_proj_search">
</div> </div>
<div style="display:flex;flex-wrap:wrap;gap:0.625rem;"> <div style="display:flex;flex-wrap:wrap;gap:0.625rem;">
<select id="acaab-proj-cat" <select id="acaab-proj-cat" aria-label="Filter kategori portofolio"
style="flex:1;min-width:130px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select> style="flex:1;min-width:130px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select>
<select id="acaab-proj-year" <select id="acaab-proj-year" aria-label="Filter tahun portofolio"
style="flex:1;min-width:120px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select> style="flex:1;min-width:120px;background:#f8fafc;color:#334155;font-size:0.8rem;font-weight:700;border-radius:0.375rem;padding:0.5rem 0.75rem;border:1px solid #e2e8f0;cursor:pointer;"></select>
</div> </div>
</div> </div>