summaryrefslogtreecommitdiff
path: root/lessons/fisika/static-electricity/id-theory.html
diff options
context:
space:
mode:
authoraltaf-creator <athaalaa@gmail.com>2023-09-02 16:23:18 +0700
committeraltaf-creator <athaalaa@gmail.com>2023-09-02 16:23:18 +0700
commitec9892ad62f3bd6a1a7c9faf2505bc861a48fddd (patch)
tree2af7f8aedcb3696a6bed4578dd4f85fd2d13a55d /lessons/fisika/static-electricity/id-theory.html
parent86f162bfd4123c012d06f9385795a51813f8f958 (diff)
New translation, new physics page
Diffstat (limited to 'lessons/fisika/static-electricity/id-theory.html')
-rw-r--r--lessons/fisika/static-electricity/id-theory.html97
1 files changed, 97 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..32e54bd
--- /dev/null
+++ b/lessons/fisika/static-electricity/id-theory.html
@@ -0,0 +1,97 @@
+<!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 Selesai</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">Electroscope</h1>
+ <h2 id="electroscope--definition">What is an Electroscope?</h2>
+ <p>An electroscope is a scientific instrument to detect a presence of an electric charge, and / or a type of an electric charge.</p>
+ <h2 id="electroscope--neutral">Neutral Electroscope</h2>
+ <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br>
+ <span class="subtitle">A neutral electroscope.</span>
+ <p>An electroscope can be <b>Neutral</b>, <b>Positive</b>, or <b>Negative</b>. This part explains about a netural electroscope. If an object is brought closer to the ball;</p>
+ <ol>
+ <li>If the object is neutral, nothing will happen.</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">If the object is positively charged, the electrons will move upwards (to the ball), and the protons will move downwards (to the golden leaves). These will result in the golden leaves to seperate further. (see image)</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">If the object is negatively charged, the protons will move upwards (to the ball), and the electrons will move downwards (to the golden leaves). These will result in the golden leaves to seperate further. (see image)</p>
+ </div>
+ </li>
+ </ol>
+ <h2 id="electroscope--positive">Positive Electroscope</h2>
+ </section>
+ </div>
+
+ <script src="/scripts/toc.js"></script>
+ <script src="/scripts/sidebar.js"></script>
+</body>
+
+</html> \ No newline at end of file