lessons/fisika/static-electricity/theory.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

<!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">Static Electricity Theory: Electroscope and Electric Field</h1>
            <h3 class="banner-text" id="banner-txt">Chapter 2</h3>
        </div>
    </div>
    
    <div class="top-chips-container" id="chip-container">
        <div class="chip-container">
            <div class="chip"><span>🔍 Unfinished</span></div>
        </div>
        <div><a href="id-theory.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</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>