Differences

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

--- geomekanika [2026/02/09 14:36] – geofitera
+++ geomekanika [2026/02/26 21:38] (current) – [📅 Jadwal Pertemuan & Materi] geofitera
@@ Line 30: / Line 30: @@
 ===== 📅 Jadwal Pertemuan & Materi =====
+**Demi kelancaran akses file materi, pengguna dianjurkan membuka melalui Google Chrome menggunakan akun email ITERA.**
 <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" name="kuliah">
-    <summary>
-      <div>
-        <span class="week-label">Minggu 1: Pendahuluan</span>
-        <span class="week-date">25 Okt 2023</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:</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="#">-</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>
-</div>
 </html>