Compare commits

...

16 Commits

Author SHA1 Message Date
ilham_gmail df7041340a resolve merge conflict and bug 2026-06-05 11:00:07 +07:00
ilham_gmail 48e5d9a4a9 Merge remote-tracking branch 'origin/main' into fix/divisi-kepengurusan-hover 2026-06-05 10:56:03 +07:00
ilham_gmail d346b7e415 move media and hover style to external style.css 2026-06-05 10:44:43 +07:00
powji 1acefb4516 Merge pull request 'feature/fix-ukuran-foto-about' (#5) from feature/fix-ukuran-foto-about into main
Reviewed-on: #5
2026-06-05 03:39:13 +00:00
Farras 9af3a1a731 Fix merge conflicts in localization.js and LimaEm index.html 2026-06-05 10:36:03 +07:00
powji17 4fb6fe8e84 Memperbaiki ukuran tinggi gambar pada section about agar lebih proporsional 2026-06-05 10:13:22 +07:00
Farras 68e7c3df2a Merge branch 'feature/konten-Lima-em' 2026-06-05 10:06:45 +07:00
Farras d3d1fce164 Merge branch 'feature/konten-Lima-em' 2026-06-05 10:06:45 +07:00
Farras 103fdabc48 feat(LimaEm): memperbaikir deskripsi Study Excursion 2026-06-05 10:05:39 +07:00
Farras 9d408b1a06 feat(LimaEm): memperbaikir deskripsi Study Excursion 2026-06-05 10:05:39 +07:00
Bayu cd792dd5f4 chore(LimaEm): hapus fix.js sesuai permintaan setelah sinkronisasi 2026-06-05 10:00:42 +07:00
Farras 6080ed2252 feat(LimaEm): menambahkan beberapa konten dan memperbarui beberapa link 2026-06-05 08:50:53 +07:00
Farras 4e38e7524b feat(LimaEm): menambahkan beberapa konten dan memperbarui beberapa link 2026-06-05 08:49:33 +07:00
ilham652 563af0ec56 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 a942826266 Fix hover behavior on divisi kepengurusan section and color in himpunan (HMIF) 2026-06-04 22:25:17 +07:00
Bayu 153de4dc92 fix(LimaEm): partner aktif ring kuning + glow, partner legacy warna asli saat hover 2026-06-04 21:19:04 +07:00
3 changed files with 51 additions and 65 deletions
+14 -14
View File
@@ -581,9 +581,9 @@ const translations = {
grp_limaem_about_stat_students: "Mahasiswa Aktif",
grp_limaem_about_stat_partners: "MITRA",
grp_limaem_about_badge: "Inklusivitas & Kolaborasi",
grp_limaem_partners_title: "Partner dan Kolaborator",
grp_limaem_divisi_title: "Divisi Kepengurusan HMIF",
grp_limaem_divisi_desc: "Struktur organisasi yang dirancang untuk efisiensi dan pengembangan kapasitas anggota di berbagai bidang strategis.",
grp_limaem_divisi_b1_label: "Bidang 1",
@@ -604,7 +604,7 @@ const translations = {
grp_limaem_divisi_b6_label: "Bidang 6",
grp_limaem_divisi_b6_title: "Kewirausahaan dan Kemitraan",
grp_limaem_divisi_b6_desc: "Divisi ini mengembangkan unit usaha organisasi, merancang skema pendanaan kreatif, dan menjalin kemitraan strategis untuk mendukung keberlanjutan program HMIF. Unit kerjanya meliputi riset peluang usaha, penyusunan proposal kemitraan, dan pengelolaan sponsor untuk meningkatkan kemandirian finansial dan akses jaringan profesional.",
grp_limaem_kegiatan_title: "Kegiatan Unggulan",
grp_limaem_kegiatan_subtitle: "Kegiatan tahunan yang menjadi ikon Informatika UNTAN.",
grp_limaem_kegiatan_c1_title: "Silaturahmi Keluarga Besar Informatika",
@@ -618,10 +618,10 @@ const translations = {
grp_limaem_kegiatan_c5_title: "UPC",
grp_limaem_kegiatan_c5_desc: "Kompetisi Pemograman untuk mengasah skill coding mahasiswa 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_c6_desc: "Study Excursion menjadi pengalaman berharga bagi mahasiswa semester 5 untuk belajar di luar kampus, memperluas wawasan, mengenal suasana baru, serta menciptakan kenangan berkesan bersama selama perjalanan.",
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",
grp_limaem_sc_arise_desc: "Belajar logika dan algoritma bersama, di mana kalian bisa berkembang dan membuka peluang mengikuti kompetisi pemrograman di berbagai level.",
@@ -629,9 +629,9 @@ const translations = {
grp_limaem_sc_minerva_desc: "Gali potensi tersembunyi dari tumpukan data! Di sini kita akan bereksplorasi dengan algoritma Machine Learning, membedah teknik klasifikasi, hingga melatih model prediktif untuk menghasilkan insight yang bermakna.",
grp_limaem_sc_sd_title: "Software Development (Segera Hadir)",
grp_limaem_sc_sd_desc: "Wujudkan idemu jadi produk digital yang nyata! Kita akan ngoding bareng dari merancang frontend yang interaktif, membangun backend yang tangguh, serta mengintegrasikan berbagai API untuk menciptakan aplikasi web masa kini.",
grp_limaem_galeri_title: "Galeri Keseruan",
grp_limaem_cta_title: "Ada yang Ingin Ditanyakan Seputar HMIF?",
grp_limaem_cta_desc: "Bergabunglah dengan HMIF untuk memperluas jaringan, mengasah skill, dan menciptakan dampak nyata.",
grp_limaem_cta_btn: "Hubungi Kami",
@@ -1219,9 +1219,9 @@ const translations = {
grp_limaem_about_stat_students: "Active Students",
grp_limaem_about_stat_partners: "PARTNERS",
grp_limaem_about_badge: "Inclusivity & Collaboration",
grp_limaem_partners_title: "Partners and Collaborators",
grp_limaem_divisi_title: "HMIF Organizational Divisions",
grp_limaem_divisi_desc: "An organizational structure designed for efficiency and capacity building across various strategic fields.",
grp_limaem_divisi_b1_label: "Division 1",
@@ -1242,7 +1242,7 @@ const translations = {
grp_limaem_divisi_b6_label: "Division 6",
grp_limaem_divisi_b6_title: "Entrepreneurship and Partnerships",
grp_limaem_divisi_b6_desc: "This division develops organizational business units, designs creative funding schemes, and establishes strategic partnerships to support the sustainability of HMIF programs. Its work units include business opportunity research, partnership proposal development, and sponsorship management to enhance financial independence and professional networking access.",
grp_limaem_kegiatan_title: "Flagship Events",
grp_limaem_kegiatan_subtitle: "Annual events that have become icons of Informatics UNTAN.",
grp_limaem_kegiatan_c1_title: "Informatics Family Gathering",
@@ -1256,10 +1256,10 @@ const translations = {
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: "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_c6_desc: "Study Excursion is a valuable experience for 5th semester students to study outside the campus, broaden their horizons, get to know new atmospheres, and create memorable memories together during the trip.",
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",
grp_limaem_sc_arise_desc: "Learn logic and algorithms together, where you can grow and open opportunities to participate in programming competitions at various levels.",
@@ -1267,9 +1267,9 @@ const translations = {
grp_limaem_sc_minerva_desc: "Uncover hidden potential from mountains of data! Here we explore Machine Learning algorithms, dissect classification techniques, and train predictive models to generate meaningful insights.",
grp_limaem_sc_sd_title: "Software Development (Coming Soon)",
grp_limaem_sc_sd_desc: "Turn your ideas into real digital products! We will code together — from designing interactive frontends and building robust backends, to integrating various APIs to create modern web applications.",
grp_limaem_galeri_title: "Fun Gallery",
grp_limaem_cta_title: "Have Questions About HMIF?",
grp_limaem_cta_desc: "Join HMIF to expand your network, sharpen your skills, and create real impact.",
grp_limaem_cta_btn: "Contact Us",
+12 -50
View File
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="id" class="scroll-smooth">
<head>
@@ -7,6 +7,7 @@
<title>Group 07 &ndash; LIMA EM | Informatika UNTAN</title>
<link href="./assets/css/output.css" rel="stylesheet">
<link rel="stylesheet" href="../../assets/global/output.css">
<link rel="stylesheet" href="./style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
@@ -295,33 +296,6 @@
border-right: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0;
}
/* ===== Custom Layout Fixes (Menggantikan arbitrary Tailwind) ===== */
@media (min-width: 768px) {
/* Fix ukuran 2 card per baris untuk Kegiatan Unggulan */
.md-card-half {
width: calc(50% - 16px) !important;
}
/* Fix tinggi grid Galeri Keseruan (Tablet) */
.galeri-grid {
height: 420px !important;
}
}
@media (min-width: 1024px) {
/* Fix tinggi grid Galeri Keseruan (Desktop) */
.galeri-grid {
height: 500px !important;
}
}
/* Fix: title divisi berubah kuning saat hover */
#divisi .group:hover h3 {
color: #f5c82f !important;
}
</style>
</head>
@@ -1172,17 +1146,6 @@
</div>
<main id="main-content" class="min-h-screen bg-white">
<div class="container mx-auto px-4 lg:px-8" style="padding-top: calc(88px + 3rem);">
<div class="mb-8 pb-8 border-b border-slate-200">
<span
class="bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 inline-block mb-3">Tugas
Halaman Statis</span>
<h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Kehidupan Mahasiswa &amp; Himpunan (HMIF)
</h1>
<p class="text-slate-500 text-sm">Kelompok 07 &mdash; LIMA EM &nbsp;&middot;&nbsp; Informatika UNTAN
2026</p>
</div>
</div>
<div id="assignment-body" class="w-full">
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
<!-- Hero Section -->
@@ -1297,9 +1260,10 @@
<!-- Frame foto — overflow hidden, foto full width tanpa crop -->
<div
class="relative rounded-2xl lg:rounded-3xl overflow-hidden shadow-2xl z-10 group cursor-default">
class="relative rounded-2xl lg:rounded-3xl overflow-hidden shadow-2xl z-10 group cursor-default"
style="height: 420px;">
<img src="./assets/images/ruang-tumbuh/ruangtumbuh_foto.jpeg"
alt="Ruang Tumbuh HMIF Universitas Tanjungpura" class="w-full h-auto block
alt="Ruang Tumbuh HMIF Universitas Tanjungpura" class="w-full h-full object-cover block
transition-transform duration-700 ease-out group-hover:scale-[1.03]" />
<!-- Gradient overlay bawah -->
<div class="absolute inset-0
@@ -1331,7 +1295,7 @@
</section>
<!-- Partner & Kolaborator -->
<section id="partners" class="bg-white py-16">
<section id="partners" class="bg-white pb-16">
<div class="max-w-7xl 2xl:max-w-[1440px] mx-auto px-6 lg:px-12">
<h2 data-i18n="grp_limaem_partners_title"
class="text-2xl lg:text-3xl font-extrabold text-gray-900 mb-10">
@@ -1757,7 +1721,7 @@
<div
class="flex-shrink-0 w-14 h-14 bg-hmif-secondary rounded-xl flex flex-col items-center justify-center text-center p-2 shadow-sm">
<span
class="text-lg font-extrabold text-hmif-primary leading-none">25</span>
class="text-lg font-extrabold text-hmif-primary leading-none">20</span>
<span
class="text-[8px] font-bold text-hmif-primary uppercase tracking-wider mt-0.5">Okt</span>
</div>
@@ -1767,13 +1731,11 @@
Study Excursion</h3>
<p data-i18n="grp_limaem_kegiatan_c6_desc"
class="text-sm text-gray-500 leading-relaxed font-light">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.</p>
menjadi pengalaman
berharga bagi mahasiswa semester 5 untuk belajar di luar kampus,
memperluas wawasan,
mengenal suasana baru, serta menciptakan kenangan berkesan bersama
selama perjalanan.</p>
</div>
</div>
</div>
+25 -1
View File
@@ -22,7 +22,27 @@ body { font-family: "Roboto", Arial, sans-serif; color: var(--text-main); backgr
.hero h1 { margin: 0; font-size: clamp(1.6rem, 3.2vw, 2.8rem); line-height: 1.2; }
.layout { display: grid; grid-template-columns: 1fr; gap: 2rem; padding: 2rem 0 4rem; }
@media (min-width: 1024px) { .layout { grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); } }
@media (min-width: 1024px) {
.layout { grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); }
/* Fix tinggi grid Galeri Keseruan (Desktop) */
.galeri-grid {
height: 500px !important;
}
}
/* ===== Custom Layout Fixes (Menggantikan arbitrary Tailwind) ===== */
@media (min-width: 768px) {
/* Fix ukuran 2 card per baris untuk Kegiatan Unggulan */
.md-card-half {
width: calc(50% - 16px) !important;
}
/* Fix tinggi grid Galeri Keseruan (Tablet) */
.galeri-grid {
height: 420px !important;
}
}
.meta { font-size: .78rem; text-transform: uppercase; color: #475569; display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin-bottom: 1rem; }
.cover { background: var(--bg-soft); border: 1px solid var(--line); margin-bottom: 1.5rem; }
@@ -68,3 +88,7 @@ body { font-family: "Roboto", Arial, sans-serif; color: var(--text-main); backgr
width: 24px;
}
/* Fix: title divisi berubah kuning saat hover */
#divisi .group:hover h3 {
color: #f5c82f !important;
}