Unlocked website, added rationalising roots

author: altaf-creator <athaalaa@gmail.com> 2023-09-25 20:18:57 +0700
committer: altaf-creator <athaalaa@gmail.com> 2023-09-25 20:18:57 +0700
commit: 18670260285d25b14921a89fae60089da334c921 (patch)
tree: dbd0d0a17a7704e963504744e21a273b9c374b3b /lessons/fisika/static-electricity/id-theory.html
parent: 7420ea9926c6cca698efa670d837a1cd753c4931 (diff)
1 files changed, 145 insertions, 0 deletions
diff --git a/lessons/fisika/static-electricity/id-theory.html b/lessons/fisika/static-electricity/id-theory.html
new file mode 100644
index 0000000..acde0ab
--- /dev/null
+++ b/lessons/fisika/static-electricity/id-theory.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/style.css">
+    <link rel="icon" href="/assets/images/master.svg">
+    <title>Al Azhar 9th Grade Lesson Notes</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script>
+</head>
+
+<body>
+    <div class="fixed-top-btn-container" id="topbtn">
+        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
+        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
+    </div>
+    <div id="console"></div>
+    <div id="sidebar">
+        <div>
+            <a href="/index.html">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
+            </a>
+
+            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
+        </div>
+
+        <div>
+            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
+            <a href="/about/school.html" class="sidebar-link link">About School</a>
+            <a href="/lessons" class="sidebar-link link">Lessons</a>
+
+
+            <hr class="divider">
+            <div id="toc">
+                <h4>Table of Contents</h4>
+            </div>
+        </div>
+    </div>
+
+    <div class="banner-container" id="banner">
+        <div class="banner-bg" id="img-supplies"></div>
+        <div class="gradient-bg"></div>
+        <div class="banner-text-container">
+            <h1 class="banner-text" id="banner-txt">Teori Listrik Statis: Elektroskop dan Medan Listrik</h1>
+            <h3 class="banner-text" id="banner-txt">Diterjemahkan ke Bahasa Indonesia</h3>
+        </div>
+    </div>
+    
+    <div class="top-chips-container" id="chip-container">
+        <div class="chip-container">
+            <div class="chip"><span>❓ Belum diverifikasi</span></div>
+        </div>
+        <div><a href="theory.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div>
+    </div>
+    
+    
+    <div id="main">
+        <section>
+            <h1 id="electroscope">Elektroskop</h1>
+            <h2 id="electroscope--definition">Apa itu Elektroskop?</h2>
+            <p>Elektroskop merupakan sebuah alat untuk mengetahui sebuah keberadaan listrik dari suatu benda, dan / atau jenis dari muatan listrik suatu benda.</p>
+            <h2 id=electroscope--neutral>Elektroskop Netral</h2>
+            <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br>
+            <span class="subtitle">Sebuah elektroskop netral.</span>
+            <p>Sebuah elektroskop dapat menjadi <b>netral</b>, <b>positif</b>, ataupun <b>negatif</b>. Bagian ini menjelaskan tentang elektroskop netral. Jika sebuah benda didekatkan ke bola elektroskop, maka:</p>
+            <ol>
+                <li>Jika objek itu bermuatan netral, tidak akan ada yang terjadi.</li>
+                <li>&nbsp;
+                    <div class="flex">
+                        <img src="/assets/images/electroscope/electroscope_neutral_active-positive.svg" alt="" style="max-width: 180px;" class="flex-element">
+                        <p class="flex-element">Jika objek itu bermuatan positif, elektron-elektron pada elektroskop itu akan bergerak keatas (ke bolanya), dan proton-proton akan bergerak ke bawah (ke daun emas)<br><b>Hal ini menyebabkan proton-proton pada daun emas itu saling tolak-menolak, yang membuat jarak lebih antara daun emas. (Lihat gambar)</b></p>
+                    </div>
+                </li>
+                <li>&nbsp;
+                    <div class="flex">
+                        <img src="/assets/images/electroscope/electroscope_neutral_active-negative.svg" alt="" style="max-width: 180px;" class="flex-element">
+                        <p class="flex-element">Sebaliknya, jika objek itu bermuatan negatif, proton-proton pada elektroskop itu akan bergerak keatas (ke bolanya), dan elektron-elektron akan bergerak ke bawah (ke daun emas)<br><b>Hal ini menyebabkan elektron-elektron pada daun emas itu saling tolak-menolak, yang membuat jarak lebih antara daun emas. (Lihat gambar)</b></p>
+                    </div>
+                </li>
+            </ol>
+            <p>Perlu diingat bahwa elektroskop yang bersifat netral <strong>tidak dapat</strong> digunakan untuk membedakan apakah objek itu positif ataupun negatif, dikarenakan pada dunia nyata, sifat kedua daun emas akan terlihat sama antara positif maupun negatif.</p>
+            <h2 id="electroscope--positive">Elektroskop Positif</h2>
+            <img src="/assets/images/electroscope/electroscope_positive_normal.svg" alt="" style="max-width: 160px;"><br>
+            <span class="subtitle">Sebuah elektroskop positif.</span>
+            <p>Tipe lain dari elektroskop adalah elektroskop positif. Muatan dari elektroskop ini telah dipisahkan antara proton dan elektron menggunakan konduksi. Jika sebuah objek didekatkan ke bola elektroskop, maka:</p>
+            <ol>
+                <li>&nbsp;
+                    <div class="flex">
+                        <img src="/assets/images/electroscope/electroscope_positive_positive.svg" alt="" style="max-width: 180px;" class="flex-element">
+                        <p class="flex-element">Jika objek itu positif, proton-proton akan bergerak kebawah (bertolakan dengan bendanya) ke daun emas. <br><b>Ini akan menyebabkan proton-proton saling tolak-menolak yang menyebabkan jarak lebih antara daun emas. (Lihat gambar)</b>.</p>
+                    </div>
+                </li>
+                <li>&nbsp;
+                    <div class="flex">
+                        <img src="/assets/images/electroscope/electroscope_positive_negative.svg" alt="" style="max-width: 180px;" class="flex-element">
+                        <p class="flex-element">Jika objek itu negatif, lebih banyak proton akan bergerak keatas (tertarik oleh bendanya) ke bola elektroskop.<br><b>Hal ini menyebabkan proton yang lebih sedikit di daun emas, yang menyebabkan daun emas saling menguncup.</b></p>
+                    </div>
+                </li>
+            </ol>
+            <h2 id="electroscope--negative">Elektroskop Negatif</h2>
+            <img src="/assets/images/electroscope/electroscope_negative_normal.svg" alt="" style="max-width: 160px;"><br>
+            <span class="subtitle">Sebuah elektroskop negatif.</span>
+            <p> Jika sebuah benda didekatkan ke bola elektroskop, maka:</p>
+            <ol>
+                <li>&nbsp;
+                    <div class="flex">
+                        <img src="/assets/images/electroscope/electroscope_negative_positive.svg" alt="" style="max-width: 180px;" class="flex-element">
+                        <p class="flex-element">Jika objek itu positif, elektron-elektron akan bergerak keatas (tertarik dengan bendanya) ke daun emas. <br><b>Hal ini menyebabkan elektron yang lebih sedikit di daun emas, yang menyebabkan daun emas saling menguncup</b>.</p>
+                    </div>
+                </li>
+                <li>&nbsp;
+                    <div class="flex">
+                        <img src="/assets/images/electroscope/electroscope_negative_negative.svg" alt="" style="max-width: 180px;" class="flex-element">
+                        <p class="flex-element">Jika objek itu negatif, lebih banyak elektron akan bergerak kebawah (bertolakan oleh bendanya) ke bola elektroskop.<br><b>Ini akan menyebabkan elektron-elektron saling tolak-menolak yang menyebabkan jarak lebih antara daun emas. (Lihat gambar)</b></p>
+                    </div>
+                </li>
+            </ol>
+            <h1 id="field">Medan Listrik</h1>
+            <p>Sebuah medan listrik adalah medan fisik yang mengelilingi sebuah muatan listrik dan mengeluarkan gaya ke semua muatan listrik disekitarnya, entah menarik ataupun menolak mereka. <sup>[<a href="#reference1" class="link-compact">1</a>]</sup></p>
+            <h2 id="field--behaviour">Sifat Muatan Positif dan Negatif</h2>
+            <img src="/assets/images/electric/electric_field.svg" alt="">
+            <p>Sebuah proton memiliki medan listrik radial yang keluar dari posisi proton tersebut, melainkan elektron memiliki medan listrik radial yang <b>memasuki</b> ke dalam elektron tersebut.</p>
+            <h2 id="field--examples">Contoh</h2>
+            <img src="/assets/images/electric/electric_field_arrows.svg" alt=""><br><span class="subtitle">Sebuah proton dan elektron saling tarik-menarik, yang bisa dilihat dari garis medan listriknya.</span><br><br>
+            <img src="/assets/images/electric/electric_field_arrows_positive.svg" alt=""><br><span class="subtitle">Sebuah proton dan proton lainnya saling tolak-menolak   , yang bisa dilihat dari garis medan listriknya.</span><br>
+            <h1>Referensi</h1>
+            <ol>
+                <li id="reference1" tabindex="-1">Browne, p 225: "... around every charge there is an aura that fills all space. This aura is the electric field due to the charge. The electric field is a vector field... and has a magnitude and direction."</li>
+            </ol>
+        </section>
+    </div>
+
+    <script src="/scripts/toc.js"></script>
+    <script src="/scripts/sidebar.js"></script>
+</body>
+
+</html>
+\ No newline at end of file
author	altaf-creator <athaalaa@gmail.com>	2023-09-25 20:18:57 +0700
committer	altaf-creator <athaalaa@gmail.com>	2023-09-25 20:18:57 +0700
commit	18670260285d25b14921a89fae60089da334c921 (patch)
tree	dbd0d0a17a7704e963504744e21a273b9c374b3b /lessons/fisika/static-electricity/id-theory.html
parent	7420ea9926c6cca698efa670d837a1cd753c4931 (diff)