diff options
| -rw-r--r-- | .gitignore | 3 | ||||
| -rw-r--r-- | contribute/index.html | 82 | ||||
| -rw-r--r-- | lessons/fisika/dynamic-electricity/calc.html | 74 | ||||
| -rw-r--r-- | lessons/fisika/dynamic-electricity/current.html | 88 | ||||
| -rw-r--r-- | style.css | 9 |
5 files changed, 255 insertions, 1 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..45ec278 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +logs +temp +conf diff --git a/contribute/index.html b/contribute/index.html new file mode 100644 index 0000000..de2072d --- /dev/null +++ b/contribute/index.html @@ -0,0 +1,82 @@ +<!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"> + <title>Contribute • 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> + <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 class="fixed-top-btn back-btn" style="color: var(--black-color-2);" disabled><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-alazhar"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Al Azhar 9th Grade Lesson Notes</h1> + <h3 class="banner-text" id="banner-txt">A studying website</h3> + </div> + </div> + + <div id="main"> + <section> + <h1>Thank you!</h1> + <div class="card-container"> + <div class="card" style="padding-block: 100px;"> + <a href="https://chat.whatsapp.com/JCRWMHImbNvIm3muYml6YR" class="link-card"></a> + <span class="emoji-icon">π¬</span> + <p style="text-align: center; width: 100%;">WhatsApp Community</p> + </div> + <div class="card" style="padding-block: 100px;"> + <a href="https://docs.google.com/document/d/118jrDNqIp0zZv3hmKzgxiG1QO-mPQN4VjW_XkVhf7QA/" class="link-card"></a> + <span class="emoji-icon">π</span> + <p style="text-align: center; width: 100%;">Panduan</p> + </div> + <div class="card" style="padding-block: 100px;"> + <a href="https://trello.com/b/Cmzr9zEI/al-azhar-9th-grade-lesson-notes" class="link-card"></a> + <span class="emoji-icon">πΊοΈ</span> + <p style="text-align: center; width: 100%;">Roadmap</p> + </div> + </div> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html> 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> @@ -399,6 +399,13 @@ h3.banner-text { flex-direction: column; } +.emoji-icon { + font-size: 3rem; + width: 100%; + text-align: center; + display: block; +} + .card:hover { bottom: 4px; } @@ -648,4 +655,4 @@ li>a:hover { #chip-container { margin-left: 20px; } -}
\ No newline at end of file +} |