From c52436da0eed479860403087f15fa437c3c9be5d Mon Sep 17 00:00:00 2001
From: altaf-creator <athaalaa@gmail.com>
Date: Wed, 30 Aug 2023 21:08:49 +0700
Subject: More quadratic equation stuff, homepage updates, new logo

---
 404.html                                           |   6 +-
 about/author.html                                  |   4 +-
 about/school.html                                  |   4 +-
 assets/images/master.png                           | Bin 394398 -> 0 bytes
 assets/images/master.svg                           | 289 +++++++++++++++++++++
 index.html                                         |  83 +++++-
 lessons/agama/index.html                           |   4 +-
 lessons/agama/kiamat/index.html                    |   4 +-
 lessons/agama/qurban/1.html                        |   4 +-
 lessons/agama/qurban/2.html                        |   4 +-
 lessons/arab/chapter/note.html                     |   4 +-
 lessons/arab/index.html                            |   4 +-
 lessons/biologi/index.html                         |   4 +-
 lessons/biologi/reproduction/introduction.html     |   4 +-
 lessons/english/chapter/note.html                  |   4 +-
 lessons/english/index.html                         |   4 +-
 lessons/fisika/atom/atom.html                      |   4 +-
 lessons/fisika/atom/electron-config.html           |   4 +-
 lessons/fisika/index.html                          |   4 +-
 lessons/fisika/static-electricity/coulomb.html     |  49 ++--
 lessons/index.html                                 |   4 +-
 lessons/indonesia/index.html                       |   4 +-
 .../indonesia/laporan-percobaan/pengertian.html    |   4 +-
 lessons/informatika/chapter/note.html              |   4 +-
 lessons/informatika/index.html                     |   4 +-
 lessons/ips/chapter/note.html                      |   4 +-
 lessons/ips/index.html                             |   4 +-
 lessons/lukis/chapter/note.html                    |   4 +-
 lessons/lukis/index.html                           |   4 +-
 lessons/matematika/index.html                      |  12 +-
 lessons/matematika/locked.html                     |   4 +-
 lessons/matematika/pangkat-akar/akar.html          |   4 +-
 lessons/matematika/pangkat-akar/latihan.html       |   4 +-
 lessons/matematika/pangkat-akar/pangkat.html       |   4 +-
 lessons/matematika/pangkat-akar/scientific.html    |   4 +-
 .../quadratic-equation/finding-suitable.html       | 117 +++++++++
 lessons/matematika/quadratic-equation/index.html   |   8 +-
 lessons/musik/chapter/note.html                    |   4 +-
 lessons/musik/index.html                           |   4 +-
 lessons/pjok/chapter/note.html                     |   4 +-
 lessons/pjok/index.html                            |   4 +-
 lessons/ppkn/chapter/note.html                     |   4 +-
 lessons/ppkn/index.html                            |   4 +-
 lessons/quran/chapter/note.html                    |   4 +-
 lessons/quran/index.html                           |   4 +-
 lessons/subject/chapter/note.html                  |   4 +-
 lessons/subject/index.html                         |   4 +-
 style.css                                          |   8 +-
 48 files changed, 614 insertions(+), 114 deletions(-)
 delete mode 100644 assets/images/master.png
 create mode 100644 assets/images/master.svg
 create mode 100644 lessons/matematika/quadratic-equation/finding-suitable.html

diff --git a/404.html b/404.html
index 58fca76..e17f03d 100644
--- a/404.html
+++ b/404.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
@@ -51,7 +51,7 @@
                 <a href="/" style="margin: 20px" class="link">Home</a>
                 <a href="/lessons/" style="margin: 20px" class="link">Lessons</a>
             </div>
-            <img src="/assets/images/master.png" alt="" class="sidebar-logo" style="margin-top: 100px">
+            <img src="/assets/images/master.svg" alt="" class="sidebar-logo" style="margin-top: 100px">
         </section>
     </div>
     
diff --git a/about/author.html b/about/author.html
index 969fbb9..e1d880a 100644
--- a/about/author.html
+++ b/about/author.html
@@ -5,7 +5,7 @@
     <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">
+    <link rel="icon" href="/assets/images/master.svg">
     <title>About Author • 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">
@@ -21,7 +21,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/about/school.html b/about/school.html
index 1b66643..1eff0c5 100644
--- a/about/school.html
+++ b/about/school.html
@@ -5,7 +5,7 @@
     <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">
+    <link rel="icon" href="/assets/images/master.svg">
     <title>About School • 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">
@@ -21,7 +21,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/assets/images/master.png b/assets/images/master.png
deleted file mode 100644
index b233b61..0000000
Binary files a/assets/images/master.png and /dev/null differ
diff --git a/assets/images/master.svg b/assets/images/master.svg
new file mode 100644
index 0000000..c352b94
--- /dev/null
+++ b/assets/images/master.svg
@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1222.724mm"
+   height="1222.724mm"
+   viewBox="0 0 1222.7241 1222.724"
+   version="1.1"
+   id="svg2513"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="al_azhar_book_logo-nooutline.svg"
+   inkscape:export-filename="al_azhar_book_logo-nooutline.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview2515"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="0.083233507"
+     inkscape:cx="738.88512"
+     inkscape:cy="2943.5261"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2510">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter894"
+       x="-0.083667766"
+       y="-0.10386045"
+       width="1.1673355"
+       height="1.2078115">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="26.04307"
+         id="feGaussianBlur896" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter898"
+       x="-0.13168387"
+       y="-0.12242871"
+       width="1.2633677"
+       height="1.244865">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="26.04307"
+         id="feGaussianBlur900" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(34.459777,71.368863)">
+    <g
+       id="g11780"
+       transform="matrix(1.1606496,0,0,1.1606496,-49.848554,-98.452863)">
+      <path
+         id="path914"
+         style="opacity:0.378049;mix-blend-mode:normal;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:33.7855;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;filter:url(#filter898)"
+         d="m 658.03304,102.72624 -6.26299,19.82032 -20.65443,-2.34038 16.91508,12.08124 -7.8251,17.19946 c -9.94246,-5.74955 -17.26021,-15.81916 -19.06326,-28.06442 -0.8337,-5.66194 -0.40475,-11.21867 1.07492,-16.38433 -5.83666,7.96949 -8.66601,18.14746 -7.11331,28.6924 2.59365,17.6145 16.59688,30.72973 33.41225,32.95524 -34.64683,76.62962 -294.51337,107.21106 -156.77682,310.44115 h -50.12061 v 36.82421 h 41.72118 v 30.82551 h -94.14588 l -9.23245,-251.57413 h 13.49978 v -21.9847 h -16.86424 v -28.16108 h 16.86424 v -21.98468 h -11.90358 c 44.28718,-68.97656 -48.83248,-80.71008 -54.73378,-109.39661 -5.98346,28.5838 -103.69706,37.1456 -54.72987,109.39661 H 258.4078 v 21.98468 h 16.86424 v 28.16108 H 258.4078 v 21.9847 h 13.49978 l -13.49978,367.84828 279.97991,90.14337 279.97937,-90.14337 h 1.24924 V 544.77664 513.95113 H 861.3375 V 477.12692 H 811.21744 C 935.65233,283.32166 688.45147,244.34798 654.46912,167.00982 c 1.60483,-0.0358 3.22541,-0.1702 4.8545,-0.41008 15.62541,-2.30077 27.70968,-13.58006 31.79316,-27.83592 -4.78059,6.52752 -11.57952,11.57165 -19.64375,14.12105 l -6.58311,-19.7136 18.08554,-10.24704 -20.78573,0.16816 z m -1.89343,36.12753 15.33174,14.03166 c -1.96529,0.6212 -4.00507,1.09631 -6.10989,1.40623 -8.68416,1.2787 -17.11943,-0.41442 -24.27758,-4.31146 z m -367.0119,104.20296 h 15.86863 v 28.16108 h -15.86863 z m 29.7243,0 h 15.86864 v 28.16108 h -15.86864 z m 29.7243,0 h 14.16518 v 28.16108 h -14.16518 z" />
+      <g
+         id="g912"
+         transform="translate(-21.92827,14.330519)"
+         style="opacity:0.432927;mix-blend-mode:normal;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter894)">
+        <path
+           id="path896"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 148.95021,337.81697 550.90934,466.5695 c 6.10454,1.95534 0,0 11.01894,3.65982 v 521.30839 c -11.01894,-3.253 -4.9144,-1.2977 -11.01894,-3.253 L 148.95021,859.53212 c -6.1045,-1.95538 -11.01896,-13.85032 -11.01896,-26.67037 V 357.42833 c 0,-12.82005 4.91446,-21.56671 11.01896,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path898"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 148.95021,318.2464 550.90934,446.999 c 6.10454,1.95533 0,0 11.01894,3.65982 v 521.30839 c -11.01894,-3.2531 -4.9144,-1.2977 -11.01894,-3.2531 L 148.95021,839.96161 c -6.1045,-1.95537 -11.01896,-13.85037 -11.01896,-26.67041 V 337.85776 c 0,-12.82004 4.91446,-21.56671 11.01896,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path900"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 974.90631,337.81697 572.94721,466.5695 c -6.10453,1.95534 0,0 -11.01893,3.65982 v 521.30839 c 11.01893,-3.253 4.9144,-1.2977 11.01893,-3.253 l 401.9591,-128.75259 c 6.10453,-1.95538 11.01898,-13.85032 11.01898,-26.67037 V 357.42833 c 0,-12.82005 -4.91445,-21.56671 -11.01898,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path902"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 974.90631,318.2464 572.94721,446.999 c -6.10453,1.95533 0,0 -11.01893,3.65982 v 521.30839 c 11.01893,-3.2531 4.9144,-1.2977 11.01893,-3.2531 l 401.9591,-128.7525 c 6.10453,-1.95537 11.01898,-13.85037 11.01898,-26.67041 V 337.85776 c 0,-12.82004 -4.91445,-21.56671 -11.01898,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path904"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 185.77135,338.61428 366.12041,117.27288 c 5.56028,1.781 0,0 10.03652,3.33353 v 474.82852 c -10.03652,-2.9631 -4.47624,-1.182 -10.03652,-2.9631 L 185.77135,813.81322 c -5.56023,-1.781 -10.03651,-12.61543 -10.03651,-24.29245 v -433.0437 c 0,-11.67698 4.47628,-19.6438 10.03651,-17.86279 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path906"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 938.08519,338.6143 -366.1204,117.27286 c -5.56028,1.781 0,0 -10.03651,3.33353 v 474.82852 c 10.03651,-2.9631 4.47623,-1.182 10.03651,-2.9631 l 366.1204,-117.27289 c 5.56023,-1.781 10.03651,-12.61543 10.03651,-24.29245 v -433.0437 c 0,-11.67697 -4.47628,-19.64378 -10.03651,-17.86277 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path908"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 185.77135,309.25842 366.12041,117.27285 c 5.56028,1.78099 0,0 10.03652,3.33353 v 474.82855 c -10.03652,-2.9631 -4.47624,-1.18205 -10.03652,-2.9631 L 185.77135,784.45732 c -5.56023,-1.78099 -10.03651,-12.61543 -10.03651,-24.29245 V 327.12124 c 0,-11.67701 4.47628,-19.64382 10.03651,-17.86282 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path910"
+           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:16.8928;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 938.08519,309.25844 -366.1204,117.27283 c -5.56028,1.78099 0,0 -10.03651,3.33353 v 474.82855 c 10.03651,-2.9631 4.47623,-1.18205 10.03651,-2.9631 l 366.1204,-117.27293 c 5.56023,-1.78099 10.03651,-12.61543 10.03651,-24.29245 V 327.12124 c 0,-11.67699 -4.47628,-19.6438 -10.03651,-17.8628 z"
+           sodipodi:nodetypes="ssccsssss" />
+      </g>
+      <g
+         id="g6389"
+         transform="translate(-21.92827,14.330519)"
+         style="opacity:1">
+        <path
+           id="path2845"
+           style="fill:#3a6b9a;fill-opacity:1;stroke-width:9.24594;stroke-linecap:round;stroke-linejoin:round"
+           d="M 148.95021,337.81697 550.90934,466.5695 c 6.10454,1.95534 0,0 11.01894,3.65982 v 521.30839 c -11.01894,-3.253 -4.9144,-1.2977 -11.01894,-3.253 L 148.95021,859.53212 c -6.1045,-1.95538 -11.01896,-13.85032 -11.01896,-26.67037 V 357.42833 c 0,-12.82005 4.91446,-21.56671 11.01896,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="rect1889"
+           style="fill:#397fc3;stroke-width:9.24594;stroke-linecap:round;stroke-linejoin:round"
+           d="M 148.95021,318.2464 550.90934,446.999 c 6.10454,1.95533 0,0 11.01894,3.65982 v 521.30839 c -11.01894,-3.2531 -4.9144,-1.2977 -11.01894,-3.2531 L 148.95021,839.96161 c -6.1045,-1.95537 -11.01896,-13.85037 -11.01896,-26.67041 V 337.85776 c 0,-12.82004 4.91446,-21.56671 11.01896,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path2847"
+           style="fill:#3a6b9a;fill-opacity:1;stroke-width:9.24594;stroke-linecap:round;stroke-linejoin:round"
+           d="M 974.90631,337.81697 572.94721,466.5695 c -6.10453,1.95534 0,0 -11.01893,3.65982 v 521.30839 c 11.01893,-3.253 4.9144,-1.2977 11.01893,-3.253 l 401.9591,-128.75259 c 6.10453,-1.95538 11.01898,-13.85032 11.01898,-26.67037 V 357.42833 c 0,-12.82005 -4.91445,-21.56671 -11.01898,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path2849"
+           style="fill:#397fc3;stroke-width:9.24594;stroke-linecap:round;stroke-linejoin:round"
+           d="M 974.90631,318.2464 572.94721,446.999 c -6.10453,1.95533 0,0 -11.01893,3.65982 v 521.30839 c 11.01893,-3.2531 4.9144,-1.2977 11.01893,-3.2531 l 401.9591,-128.7525 c 6.10453,-1.95537 11.01898,-13.85037 11.01898,-26.67041 V 337.85776 c 0,-12.82004 -4.91445,-21.56671 -11.01898,-19.61136 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path2859"
+           style="fill:#e5e5e5;fill-opacity:1;stroke-width:8.42157;stroke-linecap:round;stroke-linejoin:round"
+           d="m 185.77135,338.61428 366.12041,117.27288 c 5.56028,1.781 0,0 10.03652,3.33353 v 474.82852 c -10.03652,-2.9631 -4.47624,-1.182 -10.03652,-2.9631 L 185.77135,813.81322 c -5.56023,-1.781 -10.03651,-12.61543 -10.03651,-24.29245 v -433.0437 c 0,-11.67698 4.47628,-19.6438 10.03651,-17.86279 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path2861"
+           style="fill:#e5e5e5;fill-opacity:1;stroke-width:8.42157;stroke-linecap:round;stroke-linejoin:round"
+           d="m 938.08519,338.6143 -366.1204,117.27286 c -5.56028,1.781 0,0 -10.03651,3.33353 v 474.82852 c 10.03651,-2.9631 4.47623,-1.182 10.03651,-2.9631 l 366.1204,-117.27289 c 5.56023,-1.781 10.03651,-12.61543 10.03651,-24.29245 v -433.0437 c 0,-11.67697 -4.47628,-19.64378 -10.03651,-17.86277 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path2863"
+           style="fill:#ffffff;fill-opacity:1;stroke-width:8.42157;stroke-linecap:round;stroke-linejoin:round"
+           d="m 185.77135,309.25842 366.12041,117.27285 c 5.56028,1.78099 0,0 10.03652,3.33353 v 474.82855 c -10.03652,-2.9631 -4.47624,-1.18205 -10.03652,-2.9631 L 185.77135,784.45732 c -5.56023,-1.78099 -10.03651,-12.61543 -10.03651,-24.29245 V 327.12124 c 0,-11.67701 4.47628,-19.64382 10.03651,-17.86282 z"
+           sodipodi:nodetypes="ssccsssss" />
+        <path
+           id="path2865"
+           style="fill:#ffffff;fill-opacity:1;stroke-width:8.42157;stroke-linecap:round;stroke-linejoin:round"
+           d="m 938.08519,309.25844 -366.1204,117.27283 c -5.56028,1.78099 0,0 -10.03651,3.33353 v 474.82855 c 10.03651,-2.9631 4.47623,-1.18205 10.03651,-2.9631 l 366.1204,-117.27293 c 5.56023,-1.78099 10.03651,-12.61543 10.03651,-24.29245 V 327.12124 c 0,-11.67699 -4.47628,-19.6438 -10.03651,-17.8628 z"
+           sodipodi:nodetypes="ssccsssss" />
+      </g>
+      <path
+         id="rect4371"
+         style="fill:#397fc3;fill-opacity:1;stroke:#ffffff;stroke-width:16.8652;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         d="m 658.03304,102.72624 -6.26299,19.82032 -20.65443,-2.34038 16.91508,12.08124 -7.8251,17.19946 c -9.94246,-5.74955 -17.26021,-15.81916 -19.06326,-28.06442 -0.8337,-5.66194 -0.40475,-11.21867 1.07492,-16.38433 -5.83666,7.96949 -8.66601,18.14746 -7.11331,28.6924 2.59365,17.6145 16.59688,30.72973 33.41225,32.95524 -34.64683,76.62962 -294.51337,107.21106 -156.77682,310.44115 h -50.12061 v 36.82421 h 41.72118 v 30.82551 h -94.14588 l -9.23245,-251.57413 h 13.49978 v -21.9847 h -16.86424 v -28.16108 h 16.86424 v -21.98468 h -11.90358 c 44.28718,-68.97656 -48.83248,-80.71008 -54.73378,-109.39661 -5.98346,28.5838 -103.69706,37.1456 -54.72987,109.39661 H 258.4078 v 21.98468 h 16.86424 v 28.16108 H 258.4078 v 21.9847 h 13.49978 l -13.49978,367.84828 279.97991,90.14337 279.97937,-90.14337 h 1.24924 V 544.77664 513.95113 H 861.3375 V 477.12692 H 811.21744 C 935.65233,283.32166 688.45147,244.34798 654.46912,167.00982 c 1.60483,-0.0358 3.22541,-0.1702 4.8545,-0.41008 15.62541,-2.30077 27.70968,-13.58006 31.79316,-27.83592 -4.78059,6.52752 -11.57952,11.57165 -19.64375,14.12105 l -6.58311,-19.7136 18.08554,-10.24704 -20.78573,0.16816 z m -1.89343,36.12753 15.33174,14.03166 c -1.96529,0.6212 -4.00507,1.09631 -6.10989,1.40623 -8.68416,1.2787 -17.11943,-0.41442 -24.27758,-4.31146 z m -367.0119,104.20296 h 15.86863 v 28.16108 h -15.86863 z m 29.7243,0 h 15.86864 v 28.16108 h -15.86864 z m 29.7243,0 h 14.16518 v 28.16108 h -14.16518 z" />
+    </g>
+    <g
+       id="g11750"
+       transform="matrix(1.1668717,0,0,1.1668717,1315.9939,-111.31477)">
+      <path
+         id="path11718"
+         style="fill:#397fc3;fill-opacity:1;stroke-width:7.60053;stroke-linecap:round;stroke-linejoin:round"
+         d="m 360.63074,-39.101977 h 85.6511 L 456.98281,252.48086 H 349.92977 Z"
+         sodipodi:nodetypes="ccccc" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:9.74587;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11720"
+         width="107.05305"
+         height="17.426733"
+         x="349.92975"
+         y="-56.528709" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:9.74587;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11722"
+         width="107.05305"
+         height="17.426733"
+         x="349.92975"
+         y="-96.27813" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:8.55009;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11724"
+         width="10.982793"
+         height="22.322678"
+         x="363.29749"
+         y="-78.851402" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:8.55009;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11726"
+         width="10.982793"
+         height="22.322678"
+         x="386.85922"
+         y="-78.851402" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:8.55009;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11728"
+         width="10.982793"
+         height="22.322678"
+         x="410.42096"
+         y="-78.851402" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:8.55009;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11730"
+         width="10.982793"
+         height="22.322678"
+         x="432.63226"
+         y="-78.851402" />
+      <path
+         id="path11732"
+         style="fill:#397fc3;fill-opacity:1;stroke-width:36.7289;stroke-linecap:round;stroke-linejoin:round"
+         d="M 661.5023,-146.39648 C 647.6597,-80.268497 421.60082,-60.461627 534.88529,106.68944 H 661.5023 788.12671 C 890.58413,-52.886287 675.15481,-80.030867 661.5023,-146.39648 Z"
+         sodipodi:nodetypes="ccccc" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:8.33521;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11734"
+         width="332.69965"
+         height="29.189934"
+         x="495.15591"
+         y="106.68943" />
+      <rect
+         style="fill:#397fc3;fill-opacity:1;stroke:none;stroke-width:10.5511;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+         id="rect11736"
+         width="266.55688"
+         height="58.379883"
+         x="528.22729"
+         y="106.68943" />
+      <path
+         id="path11738"
+         style="fill:#397fc3;stroke-width:17.0613;stroke-linecap:round;stroke-linejoin:round"
+         d="m 353.31226,160.31358 h 441.47189 v 92.16733 l -444.85438,-5e-5 z"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         id="path11740"
+         style="fill:#397fc3;fill-opacity:1;stroke-width:2.11535;stroke-linecap:round;stroke-linejoin:round"
+         d="m 638.31145,-188.25484 c -4.62656,6.3172 -6.86933,14.3849 -5.63855,22.74359 2.4846,16.87391 18.17763,28.53913 35.05154,26.05453 12.38584,-1.82376 21.96484,-10.76445 25.20171,-22.06469 -4.7132,6.43549 -11.90015,11.05458 -20.41536,12.3084 -16.87391,2.4846 -32.56695,-9.18061 -35.05155,-26.05452 -0.66084,-4.48807 -0.32069,-8.89263 0.85221,-12.98731 z" />
+      <path
+         sodipodi:type="star"
+         style="fill:#397fc3;fill-opacity:1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+         id="path11742"
+         inkscape:flatsided="false"
+         sodipodi:sides="5"
+         sodipodi:cx="662.54303"
+         sodipodi:cy="-191.53944"
+         sodipodi:r1="27.802675"
+         sodipodi:r2="9.0385761"
+         sodipodi:arg1="-0.26179939"
+         sodipodi:arg2="0.36651914"
+         inkscape:rounded="0"
+         inkscape:randomized="0"
+         d="m 689.39835,-198.73531 -18.41708,10.435 6.70418,20.07815 -15.61546,-14.29109 -17.02375,12.58054 8.7662,-19.26738 -17.22544,-12.30294 21.03327,2.3832 6.37784,-20.18419 4.23308,20.74028 z"
+         inkscape:transform-center-x="-0.34999731"
+         inkscape:transform-center-y="-1.7308465"
+         transform="matrix(0.77838285,0,0,0.77838285,149.85672,-19.385008)" />
+      <path
+         id="path11744"
+         style="fill:#397fc3;fill-opacity:1;stroke-width:12.5845;stroke-linecap:round;stroke-linejoin:round"
+         d="m 404.16149,-182.99367 c -4.74293,22.65761 -82.19812,29.4441 -43.38314,86.71554 h 43.38314 43.38568 c 35.10527,-54.67588 -38.70788,-63.9765 -43.38568,-86.71554 z"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         id="path11746"
+         style="fill:#397fc3;stroke-width:1.91968;stroke-linecap:round;stroke-linejoin:round"
+         d="m 349.92977,252.48086 h 221.9321 v 71.45443 z"
+         sodipodi:nodetypes="cccc" />
+      <path
+         id="path11748"
+         style="fill:#397fc3;stroke-width:1.91968;stroke-linecap:round;stroke-linejoin:round"
+         d="m 793.79397,252.48086 h -221.9321 v 71.45443 z"
+         sodipodi:nodetypes="cccc" />
+    </g>
+  </g>
+</svg>
diff --git a/index.html b/index.html
index f567866..b7607dc 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
@@ -182,7 +182,86 @@
                     <p>Supatri, S.Pd</p>
                 </div>
             </div>
-
+            <h1 id="contributors">Credits & Contributors</h1>
+            <div class="flex">
+                <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;">
+                <div class="flex-element">
+                    <h2>Manager</h2>
+                    <span>Athaalaa Altaf Hafidz</span>
+                    <p>
+                        <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a>
+                    </p>
+                </div>
+            </div>
+            <hr>
+            <div class="flex">
+                <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;">
+                <div class="flex-element">
+                    <h2>Writer</h2>
+                    <span>Athaalaa Altaf Hafidz</span>
+                    <p>
+                        <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a>
+                    </p>
+                </div>
+            </div>
+            <hr>
+            <div class="flex">
+                <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;">
+                <div class="flex-element">
+                    <h2>Developer</h2>
+                    <span>Athaalaa Altaf Hafidz</span>
+                    <p>
+                        <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a>
+                    </p>
+                </div>
+            </div>
+            <hr>
+            <div class="flex">
+                <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;">
+                <div class="flex-element">
+                    <h2>Designer</h2>
+                    <span>Athaalaa Altaf Hafidz</span>
+                    <p>
+                        <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a>
+                    </p>
+                </div>
+            </div>
+            <hr>
+            <div class="flex">
+                <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;">
+                <div class="flex-element">
+                    <h2>Images</h2>
+                    <p>
+                        <a href="https://unsplash.com/" class="link"><i class="fa-solid fa-globe"></i> unsplash.com</a> •
+                        <a href="https://smpia25.al-azhar.sch.id/" class="link"><i class="fa-solid fa-globe"></i> smpia25.al-azhar.sch.id</a> •
+                        <a href="https://upload.wikimedia.org/wikipedia/commons/a/ad/Masjid_Agung_Al-Azhar_2021.jpg" class="link"><i class="fa-solid fa-globe"></i> upload.wikimedia.org</a> • <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i class="fa-brands fa-github"></i> Please me help adding more forgotten asset attributions!</a>
+                    </p>
+                </div>
+            </div>
+            <hr>
+            <div class="flex">
+                <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;">
+                <div class="flex-element">
+                    <h2>Assets & Open Source Softwares</h2>
+                    <ul>
+                        <li><a href="https://fontawesome.com/" class="link">https://fontawesome.com/</a> - for icons</li>
+                        <li><a href="https://katex.org/" class="link">https://katex.org/</a> - for math renderer</li>
+                    </ul>
+                </div>
+            </div>
+            <hr>
+            <div class="flex">
+                <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;">
+                <div class="flex-element">
+                    <h2>Special Thanks</h2>
+                    <ul>
+                        <li>Our teachers</li>
+                        <li>My friends & family</li>
+                        <li>And YOU!</li>
+                    </ul>
+                </div>
+            </div>
+            <p class="align-center">Thank you for using this website!</p>
         </section>
     </div>
 
diff --git a/lessons/agama/index.html b/lessons/agama/index.html
index f89b2db..5625193 100644
--- a/lessons/agama/index.html
+++ b/lessons/agama/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/style.css">
     <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="icon" href="/assets/images/master.png">
+    <link rel="icon" href="/assets/images/master.svg">
     <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/agama/kiamat/index.html b/lessons/agama/kiamat/index.html
index 039b4cc..79fb775 100644
--- a/lessons/agama/kiamat/index.html
+++ b/lessons/agama/kiamat/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/agama/qurban/1.html b/lessons/agama/qurban/1.html
index 46d7a21..eabd317 100644
--- a/lessons/agama/qurban/1.html
+++ b/lessons/agama/qurban/1.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/agama/qurban/2.html b/lessons/agama/qurban/2.html
index 589c6c2..cf43477 100644
--- a/lessons/agama/qurban/2.html
+++ b/lessons/agama/qurban/2.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/arab/chapter/note.html b/lessons/arab/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/arab/chapter/note.html
+++ b/lessons/arab/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/arab/index.html b/lessons/arab/index.html
index ff72c2f..7215a93 100644
--- a/lessons/arab/index.html
+++ b/lessons/arab/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/biologi/index.html b/lessons/biologi/index.html
index e7601a7..a45a6d1 100644
--- a/lessons/biologi/index.html
+++ b/lessons/biologi/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/biologi/reproduction/introduction.html b/lessons/biologi/reproduction/introduction.html
index 1288ed8..3d43cf4 100644
--- a/lessons/biologi/reproduction/introduction.html
+++ b/lessons/biologi/reproduction/introduction.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/english/chapter/note.html b/lessons/english/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/english/chapter/note.html
+++ b/lessons/english/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/english/index.html b/lessons/english/index.html
index f3b9009..c2478aa 100644
--- a/lessons/english/index.html
+++ b/lessons/english/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html
index d2afda9..a856bf5 100644
--- a/lessons/fisika/atom/atom.html
+++ b/lessons/fisika/atom/atom.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/fisika/atom/electron-config.html b/lessons/fisika/atom/electron-config.html
index 6194df7..59ef036 100644
--- a/lessons/fisika/atom/electron-config.html
+++ b/lessons/fisika/atom/electron-config.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/fisika/index.html b/lessons/fisika/index.html
index 965eeb8..0abe235 100644
--- a/lessons/fisika/index.html
+++ b/lessons/fisika/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/fisika/static-electricity/coulomb.html b/lessons/fisika/static-electricity/coulomb.html
index 8292073..4c6db89 100644
--- a/lessons/fisika/static-electricity/coulomb.html
+++ b/lessons/fisika/static-electricity/coulomb.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
@@ -80,24 +80,33 @@
                 <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 &times; 10<sup>-1</sup> m</b><br>
-                    <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 &times; 10<sup>-6</sup></b><br>
-                    <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 &times; 10<sup>-6</sup></b><br>
-                </p>
-                <h2>Solution:</h2>
-                <p>
-                    <span>F = k <span class="frac"><sup>Q<sub>1</sub> &times; Q<sub>2</sub></sup><span>&frasl;</span><sub>r<sup>2</sup></span></span><br>
-                    
-                    <span>F = 9 &times; 10<sup>9</sup><span class="frac"><sup>2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>(3 &times; 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 &times; 10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>9 &times; 10<sup>-2</sup></span></span><br>
-                    
-                    = <span class="frac"><sup>10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> &times; 6</sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span><br>
-
-                    = <strong>6 &times; 10<sup>-1</sup></strong>
-                </p>
+            <h1 id="example">Examples & Exercises</h1>
+            <ol></ol>
+            <ol>
+                <li>
+                    <p>&nbsp;</p>
+                    <img src="/assets/images/atoms/coulomb1.svg" alt=""><br>
+                    <h2>Given:</h2>
+                    <p>
+                        <strong>r</strong> = 30 cm = 0,3 m = <b>3 &times; 10<sup>-1</sup> m</b><br>
+                        <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 &times; 10<sup>-6</sup></b><br>
+                        <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 &times; 10<sup>-6</sup></b><br>
+                    </p>
+                    <h2>Solution:</h2>
+                    <p>
+                        <span>F = k <span class="frac"><sup>Q<sub>1</sub> &times; Q<sub>2</sub></sup><span>&frasl;</span><sub>r<sup>2</sup></span></span><br>
+                            
+                        <span>F = 9 &times; 10<sup>9</sup><span class="frac"><sup>2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>(3 &times; 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 &times; 10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>9 &times; 10<sup>-2</sup></span></span><br>
+                                
+                        = <span class="frac"><sup>10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> &times; 6</sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span><br>
+                                    = <strong>6 &times; 10<sup>-1</sup></strong>
+                    </p>
+                </li>
+                <hr>
+                <li>
+                    <p>&nbsp;</p>
+                </li>         
+            </ol>
             <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>
diff --git a/lessons/index.html b/lessons/index.html
index a2f6dd4..760914a 100644
--- a/lessons/index.html
+++ b/lessons/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/indonesia/index.html b/lessons/indonesia/index.html
index aca9c05..3de53cc 100644
--- a/lessons/indonesia/index.html
+++ b/lessons/indonesia/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/indonesia/laporan-percobaan/pengertian.html b/lessons/indonesia/laporan-percobaan/pengertian.html
index 2a424b3..a0a30b1 100644
--- a/lessons/indonesia/laporan-percobaan/pengertian.html
+++ b/lessons/indonesia/laporan-percobaan/pengertian.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/informatika/chapter/note.html b/lessons/informatika/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/informatika/chapter/note.html
+++ b/lessons/informatika/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/informatika/index.html b/lessons/informatika/index.html
index 9845dd7..5b60d25 100644
--- a/lessons/informatika/index.html
+++ b/lessons/informatika/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/ips/chapter/note.html b/lessons/ips/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/ips/chapter/note.html
+++ b/lessons/ips/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/ips/index.html b/lessons/ips/index.html
index b69bd27..50d6068 100644
--- a/lessons/ips/index.html
+++ b/lessons/ips/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/lukis/chapter/note.html b/lessons/lukis/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/lukis/chapter/note.html
+++ b/lessons/lukis/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/lukis/index.html b/lessons/lukis/index.html
index b04eda3..ad0ab0e 100644
--- a/lessons/lukis/index.html
+++ b/lessons/lukis/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/matematika/index.html b/lessons/matematika/index.html
index 64c2cc2..dad3177 100644
--- a/lessons/matematika/index.html
+++ b/lessons/matematika/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
@@ -53,10 +53,10 @@
     <div id="main">
         <section>   
             <h1 id="bab1">Chapter 1 - Bentuk Pangkat dan Akar</h1>
-            <p><a href="pangkat-akar/pangkat.html/" class="link">Lesson 1: Exponent</a></p>
-            <p><a href="pangkat-akar/akar.html/" class="link">Lesson 2: Root</a></p>
-            <p><a href="pangkat-akar/latihan.html/" class="link">Exercise 1</a></p>
-            <p><a href="pangkat-akar/scientific.html/" class="link">Lesson 3: Exponents Extended - Scientific Form of Decimals</a></p>
+            <p><a href="pangkat-akar/pangkat.html" class="link">Lesson 1: Exponent</a></p>
+            <p><a href="pangkat-akar/akar.html" class="link">Lesson 2: Root</a></p>
+            <p><a href="pangkat-akar/latihan.html" class="link">Exercise 1</a></p>
+            <p><a href="pangkat-akar/scientific.html" class="link">Lesson 3: Exponents Extended - Scientific Form of Decimals</a></p>
             <h1 id="bab2">Chapter 2 - Quadratic Equation</h1>
             <p><a href="quadratic-equation/" class="link">Main Lesson: Quadratic Equation - The Introduction</a></p>
         </section>
diff --git a/lessons/matematika/locked.html b/lessons/matematika/locked.html
index 83dac1c..c6384ec 100644
--- a/lessons/matematika/locked.html
+++ b/lessons/matematika/locked.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/matematika/pangkat-akar/akar.html b/lessons/matematika/pangkat-akar/akar.html
index 4665ae0..e7505de 100644
--- a/lessons/matematika/pangkat-akar/akar.html
+++ b/lessons/matematika/pangkat-akar/akar.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/matematika/pangkat-akar/latihan.html b/lessons/matematika/pangkat-akar/latihan.html
index 701a456..6bdae1d 100644
--- a/lessons/matematika/pangkat-akar/latihan.html
+++ b/lessons/matematika/pangkat-akar/latihan.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/matematika/pangkat-akar/pangkat.html b/lessons/matematika/pangkat-akar/pangkat.html
index 7c7ccce..7293e93 100644
--- a/lessons/matematika/pangkat-akar/pangkat.html
+++ b/lessons/matematika/pangkat-akar/pangkat.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/matematika/pangkat-akar/scientific.html b/lessons/matematika/pangkat-akar/scientific.html
index 62ba404..9394f6e 100644
--- a/lessons/matematika/pangkat-akar/scientific.html
+++ b/lessons/matematika/pangkat-akar/scientific.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -24,7 +24,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/matematika/quadratic-equation/finding-suitable.html b/lessons/matematika/quadratic-equation/finding-suitable.html
new file mode 100644
index 0000000..9e13f01
--- /dev/null
+++ b/lessons/matematika/quadratic-equation/finding-suitable.html
@@ -0,0 +1,117 @@
+<!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">Quadratic Equation: Finding the suitable factor</h1>
+            <h3 class="banner-text" id="banner-txt">Chapter 2 sub-page</h3>
+        </div>
+    </div>
+
+    <div class="chip-container" id="chip-container">
+        <div class="chip" title="Beware of mistakes. Please report to me (Altaf) if you caught a mistake here."><span>❓ Unchecked by Professionals</span></div>
+    </div>
+
+    <div id="main">
+        <section>
+            <p><strong><a href="/lessons/matematika/quadratic-equation/" class="link">&LeftArrow; Go back to Main Lesson</a></strong></p>
+            Firstly, lets use this equation. <br>
+            <span id="m1"></span><br>
+            <h1 id="steps">Step-by-step</h1>
+            <ol>
+                <li>Find the factors of <span class="math-font">c</span>, which in this equation, <span class="math-font">c = </span><span class="math-font-main">30</span>.</li>
+                <li>The factors of 30 are:
+                    <ul>
+                        <li>1, 30</li>
+                        <li>2, 15</li>
+                        <li>3, 10</li>
+                        <li>5, 6</li>
+                    </ul>
+                </li>
+                <li>Lets define that the first and second factors are <span class="math-font">y<sub>1, 2</sub></span>. To find the suitable factors for the equation, you need to check if;
+                    <ul>
+                        <li><span id="m2"></span>, and</li>
+                        <li><span id="m3"></span></li>
+                    </ul>
+                </li>
+                <li>Check for each of the factors. We end up with 5 and 6. <br> <span id="m4"></span></li>
+                <li>So, the answer is <strong><span class="math-font-main">5 & 6</span></strong></li>
+            </ol>
+            <p><strong><a href="/lessons/matematika/quadratic-equation/" class="link">&LeftArrow; Go back to Main Lesson</a></strong></p>
+            <script defer>
+                var element1 = document.getElementById("m1");
+                var element2 = document.getElementById("m2");
+                var element3 = document.getElementById("m3");
+                var element4 = document.getElementById("m4");
+
+                katex.render(String.raw`x^2 + 11x + 30 = 0`, element1, {
+                    throwOnError: false
+                });
+                katex.render(String.raw`y_1 + y_2 = b`, element2, {
+                    throwOnError: false
+                });
+                katex.render(String.raw`y_1 \times y_2 = c`, element3, {
+                    throwOnError: false
+                });
+                katex.render(String.raw`5 \times 6 = 30\\5 + 6 = 11`, element4, {
+                    throwOnError: false
+                });
+            </script>
+        </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/quadratic-equation/index.html b/lessons/matematika/quadratic-equation/index.html
index d3d1c4e..288d0d9 100644
--- a/lessons/matematika/quadratic-equation/index.html
+++ b/lessons/matematika/quadratic-equation/index.html
@@ -6,7 +6,7 @@
     <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">
+    <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">
@@ -30,7 +30,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
@@ -81,8 +81,8 @@
                     <span id="q1.1.1"></span>
                     <p>
                         <hr>
-                        <span>To find the answer, we need to find the factors of b and c.</span><br>
-                        <span>The suitable factor for the equation are <b>2 and -3</b>.</span><br>
+                        <span>To find the answer, we need to find the factors of c that is suitable for b and c. <a href="finding-suitable.html" class="link">What and how do I find the suitable factors?</a></span><br>
+                        <span>The suitable factor for the equation are <b>2 and -3</b>. </span><br>
                         <span>Then, insert each numbers to this formula: <span id="q1.1.2"></span>, where <span
                                 class="math-font">y</span> is the factor.</span><br><br>
                         <span id="q1.1.3"></span><br><span id="q1.1.31"></span><br>
diff --git a/lessons/musik/chapter/note.html b/lessons/musik/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/musik/chapter/note.html
+++ b/lessons/musik/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/musik/index.html b/lessons/musik/index.html
index 60b12e4..c28a769 100644
--- a/lessons/musik/index.html
+++ b/lessons/musik/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/pjok/chapter/note.html b/lessons/pjok/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/pjok/chapter/note.html
+++ b/lessons/pjok/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/pjok/index.html b/lessons/pjok/index.html
index 6740be9..6401d4e 100644
--- a/lessons/pjok/index.html
+++ b/lessons/pjok/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/ppkn/chapter/note.html b/lessons/ppkn/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/ppkn/chapter/note.html
+++ b/lessons/ppkn/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/ppkn/index.html b/lessons/ppkn/index.html
index 516ba44..26aba3a 100644
--- a/lessons/ppkn/index.html
+++ b/lessons/ppkn/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/quran/chapter/note.html b/lessons/quran/chapter/note.html
index 45eb0de..e2d3780 100644
--- a/lessons/quran/chapter/note.html
+++ b/lessons/quran/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/quran/index.html b/lessons/quran/index.html
index 278ea16..06630f8 100644
--- a/lessons/quran/index.html
+++ b/lessons/quran/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/subject/chapter/note.html b/lessons/subject/chapter/note.html
index 8409b51..0b54139 100644
--- a/lessons/subject/chapter/note.html
+++ b/lessons/subject/chapter/note.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/lessons/subject/index.html b/lessons/subject/index.html
index a496c0c..1f53820 100644
--- a/lessons/subject/index.html
+++ b/lessons/subject/index.html
@@ -5,7 +5,7 @@
     <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">
+    <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">
@@ -22,7 +22,7 @@
     <div id="sidebar">
         <div>
             <a href="/index.html">
-                <img src="/assets/images/master.png" alt="" class="sidebar-logo">
+                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
             </a>
 
             <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
diff --git a/style.css b/style.css
index e24c60f..04ebcf8 100644
--- a/style.css
+++ b/style.css
@@ -112,6 +112,11 @@ li:focus {
     font-size: larger;
 }
 
+.math-font-main {
+    font-family: KaTeX_Main;
+    font-size: larger;
+}
+
 .link {
     padding-left: 5px;
     padding-right: 5px;
@@ -220,7 +225,7 @@ img {
 }
 
 .sidebar-logo {
-    width: 150px;
+    width: 180px;
     display: block;
     margin-left: auto;
     margin-right: auto;
@@ -293,6 +298,7 @@ img {
 
 .circle {
     border-radius: 50%;
+    aspect-ratio: 1/1;
 }
 
 .flex {
-- 
cgit v1.2.3