forked from izu/student-web-if-development-kit
Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e7a01dd4a1 | |||
| 22f957e0f6 | |||
| 9c870cf28c | |||
| f8500db1dd | |||
| 7f2df4b08e | |||
| fa46a434c2 |
@@ -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 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_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_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 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_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_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.",
|
||||||
|
|
||||||
|
|||||||
@@ -1,73 +0,0 @@
|
|||||||
const fs = require('fs');
|
|
||||||
let c = fs.readFileSync('groups/LimaEm/index.html', 'utf8');
|
|
||||||
|
|
||||||
const oldHeroGrad = '<div class=\"absolute inset-0 bg-gradient-to-r from-hmif-primary via-hmif-primary/80 to-transparent z-0\"></div>';
|
|
||||||
const newHeroGrad = '<div class=\"absolute inset-0 z-0\" style=\"background: linear-gradient(to right, #003150 0%, rgba(0, 49, 80, 0.8) 50%, transparent 100%);\"></div>';
|
|
||||||
c = c.replace(oldHeroGrad, newHeroGrad);
|
|
||||||
|
|
||||||
const oldPhotoStr = \<!-- --- Right: Photo --- -->
|
|
||||||
<div class="order-2 relative mt-8 lg:mt-0 lg:pl-4">
|
|
||||||
|
|
||||||
<!-- Offset shadow block biru tua, posisi % (ikut skala zoom) -->
|
|
||||||
<div class="absolute top-[4%] left-[8%] right-[-4%] bottom-[-4%]
|
|
||||||
bg-hmif-primary rounded-2xl lg:rounded-3xl z-0 shadow-2xl"></div>
|
|
||||||
|
|
||||||
<!-- 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">
|
|
||||||
<img src="./assets/images/ruang-tumbuh/ruangtumbuh_foto.jpeg"
|
|
||||||
alt="Ruang Tumbuh HMIF Universitas Tanjungpura" class="w-full h-auto block
|
|
||||||
transition-transform duration-700 ease-out group-hover:scale-[1.03]" />
|
|
||||||
<!-- Gradient overlay bawah -->
|
|
||||||
<div class="absolute inset-0
|
|
||||||
bg-gradient-to-t from-hmif-primary/45 via-transparent to-transparent
|
|
||||||
opacity-70 group-hover:opacity-45 transition-opacity duration-500"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Badge Inklusivitas & Kolaborasi pojok kiri bawah -->
|
|
||||||
<div class="absolute z-20 bottom-[-3%] left-[0%]
|
|
||||||
bg-hmif-secondary text-hmif-primary
|
|
||||||
rounded-xl px-4 py-3 text-center shadow-2xl
|
|
||||||
border-2 border-white/20" style="min-width: 120px; max-width: 140px;">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"
|
|
||||||
stroke="currentColor" class="w-6 h-6 mx-auto mb-1" aria-hidden="true">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round"
|
|
||||||
d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197m6.22-7.496a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6-3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-12 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
|
|
||||||
</svg>
|
|
||||||
<p class="text-[11px] lg:text-xs font-bold leading-snug">
|
|
||||||
Inklusivitas &<br>Kolaborasi
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>\;
|
|
||||||
const newPhotoStr = \<!-- --- Right: Photo --- -->
|
|
||||||
<div class="order-2 relative mt-8 lg:mt-0 flex justify-center lg:justify-end">
|
|
||||||
<!-- Offset shadow block biru tua -->
|
|
||||||
<div class="absolute inset-0 bg-hmif-primary translate-x-4 translate-y-4 rounded-2xl lg:rounded-3xl z-0 shadow-2xl" style="background-color: #003150;"></div>
|
|
||||||
|
|
||||||
<!-- Frame foto -->
|
|
||||||
<div class="relative w-full rounded-2xl lg:rounded-3xl overflow-hidden shadow-2xl z-10 group cursor-default bg-gray-200" style="aspect-ratio: 4/5;">
|
|
||||||
<img src="./assets/images/ruang-tumbuh/ruangtumbuh_foto.jpeg"
|
|
||||||
alt="Ruang Tumbuh HMIF Universitas Tanjungpura"
|
|
||||||
class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105" />
|
|
||||||
<!-- Gradient overlay bawah -->
|
|
||||||
<div class="absolute inset-0 transition-opacity duration-500 opacity-70 group-hover:opacity-45" style="background: linear-gradient(to top, rgba(0, 49, 80, 0.45), transparent, transparent);"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Badge Inklusivitas & Kolaborasi pojok kiri bawah -->
|
|
||||||
<div class="absolute z-20 bottom-0 left-0 -translate-x-2 translate-y-4 lg:-translate-x-6 lg:translate-y-6
|
|
||||||
bg-hmif-secondary text-hmif-primary
|
|
||||||
rounded-xl px-4 py-3 text-center shadow-2xl
|
|
||||||
border-2 border-white/20" style="min-width: 120px; max-width: 140px; background-color: #feb401; color: #003150;">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"
|
|
||||||
stroke="currentColor" class="w-6 h-6 mx-auto mb-1" aria-hidden="true">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round"
|
|
||||||
d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197m6.22-7.496a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6-3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-12 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
|
|
||||||
</svg>
|
|
||||||
<p class="text-[11px] lg:text-xs font-bold leading-snug">
|
|
||||||
Inklusivitas &<br>Kolaborasi
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>\;
|
|
||||||
c = c.replace(oldPhotoStr, newPhotoStr);
|
|
||||||
fs.writeFileSync('groups/LimaEm/index.html', c);
|
|
||||||
console.log('HTML layout fixed');
|
|
||||||
@@ -1757,7 +1757,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">20</span>
|
class="text-lg font-extrabold text-hmif-primary leading-none">25</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,11 +1767,13 @@
|
|||||||
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 pengalaman
|
menjadi salah satu agenda pembelajaran luar kampus bagi mahasiswa
|
||||||
berharga bagi mahasiswa semester 5 untuk belajar di luar kampus,
|
semester 5
|
||||||
memperluas wawasan,
|
yang memberikan pengalaman baru, memperluas wawasan, serta mengenalkan
|
||||||
mengenal suasana baru, serta menciptakan kenangan berkesan bersama
|
suasana dan budaya yang berbeda.
|
||||||
selama perjalanan.</p>
|
Kegiatan ini juga menjadi momen berharga untuk belajar secara langsung,
|
||||||
|
membangun kebersamaan, dan
|
||||||
|
menciptakan kenangan yang berkesan selama perjalanan akademik.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user