From ec9892ad62f3bd6a1a7c9faf2505bc861a48fddd Mon Sep 17 00:00:00 2001 From: altaf-creator Date: Sat, 2 Sep 2023 16:23:18 +0700 Subject: New translation, new physics page --- assets/images/atoms/coulomb2.svg | 240 +++++++ assets/images/atoms/coulomb3.svg | 240 +++++++ .../electroscope_neutral_active-negative.svg | 761 +++++++++++++++++++++ .../electroscope_neutral_active-positive.svg | 761 +++++++++++++++++++++ .../electroscope/electroscope_neutral_normal.svg | 761 +++++++++++++++++++++ index.html | 26 +- indonesia.html | 275 ++++++++ lessons/biologi/reproduction/introduction.html | 8 +- lessons/fisika/atom/atom.html | 6 +- lessons/fisika/index.html | 3 +- lessons/fisika/static-electricity/coulomb.html | 82 ++- lessons/fisika/static-electricity/id-coulomb.html | 193 ++++++ lessons/fisika/static-electricity/id-theory.html | 97 +++ lessons/fisika/static-electricity/theory.html | 96 +++ style.css | 43 +- 15 files changed, 3562 insertions(+), 30 deletions(-) create mode 100644 assets/images/atoms/coulomb2.svg create mode 100644 assets/images/atoms/coulomb3.svg create mode 100644 assets/images/electroscope/electroscope_neutral_active-negative.svg create mode 100644 assets/images/electroscope/electroscope_neutral_active-positive.svg create mode 100644 assets/images/electroscope/electroscope_neutral_normal.svg create mode 100644 indonesia.html create mode 100644 lessons/fisika/static-electricity/id-coulomb.html create mode 100644 lessons/fisika/static-electricity/id-theory.html create mode 100644 lessons/fisika/static-electricity/theory.html diff --git a/assets/images/atoms/coulomb2.svg b/assets/images/atoms/coulomb2.svg new file mode 100644 index 0000000..4b0e6d6 --- /dev/null +++ b/assets/images/atoms/coulomb2.svg @@ -0,0 +1,240 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + + + + + + + + + 30 cm + + + 6 MC + 12 MC + + + + diff --git a/assets/images/atoms/coulomb3.svg b/assets/images/atoms/coulomb3.svg new file mode 100644 index 0000000..676f4a2 --- /dev/null +++ b/assets/images/atoms/coulomb3.svg @@ -0,0 +1,240 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + + + + + + + + + r + + + 4 mC + 4 mC + + + + diff --git a/assets/images/electroscope/electroscope_neutral_active-negative.svg b/assets/images/electroscope/electroscope_neutral_active-negative.svg new file mode 100644 index 0000000..d78e606 --- /dev/null +++ b/assets/images/electroscope/electroscope_neutral_active-negative.svg @@ -0,0 +1,761 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + _ + + + + + + + + + + + + + + + _ + + + + _ + + + + + + + + + + + + + + _ + + + + + + + + + _ + + + + + + + + + _ + + + + _ + + + + + + + + + + + + + diff --git a/assets/images/electroscope/electroscope_neutral_active-positive.svg b/assets/images/electroscope/electroscope_neutral_active-positive.svg new file mode 100644 index 0000000..fe17574 --- /dev/null +++ b/assets/images/electroscope/electroscope_neutral_active-positive.svg @@ -0,0 +1,761 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + _ + + + + _ + + + + + + + + + + + + + + _ + + + + + + + + + _ + + + + + + + + + _ + + + + _ + + + + _ + + + diff --git a/assets/images/electroscope/electroscope_neutral_normal.svg b/assets/images/electroscope/electroscope_neutral_normal.svg new file mode 100644 index 0000000..53c0e68 --- /dev/null +++ b/assets/images/electroscope/electroscope_neutral_normal.svg @@ -0,0 +1,761 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + _ + + + + + + + + + + + + + + + + + + + + _ + + + + _ + + + + _ + + + + + + + + + + + + + + _ + + + + + + + + + _ + + + + + + + + + _ + + + diff --git a/index.html b/index.html index b7607dc..2d140bd 100644 --- a/index.html +++ b/index.html @@ -52,6 +52,10 @@ +
+
View in Indonesia
+
+

A Warm Welcome

@@ -73,7 +77,7 @@ -

Matematika

+

Mathematics

Hidayatullah, S.Pd.

@@ -81,7 +85,7 @@ -

Fisika

+

Physics

Ayu Rezky Yulita, M.Pd.

@@ -89,7 +93,7 @@ -

Biologi

+

Biology

Ir. Hj. Wiwit Parminta

@@ -97,7 +101,7 @@ -

IPS

+

Social Studies (IPS)

Unaeni Jahroh S.Pd.

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

Agama

+

Islamic Education (Agama)

Akrom Hasani, S.Ag.

@@ -121,7 +125,7 @@ -

Bahasa Arab

+

Arabic

Mohammad Amar, Lc.

@@ -129,7 +133,7 @@ -

PPKn

+

Civics Education (PPKn)

Andini Nurlaily Hikmah, S.Pd.

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

Informatika

+

Informatics (Informatika)

Nurbaeti, SE., M.Ak

@@ -161,7 +165,7 @@ -

Seni Musik

+

Music

Dra. Kusnun Indrawati

@@ -169,7 +173,7 @@ -

Seni Rupa

+

Art

Miftah Izharul Haq, S.Pd

@@ -177,7 +181,7 @@ -

Penjasorkes

+

Sports

Supatri, S.Pd

diff --git a/indonesia.html b/indonesia.html new file mode 100644 index 0000000..c73792e --- /dev/null +++ b/indonesia.html @@ -0,0 +1,275 @@ + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + +
+ + +
+ +
+ + + + +
+
Lihat dalam Bahasa Inggris
+
+ +
+
+

Selamat Datang

+

Selamat datang di website Rangkuman Pelajaran Al Azhar Kelas 9 (yang tidak resmi)! Website ini adalah website catatan pelajaran yang ditulis oleh Altaf. Silakan pilih pelajaran dibawah untuk memulai membaca.

+

Berkontribusi dan Sumber Kode

+

+ Jika anda ingin berkontribusi ke proyek ini atau ingin melihat sumber kodennya, semuanya tersedia di GitHub!
+ Jika anda ingin menyarankan sebuah halaman baru, silakan buat sebuah Issue baru di GitHub. Ini bagaimana cara melakukannya. +

+

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

+

Pelajaran

+
+
+ + + +

Matematika

+ +

Hidayatullah, S.Pd.

+
+
+ + + +

Fisika

+ +

Ayu Rezky Yulita, M.Pd.

+
+
+ + + +

Biologi

+ +

Ir. Hj. Wiwit Parminta

+
+
+ + + +

IPS

+ +

Unaeni Jahroh S.Pd.

+
+
+ + + +

Agama

+ +

Akrom Hasani, S.Ag.

+
+
+ + + +

Al-Qur'an

+ +

Muhammad Fathan S.Ag

+
+
+ + + +

Bahasa Arab

+ +

Mohammad Amar, Lc.

+
+
+ + + +

PPKn

+ +

Andini Nurlaily Hikmah, S.Pd.

+
+
+ + + +

Informatika

+ +

Nurbaeti, SE., M.Ak

+
+
+ + + +

English

+ +

Sofia Nurbaiti, S.Pd.

+
+
+ + + +

Bahasa Indonesia

+ +

Maman Sulaeman, S.Pd.

+
+
+ + + +

Seni Musik

+ +

Dra. Kusnun Indrawati

+
+
+ + + +

Seni Rupa

+ +

Miftah Izharul Haq, S.Pd

+
+
+ + + +

Penjasorkes

+ +

Supatri, S.Pd

+
+
+

Credits & Contributors

+
+ +
+

Manager

+ Athaalaa Altaf Hafidz +

+ altaf-creator.github.io +

+
+
+
+
+ +
+

Writer

+ Athaalaa Altaf Hafidz +

+ altaf-creator.github.io +

+
+
+
+
+ +
+

Developer

+ Athaalaa Altaf Hafidz +

+ altaf-creator.github.io +

+
+
+
+
+ +
+

Designer

+ Athaalaa Altaf Hafidz +

+ altaf-creator.github.io +

+
+
+
+
+ +
+

Images

+

+ unsplash.com • + smpia25.al-azhar.sch.id • + upload.wikimedia.org • Please me help adding more forgotten asset attributions! +

+
+
+
+
+ +
+

Assets & Open Source Softwares

+ +
+
+
+
+ +
+

Special Thanks

+
    +
  • Our teachers
    • +
  • My friends & family
    • +
  • And YOU!
    • +
+
+
+

Thank you for using this website!

+
+
+ + + + + + \ No newline at end of file diff --git a/lessons/biologi/reproduction/introduction.html b/lessons/biologi/reproduction/introduction.html index 3d43cf4..0e77caa 100644 --- a/lessons/biologi/reproduction/introduction.html +++ b/lessons/biologi/reproduction/introduction.html @@ -41,10 +41,6 @@ -
-
✅ Verified
-
- +
+
✅ Verified
+
+
diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html index a856bf5..ef70b0b 100644 --- a/lessons/fisika/atom/atom.html +++ b/lessons/fisika/atom/atom.html @@ -66,9 +66,11 @@

Symbol of An Atom

+ style="flex: 1 200px; margin: 30px; min-width: 0px; + max-width: clamp(100px, 600px, 100%);"> + style="flex: 1 200px; margin: 30px; min-width: 0px; + max-width: clamp(100px, 600px, 100%);">

(picture on the left) An example of an atom symbol, (picture on the right) The format of an atom symbol (FOR INDONESIA)

diff --git a/lessons/fisika/index.html b/lessons/fisika/index.html index 0abe235..13c6986 100644 --- a/lessons/fisika/index.html +++ b/lessons/fisika/index.html @@ -56,7 +56,8 @@

Atom: Introduction

Electron Configuration

Chapter 2 - Static Electricity

-

Coulomb's Law

+

Lesson 1: Coulomb's Law

+

Lesson 2: Static Electricity Theory - Electroscope and Electric Field

diff --git a/lessons/fisika/static-electricity/coulomb.html b/lessons/fisika/static-electricity/coulomb.html index 4c6db89..47ec781 100644 --- a/lessons/fisika/static-electricity/coulomb.html +++ b/lessons/fisika/static-electricity/coulomb.html @@ -13,6 +13,8 @@ + + @@ -52,8 +54,11 @@ -
-
❓ Unchecked by Professionals
+
+
+
❓ Unchecked by Professionals
+
+
View in Indonesia
@@ -84,7 +89,7 @@
    1. -

       

      +

      Find F.


      Given:

      @@ -104,8 +109,75 @@

    2. -

       

      -
      3. +

      Find F.

      +
      +

      Given:

      + +

      Solution:

      + + + +
      +
    3. +

      If F = 9 × 109, Find r.

      +
      +

      Given:

      + +

      Solution:

      + +
      4. +

    References

      diff --git a/lessons/fisika/static-electricity/id-coulomb.html b/lessons/fisika/static-electricity/id-coulomb.html new file mode 100644 index 0000000..a820526 --- /dev/null +++ b/lessons/fisika/static-electricity/id-coulomb.html @@ -0,0 +1,193 @@ + + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + + + +
      + + +
      +
      + + + + +
      +
      +
      ❓ Belum dicek oleh Profesional
      +
      + +
      + +
      +
      +

      Pengertian

      +

      Hukum Coulomb adalah hukum yang menjelaskan hubungan antara dua muatan listrik.

      +

      Hukum ini menyatakan: "Apabila terdapat dua buah titik muatan maka akan timbul gaya di antara keduanya, yang besarnya sebanding dengan perkalian nilai kedua muatan dan berbanding terbalik dengan kuadrat jarak antar keduanya."[1]

      +

      Rumus

      + F = k Q1 × Q2⁄r2 +

      + dimana,
      +

        +
      • F = Gaya (Newton)
        • +
      • r = Jarak (Meter)
        • +
      • Q1 = Muatan 1 (Coulomb)
        • +
      • Q2 = Muatan 2 (Coulomb)
        • +
      • K = Konstanta Coulomb = 9 × 109 Nm2 / C2
        • +
      +

      +

      Pengubahan Satuan Coulomb

      +
        +
      1. n mC (milliCoulomb) = n * 10-3 C
        2. +
      2. n MC (MicroCoulomb) = n * 10-6 C (Bentuk alternatif: μC)
        3. +
      3. n nC (nanoCoulomb) = n * 10-9 C
        4. +
      4. n Å (Ångström) = n * 10-10 C
        5. +
      +

      Contoh & Latihan

      +
        +
          +
        1. +

          Temukan F.

          +
          +

          Diketahui:

          +

          + r = 30 cm = 0,3 m = 3 × 10-1 m
          + Q1 = 2 MC = 2 × 10-6
          + Q2 = 3 MC = 3 × 10-6
          +

          +

          Cara:

          +

          + F = k Q1 × Q2⁄r2
          + + F = 9 × 1092 × 10-6 ‧ 3 × 10-6⁄(3 × 10-1)2 = 9 × 109 ‧ 2 × 10-6 ‧ 3 × 10-6⁄9 × 10-2
          + + = 109 ‧ 2 × 10-6 ‧ 3 × 10-6⁄10-2 = 10-3 × 6⁄10-2
          + = 6 × 10-1 +

          +
          2. +
          +
        2. +

          Temukan F.

          +
          +

          Diketahui:

          + +

          Cara:

          + +
          3. + +
          +
        3. +

          Jika F = 9 × 109, temukan r.

          +
          +

          Diketahui:

          + +

          Cara:

          + +
          4. + +
        +

        Referensi

        +
          +
        1. Andrew Duffy, "Electric charge and Coulomb's law"
          2. +
        +
        +
        + + + + + + \ No newline at end of file diff --git a/lessons/fisika/static-electricity/id-theory.html b/lessons/fisika/static-electricity/id-theory.html new file mode 100644 index 0000000..32e54bd --- /dev/null +++ b/lessons/fisika/static-electricity/id-theory.html @@ -0,0 +1,97 @@ + + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + + + +
        + + +
        +
        + + + + +
        +
        +
        🔍 Belum Selesai
        +
        + +
        + + +
        +
        +

        Electroscope

        +

        What is an Electroscope?

        +

        An electroscope is a scientific instrument to detect a presence of an electric charge, and / or a type of an electric charge.

        +

        Neutral Electroscope

        +
        + A neutral electroscope. +

        An electroscope can be Neutral, Positive, or Negative. This part explains about a netural electroscope. If an object is brought closer to the ball;

        +
          +
        1. If the object is neutral, nothing will happen.
          2. +
        2.   +
          + +

          If the object is positively charged, the electrons will move upwards (to the ball), and the protons will move downwards (to the golden leaves). These will result in the golden leaves to seperate further. (see image)

          +
          +
          3. +
        3.   +
          + +

          If the object is negatively charged, the protons will move upwards (to the ball), and the electrons will move downwards (to the golden leaves). These will result in the golden leaves to seperate further. (see image)

          +
          +
          4. +
        +

        Positive Electroscope

        +
        +
        + + + + + + \ No newline at end of file diff --git a/lessons/fisika/static-electricity/theory.html b/lessons/fisika/static-electricity/theory.html new file mode 100644 index 0000000..af5ba31 --- /dev/null +++ b/lessons/fisika/static-electricity/theory.html @@ -0,0 +1,96 @@ + + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + + + +
        + + +
        +
        + + + + +
        +
        +
        🔍 Unfinished
        +
        + +
        + +
        +
        +

        Electroscope

        +

        What is an Electroscope?

        +

        An electroscope is a scientific instrument to detect a presence of an electric charge, and / or a type of an electric charge.

        +

        Neutral Electroscope

        +
        + A neutral electroscope. +

        An electroscope can be Neutral, Positive, or Negative. This part explains about a netural electroscope. If an object is brought closer to the ball;

        +
          +
        1. If the object is neutral, nothing will happen.
          2. +
        2.   +
          + +

          If the object is positively charged, the electrons will move upwards (to the ball), and the protons will move downwards (to the golden leaves). These will result in the golden leaves to seperate further. (see image)

          +
          +
          3. +
        3.   +
          + +

          If the object is negatively charged, the protons will move upwards (to the ball), and the electrons will move downwards (to the golden leaves). These will result in the golden leaves to seperate further. (see image)

          +
          +
          4. +
        +

        Positive Electroscope

        +
        +
        + + + + + + \ No newline at end of file diff --git a/style.css b/style.css index 04ebcf8..686177d 100644 --- a/style.css +++ b/style.css @@ -79,7 +79,7 @@ a:focus { } img { - max-width: 600px; + max-width: clamp(100px, 600px, 100%); border-radius: 10px; } @@ -156,7 +156,6 @@ img { } #main { - margin-top: 10px; margin-left: 390px; padding-left: 150px; padding-right: 150px; @@ -433,9 +432,12 @@ h3.banner-text { border-radius: 15px; } -.chip-container { - margin-top: 20px; +#chip-container { margin-left: 375px; + transition: all .5s; +} + +.chip-container { display: flex; flex-direction: row; gap: 15px; @@ -539,6 +541,34 @@ sup>sup { padding-right: 5px; } +.button { + border: 1px solid var(--white-accent-bg); + background-color: var(--white-bg); + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10); + display: flex; + height: 40px; + padding: 0px 20px; + place-items: center; + width: max-content; + text-align: center; + gap: 10px; + border-radius: 20px; + font-size: 0.8em; + line-height: 24px; + text-decoration: none; +} + +.button:focus { + background-color: var(--white-color-2); +} + +.top-chips-container { + display: flex; + gap: 15px; + justify-content: space-between; + margin-right: 20px; +} + #img-alazhar { background-image: url(/assets/images/hero/alazhar.jpg); background-position: center; @@ -609,8 +639,7 @@ li>a:hover { .highlight { flex-direction: column; } - - img { - max-width: 100% !important; + .top-chips-container { + flex-direction: column; } } \ No newline at end of file -- cgit v1.2.3