Skip to content

Instantly share code, notes, and snippets.

@reski-rukmantiyo

reski-rukmantiyo/rundown.html

Created August 28, 2025 01:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save reski-rukmantiyo/d68280a7905e65d0eb8126e887d49403 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save reski-rukmantiyo/d68280a7905e65d0eb8126e887d49403 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rundown.html
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rundown Reuni 81 Angkatan 2000</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f5f5f5;
}
.container {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
h1 {
color: #2c3e50;
text-align: center;
border-bottom: 3px solid #3498db;
padding-bottom: 10px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-size: 13px;
}
th {
background-color: #3498db;
color: white;
padding: 12px 6px;
text-align: left;
font-weight: bold;
border: 1px solid #2980b9;
}
td {
padding: 8px 6px;
border: 1px solid #bdc3c7;
vertical-align: top;
}
tr:nth-child(even) {
background-color: #f8f9fa;
}
tr:hover {
background-color: #e3f2fd;
}
.agenda-cell {
background-color: #ecf0f1;
font-weight: bold;
color: #2c3e50;
min-width: 100px;
}
.time-cell {
font-weight: bold;
color: #27ae60;
white-space: nowrap;
text-align: center;
min-width: 50px;
}
.description-cell {
max-width: 350px;
word-wrap: break-word;
line-height: 1.4;
}
.equipment-cell {
max-width: 200px;
word-wrap: break-word;
color: #8e44ad;
font-size: 12px;
}
.person-cell {
max-width: 180px;
word-wrap: break-word;
color: #e67e22;
font-size: 12px;
}
/* Color coding for different agendas */
.agenda-persiapan { background-color: #fff3cd; }
.agenda-cek-kesehatan { background-color: #d1ecf1; }
.agenda-pembukaan { background-color: #d4edda; }
.agenda-sambutan { background-color: #f8d7da; }
.agenda-berdoa { background-color: #e2e3e5; }
.agenda-jauh { background-color: #ffeaa7; }
.agenda-nostalgia { background-color: #fdcb6e; }
.agenda-penampilan { background-color: #fab1a0; }
.agenda-untukmu { background-color: #fd79a8; }
.agenda-ishoma { background-color: #fdcb6e; }
.agenda-pengumuman { background-color: #a29bfe; }
.agenda-penutupan { background-color: #6c5ce7; color: white; }
@media (max-width: 768px) {
table {
font-size: 11px;
}
th, td {
padding: 4px 3px;
}
.container {
margin: 10px;
padding: 15px;
}
.description-cell {
max-width: 200px;
}
}
.row-number {
font-weight: bold;
color: #7f8c8d;
text-align: center;
width: 30px;
}
</style>
</head>
<body>
<div class="container">
<h1>📅 Rundown Reuni 81 Angkatan 2000</h1>
<table>
<thead>
<tr>
<th style="width: 3%;">#</th>
<th style="width: 12%;">Agenda</th>
<th style="width: 7%;">Mulai</th>
<th style="width: 7%;">Selesai</th>
<th style="width: 7%;">Durasi</th>
<th style="width: 35%;">Rincian Kegiatan</th>
<th style="width: 20%;">Dukungan Peralatan/Perlengkapan</th>
<th style="width: 9%;">Penanggung Jawab & Tim Pendukung</th>
</tr>
</thead>
<tbody>
<tr class="agenda-persiapan">
<td class="row-number">1</td>
<td class="agenda-cell">Persiapan</td>
<td class="time-cell">00:22</td>
<td class="time-cell">01:22</td>
<td class="time-cell">17:52</td>
<td class="description-cell">Cek panggung, tenda, gubukan, dll, Briefing, Berdoa</td>
<td class="equipment-cell">Formulir ceklis</td>
<td class="person-cell">Semua Panitia</td>
</tr>
<tr class="agenda-persiapan">
<td class="row-number">2</td>
<td class="agenda-cell">Persiapan</td>
<td class="time-cell">01:22</td>
<td class="time-cell">02:07</td>
<td class="time-cell">17:37</td>
<td class="description-cell">Registrasi & School Tour</td>
<td class="equipment-cell">Daftar hadir</td>
<td class="person-cell">Penerima tamu, OSIS</td>
</tr>
<tr class="agenda-cek-kesehatan">
<td class="row-number">3</td>
<td class="agenda-cell">Cek Kesehatan</td>
<td class="time-cell">00:22</td>
<td class="time-cell">02:07</td>
<td class="time-cell">18:37</td>
<td class="description-cell">Cek Kesehatan (Prioritas untuk para Guru & Karyawan)</td>
<td class="equipment-cell">Alkes</td>
<td class="person-cell">Tenaga Medis</td>
</tr>
<tr class="agenda-pembukaan">
<td class="row-number">4</td>
<td class="agenda-cell">Pembukaan</td>
<td class="time-cell">02:07</td>
<td class="time-cell">02:22</td>
<td class="time-cell">17:07</td>
<td class="description-cell">Persiapan berkumpul ke lokasi acara</td>
<td class="equipment-cell">Woro-woro via pengeras suara (TVC diputar)</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Operator</td>
</tr>
<tr class="agenda-pembukaan">
<td class="row-number">5</td>
<td class="agenda-cell">Pembukaan</td>
<td class="time-cell">02:22</td>
<td class="time-cell">02:23</td>
<td class="time-cell">16:53</td>
<td class="description-cell">Bel sekolah berbunyi</td>
<td class="equipment-cell">Suara bel sekolah</td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-pembukaan">
<td class="row-number">6</td>
<td class="agenda-cell">Pembukaan</td>
<td class="time-cell">02:23</td>
<td class="time-cell">02:25</td>
<td class="time-cell">16:54</td>
<td class="description-cell">MC memanggil seluruh partisipan</td>
<td class="equipment-cell"></td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-pembukaan">
<td class="row-number">7</td>
<td class="agenda-cell">Pembukaan</td>
<td class="time-cell">02:25</td>
<td class="time-cell">02:30</td>
<td class="time-cell">16:57</td>
<td class="description-cell">MC membuka acara</td>
<td class="equipment-cell">diawali dengan Video Pembukaan</td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-pembukaan">
<td class="row-number">8</td>
<td class="agenda-cell">Pembukaan</td>
<td class="time-cell">02:30</td>
<td class="time-cell">02:33</td>
<td class="time-cell">16:55</td>
<td class="description-cell">Menyanyikan lagu Indonesia Raya</td>
<td class="equipment-cell">Instrumen lagu Indonesia Raya (Youtube)</td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-pembukaan">
<td class="row-number">9</td>
<td class="agenda-cell">Pembukaan</td>
<td class="time-cell">02:33</td>
<td class="time-cell">02:37</td>
<td class="time-cell">16:56</td>
<td class="description-cell">Menyanyikan Mars 81</td>
<td class="equipment-cell">Instrumen lagu Mars 81 (Youtube)</td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-sambutan">
<td class="row-number">10</td>
<td class="agenda-cell">Sambutan</td>
<td class="time-cell">02:37</td>
<td class="time-cell">02:42</td>
<td class="time-cell">16:57</td>
<td class="description-cell">Sambutan Ketua Panitia</td>
<td class="equipment-cell"></td>
<td class="person-cell">Seksi Acara/MC Humas Guru, Stage Manager, Operator, Fotografer/Videografer</td>
</tr>
<tr class="agenda-sambutan">
<td class="row-number">11</td>
<td class="agenda-cell">Sambutan</td>
<td class="time-cell">02:42</td>
<td class="time-cell">02:52</td>
<td class="time-cell">17:02</td>
<td class="description-cell">Sambutan Perwakilan Sekolah (KaSek/WaKaSek) dilanjutkan dengan penyerahan donasi ke Sekolah</td>
<td class="equipment-cell"></td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-sambutan">
<td class="row-number">12</td>
<td class="agenda-cell">Sambutan</td>
<td class="time-cell">02:52</td>
<td class="time-cell">02:57</td>
<td class="time-cell">16:57</td>
<td class="description-cell">Sambutan Perwakilan Guru</td>
<td class="equipment-cell"></td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-berdoa">
<td class="row-number">13</td>
<td class="agenda-cell">Berdoa</td>
<td class="time-cell">02:57</td>
<td class="time-cell">03:07</td>
<td class="time-cell">17:02</td>
<td class="description-cell">Berdoa untuk para Guru yang telah mendahului kita</td>
<td class="equipment-cell">dipimpin oleh MC (Reski & Aldo) dg menampilkan kolase foto dan instrumen msik lembut</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Operator</td>
</tr>
<tr class="agenda-berdoa">
<td class="row-number">14</td>
<td class="agenda-cell">Berdoa</td>
<td class="time-cell"></td>
<td class="time-cell"></td>
<td class="time-cell"></td>
<td class="description-cell">Video kilas balik 3 tahun (2 menit)</td>
<td class="equipment-cell">video journey 3 tahun</td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-berdoa">
<td class="row-number">15</td>
<td class="agenda-cell">Berdoa</td>
<td class="time-cell"></td>
<td class="time-cell"></td>
<td class="time-cell"></td>
<td class="description-cell">Berdoa untuk para Sahabat yang telah mendahului kita</td>
<td class="equipment-cell">Video kompilasi kenangan</td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-jauh">
<td class="row-number">16</td>
<td class="agenda-cell">Jauh di Mata Dekat di Hati</td>
<td class="time-cell">03:07</td>
<td class="time-cell">03:22</td>
<td class="time-cell">17:07</td>
<td class="description-cell">Salam hangat dari Sahabat</td>
<td class="equipment-cell">Video kompilasi sahabat di luar negeri</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Operator</td>
</tr>
<tr class="agenda-nostalgia">
<td class="row-number">17</td>
<td class="agenda-cell">Nostalgia Bapak/Ibu Guru & Sahabat</td>
<td class="time-cell">03:22</td>
<td class="time-cell">03:37</td>
<td class="time-cell">17:07</td>
<td class="description-cell">[KUIS] Berbagi momen jadul bersama Bapak/Ibu Guru/Sahabat (kenangan 3 tahun angkatan 2000)</td>
<td class="equipment-cell">Bapak/Ibu Guru & sahabat menceritakan salah satu momen pada video journey</td>
<td class="person-cell">Seksi Acara/MC Stage Manager, Operator, Seksi Dana Usaha</td>
</tr>
<tr class="agenda-penampilan">
<td class="row-number">18</td>
<td class="agenda-cell">Penampilan Guru</td>
<td class="time-cell">03:37</td>
<td class="time-cell">03:52</td>
<td class="time-cell">17:07</td>
<td class="description-cell">Singing Performance (Guru)</td>
<td class="equipment-cell">diiringi oleh Hara Band</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Guru-guru</td>
</tr>
<tr class="agenda-pengumuman">
<td class="row-number">19</td>
<td class="agenda-cell">Pengumuman Doorprize (Khusus Guru)</td>
<td class="time-cell">03:52</td>
<td class="time-cell">04:02</td>
<td class="time-cell">17:02</td>
<td class="description-cell">Pengumuman dan penyerahan doorprize (akan menyesuaikan wktnya)</td>
<td class="equipment-cell">hadiah doorprize</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Seksi Dana Usaha, Fotografer/Videografer</td>
</tr>
<tr class="agenda-penampilan">
<td class="row-number">20</td>
<td class="agenda-cell">Penampilan Alumni</td>
<td class="time-cell">04:02</td>
<td class="time-cell">04:17</td>
<td class="time-cell">17:07</td>
<td class="description-cell">- Singing Performance (Alumni)<br>- SUC (Reski, Wiwit, Hanita)</td>
<td class="equipment-cell">diiringi oleh Hara Band</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Band Pengiring/Alumni</td>
</tr>
<tr class="agenda-untukmu">
<td class="row-number">21</td>
<td class="agenda-cell">Untukmu Guruku</td>
<td class="time-cell">04:17</td>
<td class="time-cell">04:42</td>
<td class="time-cell">17:17</td>
<td class="description-cell">(Diawali potong tumpeng) Penyerahan tanda kasih untuk para Guru dan Karyawan</td>
<td class="equipment-cell">Tanda kasih dll</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Seksi Dana Usaha, Fotografer/Videografer</td>
</tr>
<tr class="agenda-untukmu">
<td class="row-number">22</td>
<td class="agenda-cell">Untukmu Guruku</td>
<td class="time-cell">04:42</td>
<td class="time-cell">04:52</td>
<td class="time-cell">17:02</td>
<td class="description-cell">Foto bersama (seluruh Guru, Karyawan dan Alumni)</td>
<td class="equipment-cell">ditambah foto bersama khusus alumni di stage</td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-ishoma">
<td class="row-number">23</td>
<td class="agenda-cell">Ishoma dan Ramah Tamah</td>
<td class="time-cell">04:52</td>
<td class="time-cell">05:37</td>
<td class="time-cell">17:37</td>
<td class="description-cell">Ishoma, keliling bazaar UMKM, temu kangen</td>
<td class="equipment-cell">Pemutaran TVC</td>
<td class="person-cell">Seksi Konsumsi, Fotografer/Videografer</td>
</tr>
<tr class="agenda-pengumuman">
<td class="row-number">24</td>
<td class="agenda-cell">Pengumuman Doorprize (Khusus Alumni)</td>
<td class="time-cell">05:37</td>
<td class="time-cell">05:47</td>
<td class="time-cell">17:02</td>
<td class="description-cell">Pengumuman dan penyerahan doorprize</td>
<td class="equipment-cell">hadiah doorprize (misalnya: 5 buah)</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Seksi Dana Usaha, Fotografer/Videografer</td>
</tr>
<tr class="agenda-nostalgia">
<td class="row-number">25</td>
<td class="agenda-cell">Nostalgia (bagian 1)</td>
<td class="time-cell">05:47</td>
<td class="time-cell">05:57</td>
<td class="time-cell">17:02</td>
<td class="description-cell">Menyanyikan lagu Anak Sekolah</td>
<td class="equipment-cell"></td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Band Pengiring/Band Alumni</td>
</tr>
<tr class="agenda-nostalgia">
<td class="row-number">26</td>
<td class="agenda-cell">Nostalgia (bagian 1)</td>
<td class="time-cell">05:57</td>
<td class="time-cell">06:02</td>
<td class="time-cell">16:57</td>
<td class="description-cell">Menyanyikan lagu SKA (Tipe-x/Junfangungfoo)</td>
<td class="equipment-cell"></td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-nostalgia">
<td class="row-number">27</td>
<td class="agenda-cell">Nostalgia (bagian 1)</td>
<td class="time-cell">06:02</td>
<td class="time-cell">06:07</td>
<td class="time-cell">16:57</td>
<td class="description-cell">Menyanyikan lagu Britpop/Pop (Oasis/Hanson)</td>
<td class="equipment-cell"></td>
<td class="person-cell"></td>
</tr>
<tr class="agenda-nostalgia">
<td class="row-number">28</td>
<td class="agenda-cell">Nostalgia (bagian 2)</td>
<td class="time-cell">06:07</td>
<td class="time-cell">06:37</td>
<td class="time-cell">17:22</td>
<td class="description-cell">Seating arrangement berdasarkan kelas (dipanggil oleh MC)</td>
<td class="equipment-cell">Fotografer mengambil foto masing-masing alumni</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Band Pengiring/Alumni</td>
</tr>
<tr class="agenda-nostalgia">
<td class="row-number">29</td>
<td class="agenda-cell">Nostalgia (bagian 2)</td>
<td class="time-cell">06:37</td>
<td class="time-cell">07:07</td>
<td class="time-cell">17:22</td>
<td class="description-cell">Cerdas Cermat</td>
<td class="equipment-cell"></td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Band Pengiring/Alumni</td>
</tr>
<tr class="agenda-penutupan">
<td class="row-number">30</td>
<td class="agenda-cell">Penutupan</td>
<td class="time-cell">07:07</td>
<td class="time-cell">07:22</td>
<td class="time-cell">17:07</td>
<td class="description-cell">Penutupan & Rencana Kedepannya (termasuk promo UMKM alumni)</td>
<td class="equipment-cell">Presentasi Rencana Jangka Panjang & Video UMKM</td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Operator, Fotografer/Videografer</td>
</tr>
<tr class="agenda-penutupan">
<td class="row-number">31</td>
<td class="agenda-cell">Penutupan</td>
<td class="time-cell">07:22</td>
<td class="time-cell">07:32</td>
<td class="time-cell">17:02</td>
<td class="description-cell">Foto bersama (seluruh Alumni) di Podium</td>
<td class="equipment-cell"></td>
<td class="person-cell">Seksi Acara/MC, Stage Manager, Operator, Fotografer/Videografer</td>
</tr>
<tr class="agenda-penutupan">
<td class="row-number">32</td>
<td class="agenda-cell">Penutupan</td>
<td class="time-cell">07:32</td>
<td class="time-cell">08:52</td>
<td class="time-cell">18:12</td>
<td class="description-cell">Waktu Bebas & Jejaring</td>
<td class="equipment-cell">Peralatan Band vendor bisa dimainkan</td>
<td class="person-cell"></td>
</tr>
</tbody>
</table>
<div style="margin-top: 20px; padding: 15px; background-color: #e8f4fd; border-radius: 5px;">
<h3 style="margin-top: 0; color: #2c3e50;">📝 Catatan Penting:</h3>
<ul style="color: #2c3e50; margin-bottom: 0;">
<li><strong>Event:</strong> Reuni Angkatan 2000 SMAN 81 Jakarta</li>
<li><strong>Target:</strong> MC/Master of Ceremony</li>
<li><strong>Durasi Total:</strong> Sekitar 8+ jam (dari persiapan hingga waktu bebas)</li>
<li><strong>Highlight:</strong> Sambutan, penampilan musik, nostalgia, doorprize, dan networking</li>
<li><strong>Waktu:</strong> Format 24-jam, durasi dalam kolom mungkin perlu disesuaikan dengan kondisi lapangan</li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment