forked from izu/student-web-if-development-kit
Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 ilham652
|
9b9241e923 | ||
 ilham_gmail
|
df7041340a | ||
|
ilham652
|
0f65b47757 | ||
|
ilham_gmail
|
48e5d9a4a9 | ||
|
ilham_gmail
|
d346b7e415 | ||
 powji
|
1acefb4516 | ||
 Farras
|
9af3a1a731 | ||
|
powji17
|
4fb6fe8e84 | ||
|
Farras
|
68e7c3df2a | ||
|
Farras
|
d3d1fce164 | ||
|
Farras
|
103fdabc48 | ||
|
Farras
|
9d408b1a06 | ||
|
Bayu
|
cd792dd5f4 | ||
|
Farras
|
6080ed2252 | ||
|
Farras
|
4e38e7524b | ||
|
ilham652
|
563af0ec56 | ||
|
ilham_gmail
|
a942826266 | ||
|
Bayu
|
153de4dc92 |
@@ -618,7 +618,7 @@ const translations = {
|
|||||||
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: "Study Excursion",
|
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_title: "INFORMERS",
|
||||||
grp_limaem_kegiatan_c7_desc: "Perayaan ulang tahun Informatika UNTAN, momen kebersamaan dan kebanggaan seluruh keluarga besar Informatika.",
|
grp_limaem_kegiatan_c7_desc: "Perayaan ulang tahun Informatika UNTAN, momen kebersamaan dan kebanggaan seluruh keluarga besar Informatika.",
|
||||||
|
|
||||||
@@ -1256,7 +1256,7 @@ const translations = {
|
|||||||
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: "Study Excursion",
|
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_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_kegiatan_c7_desc: "The anniversary celebration of Informatics UNTAN, a moment of togetherness and pride for the entire Informatics family.",
|
||||||
|
|
||||||
|
|||||||
+12
-50
@@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="id" class="scroll-smooth">
|
<html lang="id" class="scroll-smooth">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
@@ -7,6 +7,7 @@
|
|||||||
<title>Group 07 – LIMA EM | Informatika UNTAN</title>
|
<title>Group 07 – LIMA EM | Informatika UNTAN</title>
|
||||||
<link href="./assets/css/output.css" rel="stylesheet">
|
<link href="./assets/css/output.css" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="../../assets/global/output.css">
|
<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.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link
|
<link
|
||||||
@@ -295,33 +296,6 @@
|
|||||||
border-right: 1px solid #e2e8f0;
|
border-right: 1px solid #e2e8f0;
|
||||||
border-bottom: 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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -1172,17 +1146,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<main id="main-content" class="min-h-screen bg-white">
|
<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 & Himpunan (HMIF)
|
|
||||||
</h1>
|
|
||||||
<p class="text-slate-500 text-sm">Kelompok 07 — LIMA EM · Informatika UNTAN
|
|
||||||
2026</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="assignment-body" class="w-full">
|
<div id="assignment-body" class="w-full">
|
||||||
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
||||||
<!-- Hero Section -->
|
<!-- Hero Section -->
|
||||||
@@ -1297,9 +1260,10 @@
|
|||||||
|
|
||||||
<!-- Frame foto — overflow hidden, foto full width tanpa crop -->
|
<!-- Frame foto — overflow hidden, foto full width tanpa crop -->
|
||||||
<div
|
<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"
|
<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]" />
|
transition-transform duration-700 ease-out group-hover:scale-[1.03]" />
|
||||||
<!-- Gradient overlay bawah -->
|
<!-- Gradient overlay bawah -->
|
||||||
<div class="absolute inset-0
|
<div class="absolute inset-0
|
||||||
@@ -1331,7 +1295,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Partner & Kolaborator -->
|
<!-- 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">
|
<div class="max-w-7xl 2xl:max-w-[1440px] mx-auto px-6 lg:px-12">
|
||||||
<h2 data-i18n="grp_limaem_partners_title"
|
<h2 data-i18n="grp_limaem_partners_title"
|
||||||
class="text-2xl lg:text-3xl font-extrabold text-gray-900 mb-10">
|
class="text-2xl lg:text-3xl font-extrabold text-gray-900 mb-10">
|
||||||
@@ -1757,7 +1721,7 @@
|
|||||||
<div
|
<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">
|
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
|
<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
|
<span
|
||||||
class="text-[8px] font-bold text-hmif-primary uppercase tracking-wider mt-0.5">Okt</span>
|
class="text-[8px] font-bold text-hmif-primary uppercase tracking-wider mt-0.5">Okt</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -1767,13 +1731,11 @@
|
|||||||
Study Excursion</h3>
|
Study Excursion</h3>
|
||||||
<p data-i18n="grp_limaem_kegiatan_c6_desc"
|
<p data-i18n="grp_limaem_kegiatan_c6_desc"
|
||||||
class="text-sm text-gray-500 leading-relaxed font-light">Study Excursion
|
class="text-sm text-gray-500 leading-relaxed font-light">Study Excursion
|
||||||
menjadi salah satu agenda pembelajaran luar kampus bagi mahasiswa
|
menjadi pengalaman
|
||||||
semester 5
|
berharga bagi mahasiswa semester 5 untuk belajar di luar kampus,
|
||||||
yang memberikan pengalaman baru, memperluas wawasan, serta mengenalkan
|
memperluas wawasan,
|
||||||
suasana dan budaya yang berbeda.
|
mengenal suasana baru, serta menciptakan kenangan berkesan bersama
|
||||||
Kegiatan ini juga menjadi momen berharga untuk belajar secara langsung,
|
selama perjalanan.</p>
|
||||||
membangun kebersamaan, dan
|
|
||||||
menciptakan kenangan yang berkesan selama perjalanan akademik.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+25
-1
@@ -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; }
|
.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; }
|
.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; }
|
.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; }
|
.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;
|
width: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Fix: title divisi berubah kuning saat hover */
|
||||||
|
#divisi .group:hover h3 {
|
||||||
|
color: #f5c82f !important;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user