diff options
| author | altaf-creator <athaalaa@gmail.com> | 2023-07-30 20:23:36 +0700 |
|---|---|---|
| committer | altaf-creator <athaalaa@gmail.com> | 2023-07-30 20:23:36 +0700 |
| commit | 81505edfecaea10fab2d68247a7b99645286a54f (patch) | |
| tree | e4598fc783db6cedbcc99f2dd09f9cadaa583594 /lessons | |
| parent | 1efbdf493533ad11f4a961f1ec9759e8cfd14a96 (diff) | |
Changed homepage, improved css and added roots, new notes (some not finished yet)
Diffstat (limited to 'lessons')
| -rw-r--r-- | lessons/biologi/chapter/note.html | 130 | ||||
| -rw-r--r-- | lessons/biologi/index.html | 5 | ||||
| -rw-r--r-- | lessons/biologi/reproduction/introduction.html | 95 | ||||
| -rw-r--r-- | lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html | 17 | ||||
| -rw-r--r-- | lessons/fisika/atom/atom.html | 34 | ||||
| -rw-r--r-- | lessons/fisika/atom/electron-config.html | 74 | ||||
| -rw-r--r-- | lessons/index.html | 30 | ||||
| -rw-r--r-- | lessons/matematika/index.html | 2 | ||||
| -rw-r--r-- | lessons/matematika/pangkat-akar/akar.html | 112 | ||||
| -rw-r--r-- | lessons/matematika/pangkat-akar/latihan.html | 152 | ||||
| -rw-r--r-- | lessons/matematika/pangkat-akar/pangkat.html | 34 |
11 files changed, 530 insertions, 155 deletions
diff --git a/lessons/biologi/chapter/note.html b/lessons/biologi/chapter/note.html deleted file mode 100644 index 5a31626..0000000 --- a/lessons/biologi/chapter/note.html +++ /dev/null @@ -1,130 +0,0 @@ -<!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.png"> - <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> -</head> -<body> - <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a> - <div id="console"></div> - <div id="sidebar"> - <a href="/index.html"> - <img src="/assets/images/master.png" alt="" class="sidebar-logo"> - </a> - <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> - <hr class="divider"> - <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 class="banner-container" id="banner"> - <div class="banner-bg" id="img-supplies"></div> - <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1> - </div> - - <div id="main"> - <section> - <h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading2">Heading 2</h1> - <h2 id="subheading1">Sub Heading 1</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h2 id="subheading2">Sub Heading 2</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p><h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading2">Heading 2</h1> - <h2 id="subheading1">Sub Heading 1</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h2 id="subheading2">Sub Heading 2</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p><h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading2">Heading 2</h1> - <h2 id="subheading1">Sub Heading 1</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h2 id="subheading2">Sub Heading 2</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p><h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading2">Heading 2</h1> - <h2 id="subheading1">Sub Heading 1</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h2 id="subheading2">Sub Heading 2</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p><h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading2">Heading 2</h1> - <h2 id="subheading1">Sub Heading 1</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h2 id="subheading2">Sub Heading 2</h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - <h1 id="heading1">Heading 1</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. - </p> - </section> - </div> - - <script src="/scripts/toc.js"></script> - <script src="/scripts/sidebar.js"></script> -</body> -</html>
\ No newline at end of file diff --git a/lessons/biologi/index.html b/lessons/biologi/index.html index 2c3bf1b..5c6ed07 100644 --- a/lessons/biologi/index.html +++ b/lessons/biologi/index.html @@ -39,8 +39,9 @@ </div> <div id="main"> - <section> - <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p> + <section> + <h1 id="chapter1">Chapter 1 - Reproduction System</h1> + <p><a href="reproduction/introduction.html" class="link">Reproduction System: Introduction</a></p> </section> </div> diff --git a/lessons/biologi/reproduction/introduction.html b/lessons/biologi/reproduction/introduction.html new file mode 100644 index 0000000..a478e49 --- /dev/null +++ b/lessons/biologi/reproduction/introduction.html @@ -0,0 +1,95 @@ +<!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.png"> + <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> +</head> +<body> + <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a> + <div id="console"></div> + <div id="sidebar"> + <a href="/index.html"> + <img src="/assets/images/master.png" alt="" class="sidebar-logo"> + </a> + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + <hr class="divider"> + <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 class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <h1 class="banner-text" id="banner-txt">Reproduction System: Introduction</h1> + </div> + + <div id="main"> + <section> + <div class="highlight"> + <i class="fa-regular fa-face-meh" style="font-size: x-large;"></i> + <span>Stop.</span> + </div> + <h1 id="definition">Definition</h1> + <p>The Reproduction System is the human's effort to preserve its kind.</p> + <h1 id="male">Male Reproduction System</h1> + <h2 id="male--tracts">Tracts</h2> + <ol> + <li><strong>Epididymis</strong>: for sperm maturing</li> + <li>Vas Deferens</li> + <li>Urethra</li> + <li>Penis</li> + </ol> + <h2 id="male--glands">Glands</h2> + <ol> + <li><strong>Testis</strong>: producing spermatozoa</li> + <li><strong>Seminal Vesicle</strong>: producing food</li> + <li><strong>Bulbourethral / Cowpery</strong>: producing mucus</li> + <li><strong>Prostate</strong>: producing alkali (bases) for neutralizing</li> + </ol> + <h1 id="female">Female Reproduction System</h1> + <h2 id="female--tracts">Tracts</h2> + <ol> + <li><strong>Uterus</strong>: growing embryo</li> + <li><strong>Cervix</strong>: sperm entry</li> + <li><strong>Vagina</strong>: outside</li> + </ol> + <h2 id="female--glands">Glands</h2> + <ol> + <li><strong>Ovary</strong>: producing ovum</li> + <h3>Processes</h3> + <ol> + <li><strong>Ovulation</strong>: the release of ovum</li> + <li><strong>Oviduct</strong>: fertilization of ovum</li> + </ol> + </ol> + <h1 id="hormone">Female Hormones</h1> + <ol> + <li><strong>FSH</strong>: Follicle Stimulating Hormon<br>For controlling menstruation and ovum development</li> + <li><strong>LH</strong>: Luteinezing Hormon<br>For ovulation</li> + <li><strong>Esterogen</strong><br>For thickening uterus wall and menstruation control</li> + <li><strong>Progresteron</strong><br>For maintaining pregnancy</li> + </ol> + <h3>VIDEO DEMONSTRASI SISTEM REPRODUKSI MANUSIA</h1> + <a href="video-demonstrasi-proses-reproduksi.html" class="link">Klik disini untuk membuka!</a> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> +</html>
\ No newline at end of file diff --git a/lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html b/lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html new file mode 100644 index 0000000..c11f53b --- /dev/null +++ b/lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html @@ -0,0 +1,17 @@ +<h1 id="heading">Demonstrasi Proses Reproduksi (Manusia)</h1> +<p id="text">For education purposes (explicit content warning)</p> +<video id="video" width="1280" height="720" controls> + <source src="/assets/videos/video.mp4" type="video/mp4"> + Your browser does not support the video tag. +</video> + +<script> + const video = document.getElementById("video"); + const text = document.getElementById("text"); + const heading = document.getElementById("heading"); + + video.addEventListener("play", (event) => { + text.innerHTML = "get rickrolled lol<br><a href='introduction.html'>(click here to go back)</a>"; + heading.innerHTML = "Shame on you."; + }); +</script>
\ No newline at end of file diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html index bc75271..a15d8dc 100644 --- a/lessons/fisika/atom/atom.html +++ b/lessons/fisika/atom/atom.html @@ -66,14 +66,46 @@ <strong>Atomic Mass</strong> - <strong>Atomic Number</strong> = Neutron Number <h2 id="proton-electron-neutron-count--example">Examples</h2> <div class="flex" style="width: 100%;"> - <img src="/assets/images/atoms/natrium_symbol.svg" alt="" style="max-width: 200px; margin: 20px;"> + <img src="/assets/images/atoms/natrium_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> <p> <strong>Proton:</strong> 11<br> <strong>Electron:</strong> 11<br> <strong>Neutron:</strong> 23 - 11 = 12 </p> </div> + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/carbon_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6<br> + <strong>Neutron:</strong> 12 - 6 = 6 + </p> + </div> <h1 id="ions">Ions</h1> + Electron count will be added or subtracted by ion charge. <br> + If the ion charge is positive, subtract the electron count. <br> + If the ion charge is negative, add the electron count. For example: + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/carbon_symbol_ion.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6 + 4 = 10<br> + <strong>Neutron:</strong> 12 - 6 = 6 + </p> + </div> + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/magnesium_symbol_ion.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6 - 2 = 4<br> + <strong>Neutron:</strong> 24 - 12 = 12 + </p> + </div> + </section> </div> diff --git a/lessons/fisika/atom/electron-config.html b/lessons/fisika/atom/electron-config.html index 02120f8..31111d9 100644 --- a/lessons/fisika/atom/electron-config.html +++ b/lessons/fisika/atom/electron-config.html @@ -48,6 +48,29 @@ <div class="flex flex-center"> <img src="/assets/images/atoms/electron_configuration.svg" alt=""> </div> + <h2 id="electron-config--max-electron">Sub-Shell and Maximum Electron</h2> + <table> + <tr> + <th>Sub-Shell</th> + <th>Maximum Electron</th> + </tr> + <tr> + <td>s</td> + <td>2</td> + </tr> + <tr> + <td>p</td> + <td>6</td> + </tr> + <tr> + <td>d</td> + <td>10</td> + </tr> + <tr> + <td>f</td> + <td>14</td> + </tr> + </table> <h2 id="electron-config--how-to-read">How to Read / Order</h2> <ol> <li>Start from the top-most arrow</li> @@ -55,18 +78,63 @@ <ol> <li>1s, 2s, 2p, 3s</li> </ol> - <li>Exponent the electron with maximum number of electron until the total of exponents is equals to Atom Number.</li> - <li>If the total is more than Atom Number, subtract the the last electron's exponent to make the total equals to the atom number.</li> + <li>Exponent the electron with maximum number of sub-shell until the total of exponents is equals to + Atom Number.</li> + <li>If the total is more than Atom Number, subtract the the last electron's exponent to make the total + equals to the atom number.</li> </ol> <h2 id="electron-config--examples">Examples</h2> + <div class="flex flex-center" style="width: 100%;"> + <div class="flex column"> + <img src="/assets/images/atoms/magnesium_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup>, 3p<sup>2</sup></span> + </div> + <div class="flex column" style="padding-left: 30px;"> + <img src="/assets/images/atoms/lead_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup>, 3p<sup>6</sup>, + 4s<sup>2</sup>, 3d<sup>10</sup>, 4p<sup>3</sup></span> + </div> + </div> <h1 id="electron-config-based-on-shell">Electron Configuration Based on Shell</h1> <div class="flex flex-center"> <img src="/assets/images/atoms/oxygen.svg" alt="" style="max-width: 300px;"> </div> <p class="subtitle">an atom figure with shell labels (Oxygen)</p> + <h2 id="electron-config-based-on-shell--max">Maximum Electron</h2> + <table> + <tr> + <th>Shell</th> + <th>Maximum Electron</th> + </tr> + <tr> + <td>K</td> + <td>2</td> + </tr> + <tr> + <td>L</td> + <td>8</td> + </tr> + <tr> + <td>M</td> + <td>18</td> + </tr> + <tr> + <td>N</td> + <td>32</td> + </tr> + <tr> + <td>...</td> + <td>...</td> + </tr> + </table> <h2 id="electron-config-based-on-shell--example">How to Determine Electron Count</h2> - <table></table> + <ol> + <li>Coming soon!</li> + </ol> <h2 id="electron-config-based-on-shell--examples">Examples</h2> + </section> </div> diff --git a/lessons/index.html b/lessons/index.html index db128b6..4500af3 100644 --- a/lessons/index.html +++ b/lessons/index.html @@ -42,7 +42,7 @@ <div class="card-container"> <div class="card"> <a href="/lessons/matematika/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/1/"> <h2>Matematika</h2> @@ -51,7 +51,7 @@ </div> <div class="card"> <a href="/lessons/fisika/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/2/"> <h2>Fisika</h2> @@ -60,7 +60,7 @@ </div> <div class="card"> <a href="/lessons/biologi/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Biologi</h2> @@ -69,16 +69,16 @@ </div> <div class="card"> <a href="/lessons/ips/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>IPS</h2> </a> - <p>Uaeni Jahroh S.Pd.</p> + <p>Unaeni Jahroh S.Pd.</p> </div> <div class="card"> <a href="/lessons/agama/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Agama</h2> @@ -87,7 +87,7 @@ </div> <div class="card"> <a href="/lessons/quran/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Al-Qur'an</h2> @@ -96,7 +96,7 @@ </div> <div class="card"> <a href="/lessons/arab/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Bahasa Arab</h2> @@ -105,7 +105,7 @@ </div> <div class="card"> <a href="/lessons/ppkn/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>PPKn</h2> @@ -114,7 +114,7 @@ </div> <div class="card"> <a href="/lessons/informatika/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Informatika</h2> @@ -123,7 +123,7 @@ </div> <div class="card"> <a href="/lessons/english/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>English</h2> @@ -132,7 +132,7 @@ </div> <div class="card"> <a href="/lessons/indonesia/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Bahasa Indonesia</h2> @@ -141,7 +141,7 @@ </div> <div class="card"> <a href="/lessons/musik/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Seni Musik</h2> @@ -150,7 +150,7 @@ </div> <div class="card"> <a href="/lessons/lukis/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Seni Rupa</h2> @@ -159,7 +159,7 @@ </div> <div class="card"> <a href="/lessons/pjok/" class="link-card"></a> - <img src="https://www.incimages.com/uploaded_files/image/1920x1080/getty_655998316_2000149920009280219_363765.jpg" + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> <a href="/lessons/3/"> <h2>Penjasorkes</h2> diff --git a/lessons/matematika/index.html b/lessons/matematika/index.html index 5fcdabc..7033a61 100644 --- a/lessons/matematika/index.html +++ b/lessons/matematika/index.html @@ -42,6 +42,8 @@ <section> <h1 id="bab1">Chapter 1 - Bentuk Pangkat dan Akar</h1> <p><a href="pangkat-akar/pangkat.html" class="link">Materi 1: Exponent</a></p> + <p><a href="pangkat-akar/akar.html" class="link">Materi 2: Root</a></p> + <p><a href="pangkat-akar/latihan.html" class="link">Latihan 1</a></p> </section> </div> diff --git a/lessons/matematika/pangkat-akar/akar.html b/lessons/matematika/pangkat-akar/akar.html new file mode 100644 index 0000000..b519d5e --- /dev/null +++ b/lessons/matematika/pangkat-akar/akar.html @@ -0,0 +1,112 @@ +<!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.png"> + <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> +</head> + +<body> + <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a> + <div id="console"></div> + <div id="sidebar"> + <a href="/index.html"> + <img src="/assets/images/master.png" alt="" class="sidebar-logo"> + </a> + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + <hr class="divider"> + <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 class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <h1 class="banner-text" id="banner-txt">Bentuk Pangkat dan Akar: Root</h1> + </div> + + <div id="main"> + <section> + <h1 id="definition">Definition</h1> + Root is the inverse of exponent. For example;<br> + <ul> + <li>4<sup>2</sup> = 16, <b>so <span class="root">16</span> = 4</b></li> + <li>5<sup>2</sup> = 25, <b>so <span class="root">25</span> = 5</b></li> + <li>10<sup>2</sup> = 100, <b>so <span class="root">100</span> = 10</b></li> + </ul> + + <h1 id="simplification">Simplifying Square Roots</h1> + You can simplify a root by factoring the root number another number that is rational. Or in other words, divide the root number by the perfect squares. For example; + <ul> + <li> + <strong>Simplify <span class="root">60</span></strong><br> + <span class="root">60</span> = <span class="root">4 × 15</span> = 2<span class="root">15</span><br> + </li> + <li> + <strong>Simplify <span class="root">48</span></strong><br> + <span class="root">48</span> = <span class="root">16 × 3</span> = 4<span class="root">3</span><br> + </li> + <li> + <strong>Simplify <span class="root">125</span></strong><br> + <span class="root">125</span> = <span class="root">25 × 5</span> = 5<span class="root">5</span><br> + </li> + </ul> + + <h1 id="root-operations">Root Operations</h1> + <h2 id="root-operations--addition">Addition</h2> + Roots with coefficient can be added with another coefficient that have the same roots. <br> + <strong>a<span class="root">c</span> + b<span class="root">c</span> = (a + b)<span class="root">c</span></strong> + <ul> + <li>3<span class="root">2</span> + 4<span class="root">2</span> = (3 + 4)<span class="root">2</span> = <strong>7<span class="root">2</span></strong></li> + <li><span class="root">5</span> + 3<span class="root">5</span> = (1 + 3)<span class="root">5</span> = <strong>4<span class="root">5</span></strong></li> + </ul> + <h2 id="root-operations--subtraction">Subtraction</h2> + Roots with coefficient can be subtracted with another coefficient that have the same roots. <br> + <strong>a<span class="root">c</span> - b<span class="root">c</span> = (a - b)<span class="root">c</span></strong> + <ul> + <li>7<span class="root">3</span> - 4<span class="root">3</span> = (7 - 4)<span class="root">3</span> = <strong>3<span class="root">2</span></strong></li> + <li>10<span class="root">6</span> - 5<span class="root">6</span> = (10 - 5)<span class="root">6</span> = <strong>5<span class="root">6</span></strong></li> + </ul> + <h2 id="root-operations--multiplication">Multiplication</h2> + Roots can be multiplied with any other roots. If the root is the same as the other multiplied root, the root can be deleted (if you want to be faster). <br> + <strong>a<span class="root">c</span> × b<span class="root">d</span> = (a × b)<span class="root">c × d</span></strong> + <ul> + <li><span class="root">2</span> × <span class="root">5</span> = <strong><span class="root">10</span></strong></li> + <li>3<span class="root">2</span> × 4<span class="root">3</span> = (3 × 4)<span class="root">2 × 3</span> = <strong>12<span class="root">6</span></strong></li> + <li>2<span class="root">5</span> × 3<span class="root">5</span> = (2 × 3)(5) = 6(5) = <strong>30</strong></li> + </ul> + <h2 id="root-operations--division">Division</h2> + Roots can be divided with any other roots. <br> + <strong>a<span class="root">c</span> ÷ b<span class="root">d</span> = (a ÷ b)<span class="root">c ÷ d</span></strong> + <ul> + <li> + <span class="root">12</span> ÷ <span class="root">3</span> = <strong><span class="root">2</span></strong> + </li> + <li> + 8<span class="root">6</span> ÷ 4<span class="root">3</span> = (8 ÷ 4)<span class="root">6 ÷ 3</span> = <strong>2<span class="root">2</span></strong> + </li> + </ul> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons/matematika/pangkat-akar/latihan.html b/lessons/matematika/pangkat-akar/latihan.html new file mode 100644 index 0000000..4aa75e7 --- /dev/null +++ b/lessons/matematika/pangkat-akar/latihan.html @@ -0,0 +1,152 @@ +<!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.png"> + <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> +</head> + +<body> + <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a> + <div id="console"></div> + <div id="sidebar"> + <a href="/index.html"> + <img src="/assets/images/master.png" alt="" class="sidebar-logo"> + </a> + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + <hr class="divider"> + <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 class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <h1 class="banner-text" id="banner-txt">Bentuk Pangkat dan Akar: Latihan</h1> + </div> + + <div id="main"> + <section> + <h1 id="questions">Pertanyaan</h1> + <ol> + <h2 id="questions--pangkat">Pangkat</h1> + <li style="margin-top: 10px;">8p<sup>2</sup>q × 2pq<sup>3</sup></li> + <li style="margin-top: 10px;">64<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>2</sub></span></sup> + 81<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup></li> + <li style="margin-top: 10px;">2<span class="root">5</span> + 3<span class="root">20</span> - 4<span class="root">5</span></li> + + <h2 id="questions--rasional">Merasionalkan Akar</h2> + <li style="margin-top: 10px;"><span class="frac"><sup>4</sup><span>⁄</span><sub><span class="root">5</span></sub></span></li> + <li style="margin-top: 10px;"><span class="frac"><sup>3<span class="root">5</span></sup><span>⁄</span><sub>2<span class="root">3</span></sup></sub></span></li> + <li style="margin-top: 10px;"><span class="frac"><sup>5</sup><span>⁄</span><sub><span class="root">3</span> - <span class="root">2</span></sub></span></li> + <li style="margin-top: 10px;"><span class="frac"><sup><span class="root">5</span> - <span class="root">7</span></sup><span>⁄</span><sub><span class="root">5</span> - <span class="root">2</span></sub></span></li> + + <h2 id="question--operasi-pangkat">Operasi Pangkat</h2> + <li style="margin-top: 10px;">(8p<sup>2</sup>3)<sup>3</sup> ÷ 2pq</li> + <li style="margin-top: 10px;"><span class="frac"><sup>(a<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>6</sup></sup><span>⁄</span><sub>(a<sup><span class="frac"><sup>2</sup><span>⁄</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>4</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>9</sup></sup></sub></span></li> + + <h2 id="question--persamaan-pangkat">Persamaan Pangkat</h2> + <li style="margin-top: 10px;">2<sup>x + 8</sup> = 64</li> + <li style="margin-top: 10px;">16<sup>2x + 3</sup> = 32</li> + </ol> + <h1 id="jawaban">Jawaban</h1> + <ol> + <li style="margin-top: 10px;">16p<sup>3</sup>q<sup>4</sup></li> + <li style="margin-top: 10px;"> + 64<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>2</sub></span></sup> + 81<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup><br> + = <span class="root">64</span> + <sup>3</sup><span class="root">81</span><br> + = 8 + <sup>3</sup><span class="root">81</span> + </li> + <li style="margin-top: 10px;"> + 2<span class="root">5</span> + 3<span class="root">20</span> - 4<span class="root">5</span><br> + = 6<span class="root">5</span> + 3<span class="root">20</span><br> + = 6<span class="root">5</span> + 3<span class="root">4 × 5</span><br> + = 6<span class="root">5</span> + 3<span class="root">2<sup>2</sup> × 5</span><br> + = 6<span class="root">5</span> + 3 × 2<span class="root">5</span><br> + = 6<span class="root">5</span> + 6<span class="root">5</span><br> + = <strong>12<span class="root">5</span></strong><br> + </li> + <li style="margin-top: 10px;"> + <span class="frac"><sup>4</sup><span>⁄</span><sub><span class="root">5</span></sub></span><br> + = <span class="frac"><sup>4</sup><span>⁄</span><sub><span class="root">5</span></sub></span> × <span class="frac"><sup><span class="root">5</span></sup><span>⁄</span><sub><span class="root">5</span></sub></span> = <strong><span class="frac"><sup>4<span class="root">5</span></sup><span>⁄</span><sub>5</sub></span></strong> + </li> + <li style="margin-top: 10px;"> + <span class="frac"><sup>3<span class="root">5</span></sup><span>⁄</span><sub>2<span class="root">3</span></sup></sub></span><br> + = <span class="frac"><sup>3<span class="root">5</span></sup><span>⁄</span><sub>2<span class="root">3</span></sup></sub></span> × <span class="frac"><sup><span class="root">3</span></sup><span>⁄</span><sub><span class="root">3</span></sup></sub></span><br> + = <span class="frac"><sup><span style="text-decoration: line-through;">3</span><span class="root">15</span></sup><span>⁄</span><sub>2 × <span style="text-decoration: line-through;">3</span></sup></sub></span><br> + = <strong><span class="frac"><sup><span class="root">15</span></sup><span>⁄</span><sub>2</sup></sub></span></strong> + </li> + <li style="margin-top: 10px;"> + <span class="frac"><sup>5</sup><span>⁄</span><sub><span class="root">3</span> - <span class="root">2</span></sub></span><br> + = <span class="frac"><sup>5</sup><span>⁄</span><sub><span class="root">3</span> - <span class="root">2</span></sub></span> × <span class="frac"><sup><span class="root">3</span> + <span class="root">2</span></sup><span>⁄</span><sub><span class="root">3</span> + <span class="root">2</span></sub></span><br> + = <span class="frac"><sup>5(<span class="root">3</span> + <span class="root">2</span>)</sup><span>⁄</span><sub>(<span class="root">3</span>)<sup>2</sup> - (<span class="root">2</span>)<sup>2</sup></sub></span><br> + = <span class="frac"><sup>5(<span class="root">3</span> + <span class="root">2</span>)</sup><span>⁄</span><sub>3 - 2</sub></span> = <span class="frac"><sup>5(<span class="root">3</span> + <span class="root">2</span>)</sup><span>⁄</span><sub>1</sub></span><br> + = <strong>5(<span class="root">3</span> + <span class="root">2</span>)</strong> + </li> + <li style="margin-top: 10px;"> + <span class="frac"><sup><span class="root">5</span> - <span class="root">7</span></sup><span>⁄</span><sub><span class="root">5</span> - <span class="root">2</span></sub></span><br> + = <span class="frac"><sup><span class="root">5</span> - <span class="root">7</span></sup><span>⁄</span><sub><span class="root">5</span> - <span class="root">2</span></sub></span> × <span class="frac"><sup><span class="root">5</span> + <span class="root">2</span></sup><span>⁄</span><sub><span class="root">5</span> + <span class="root">2</span></sub></span><br> + = <span class="frac"><sup>(<span class="root">5</span> - <span class="root">7</span>) × (<span class="root">5</span> + <span class="root">2</span>)</sup><span>⁄</span><sub>(<span class="root">5</span>)<sup>2</sup> - (<span class="root">2</span>)<sup>2</sup></sub></span><br> + = <span class="frac"><sup>5 + <span class="root">10</span> - <span class="root">35</span> - <span class="root">14</span></sup><span>⁄</span><sub>5 - 2</sub></span> = <strong><span class="frac"><sup>5 + <span class="root">10</span> - <span class="root">35</span> - <span class="root">14</span></sup><span>⁄</span><sub>3</sub></span></strong> + </li> + <li style="margin-top: 10px;"> + (8p<sup>2</sup>3)<sup>3</sup> ÷ 2pq <br> + = (24p<sup>2</sup>)<sup>3</sup> ÷ 2pq <br> + = 24<sup>3</sup> p<sup>6</sup> ÷ 2pq <br> + = <strong>6912p<sup>5</sup> ÷ q</strong> + </li> + <li style="margin-top: 10px;"> + = <span class="frac"><sup>(a<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>6</sup></sup><span>⁄</span><sub>(a<sup><span class="frac"><sup>2</sup><span>⁄</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>4</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>9</sup></sup></sub></span><br> + = <span class="frac"> + <sup>(a<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>6</sup> (b<sup><span class="frac"><sup>1</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>6</sup></sup> + <span>⁄</span> + <sub>(a<sup><span class="frac"><sup>2</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>9</sup> (b<sup><span class="frac"><sup>4</sup><span>⁄</span><sub>3</sub></span></sup>)<sup>9</sup></sub> + </span><br> + = <span class="frac"> + <sup>a<sup>2</sup> b<sup>2</sup></sup> + <span>⁄</span> + <sub>a<sup>6</sup> ba<sup>12</sup></sub> + </span><br> + = <strong>a<sup>-4</sup> b<sup>-10</sup></strong> + </li> + <li style="margin-top: 10px;"> + 2<sup>x + 8</sup> = 64 <br> + = <span style="text-decoration: line-through;">2</span><sup>x + 8</sup> = <span style="text-decoration: line-through;">2</span><sup>6</sup><br> + = x + 8 = 6 <br> + = x = 6 - 8 <br> + = <strong>x = -2</strong> + </li> + <li style="margin-top: 10px;"> + 16<sup>2x + 3</sup> = 32 <br> + = (2<sup>4</sup>)<sup>2x + 3</sup> = 2<sup>6</sup><br> + = <span style="text-decoration: line-through;">2</span><sup>8x + 12</sup> = <span style="text-decoration: line-through;">2</span><sup>6</sup> <br> + = 8x + 12 = 6 <br> + = 8x = 6 - 12 <br> + = 8x = 6 <br> + = x = <span class="frac"><sup>-6</sup><span>⁄</span><sub>8</sub></span><br> + = <strong>x = -<span class="frac"><sup>3</sup><span>⁄</span><sub>4</sub></span></strong> + </li> + </ol> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons/matematika/pangkat-akar/pangkat.html b/lessons/matematika/pangkat-akar/pangkat.html index f3af1a2..efba6e1 100644 --- a/lessons/matematika/pangkat-akar/pangkat.html +++ b/lessons/matematika/pangkat-akar/pangkat.html @@ -53,10 +53,20 @@ <h1 id="exponent-operations">Exponent Operations</h1> <h2 id="exponent-operations--multiplication">Multiplication</h2> a<sup>x</sup> × b<sup>y</sup> = (a × b)<sup>x + y</sup> + <ul> + <li>10<sup>4</sup> × 2<sup>2</sup> = (10 × 2)<sup>4 + 2</sup> = <strong>20<sup>6</sup></strong></li> + </ul> <h2 id="exponent-operations--division">Division</h2> a<sup>x</sup> ÷ b<sup>y</sup> = (a ÷ b)<sup>x - y</sup> + <ul> + <li>10<sup>3</sup> ÷ 2<sup>4</sup> = (10 ÷ 2)<sup>4 - 2</sup> = <strong>5<sup>2</sup></strong></li> + </ul> <h2 id="exponent-operations--exponent">Exponent</h2> - a<sup>x<sup>y</sup></sup> = a<sup>x × y</sup> + (a<sup>x</sup>)<sup>y</sup> = a<sup>x × y</sup> + <ul> + <li>(2<sup>2</sup>)<sup>3</sup> = 2<sup>2 × 3</sup> <strong>= 2<sup>6</sup> = 64</li> + + </ul> <h1 id="zero-exponent">Zero Exponent</h1> <p>a<sup>0</sup> = 1</p> @@ -79,14 +89,30 @@ <h1 id="fractional-exponent">Fractional Exponent</h1> <img src="/assets/images/math/fractional_exponent.svg" alt=""> <p>x <sup><span class="frac"><sup>y</sup><span>⁄</span><sub>z</sub></span></sup> = - <sup>z</sup><span>√(x</span><sup style="font-size: small;">y</sup><span>)</span></p> + <sup>z</sup><span><span class="root">x</span><sup style="font-size: small;">y</sup><span></span></span></p> <h2 id="fractional-exponent--examples">Examples</h2> <ul> <li>5 <sup><span class="frac"><sup>1</sup><span>⁄</span><sub>2</sub></span></sup> = - <sup>2</sup><span>√5</span></li> + <sup>2</sup><span><span class="root">5</span></span></li> <li>7 <sup><span class="frac"><sup>2</sup><span>⁄</span><sub>3</sub></span></sup> = - <sup>3</sup><span>√(5<sup>2</sup>)</span></li> + <sup>3</sup><span><span class="root">5<sup>2</sup></span></span></li> </ul> + <h1 id="exponential-equation">Exponential Equation</h1> + <ol> + <li>2<sup>x + 5</sup> = 64<br> + = <span style="text-decoration: line-through;">2</span><sup>x + 5</sup> = <span style="text-decoration: line-through;">2</span><sup>6</sup> <sub>↖ ubah ke bentuk 2 berpangkat (2<sup>x</sup>)</sub><br> + = x + 5 = 6<br> + = x = <strong>1</strong> + </li> + <li>16<sup>x + 2</sup> = 32<br> + = (2<sup>4</sup>)<sup>x + 2</sup> = 2<sup>5</sup><br> + = <span style="text-decoration: line-through;">2</span><sup>4x + 8</sup> = <span style="text-decoration: line-through;">2</span><sup>5</sup><br> + = 4x + 8 = 5<br> + = 4x = 5 - 8<br> + = 4x = -3<br> + = x = <span class="frac"><sup>-3</sup><span>⁄</span><sub>4</sub></span> = <strong>-<span class="frac"><sup>3</sup><span>⁄</span><sub>4</sub></span></strong> + </li> + </ol> </section> </div> |