diff options
Diffstat (limited to 'lessons')
40 files changed, 246 insertions, 60 deletions
diff --git a/lessons/agama/index.html b/lessons/agama/index.html index 90eae31..f89b2db 100644 --- a/lessons/agama/index.html +++ b/lessons/agama/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/agama/kiamat/index.html b/lessons/agama/kiamat/index.html index 2ccd825..039b4cc 100644 --- a/lessons/agama/kiamat/index.html +++ b/lessons/agama/kiamat/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -50,7 +50,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> <div class="chip"><span>❓ Unchecked</span></div> <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div> diff --git a/lessons/agama/qurban/1.html b/lessons/agama/qurban/1.html index 7b7cd2a..46d7a21 100644 --- a/lessons/agama/qurban/1.html +++ b/lessons/agama/qurban/1.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -50,7 +50,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> <div class="chip"><span>❓ Unchecked</span></div> <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div> diff --git a/lessons/agama/qurban/2.html b/lessons/agama/qurban/2.html index df72a0d..589c6c2 100644 --- a/lessons/agama/qurban/2.html +++ b/lessons/agama/qurban/2.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -50,7 +50,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> <div class="chip"><span>❓ Unchecked</span></div> <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div> diff --git a/lessons/arab/chapter/note.html b/lessons/arab/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/arab/chapter/note.html +++ b/lessons/arab/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/arab/index.html b/lessons/arab/index.html index cb73851..ff72c2f 100644 --- a/lessons/arab/index.html +++ b/lessons/arab/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/biologi/index.html b/lessons/biologi/index.html index 0293bb9..e7601a7 100644 --- a/lessons/biologi/index.html +++ b/lessons/biologi/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/biologi/reproduction/introduction.html b/lessons/biologi/reproduction/introduction.html index 2d51f6e..1288ed8 100644 --- a/lessons/biologi/reproduction/introduction.html +++ b/lessons/biologi/reproduction/introduction.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -41,7 +41,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> </div> diff --git a/lessons/english/chapter/note.html b/lessons/english/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/english/chapter/note.html +++ b/lessons/english/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/english/index.html b/lessons/english/index.html index 6e98a39..f3b9009 100644 --- a/lessons/english/index.html +++ b/lessons/english/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html index db63c98..d2afda9 100644 --- a/lessons/fisika/atom/atom.html +++ b/lessons/fisika/atom/atom.html @@ -22,7 +22,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -52,7 +52,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> </div> diff --git a/lessons/fisika/atom/electron-config.html b/lessons/fisika/atom/electron-config.html index 72808ff..6194df7 100644 --- a/lessons/fisika/atom/electron-config.html +++ b/lessons/fisika/atom/electron-config.html @@ -22,19 +22,22 @@ </div> <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> + <div> + <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> + </div> - <hr class="divider"> - <div id="toc"> - <h4>Table of Contents</h4> + <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> @@ -47,7 +50,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> </div> diff --git a/lessons/fisika/index.html b/lessons/fisika/index.html index b3530b4..965eeb8 100644 --- a/lessons/fisika/index.html +++ b/lessons/fisika/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -55,6 +55,8 @@ <h1 id="bab1">Chapter 1 - Atoms & Molecules</h1> <p><a href="atom/atom.html" class="link">Atom: Introduction</a></p> <p><a href="atom/electron-config.html" class="link">Electron Configuration</a></p> + <h1 id="bab2">Chapter 2 - Static Electricity</h1> + <p><a href="static-electricity/coulomb.html" class="link">Coulomb's Law</a></p> </section> </div> diff --git a/lessons/fisika/static-electricity/coulomb.html b/lessons/fisika/static-electricity/coulomb.html new file mode 100644 index 0000000..65864b8 --- /dev/null +++ b/lessons/fisika/static-electricity/coulomb.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> + <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.png" 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">Coulomb's Law</h1> + <h3 class="banner-text" id="banner-txt">Chapter 2</h3> + </div> + </div> + + <div class="chip-container" id="chip-container"> + <div class="chip"><span>❓ Unchecked by Professionals</span></div> + </div> + + <div id="main"> + <section> + <h1 id="definition">Definition</h1> + <p><b>Coulomb's law is a law that explains the releationship between 2 or more electrical charges.</b></p> + <p>This law states that: "The magnitude, or absolute value, of the attractive or repulsive electrostatic force between two point charges is directly proportional to the product of the magnitudes of their charges and inversely proportional to the squared distance between them."<sup>[<a href="#reference-1" class="link-compact">1</a>]</sup></p> + <h1 id="formula">Formula</h1> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span> + <p> + where,<br> + <ul> + <li><b>F</b> = Force (Newton)</li> + <li><b>r</b> = Distance (Metres)</li> + <li><b>Q<sub>1</sub></b> = Charge 1 (Coulomb)</li> + <li><b>Q<sup>2</sup></b> = Charge 2 (Coulomb)</li> + <li><b>K</b> = Constant = <strong>9 × 10<sup>9</sup></strong> <span style="color: gray; font-size: 1rem;">Nm<sup>2</sup> / C<sup>2</sup></span></li> + </ul> + </p> + <h1 id="units">Unit Conversions (for Coulomb)</h1> + <ol> + <li>n <b>mC</b> (<strong>milli</strong>Coulomb) = n * 10<sup>-3</sup> C</li> + <li>n <b>MC</b> (<strong>Micro</strong>Coulomb) = n * 10<sup>-6</sup> C</li> + <li>n <b>nC</b> (<strong>nano</strong>Coulomb) = n * 10<sup>-9</sup> C</li> + <li>n <b>Å</b> (<strong>Ångström</strong>) = n * 10<sup>10</sup> C</li> + </ol> + <h1 id="example">Example</h1> + <img src="/assets/images/atoms/coulomb1.svg" alt=""><br> + <h2>Given:</h2> + <p> + <strong>r</strong> = 30 cm = 0,3 m = <b>3 × 10<sup>-1</sup> m</b><br> + <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 × 10<sup>-6</sup></b><br> + <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 × 10<sup>-6</sup></b><br> + </p> + <h2>Solution:</h2> + <p> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span><br> + + <span>F = 9 × 10<sup>9</sup><span class="frac"><sup>2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>(3 × 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 × 10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>9 × 10<sup>-2</sup></span></span><br> + + = <span class="frac"><sup>10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> × 6</sup><span>⁄</span><sub>10<sup>-2</sup></span></span><br> + + = <strong>6 × 10<sup>-1</sup></strong> + </p> + <h1 id="references">References</h1> + <ol> + <li id="reference-1">Coulomb, 1785. <i><a href="https://books.google.co.id/books?id=by5EAAAAcAAJ&pg=PA578" class="link">"Second mémoire sur l'électricité et le magnétisme"</a></i></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/index.html b/lessons/index.html index 7e32148..76d0727 100644 --- a/lessons/index.html +++ b/lessons/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/indonesia/index.html b/lessons/indonesia/index.html index ca15481..aca9c05 100644 --- a/lessons/indonesia/index.html +++ b/lessons/indonesia/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/indonesia/laporan-percobaan/pengertian.html b/lessons/indonesia/laporan-percobaan/pengertian.html index c9ef230..2a424b3 100644 --- a/lessons/indonesia/laporan-percobaan/pengertian.html +++ b/lessons/indonesia/laporan-percobaan/pengertian.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -50,7 +50,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> <div class="chip"><span>❓ Unchecked</span></div> <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div> diff --git a/lessons/informatika/chapter/note.html b/lessons/informatika/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/informatika/chapter/note.html +++ b/lessons/informatika/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/informatika/index.html b/lessons/informatika/index.html index a3e1b25..9845dd7 100644 --- a/lessons/informatika/index.html +++ b/lessons/informatika/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/ips/chapter/note.html b/lessons/ips/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/ips/chapter/note.html +++ b/lessons/ips/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/ips/index.html b/lessons/ips/index.html index 6482ea8..b69bd27 100644 --- a/lessons/ips/index.html +++ b/lessons/ips/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/lukis/chapter/note.html b/lessons/lukis/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/lukis/chapter/note.html +++ b/lessons/lukis/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/lukis/index.html b/lessons/lukis/index.html index 2ebfd3b..b04eda3 100644 --- a/lessons/lukis/index.html +++ b/lessons/lukis/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/matematika/index.html b/lessons/matematika/index.html index ad23110..34889b2 100644 --- a/lessons/matematika/index.html +++ b/lessons/matematika/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/matematika/locked.html b/lessons/matematika/locked.html index e0e1ef2..83dac1c 100644 --- a/lessons/matematika/locked.html +++ b/lessons/matematika/locked.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/matematika/pangkat-akar/akar.html b/lessons/matematika/pangkat-akar/akar.html index ba63fcf..35ed018 100644 --- a/lessons/matematika/pangkat-akar/akar.html +++ b/lessons/matematika/pangkat-akar/akar.html @@ -22,7 +22,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -52,7 +52,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> </div> diff --git a/lessons/matematika/pangkat-akar/latihan.html b/lessons/matematika/pangkat-akar/latihan.html index 1be3942..a019254 100644 --- a/lessons/matematika/pangkat-akar/latihan.html +++ b/lessons/matematika/pangkat-akar/latihan.html @@ -22,7 +22,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -52,7 +52,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>❓ Unchecked</span></div> </div> diff --git a/lessons/matematika/pangkat-akar/pangkat.html b/lessons/matematika/pangkat-akar/pangkat.html index e7f6356..4061c82 100644 --- a/lessons/matematika/pangkat-akar/pangkat.html +++ b/lessons/matematika/pangkat-akar/pangkat.html @@ -22,7 +22,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -52,7 +52,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> </div> diff --git a/lessons/matematika/pangkat-akar/scientific.html b/lessons/matematika/pangkat-akar/scientific.html index 9a9e717..62ba404 100644 --- a/lessons/matematika/pangkat-akar/scientific.html +++ b/lessons/matematika/pangkat-akar/scientific.html @@ -22,7 +22,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -52,7 +52,7 @@ </div> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>🔍 Unfinished</span></div> </div> diff --git a/lessons/matematika/quadratic-equation/index.html b/lessons/matematika/quadratic-equation/index.html new file mode 100644 index 0000000..bcb3ec8 --- /dev/null +++ b/lessons/matematika/quadratic-equation/index.html @@ -0,0 +1,69 @@ +<!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> + <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.png" 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">Root</h1> + <h3 class="banner-text" id="banner-txt">Chapter 1</h3> + </div> + </div> + + <div class="chip-container" id="chip-container"> + <div class="chip"><span>❓ Unchecked by Professionals</span></div> + </div> + + <div id="main"> + <section> + + </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/musik/chapter/note.html b/lessons/musik/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/musik/chapter/note.html +++ b/lessons/musik/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/musik/index.html b/lessons/musik/index.html index f5ae41c..60b12e4 100644 --- a/lessons/musik/index.html +++ b/lessons/musik/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/pjok/chapter/note.html b/lessons/pjok/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/pjok/chapter/note.html +++ b/lessons/pjok/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/pjok/index.html b/lessons/pjok/index.html index 11cfc68..6740be9 100644 --- a/lessons/pjok/index.html +++ b/lessons/pjok/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/ppkn/chapter/note.html b/lessons/ppkn/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/ppkn/chapter/note.html +++ b/lessons/ppkn/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/ppkn/index.html b/lessons/ppkn/index.html index 9c85a83..516ba44 100644 --- a/lessons/ppkn/index.html +++ b/lessons/ppkn/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/quran/chapter/note.html b/lessons/quran/chapter/note.html index db762ec..45eb0de 100644 --- a/lessons/quran/chapter/note.html +++ b/lessons/quran/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/quran/index.html b/lessons/quran/index.html index 0e0c56b..278ea16 100644 --- a/lessons/quran/index.html +++ b/lessons/quran/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> diff --git a/lessons/subject/chapter/note.html b/lessons/subject/chapter/note.html index a2d4057..8409b51 100644 --- a/lessons/subject/chapter/note.html +++ b/lessons/subject/chapter/note.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> @@ -46,7 +46,7 @@ <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1> </div> - <div class="chip-container"> + <div class="chip-container" id="chip-container"> <div class="chip"><span>✅ Verified</span></div> <div class="chip"><span>❓ Unchecked</span></div> <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div> diff --git a/lessons/subject/index.html b/lessons/subject/index.html index 9cebc96..a496c0c 100644 --- a/lessons/subject/index.html +++ b/lessons/subject/index.html @@ -20,7 +20,7 @@ </div> <div id="console"></div> <div id="sidebar"> - <div style="height: 560px; overflow: hidden;"> + <div> <a href="/index.html"> <img src="/assets/images/master.png" alt="" class="sidebar-logo"> </a> |