diff options
author | altaf-creator <athaalaa@gmail.com> | 2023-11-28 20:47:38 +0700 |
---|---|---|
committer | altaf-creator <athaalaa@gmail.com> | 2023-11-28 20:47:38 +0700 |
commit | 58d76524e0ec5fdab2bf8c74d17163422cba9df8 (patch) | |
tree | af2a612a06f1d388bec87c41ec7b422749da85ea /lessons/fisika | |
parent | 93646b75455ceaeb311337be91455d366cc0e74f (diff) |
Dynamic Electricity unfinished, added contribute page
Diffstat (limited to 'lessons/fisika')
-rw-r--r-- | lessons/fisika/dynamic-electricity/calc.html | 74 | ||||
-rw-r--r-- | lessons/fisika/dynamic-electricity/current.html | 88 |
2 files changed, 162 insertions, 0 deletions
diff --git a/lessons/fisika/dynamic-electricity/calc.html b/lessons/fisika/dynamic-electricity/calc.html new file mode 100644 index 0000000..ca11d34 --- /dev/null +++ b/lessons/fisika/dynamic-electricity/calc.html @@ -0,0 +1,74 @@ +<!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">Resistance, Current, and Voltage</h1> + <h3 class="banner-text" id="banner-txt">Chapter 3 - Dynamic Electricity</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Unverified</span></div> + </div> + <div><a href="id-current.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> + </div> + + <div id="main"> + <section> + <h1 id="definition"></h1> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html> diff --git a/lessons/fisika/dynamic-electricity/current.html b/lessons/fisika/dynamic-electricity/current.html new file mode 100644 index 0000000..1fe82e5 --- /dev/null +++ b/lessons/fisika/dynamic-electricity/current.html @@ -0,0 +1,88 @@ +<!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">Current</h1> + <h3 class="banner-text" id="banner-txt">Chapter 3 - Dynamic Electricity</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Unverified</span></div> + </div> + <div><a href="id-current.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> + </div> + + <div id="main"> + <section> + <h1 id="definition">Definition</h1> + <p>In dynamic electricity, an electric current (symbol: I) is a flow of charged particles, such as electrons or ions, moving through an electrical conductor or space. <sup>[<a class="link-compact" href="#ref-1">1</a>]</sup></p> + <h1 id="unit-tool">Unit and Tool of Measurement</h1> + <p>The SI Unit of an electric current is <strong>Ampere (A)</strong>. To measure current, you can use an <strong>amperemeter</strong>.</p> + TODO: + - Amperemeter Graphic + - Amperemeter Formula + <h2 id="unit-tool--amperemeter-forula">Formula</h2> + <span id="formula"></span> + <script defer> + var element = document.getElementById("formula"); + katex.render(String.raw`\dfrac{\textnormal{Current Scale}}{\textnormal{Maximum Scale}} \times \textnormal{Measurement Limit}`, element, { + throwOnError: false + }); + </script> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html> |