forked from izu/student-web-if-development-kit
Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Mhanif26
|
c772aa2d83 |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 296 KiB |
+20
-73
@@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="id" class="scroll-smooth">
|
<html lang="id" class="scroll-smooth">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
@@ -1221,8 +1221,8 @@
|
|||||||
<!-- Card 1 -->
|
<!-- Card 1 -->
|
||||||
<div class="achiever-card rv d1">
|
<div class="achiever-card rv d1">
|
||||||
<div class="achiever-body">
|
<div class="achiever-body">
|
||||||
<div class="achiever-avatar-circle" style="background: linear-gradient(135deg, #1a3a6b, #2352a0);">
|
<div class="achiever-avatar-circle">
|
||||||
<span class="achiever-initials">IF</span>
|
<img src="./assets/izhan.jpg" alt="Izhan Fakhruzi">
|
||||||
</div>
|
</div>
|
||||||
<div class="achiever-batch" data-i18n="grp_m4n1fest_ach1_batch">Angkatan 2005</div>
|
<div class="achiever-batch" data-i18n="grp_m4n1fest_ach1_batch">Angkatan 2005</div>
|
||||||
<div class="achiever-name">Izhan Fakhruzi</div>
|
<div class="achiever-name">Izhan Fakhruzi</div>
|
||||||
@@ -1239,8 +1239,8 @@
|
|||||||
<!-- Card 2 -->
|
<!-- Card 2 -->
|
||||||
<div class="achiever-card rv d2">
|
<div class="achiever-card rv d2">
|
||||||
<div class="achiever-body">
|
<div class="achiever-body">
|
||||||
<div class="achiever-avatar-circle" style="background: linear-gradient(135deg, #0f766e, #14b8a6);">
|
<div class="achiever-avatar-circle">
|
||||||
<span class="achiever-initials">CD</span>
|
<img src="./assets/charles.jpg" alt="Charles Darwis Hariman">
|
||||||
</div>
|
</div>
|
||||||
<div class="achiever-batch" data-i18n="grp_m4n1fest_ach2_batch">Informatika UNTAN</div>
|
<div class="achiever-batch" data-i18n="grp_m4n1fest_ach2_batch">Informatika UNTAN</div>
|
||||||
<div class="achiever-name">Charles Darwis Hariman</div>
|
<div class="achiever-name">Charles Darwis Hariman</div>
|
||||||
@@ -1257,8 +1257,8 @@
|
|||||||
<!-- Card 3 -->
|
<!-- Card 3 -->
|
||||||
<div class="achiever-card rv d3">
|
<div class="achiever-card rv d3">
|
||||||
<div class="achiever-body">
|
<div class="achiever-body">
|
||||||
<div class="achiever-avatar-circle" style="background: linear-gradient(135deg, #3730a3, #6366f1);">
|
<div class="achiever-avatar-circle">
|
||||||
<span class="achiever-initials">DP</span>
|
<img src="./assets/dona.jpg" alt="Dona Pramana Pura">
|
||||||
</div>
|
</div>
|
||||||
<div class="achiever-batch" data-i18n="grp_m4n1fest_ach3_batch">Angkatan 2009</div>
|
<div class="achiever-batch" data-i18n="grp_m4n1fest_ach3_batch">Angkatan 2009</div>
|
||||||
<div class="achiever-name">Dona Pramana Pura</div>
|
<div class="achiever-name">Dona Pramana Pura</div>
|
||||||
@@ -1391,102 +1391,47 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="logo-grid">
|
<div class="logo-grid">
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/BCA.png" alt="Logo BCA" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #ebf1fb; color: #1a3a6b"
|
|
||||||
>
|
|
||||||
BCA
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_bca">BCA</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_bca">BCA</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/bri.png" alt="Logo BRI" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #fff0f0; color: #c00"
|
|
||||||
>
|
|
||||||
BRI
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_bri">BRI</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_bri">BRI</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/Telkom.jpg" alt="Logo Telkom Indonesia" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #fff7e6; color: #f5b800"
|
|
||||||
>
|
|
||||||
TLKM
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_telkom">Telkom Indonesia</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_telkom">Telkom Indonesia</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/pln.jpg" alt="Logo PLN" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #ebf1fb; color: #0a66c2"
|
|
||||||
>
|
|
||||||
PLN
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_pln">PLN</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_pln">PLN</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/Indofood.png" alt="Logo Indofood Fortuna" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #f0f0ff; color: #3730a3"
|
|
||||||
>
|
|
||||||
INDF
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_indofood">Indofood Fortuna</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_indofood">Indofood Fortuna</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/astra.webp" alt="Logo Astra Daihatsu" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #fff0f5; color: #ee4d2d"
|
|
||||||
>
|
|
||||||
ASTR
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_astra">Astra Daihatsu</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_astra">Astra Daihatsu</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/unilever-logo.png" alt="Logo Unilever" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #f0fff4; color: #15803d"
|
|
||||||
>
|
|
||||||
UNVR
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_unilever">Unilever</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_unilever">Unilever</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/grab.png" alt="Logo Grab" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #f0fff4; color: #16a34a"
|
|
||||||
>
|
|
||||||
GRAB
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_grab">Grab</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_grab">Grab</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/telkomsel.jpg" alt="Logo Telkomsel" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #fff0f0; color: #c00"
|
|
||||||
>
|
|
||||||
TSEL
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_telkomsel">Telkomsel</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_telkomsel">Telkomsel</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/garuda_indonesia.jpg" alt="Logo Garuda Indonesia" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #ebf1fb; color: #0866ff"
|
|
||||||
>
|
|
||||||
GIAA
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_garuda">Garuda Indonesia</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_garuda">Garuda Indonesia</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
<div
|
<img src="./assets/Bulog-Logo.png" alt="Logo Perum Bulog" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
|
||||||
class="logo-initials"
|
|
||||||
style="background: #fffbea; color: #b38500"
|
|
||||||
>
|
|
||||||
BULG
|
|
||||||
</div>
|
|
||||||
<span class="logo-name" data-i18n="grp_m4n1fest_logo_bulog">Perum BULOG</span>
|
<span class="logo-name" data-i18n="grp_m4n1fest_logo_bulog">Perum BULOG</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="logo-card">
|
<div class="logo-card">
|
||||||
@@ -2680,6 +2625,8 @@
|
|||||||
<!-- Scroll Reveal Observer & Chart.js Initialization -->
|
<!-- Scroll Reveal Observer & Chart.js Initialization -->
|
||||||
<script>
|
<script>
|
||||||
/* ── IKA FORM SUBMIT ── */
|
/* ── IKA FORM SUBMIT ── */
|
||||||
|
// Silakan ganti URL di bawah dengan Web App URL (akhiran /exec) hasil Deploy project Apps Script Anda.
|
||||||
|
// Cara Deploy: di Apps Script editor -> Deploy -> New deployment -> Web app -> Who has access: Anyone.
|
||||||
const IKA_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbwrXG3YFu4PEY3Z3acYeFTLCozM6iERfA7_yWxXaiJn7ULwau5vTIpt0Zv04OziMit-/exec";
|
const IKA_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbwrXG3YFu4PEY3Z3acYeFTLCozM6iERfA7_yWxXaiJn7ULwau5vTIpt0Zv04OziMit-/exec";
|
||||||
|
|
||||||
// Checkbox visual toggle
|
// Checkbox visual toggle
|
||||||
|
|||||||
@@ -593,6 +593,12 @@ a {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
border: 3px solid var(--navy-ghost);
|
border: 3px solid var(--navy-ghost);
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.achiever-avatar-circle img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
.achiever-card:hover .achiever-avatar-circle {
|
.achiever-card:hover .achiever-avatar-circle {
|
||||||
border-color: var(--gold-lt);
|
border-color: var(--gold-lt);
|
||||||
|
|||||||
Reference in New Issue
Block a user