body {
font-family: ‘Poppins’, sans-serif;
background-color: #f0f4f8;
}
.bg-gradient-header {
background-image: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #2563eb 100%);
}
.card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
}
.card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.modal-backdrop {
transition: opacity 0.3s ease-in-out;
}
.modal-content {
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
max-height: 90vh;
}
.modal-hidden {
pointer-events: none;
opacity: 0;
}
.modal-hidden .modal-content {
transform: translateY(-50px);
opacity: 0;
}
.pdf-viewer {
width: 100%;
height: 60vh;
border-radius: 0.5rem;
}
DASHBOARD PENGIMBASAN
Digitalisasi Sekolah SMAN 66 Jakarta
Jumat, 10 Oktober 2025 | 13:00 – 15:00 WIB | Aula B
CV Narasumber
Profil singkat narasumber kegiatan ini.
Acara Pengimbasan
Rundown kegiatan pengimbasan hari ini.
Sasaran Pengimbasan
Daftar sekolah di Wilayah Jakarta Selatan 1.
Agenda Bimtek
Susunan acara resmi dari kegiatan Bimtek.
Surat Tugas
Dokumen resmi penugasan dari Dinas Pendidikan.
Sumber Ajar
Kumpulan video materi pendukung.
Ice Breaking
Permainan interaktif untuk mencairkan suasana.
Link LMS
Akses portal LMS beserta panduan login.
Ice Breaking Interaktif
Ajak peserta untuk mengasah imajinasi! Coba tebak, kira-kira prompt (perintah teks) apa yang digunakan untuk menghasilkan gambar unik di bawah ini?
Prompt Jawaban:
“Seekor kucing astronot yang lucu dengan helm kaca, sedang duduk di permukaan bulan sambil melihat bumi di kejauhan, gaya lukisan cat minyak digital, detail tinggi.”
lucide.createIcons();
function openModal(modalId) {
const modal = document.getElementById(modalId);
if (modal) {
modal.classList.remove(‘modal-hidden’);
document.body.style.overflow = ‘hidden’;
}
}
function closeModal(modalId) {
const modal = document.getElementById(modalId);
if (modal) {
modal.classList.add(‘modal-hidden’);
document.body.style.overflow = ‘auto’;
}
}
window.addEventListener(‘keydown’, (e) => {
if (e.key === ‘Escape’) {
document.querySelectorAll(‘.modal-backdrop:not(.modal-hidden)’).forEach(modal => closeModal(modal.id));
}
});
document.querySelectorAll(‘.modal-backdrop’).forEach(modal => {
modal.addEventListener(‘click’, (e) => {
if (e.target === modal) closeModal(modal.id);
});
});
function switchTab(tabName) {
document.querySelectorAll(‘.tab-content’).forEach(content => {
content.classList.add(‘hidden’);
});
document.querySelectorAll(‘.tab-button’).forEach(button => {
button.classList.remove(‘border-yellow-500’, ‘text-yellow-600’);
button.classList.add(‘border-transparent’, ‘text-gray-500’, ‘hover:text-gray-700’, ‘hover:border-gray-300’);
});
document.getElementById(`content-${tabName}`).classList.remove(‘hidden’);
const activeButton = document.getElementById(`tab-${tabName}`);
activeButton.classList.add(‘border-yellow-500’, ‘text-yellow-600’);
activeButton.classList.remove(‘border-transparent’, ‘text-gray-500’, ‘hover:text-gray-700’, ‘hover:border-gray-300’);
}
function toggleAnswer(answerId) {
const answerEl = document.getElementById(answerId);
if (answerEl) {
answerEl.classList.toggle(‘hidden’);
}
}
Tinggalkan Komentar