Differences

This shows you the differences between two versions of the page.

--- gelombang_dalam_geofisika [2026/02/09 16:59] – [📅 Jadwal Pertemuan & Materi] geofitera
+++ gelombang_dalam_geofisika [2026/02/25 07:38] (current) – [📅 Jadwal Pertemuan & Materi] geofitera
@@ Line 36: / Line 36: @@
 <html>
-<!--
+<iframe src="https://script.google.com/a/macros/tg.itera.ac.id/s/AKfycby0k6HKjcazNj9a7NE_Qtv1AX9jkyfXBV8QJNdPcgfnhHyykTg1Yg23EYP7lC-CfxsLUA/exec?mk=TG25-22001" width="100%" height="1500px" style="border:none;"></iframe>
-  TEMPLATE MATERI KULIAH DOKUWIKI (VERSI 3)
-  Fitur: Support Google Slides & Reveal.js (HTML Embed)
--->
-<style>
-  /* --- CONTAINER UTAMA --- */
-  .dw-lecture-container {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    max-width: 1000px;
-    margin: 0 auto;
-    color: #333;
-    line-height: 1.6;
-  }
-  /* Variabel Warna */
-  :root {
-    --primary-color: #2563eb;       /* Biru Utama */
-    --header-bg: #1e293b;           /* Gelap untuk Header Tutup */
-    --header-active: #2563eb;       /* Biru untuk Header Buka */
-    --bg-light: #f8fafc;
-    --border-color: #e2e8f0;
-    --text-muted: #64748b;
-  }
-  /* --- STYLE MINGGUAN (ACCORDION) --- */
-  details.week-module {
-    background: white;
-    border: 1px solid var(--border-color);
-    border-radius: 8px;
-    margin-bottom: 15px;
-    overflow: hidden;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
-  }
-  /* Header (Summary) */
-  details.week-module summary {
-    padding: 15px 20px;
-    cursor: pointer;
-    font-weight: bold;
-    color: white;
-    background: var(--header-bg); /* Warna saat tertutup */
-    list-style: none;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    transition: background 0.3s;
-  }
-  /* Hilangkan marker default browser */
-  details.week-module summary::-webkit-details-marker { display: none; }
-  /* Warna Header saat Terbuka */
-  details.week-module[open] summary {
-    background: linear-gradient(to right, var(--primary-color), #1d4ed8);
-  }
-  /* Ikon Plus/Minus Custom */
-  details.week-module summary::after {
-    content: '+';
-    font-size: 1.5em;
-    font-weight: 300;
-  }
-  details.week-module[open] summary::after {
-    content: '-';
-  }
-  /* Label Tanggal/Minggu di Header */
-  .week-label { font-size: 1.1em; }
-  .week-date {
-    font-size: 0.85em;
-    opacity: 0.8;
-    font-weight: normal;
-    margin-left: 10px;
-    background: rgba(255,255,255,0.2);
-    padding: 2px 8px;
-    border-radius: 12px;
-  }
-  /* --- KONTEN DALAM --- */
-  .module-content {
-    padding: 20px;
-    display: grid;
-    grid-template-columns: 3fr 2fr; /* Kiri 60%, Kanan 40% */
-    gap: 25px;
-    background: white;
-  }
-  @media (max-width: 768px) {
-    .module-content { grid-template-columns: 1fr; }
-  }
-  /* --- AREA MEDIA (KIRI) --- */
-  .media-wrapper {
-    position: relative;
-    padding-bottom: 56.25%; /* 16:9 Ratio */
-    height: 0;
-    border-radius: 8px;
-    overflow: hidden;
-    background: #000;
-    margin-bottom: 15px;
-    border: 1px solid var(--border-color);
-  }
-  .media-wrapper iframe {
-    position: absolute;
-    top: 0; left: 0; width: 100%; height: 100%; border: 0;
-  }
-  /* --- AREA ARSIP VERSI LAMA (Di bawah media) --- */
-  .version-archive {
-    margin-top: 20px;
-    padding: 15px;
-    background: #f1f5f9;
-    border-radius: 8px;
-    border: 1px dashed #cbd5e1;
-    font-size: 0.9em;
-  }
-  .version-archive h4 {
-    margin: 0 0 10px 0;
-    font-size: 0.95em;
-    color: var(--text-muted);
-    display: flex;
-    align-items: center;
-    gap: 5px;
-  }
-  .archive-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  .archive-list li {
-    margin-bottom: 5px;
-    padding-left: 20px;
-    position: relative;
-  }
-  .archive-list li::before {
-    content: "🕒";
-    position: absolute;
-    left: 0;
-    font-size: 0.8em;
-    top: 2px;
-  }
-  .archive-list a { color: #475569; text-decoration: none; border-bottom: 1px dotted #475569; }
-  .archive-list a:hover { color: var(--primary-color); border-bottom: 1px solid; }
-  /* --- AREA INFO (KANAN) --- */
-  .info-title {
-    margin-top: 0;
-    color: #1e293b;
-    font-size: 1.2em;
-    border-bottom: 2px solid var(--bg-light);
-    padding-bottom: 8px;
-    margin-bottom: 15px;
-  }
-  .description-box {
-    color: #334155;
-    margin-bottom: 20px;
-  }
-  /* Referensi Section */
-  .ref-section {
-    background: #fffbeb; /* Kuning sangat muda */
-    border-left: 4px solid #f59e0b;
-    padding: 15px;
-    border-radius: 4px;
-    margin-bottom: 20px;
-  }
-  .ref-section h4 {
-    margin: 0 0 8px 0;
-    color: #b45309;
-    font-size: 0.95em;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-  }
-  .ref-list {
-    margin: 0;
-    padding-left: 20px;
-    font-size: 0.9em;
-  }
-  /* Tombol */
-  .btn-group { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; }
-  .btn {
-    padding: 8px 14px;
-    border-radius: 5px;
-    text-decoration: none !important;
-    font-weight: 600;
-    font-size: 0.9em;
-    color: white !important;
-    transition: opacity 0.2s;
-  }
-  .btn:hover { opacity: 0.9; }
-  .btn-quiz { background-color: #ef4444; }
-  .btn-task { background-color: #10b981; }
-</style>
-<div class="dw-lecture-container">
-  <!-- ============================================ -->
-  <!-- MINGGU 1 (Google Slides)                     -->
-  <!-- ============================================ -->
-  <details class="week-module" open name="kuliah">
-    <summary>
-      <div>
-        <span class="week-label">Minggu 1: Pendahuluan dan Review Matematika Dasar</span>
-        <span class="week-date">9 Feb 2026</span>
-      </div>
-    </summary>
-    <div class="module-content">
-      <div class="left-col">
-        <div class="media-wrapper">
-            <iframe src="https://yudhastyawan.github.io/materi-perkuliahan/GDG-week01-20260209.html" allowfullscreen="true" style="background: white;"></iframe>
-        </div>
-        <!-- Google Slide Embed -->
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/1puaQhJIDjZ3lbyIVrmmwnSsrBkXMyP4oOHLSbTeo_5c/embed?start=false&loop=false&delayms=3000" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-        </div>
-        <div style="margin-top: 15px;">
-            <strong>📹 Rekaman Kelas Minggu Ini (tidak ada):</strong>
-            <div class="media-wrapper" style="margin-top:5px;">
-                <!-- <iframe src="https://drive.google.com/file/d/1xHgtaiSDENehJYSEQWI92zRV6O9aAwCQ/preview" allow="autoplay"></iframe> -->
-            </div>
-        </div>
-        <div class="version-archive">
-            <h4>🗄️ Arsip Versi Lama / Tambahan</h4>
-            <ul class="archive-list">
-                <li><a href="https://docs.google.com/presentation/d/1puaQhJIDjZ3lbyIVrmmwnSsrBkXMyP4oOHLSbTeo_5c/edit?usp=sharing">Google Slides (9 Feb 2026)</a></li>
-            </ul>
-        </div>
-      </div>
-      <div class="right-col">
-        <h3 class="info-title">Ringkasan Materi</h3>
-        <div class="description-box">
-          <p>-</p>
-        </div>
-        <div class="ref-section">
-            <h4>📚 Referensi & Bacaan</h4>
-            <ul class="ref-list">
-                <li>-</li>
-            </ul>
-        </div>
-        <div class="btn-group">
-            <a href="#" class="btn btn-quiz">📝 Kuis (Belum ada)</a>
-            <a href="#" class="btn btn-task">📂 Tugas (Belum ada)</a>
-        </div>
-      </div>
-    </div>
-  </details>
-  <!-- ============================================ -->
-  <!-- MINGGU 2 (Google Slides)                     -->
-  <!-- ============================================ -->
-  <details class="week-module" name="kuliah">
-    <summary>
-      <div>
-        <span class="week-label">Minggu 2: Gelombang pada Tali I: Teori dan Solusi Harmonik</span>
-        <span class="week-date">9 Feb 2026</span>
-      </div>
-    </summary>
-    <div class="module-content">
-        <!-- Google Slide Embed -->
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/1cR5wxN7Kc4lIR7hQrjvLMTMoLJc79Tq_aBjCDXOxFnA/embed?start=false&loop=false&delayms=3000" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-        </div>
-        <div style="margin-top: 15px;">
-            <strong>📹 Rekaman Kelas Minggu Ini (tidak ada):</strong>
-            <div class="media-wrapper" style="margin-top:5px;">
-                <!-- <iframe src="https://drive.google.com/file/d/1xHgtaiSDENehJYSEQWI92zRV6O9aAwCQ/preview" allow="autoplay"></iframe> -->
-            </div>
-        </div>
-        <div class="version-archive">
-            <h4>🗄️ Arsip Versi Lama / Tambahan</h4>
-            <ul class="archive-list">
-                <li><a href="https://docs.google.com/presentation/d/1cR5wxN7Kc4lIR7hQrjvLMTMoLJc79Tq_aBjCDXOxFnA/edit?usp=sharing">Google Slides (9 Feb 2026)</a></li>
-            </ul>
-        </div>
-      </div>
-      <div class="right-col">
-        <h3 class="info-title">Ringkasan Materi</h3>
-        <div class="description-box">
-          <p>-</p>
-        </div>
-        <div class="ref-section">
-            <h4>📚 Referensi & Bacaan</h4>
-            <ul class="ref-list">
-                <li>-</li>
-            </ul>
-        </div>
-        <div class="btn-group">
-            <a href="#" class="btn btn-quiz">📝 Kuis (Belum ada)</a>
-            <a href="#" class="btn btn-task">📂 Tugas (Belum ada)</a>
-        </div>
-      </div>
-    </div>
-  </details>
-</div>
 </html>