Differences

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

--- geomekanika [2026/02/16 23:05] – [📅 Jadwal Pertemuan & Materi] geofitera
+++ geomekanika [2026/02/26 21:38] (current) – [📅 Jadwal Pertemuan & Materi] geofitera
@@ Line 34: / Line 34: @@
 <html>
-<!--
+<iframe src="https://script.google.com/a/macros/tg.itera.ac.id/s/AKfycby0k6HKjcazNj9a7NE_Qtv1AX9jkyfXBV8QJNdPcgfnhHyykTg1Yg23EYP7lC-CfxsLUA/exec?mk=TG25-22004" 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</span>
-        <span class="week-date">9 Feb 2026</span>
-      </div>
-    </summary>
-    <div class="module-content">
-      <div class="left-col">
-        <!-- Google Slide Embed -->
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/14pHrFAXBzM_qjMhKjTG1nGixML46Q9LOwxg_goTPGpc/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/14pHrFAXBzM_qjMhKjTG1nGixML46Q9LOwxg_goTPGpc/edit?usp=sharing">Google Slides (9 Feb 2026)</a></li>
-                <li><a href="https://script.google.com/a/tg.itera.ac.id/macros/s/AKfycbzXoFrniVkMcg2pEKTaya6rllrSHrrgOl-SmdV9ZMtyGkgnXRyS46X6vvd4kIXGM_8eQg/exec?v=TG25-22004%2FRTGH%2F2025">Kontrak Kuliah - RTGH - 2025/2026 (2 Feb 2026)</a></li>
-                <li><a href="https://script.google.com/a/tg.itera.ac.id/macros/s/AKfycbzXoFrniVkMcg2pEKTaya6rllrSHrrgOl-SmdV9ZMtyGkgnXRyS46X6vvd4kIXGM_8eQg/exec?v=TG25-22004%2FRTGF%2F2025">Kontrak Kuliah - RTGF - 2025/2026 (2 Feb 2026)</a></li>
-                <li><a href="https://script.google.com/a/tg.itera.ac.id/macros/s/AKfycbzXoFrniVkMcg2pEKTaya6rllrSHrrgOl-SmdV9ZMtyGkgnXRyS46X6vvd4kIXGM_8eQg/exec?v=TG25-22004%2FRTGG%2F2025">Kontrak Kuliah - RTGG - 2025/2026 (2 Feb 2026)</a></li>
-            </ul>
-        </div>
-      </div>
-      <div class="right-col">
-        <h3 class="info-title">Ringkasan Materi</h3>
-        <div class="description-box">
-          <p>
-            Geomekanika (mekanika batuan) mempelajari perilaku batuan dengan tujuan utama memprediksi respons batuan terhadap tegangan (stress) dan regangan (strain). Pemahaman ini penting untuk mencegah kegagalan teknik dalam berbagai proyek rekayasa seperti terowongan, tambang, dan fondasi bangunan.
-          </p>
-          <p>
-            Batuan merupakan material alami yang tersusun dari agregat mineral dengan komposisi kimia dan struktur molekul tertentu. Mineral sebagai penyusun utama sangat menentukan kekuatan batuan. Mineral yang kuat menghasilkan batuan yang tahan terhadap kerusakan, sedangkan mineral yang lebih lunak menghasilkan batuan yang cenderung lebih lemah.
-          </p>
-          <p>
-            Di kerak bumi terdapat lebih dari 2500 jenis mineral, dengan mineral umum seperti feldspar, kuarsa, mineral ferromagnesian, oksida besi, kalsit, dolomit, mika, dan gipsum. Mineral dapat berupa unsur tunggal seperti emas dan tembaga atau berupa senyawa dari beberapa unsur.
-          </p>
-          <p>
-            Secara geologi, batuan dapat muncul dalam bentuk partikel kecil seperti pasir dan lempung hingga struktur besar seperti pegunungan dan lempeng tektonik. Berdasarkan proses pembentukannya, batuan dibagi menjadi batuan beku, batuan sedimen, dan batuan metamorf.
-          </p>
-          <p>
-            Dibandingkan tanah, batuan bersifat lebih kompak, keras, dan terkonsolidasi. Dalam praktik geomekanika, perilaku batuan sangat dipengaruhi oleh adanya diskontinuitas seperti rekahan, kekar, sesar, lipatan, dan bidang perlapisan. Struktur-struktur ini menjadi zona lemah yang berperan besar terhadap kestabilan massa batuan.
-          </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 dan 3: Penerapan stress pada sistem 2D dan 3D</span>
-        <span class="week-date">17 Feb 2026</span>
-      </div>
-    </summary>
-    <div class="module-content">
-      <div class="left-col">
-        <!-- Google Slide Embed -->
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/11Qy6mIt-4Og-q3-yV61XHbG9MY-AH_h6_NljWitGIxs/embed?start=false&loop=false&delayms=3000" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-        </div>
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/1jJaKgch3ysTvZ0M39WJt4vN695XAor4_Wfi6BTwBgWQ/embed?start=false&loop=false&delayms=3000" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-        </div>
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/1zN920ByFgBnTWozLmT7jGNst6lX88gSuBGaT2Yl8siA/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 (RTGH - 17 Feb 2026):</strong>
-            <div class="media-wrapper" style="margin-top:5px;">
-                <iframe src="https://drive.google.com/file/d/1YRlbDFbEa9Lq2MnU6gfZwjvKFS6em8Rf/preview" allow="autoplay"></iframe>
-            </div>
-            <strong>📹 Rekaman Kelas Minggu Ini (RTGF dan RTGG - 17 Feb 2026):</strong>
-            <div class="media-wrapper" style="margin-top:5px;">
-                <iframe src="https://drive.google.com/file/d/1f_YnpMc5rxifWp2uiKfW0cwpq4Fzb_Gm/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/11Qy6mIt-4Og-q3-yV61XHbG9MY-AH_h6_NljWitGIxs/edit?usp=sharing">Google Slides 1 (17 Feb 2026)</a></li>
-                <li><a href="https://docs.google.com/presentation/d/1jJaKgch3ysTvZ0M39WJt4vN695XAor4_Wfi6BTwBgWQ/edit?usp=sharing">Google Slides 2 (17 Feb 2026)</a></li>
-                <li><a href="https://docs.google.com/presentation/d/1zN920ByFgBnTWozLmT7jGNst6lX88gSuBGaT2Yl8siA/edit?usp=sharing">Google Slides 3 (17 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>