From 81505edfecaea10fab2d68247a7b99645286a54f Mon Sep 17 00:00:00 2001 From: altaf-creator Date: Sun, 30 Jul 2023 20:23:36 +0700 Subject: Changed homepage, improved css and added roots, new notes (some not finished yet) --- assets/images/atoms/carbon_symbol.svg | 381 +++++ assets/images/atoms/carbon_symbol_ion.svg | 393 +++++ assets/images/atoms/lead_symbol.svg | 1688 ++++++++++++++++++++ assets/images/atoms/magnesium_symbol.svg | 525 ++++++ assets/images/atoms/magnesium_symbol_ion.svg | 536 +++++++ assets/images/hero/alazhar.jpg | Bin 0 -> 2651317 bytes assets/images/hero/books.jpg | Bin 0 -> 121714 bytes assets/images/hero/schoolsupplies.jpg | Bin 0 -> 268603 bytes assets/images/schoolsupplies.jpg | Bin 268603 -> 0 bytes assets/videos/video.mp4 | Bin 0 -> 30033603 bytes index.html | 88 +- lessons/biologi/chapter/note.html | 130 -- lessons/biologi/index.html | 5 +- lessons/biologi/reproduction/introduction.html | 95 ++ .../video-demonstrasi-proses-reproduksi.html | 17 + lessons/fisika/atom/atom.html | 34 +- lessons/fisika/atom/electron-config.html | 74 +- lessons/index.html | 30 +- lessons/matematika/index.html | 2 + lessons/matematika/pangkat-akar/akar.html | 112 ++ lessons/matematika/pangkat-akar/latihan.html | 152 ++ lessons/matematika/pangkat-akar/pangkat.html | 34 +- style.css | 45 +- 23 files changed, 4130 insertions(+), 211 deletions(-) create mode 100644 assets/images/atoms/carbon_symbol.svg create mode 100644 assets/images/atoms/carbon_symbol_ion.svg create mode 100644 assets/images/atoms/lead_symbol.svg create mode 100644 assets/images/atoms/magnesium_symbol.svg create mode 100644 assets/images/atoms/magnesium_symbol_ion.svg create mode 100644 assets/images/hero/alazhar.jpg create mode 100644 assets/images/hero/books.jpg create mode 100644 assets/images/hero/schoolsupplies.jpg delete mode 100644 assets/images/schoolsupplies.jpg create mode 100644 assets/videos/video.mp4 delete mode 100644 lessons/biologi/chapter/note.html create mode 100644 lessons/biologi/reproduction/introduction.html create mode 100644 lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html create mode 100644 lessons/matematika/pangkat-akar/akar.html create mode 100644 lessons/matematika/pangkat-akar/latihan.html diff --git a/assets/images/atoms/carbon_symbol.svg b/assets/images/atoms/carbon_symbol.svg new file mode 100644 index 0000000..69464c0 --- /dev/null +++ b/assets/images/atoms/carbon_symbol.svg @@ -0,0 +1,381 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + C + Carbon + + 12 + 6 + + diff --git a/assets/images/atoms/carbon_symbol_ion.svg b/assets/images/atoms/carbon_symbol_ion.svg new file mode 100644 index 0000000..1518b4b --- /dev/null +++ b/assets/images/atoms/carbon_symbol_ion.svg @@ -0,0 +1,393 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + C + Carbon + + 12 + 6 + 4- + + diff --git a/assets/images/atoms/lead_symbol.svg b/assets/images/atoms/lead_symbol.svg new file mode 100644 index 0000000..c9cbc47 --- /dev/null +++ b/assets/images/atoms/lead_symbol.svg @@ -0,0 +1,1688 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Pb + Lead + + 207 + 33 + +2 + + diff --git a/assets/images/atoms/magnesium_symbol.svg b/assets/images/atoms/magnesium_symbol.svg new file mode 100644 index 0000000..fbc0dbd --- /dev/null +++ b/assets/images/atoms/magnesium_symbol.svg @@ -0,0 +1,525 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Mg + Magnesium + + 24 + 12 + + diff --git a/assets/images/atoms/magnesium_symbol_ion.svg b/assets/images/atoms/magnesium_symbol_ion.svg new file mode 100644 index 0000000..0451aa6 --- /dev/null +++ b/assets/images/atoms/magnesium_symbol_ion.svg @@ -0,0 +1,536 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Mg + Magnesium + + 24 + 12 + 2+ + + diff --git a/assets/images/hero/alazhar.jpg b/assets/images/hero/alazhar.jpg new file mode 100644 index 0000000..885d356 Binary files /dev/null and b/assets/images/hero/alazhar.jpg differ diff --git a/assets/images/hero/books.jpg b/assets/images/hero/books.jpg new file mode 100644 index 0000000..90d4f6f Binary files /dev/null and b/assets/images/hero/books.jpg differ diff --git a/assets/images/hero/schoolsupplies.jpg b/assets/images/hero/schoolsupplies.jpg new file mode 100644 index 0000000..2882350 Binary files /dev/null and b/assets/images/hero/schoolsupplies.jpg differ diff --git a/assets/images/schoolsupplies.jpg b/assets/images/schoolsupplies.jpg deleted file mode 100644 index 2882350..0000000 Binary files a/assets/images/schoolsupplies.jpg and /dev/null differ diff --git a/assets/videos/video.mp4 b/assets/videos/video.mp4 new file mode 100644 index 0000000..33c8458 Binary files /dev/null and b/assets/videos/video.mp4 differ diff --git a/index.html b/index.html index 54d3019..1eae5c9 100644 --- a/index.html +++ b/index.html @@ -46,144 +46,132 @@

A Warm Welcome

Welcome to the "(Unofficial) Al Azhar Lesson Summary for 9th Grade" website! This website is used for notes taken by Altaf about the subjects. Choose a subuject below to start reading.

+

Contributing and Source Code

+

+ If you want to contribute to the project or want to view the source code, it's all available at GitHub!
+ If you want to suggest a new page, you can create it yourself using HTML, or create a new issue at GitHub. Here's how to do it. +

+

Link: + https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io +

Lessons

- + -

Matematika

+

Matematika

Hidayatullah, S.Pd.

- + -

Fisika

+

Fisika

Ayu Rezky Yulita, M.Pd.

- + -

Biologi

+

Biologi

Ir. Hj. Wiwit Parminta

- + -

IPS

+

IPS

 -

Uaeni Jahroh S.Pd.

+

Unaeni Jahroh S.Pd.

- + -

Agama

+

Agama

Akrom Hasani, S.Ag.

- + -

Al-Qur'an

+

Al-Qur'an

Muhammad Fathan S.Ag

- + -

Bahasa Arab

+

Bahasa Arab

Mohammad Amar, Lc.

- + -

PPKn

+

PPKn

Andini Nurlaily Hikmah, S.Pd.

- + -

Informatika

+

Informatika

Nurbaeti, SE., M.Ak

- + -

English

+

English

Sofia Nurbaiti, S.Pd.

- + -

Bahasa Indonesia

+

Bahasa Indonesia

Maman Sulaeman, S.Pd.

- + -

Seni Musik

+

Seni Musik

Dra. Kusnun Indrawati

- + -

Seni Rupa

+

Seni Rupa

Miftah Izharul Haq, S.Pd

- + -

Penjasorkes

+

Penjasorkes

Supatri, S.Pd

-

Contributing and Source Code

-

- If you want to contribute to the project or want to view the source code, it's all available at GitHub! -

-

Link: https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io -

diff --git a/lessons/biologi/chapter/note.html b/lessons/biologi/chapter/note.html deleted file mode 100644 index 5a31626..0000000 --- a/lessons/biologi/chapter/note.html +++ /dev/null @@ -1,130 +0,0 @@ - - - - - - - - - Al Azhar 9th Grade Lesson Notes - - - - - - - - - -
- - - - -
-
-

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 2

-

Sub Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Sub Heading 2

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 2

-

Sub Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Sub Heading 2

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 2

-

Sub Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Sub Heading 2

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 2

-

Sub Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Sub Heading 2

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 2

-

Sub Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Sub Heading 2

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus. -

-
-
- - - - - \ No newline at end of file diff --git a/lessons/biologi/index.html b/lessons/biologi/index.html index 2c3bf1b..5c6ed07 100644 --- a/lessons/biologi/index.html +++ b/lessons/biologi/index.html @@ -39,8 +39,9 @@
-
-

Hm. It seems like there is nothing here yet.

+
+

Chapter 1 - Reproduction System

+

Reproduction System: Introduction

diff --git a/lessons/biologi/reproduction/introduction.html b/lessons/biologi/reproduction/introduction.html new file mode 100644 index 0000000..a478e49 --- /dev/null +++ b/lessons/biologi/reproduction/introduction.html @@ -0,0 +1,95 @@ + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + + +
+ + + + +
+
+
+ + Stop. +
+

Definition

+

The Reproduction System is the human's effort to preserve its kind.

+

Male Reproduction System

+

Tracts

+
    +
  1. Epididymis: for sperm maturing
    2. +
  2. Vas Deferens
    3. +
  3. Urethra
    4. +
  4. Penis
    5. +
+

Glands

+
    +
  1. Testis: producing spermatozoa
    2. +
  2. Seminal Vesicle: producing food
    3. +
  3. Bulbourethral / Cowpery: producing mucus
    4. +
  4. Prostate: producing alkali (bases) for neutralizing
    5. +
+

Female Reproduction System

+

Tracts

+
    +
  1. Uterus: growing embryo
    2. +
  2. Cervix: sperm entry
    3. +
  3. Vagina: outside
    4. +
+

Glands

+
    +
  1. Ovary: producing ovum
    2. +

    Processes

    +
      +
    1. Ovulation: the release of ovum
      2. +
    2. Oviduct: fertilization of ovum
      3. +
    +
+

Female Hormones

+
    +
  1. FSH: Follicle Stimulating Hormon
    For controlling menstruation and ovum development
    2. +
  2. LH: Luteinezing Hormon
    For ovulation
    3. +
  3. Esterogen
    For thickening uterus wall and menstruation control
    4. +
  4. Progresteron
    For maintaining pregnancy
    5. +
+

VIDEO DEMONSTRASI SISTEM REPRODUKSI MANUSIA

+ Klik disini untuk membuka! +
+
+ + + + + \ No newline at end of file diff --git a/lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html b/lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html new file mode 100644 index 0000000..c11f53b --- /dev/null +++ b/lessons/biologi/reproduction/video-demonstrasi-proses-reproduksi.html @@ -0,0 +1,17 @@ +

Demonstrasi Proses Reproduksi (Manusia)

+

For education purposes (explicit content warning)

+ + + \ No newline at end of file diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html index bc75271..a15d8dc 100644 --- a/lessons/fisika/atom/atom.html +++ b/lessons/fisika/atom/atom.html @@ -66,14 +66,46 @@ Atomic Mass - Atomic Number = Neutron Number

Examples

- +

Proton: 11
Electron: 11
Neutron: 23 - 11 = 12

+
+ +

+ Proton: 6
+ Electron: 6
+ Neutron: 12 - 6 = 6 +

+

Ions

+ Electron count will be added or subtracted by ion charge.
+ If the ion charge is positive, subtract the electron count.
+ If the ion charge is negative, add the electron count. For example: +
+ +

+ Proton: 6
+ Electron: 6 + 4 = 10
+ Neutron: 12 - 6 = 6 +

+
+
+ +

+ Proton: 6
+ Electron: 6 - 2 = 4
+ Neutron: 24 - 12 = 12 +

+
+ diff --git a/lessons/fisika/atom/electron-config.html b/lessons/fisika/atom/electron-config.html index 02120f8..31111d9 100644 --- a/lessons/fisika/atom/electron-config.html +++ b/lessons/fisika/atom/electron-config.html @@ -48,6 +48,29 @@
+

Sub-Shell and Maximum Electron

+ + + + + + + + + + + + + + + + + + + + + +
Sub-ShellMaximum Electron
s2
p6
d10
f14

How to Read / Order

  1. Start from the top-most arrow
    2. @@ -55,18 +78,63 @@
    1. 1s, 2s, 2p, 3s
    -
  2. Exponent the electron with maximum number of electron until the total of exponents is equals to Atom Number.
    3. -
  3. If the total is more than Atom Number, subtract the the last electron's exponent to make the total equals to the atom number.
    4. +
  4. Exponent the electron with maximum number of sub-shell until the total of exponents is equals to + Atom Number.
    5. +
  5. If the total is more than Atom Number, subtract the the last electron's exponent to make the total + equals to the atom number.

Examples

+
+
+ + 1s2, 2s2, 2p6, 3s2, 3p2 +
+
+ + 1s2, 2s2, 2p6, 3s2, 3p6, + 4s2, 3d10, 4p3 +
+

Electron Configuration Based on Shell

an atom figure with shell labels (Oxygen)

+

Maximum Electron

+ + + + + + + + + + + + + + + + + + + + + + + + + +
ShellMaximum Electron
K2
L8
M18
N32
......

How to Determine Electron Count

-
+
    +
  1. Coming soon!
    2. +

Examples

+ diff --git a/lessons/index.html b/lessons/index.html index db128b6..4500af3 100644 --- a/lessons/index.html +++ b/lessons/index.html @@ -42,7 +42,7 @@
-

Matematika

@@ -51,7 +51,7 @@
-

Fisika

@@ -60,7 +60,7 @@
-

Biologi

@@ -69,16 +69,16 @@
-

IPS

 -

Uaeni Jahroh S.Pd.

+

Unaeni Jahroh S.Pd.

-

Agama

@@ -87,7 +87,7 @@
-

Al-Qur'an

@@ -96,7 +96,7 @@
-

Bahasa Arab

@@ -105,7 +105,7 @@
-

PPKn

@@ -114,7 +114,7 @@
-

Informatika

@@ -123,7 +123,7 @@
-

English

@@ -132,7 +132,7 @@
-

Bahasa Indonesia

@@ -141,7 +141,7 @@
-

Seni Musik

@@ -150,7 +150,7 @@
-

Seni Rupa

@@ -159,7 +159,7 @@
-

Penjasorkes

diff --git a/lessons/matematika/index.html b/lessons/matematika/index.html index 5fcdabc..7033a61 100644 --- a/lessons/matematika/index.html +++ b/lessons/matematika/index.html @@ -42,6 +42,8 @@

Chapter 1 - Bentuk Pangkat dan Akar

Materi 1: Exponent

+

Materi 2: Root

+

Latihan 1

diff --git a/lessons/matematika/pangkat-akar/akar.html b/lessons/matematika/pangkat-akar/akar.html new file mode 100644 index 0000000..b519d5e --- /dev/null +++ b/lessons/matematika/pangkat-akar/akar.html @@ -0,0 +1,112 @@ + + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + + + +
+ + + + +
+
+

Definition

+ Root is the inverse of exponent. For example;
+
    +
  • 42 = 16, so 16 = 4
    • +
  • 52 = 25, so 25 = 5
    • +
  • 102 = 100, so 100 = 10
    • +
+ +

Simplifying Square Roots

+ You can simplify a root by factoring the root number another number that is rational. Or in other words, divide the root number by the perfect squares. For example; +
    +
  • + Simplify 60
    + 60 = 4 × 15 = 215
    +
    • +
  • + Simplify 48
    + 48 = 16 × 3 = 43
    +
    • +
  • + Simplify 125
    + 125 = 25 × 5 = 55
    +
    • +
+ +

Root Operations

+

Addition

+ Roots with coefficient can be added with another coefficient that have the same roots.
+ ac + bc = (a + b)c +
    +
  • 32 + 42 = (3 + 4)2 = 72
    • +
  • 5 + 35 = (1 + 3)5 = 45
    • +
+

Subtraction

+ Roots with coefficient can be subtracted with another coefficient that have the same roots.
+ ac - bc = (a - b)c +
    +
  • 73 - 43 = (7 - 4)3 = 32
    • +
  • 106 - 56 = (10 - 5)6 = 56
    • +
+

Multiplication

+ Roots can be multiplied with any other roots. If the root is the same as the other multiplied root, the root can be deleted (if you want to be faster).
+ ac × bd = (a × b)c × d +
    +
  • 2 × 5 = 10
    • +
  • 32 × 43 = (3 × 4)2 × 3 = 126
    • +
  • 25 × 35 = (2 × 3)(5) = 6(5) = 30
    • +
+

Division

+ Roots can be divided with any other roots.
+ ac ÷ bd = (a ÷ b)c ÷ d +
    +
  • + 12 ÷ 3 = 2 +
    • +
  • + 86 ÷ 43 = (8 ÷ 4)6 ÷ 3 = 22 +
    • +
+
+
+ + + + + + \ No newline at end of file diff --git a/lessons/matematika/pangkat-akar/latihan.html b/lessons/matematika/pangkat-akar/latihan.html new file mode 100644 index 0000000..4aa75e7 --- /dev/null +++ b/lessons/matematika/pangkat-akar/latihan.html @@ -0,0 +1,152 @@ + + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + + + +
+ + + + +
+
+

Pertanyaan

+
    +

    Pangkat

    +
  1. 8p2q × 2pq3
    2. +
  2. 641⁄2 + 811⁄3
    3. +
  3. 25 + 320 - 45
    4. + +

    Merasionalkan Akar

    +
  4. 4⁄5
    5. +
  5. 35⁄23
    6. +
  6. 5⁄3 - 2
    7. +
  7. 5 - 7⁄5 - 2
    8. + +

    Operasi Pangkat

    +
  8. (8p23)3 ÷ 2pq
    9. +
  9. (a1⁄3b1⁄3)6⁄(a2⁄3b4⁄3)9
    10. + +

    Persamaan Pangkat

    +
  10. 2x + 8 = 64
    11. +
  11. 162x + 3 = 32
    12. +
+

Jawaban

+
    +
  1. 16p3q4
    2. +
  2. + 641⁄2 + 811⁄3
    + = 64 + 381
    + = 8 + 381 +
    3. +
  3. + 25 + 320 - 45
    + = 65 + 320
    + = 65 + 34 × 5
    + = 65 + 322 × 5
    + = 65 + 3 × 25
    + = 65 + 65
    + = 125
    +
    4. +
  4. + 4⁄5
    + = 4⁄5 × 5⁄5 = 45⁄5 +
    5. +
  5. + 35⁄23
    + = 35⁄23 × 3⁄3
    + = 315⁄2 × 3
    + = 15⁄2 +
    6. +
  6. + 5⁄3 - 2
    + = 5⁄3 - 2 × 3 + 2⁄3 + 2
    + = 5(3 + 2)⁄(3)2 - (2)2
    + = 5(3 + 2)⁄3 - 2 = 5(3 + 2)⁄1
    + = 5(3 + 2) +
    7. +
  7. + 5 - 7⁄5 - 2
    + = 5 - 7⁄5 - 2 × 5 + 2⁄5 + 2
    + = (5 - 7) × (5 + 2)⁄(5)2 - (2)2
    + = 5 + 10 - 35 - 14⁄5 - 2 = 5 + 10 - 35 - 14⁄3 +
    8. +
  8. + (8p23)3 ÷ 2pq
    + = (24p2)3 ÷ 2pq
    + = 243 p6 ÷ 2pq
    + = 6912p5 ÷ q +
    9. +
  9. + = (a1⁄3b1⁄3)6⁄(a2⁄3b4⁄3)9
    + = + (a1⁄3)6 (b1⁄3)6 + ⁄ + (a2⁄3)9 (b4⁄3)9 +
    + = + a2 b2 + ⁄ + a6 ba12 +
    + = a-4 b-10 +
    10. +
  10. + 2x + 8 = 64
    + = 2x + 8 = 26
    + = x + 8 = 6
    + = x = 6 - 8
    + = x = -2 +
    11. +
  11. + 162x + 3 = 32
    + = (24)2x + 3 = 26
    + = 28x + 12 = 26
    + = 8x + 12 = 6
    + = 8x = 6 - 12
    + = 8x = 6
    + = x = -6⁄8
    + = x = -3⁄4 +
    12. +
+
+
+ + + + + + \ No newline at end of file diff --git a/lessons/matematika/pangkat-akar/pangkat.html b/lessons/matematika/pangkat-akar/pangkat.html index f3af1a2..efba6e1 100644 --- a/lessons/matematika/pangkat-akar/pangkat.html +++ b/lessons/matematika/pangkat-akar/pangkat.html @@ -53,10 +53,20 @@

Exponent Operations

Multiplication

ax × by = (a × b)x + y +

Division

ax ÷ by = (a ÷ b)x - y +

Exponent

- axy = ax × y + (ax)y = ax × y +

Zero Exponent

a0 = 1

@@ -79,14 +89,30 @@

Fractional Exponent

x y⁄z = - z√(xy)

+ zxy

Examples

  • 5 1⁄2 = - 2√5
    • + 25
  • 7 2⁄3 = - 3√(52)
    • + 352
+

Exponential Equation

+
    +
  1. 2x + 5 = 64
    + = 2x + 5 = 26 ↖ ubah ke bentuk 2 berpangkat (2x)
    + = x + 5 = 6
    + = x = 1 +
    2. +
  2. 16x + 2 = 32
    + = (24)x + 2 = 25
    + = 24x + 8 = 25
    + = 4x + 8 = 5
    + = 4x = 5 - 8
    + = 4x = -3
    + = x = -3⁄4 = -3⁄4 +
    3. +
diff --git a/style.css b/style.css index 0a1a217..320e2ad 100644 --- a/style.css +++ b/style.css @@ -79,7 +79,7 @@ img { td, th { - border: 1px solid #e4e4e4; + border: 1px solid var(--white-color-2); padding: 8px; margin: 0; } @@ -88,7 +88,7 @@ th { padding-top: 10px; padding-bottom: 10px; text-align: center; - background-color: #e4e4e4; + background-color: var(--white-accent-bg); } table { @@ -120,6 +120,7 @@ img { #main { margin-left: 360px; padding: 20px; + padding-bottom: 3rem; padding-left: clamp(20px, 200px, 200px); padding-right: clamp(20px, 200px, 200px); transition: all .5s; @@ -239,6 +240,10 @@ img { align-items: center; } +.column { + flex-direction: column; +} + .flex-center { justify-content: center; align-content: center; @@ -354,7 +359,6 @@ img { padding: 10px; display: flex; flex-direction: row; - place-content: center; place-items: center; } @@ -371,7 +375,6 @@ span.frac { span.frac>sup, span.frac>sub { display: block; - font-size: small; padding: 0 0.3em; } @@ -393,8 +396,25 @@ sup>sup { font-size: smaller; } +.root::before { + content: "√"; + margin-left: calc(-1ch - 5px + 1.5px); + font-size: x-large; + margin-top: -3.1px; + display: inline-block; +} + +.root { + display: inline-block; + margin-top: 3px; + margin-left: 1.15ch; + border-top: 1px solid black; + padding-left: 5px; + padding-right: 5px; +} + #img-alazhar { - background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/ad/Masjid_Agung_Al-Azhar_2021.jpg); + background-image: url(/assets/images/hero/alazhar.jpg); background-position: center; background-repeat: no-repeat; } @@ -422,7 +442,7 @@ sup>sup { } #img-supplies { - background-image: url(/assets/images/schoolsupplies.jpg); + background-image: url(/assets/images/hero/schoolsupplies.jpg); background-position: center; background-repeat: no-repeat; } @@ -514,6 +534,19 @@ li>a:hover { .link:focus { background-color: rgba(255, 255, 255, 0.15); } + + .root { + border-top: 1px solid white; + } + + td, + th { + border: 1px solid var(--black-color-2); + } + + th { + background-color: var(--black-accent-bg); + } } @media(max-width: 700px) { -- cgit v1.2.3