diff --git a/index.html b/index.html index 1eae5c9..7bc09eb 100644 --- a/index.html +++ b/index.html @@ -15,30 +15,41 @@ - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - +

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ + + -

+ +

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

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. + 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: diff --git a/lessons/agama/chapter/note.html b/lessons/agama/chapter/note.html deleted file mode 100644 index 5a31626..0000000 --- a/lessons/agama/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

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

- - - - - \ No newline at end of file diff --git a/lessons/agama/index.html b/lessons/agama/index.html index eeec830..90eae31 100644 --- a/lessons/agama/index.html +++ b/lessons/agama/index.html @@ -5,8 +5,8 @@ - Al Azhar 9th Grade Lesson Notes + @@ -14,33 +14,49 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

Hm. It seems like there is nothing here yet.

Bab 1: Meyakini Hari Akhir Memahami Tujuan Hidup

Materi 1

Bab 2 & 3: Qurban & Penyembelihan Hewan

Bab 2: Cara Halal Mengonsumsi Daging

Bab 3: Qurban dan Aqiqah

diff --git a/lessons/agama/kiamat/index.html b/lessons/agama/kiamat/index.html new file mode 100644 index 0000000..2ccd825 --- /dev/null +++ b/lessons/agama/kiamat/index.html @@ -0,0 +1,67 @@ + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + +

+ + +

+ + + + +

✅ Verified

❓ Unchecked

⚠️ Contains Wrong / Outdated Information

+ +

+ + + + + \ No newline at end of file diff --git a/lessons/agama/qurban/1.html b/lessons/agama/qurban/1.html new file mode 100644 index 0000000..7b7cd2a --- /dev/null +++ b/lessons/agama/qurban/1.html @@ -0,0 +1,148 @@ + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + +

+ + +

+ + + + +

✅ Verified

❓ Unchecked

⚠️ Contains Wrong / Outdated Information

+ +

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

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

+ + + + + \ No newline at end of file diff --git a/lessons/agama/qurban/2.html b/lessons/agama/qurban/2.html new file mode 100644 index 0000000..df72a0d --- /dev/null +++ b/lessons/agama/qurban/2.html @@ -0,0 +1,148 @@ + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + +

+ + +

+ + + + +

✅ Verified

❓ Unchecked

⚠️ Contains Wrong / Outdated Information

+ +

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

+ + + + + \ No newline at end of file diff --git a/lessons/arab/chapter/note.html b/lessons/arab/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/arab/chapter/note.html +++ b/lessons/arab/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/arab/index.html b/lessons/arab/index.html index 08379e9..cb73851 100644 --- a/lessons/arab/index.html +++ b/lessons/arab/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/biologi/index.html b/lessons/biologi/index.html index 5c6ed07..0293bb9 100644 --- a/lessons/biologi/index.html +++ b/lessons/biologi/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/biologi/reproduction/introduction.html b/lessons/biologi/reproduction/introduction.html index a478e49..2d51f6e 100644 --- a/lessons/biologi/reproduction/introduction.html +++ b/lessons/biologi/reproduction/introduction.html @@ -14,28 +14,44 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

✅ Verified

diff --git a/lessons/english/chapter/note.html b/lessons/english/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/english/chapter/note.html +++ b/lessons/english/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/english/index.html b/lessons/english/index.html index fd604f5..6e98a39 100644 --- a/lessons/english/index.html +++ b/lessons/english/index.html @@ -14,33 +14,47 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

Hm. It seems like there is nothing here yet.

+ +

Chapter 1: Hope, Wishes, and Congratulations

Lesson 1

diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html index 831a5df..db63c98 100644 --- a/lessons/fisika/atom/atom.html +++ b/lessons/fisika/atom/atom.html @@ -16,29 +16,44 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - +

+ + + -

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

+ +

✅ Verified

diff --git a/lessons/fisika/atom/electron-config.html b/lessons/fisika/atom/electron-config.html index 39796e4..72808ff 100644 --- a/lessons/fisika/atom/electron-config.html +++ b/lessons/fisika/atom/electron-config.html @@ -16,11 +16,10 @@ - - - - +

+ + +

@@ -41,7 +40,15 @@ + +

✅ Verified

diff --git a/lessons/fisika/index.html b/lessons/fisika/index.html index e47ecef..b3530b4 100644 --- a/lessons/fisika/index.html +++ b/lessons/fisika/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/index.html b/lessons/index.html index 4500af3..7e32148 100644 --- a/lessons/index.html +++ b/lessons/index.html @@ -14,27 +14,40 @@ - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/indonesia/index.html b/lessons/indonesia/index.html index 9eec6aa..ca15481 100644 --- a/lessons/indonesia/index.html +++ b/lessons/indonesia/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/indonesia/laporan-percobaan/pengertian.html b/lessons/indonesia/laporan-percobaan/pengertian.html index d19eea2..c9ef230 100644 --- a/lessons/indonesia/laporan-percobaan/pengertian.html +++ b/lessons/indonesia/laporan-percobaan/pengertian.html @@ -14,28 +14,46 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

+ +

✅ Verified

❓ Unchecked

⚠️ Contains Wrong / Outdated Information

diff --git a/lessons/informatika/chapter/note.html b/lessons/informatika/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/informatika/chapter/note.html +++ b/lessons/informatika/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/informatika/index.html b/lessons/informatika/index.html index 27c44db..a3e1b25 100644 --- a/lessons/informatika/index.html +++ b/lessons/informatika/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/ips/chapter/note.html b/lessons/ips/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/ips/chapter/note.html +++ b/lessons/ips/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/ips/index.html b/lessons/ips/index.html index 7955ab5..6482ea8 100644 --- a/lessons/ips/index.html +++ b/lessons/ips/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/lukis/chapter/note.html b/lessons/lukis/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/lukis/chapter/note.html +++ b/lessons/lukis/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/lukis/index.html b/lessons/lukis/index.html index 866ea30..2ebfd3b 100644 --- a/lessons/lukis/index.html +++ b/lessons/lukis/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/matematika/index.html b/lessons/matematika/index.html index 7033a61..ad23110 100644 --- a/lessons/matematika/index.html +++ b/lessons/matematika/index.html @@ -14,36 +14,49 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

Chapter 1 - Bentuk Pangkat dan Akar

Lesson 3: Exponents Extended - Scientific Form of Decimals

diff --git a/lessons/matematika/locked.html b/lessons/matematika/locked.html index 16e33f3..e0e1ef2 100644 --- a/lessons/matematika/locked.html +++ b/lessons/matematika/locked.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/matematika/pangkat-akar/akar.html b/lessons/matematika/pangkat-akar/akar.html index 03edb0a..ba63fcf 100644 --- a/lessons/matematika/pangkat-akar/akar.html +++ b/lessons/matematika/pangkat-akar/akar.html @@ -16,31 +16,46 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - +

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + -

+ +

- + +

✅ Verified

Definition

diff --git a/lessons/matematika/pangkat-akar/latihan.html b/lessons/matematika/pangkat-akar/latihan.html index 98d4301..1be3942 100644 --- a/lessons/matematika/pangkat-akar/latihan.html +++ b/lessons/matematika/pangkat-akar/latihan.html @@ -16,29 +16,44 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - +

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + -

+ +

❓ Unchecked

diff --git a/lessons/matematika/pangkat-akar/pangkat.html b/lessons/matematika/pangkat-akar/pangkat.html index ba549d9..e7f6356 100644 --- a/lessons/matematika/pangkat-akar/pangkat.html +++ b/lessons/matematika/pangkat-akar/pangkat.html @@ -16,29 +16,44 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - +

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + -

+ +

✅ Verified

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

+ + +

+ + + + +

🔍 Unfinished

+ +

+ + + + + + \ No newline at end of file diff --git a/lessons/musik/chapter/note.html b/lessons/musik/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/musik/chapter/note.html +++ b/lessons/musik/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/musik/index.html b/lessons/musik/index.html index fed6a7c..f5ae41c 100644 --- a/lessons/musik/index.html +++ b/lessons/musik/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/pjok/chapter/note.html b/lessons/pjok/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/pjok/chapter/note.html +++ b/lessons/pjok/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/pjok/index.html b/lessons/pjok/index.html index 606c693..11cfc68 100644 --- a/lessons/pjok/index.html +++ b/lessons/pjok/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/ppkn/chapter/note.html b/lessons/ppkn/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/ppkn/chapter/note.html +++ b/lessons/ppkn/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/ppkn/index.html b/lessons/ppkn/index.html index 22e6be2..9c85a83 100644 --- a/lessons/ppkn/index.html +++ b/lessons/ppkn/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/quran/chapter/note.html b/lessons/quran/chapter/note.html index 5a31626..db762ec 100644 --- a/lessons/quran/chapter/note.html +++ b/lessons/quran/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/quran/index.html b/lessons/quran/index.html index ffb779c..0e0c56b 100644 --- a/lessons/quran/index.html +++ b/lessons/quran/index.html @@ -14,28 +14,40 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

diff --git a/lessons/subject/chapter/note.html b/lessons/subject/chapter/note.html index 5a31626..a2d4057 100644 --- a/lessons/subject/chapter/note.html +++ b/lessons/subject/chapter/note.html @@ -14,22 +14,30 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

@@ -38,6 +46,12 @@

Lesson 1: Bab 1 - Materi 1

✅ Verified

❓ Unchecked

⚠️ Contains Wrong / Outdated Information

Heading 1

diff --git a/lessons/subject/index.html b/lessons/subject/index.html index bf24659..9cebc96 100644 --- a/lessons/subject/index.html +++ b/lessons/subject/index.html @@ -14,33 +14,48 @@ - - +

+ + +

- - - -

Al Azhar 9th Grade Lesson Notes

- - - - -

+ + + + +

Al Azhar 9th Grade Lesson Notes

+ +

+ + + + + +

Hm. It seems like there is nothing here yet.

+ +

Chapter 1

Lesson 1: Note 1

diff --git a/scripts/sidebar.js b/scripts/sidebar.js index 3aaaef8..1839b58 100644 --- a/scripts/sidebar.js +++ b/scripts/sidebar.js @@ -7,8 +7,8 @@ function toggleNav() { document.getElementById("main").style.marginLeft = "360px"; try { - document.getElementById("banner").style.marginLeft = "300px"; - document.getElementById("backbtn").style.marginLeft = "360px"; + document.getElementById("banner").style.marginLeft = "375px"; + document.getElementById("topbtn").style.left = "385px"; } catch { @@ -23,8 +23,8 @@ function toggleNav() { document.getElementById("sidebar").style.opacity = "0"; try { - document.getElementById("banner").style.marginLeft = "0"; - document.getElementById("backbtn").style.marginLeft = "70px"; + document.getElementById("banner").style.marginLeft = "20px"; + document.getElementById("topbtn").style.left = "30px"; } catch { diff --git a/style.css b/style.css index 281c919..c38e4cb 100644 --- a/style.css +++ b/style.css @@ -1,13 +1,12 @@ -@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); :root { --white-bg: rgba(255, 255, 255); - --white-accent-bg: rgb(250, 250, 250); + --white-accent-bg: rgb(195, 195, 195); --black-color-1: rgb(0, 0, 0); - --black-color-2: rgb(116, 116, 116); - --black-color-3: rgb(37, 37, 37); + --black-color-2: rgb(151, 151, 151); + --black-color-3: rgb(92, 92, 92); --black-bg: rgb(0, 0, 0); - --black-accent-bg: rgb(20, 20, 20); --white-color-1: rgb(255, 255, 255); --white-color-2: rgb(209, 209, 209); --white-color-3: rgb(148, 148, 148); @@ -19,7 +18,7 @@ body { height: 100%; margin: 0; padding: 0; - font-family: 'Roboto Slab', serif; + font-family: 'Roboto', serif; font-size: 1.1rem; background-color: var(--white-bg); color: var(--black-color-1); @@ -52,11 +51,18 @@ body { } h1 { - font-size: 1.7em; + font-size: 1.8em; + font-weight: 400; } h2 { - font-size: 1.5em; + font-size: 1.4em; + font-weight: 500; +} + +h3 { + font-size: 1.2em; + font-weight: 500; } a { @@ -118,15 +124,16 @@ img { } #main { - margin-left: 360px; - padding: 30px; - padding-left: 200px; - padding-right: 200px; + margin-top: 10px; + margin-left: 390px; + padding-left: 150px; + padding-right: 150px; transition: all .5s; z-index: 2; display: flex; place-content: center; box-sizing: border-box; + padding-bottom: 50px; } #main > section { @@ -135,17 +142,30 @@ img { #sidebar { box-sizing: border-box; - height: 100%; - width: 340px; + display: flex; + flex-direction: column; + width: 355px; position: fixed; + top: 0; + left: 0; + margin: 10px; + height: calc(100% - 20px); + overflow: visible; z-index: 9999; - box-shadow: 7px 0px 10px rgba(0, 0, 0, 0.06); + opacity: 1; + transition: all .2s; +} + +#sidebar > div { + box-sizing: border-box; + margin: 10px; padding: 20px; - background-color: var(--white-accent-bg); - transition: all .3s; + height: 100%; overflow: auto; - visibility: visible; - opacity: 1; + border-radius: 20px; + border: 1px solid var(--white-accent-bg); + background-color: var(--white-bg); + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10); } #toc { @@ -186,7 +206,7 @@ img { .divider { margin-top: 25px; margin-bottom: 25px; - border: 1px solid var(--black-bg); + border: 1px solid var(--black-color-3); } .align-center { @@ -194,47 +214,48 @@ img { } .menu-btn { - margin: 20px; - outline: solid 0px var(--black-color-1); + border-top-left-radius: 20px; + border-bottom-left-radius: 20px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .back-btn { - margin-top: 20px; - margin-left: 360px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + border-top-right-radius: 20px; + border-bottom-right-radius: 20px; } -.fixed-top-btn { +.fixed-top-btn-container { + display: flex !important; position: fixed; - text-decoration: none; - color: var(--black-color-1); - transition: all .2s; + top: 30px; + left: 385px; z-index: 10000; - padding: 10px; - backdrop-filter: blur(5px); - -webkit-backdrop-filter: blur(5px); - border-radius: 10px; - width: 18px; - height: 22px; - display: flex; - place-content: center; - background-color: #FFFFFFAA; -} - -.fa-bars { - display: block !important; + gap: 2px; + transition: all .5s; } -.menu-btn:hover { - color: var(--black-color-2); +.fixed-top-btn { + color: var(--black-color-1); + padding: 12px; + width: 35px; + height: 20px; + display: flex; + place-content: center; + border: 1px solid var(--white-accent-bg); + background-color: var(--white-bg); + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10); + text-decoration: none; } -.menu-btn:focus { - color: var(--black-color-3); - outline: solid 2px var(--black-color-2); +.fixed-top-btn:active { + background-color: var(--white-color-2); } -.menu-btn:active { - outline: solid 1px var(--black-color-3); +.fa-bars { + display: block !important; } .circle { @@ -271,8 +292,11 @@ img { position: relative; overflow: hidden; height: 500px; - margin-left: 300px; + margin: 20px; + margin-left: 375px; transition: all .5s; + border-radius: 20px; + box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.1), 0px 0px 10px 1px rgba(0, 0, 0, 0.2); } .banner-bg { @@ -282,45 +306,79 @@ img { background-size: cover !important; background-repeat: no-repeat !important; border-radius: 0; - background-attachment: fixed; box-shadow: inset 0 -15px 10px -10px rgba(0, 0, 0, 0.2); object-fit: cover; right: 0; } -.banner-text { +.banner-text-container { + box-sizing: border-box; position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; z-index: 3; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + padding: 50px; +} + +.banner-text { + text-align: left; + line-height: 1.1em; + margin: 5px; color: var(--white-color-1); + font-weight: 400; +} + +h3.banner-text { + color: var(--white-color-2); + font-weight: 300; } .card-container { + margin-top: 20px; display: flex; flex-wrap: wrap; + gap: 20px; } .card { position: relative; flex: 1 0 320px; - background-color: var(--white-accent-bg); - border-radius: 10px; + border: 1px solid var(--white-accent-bg); + background-color: var(--white-bg); + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10); + border-radius: 20px; box-sizing: border-box; padding: 20px; - margin: 20px; - text-align: center; - box-shadow: 0px 0px 17px #00000033; + text-align: left; bottom: 0; transition: all .3s; + display: flex; + flex-direction: column; } .card:hover { bottom: 4px; } +.card > a > h2 { + font-weight: 400; + margin: 0; + margin-top: 20px; + margin-bottom: 10px; +} + +.card > p { + line-height: 1rem; + margin: 0; + margin-top: 10px; + margin-bottom: 10px; +} + .card-person { width: 250px; height: 250px; @@ -330,14 +388,36 @@ img { } .card-img { - width: calc(100% + 40px); max-width: 200% !important; - height: 300px; + height: 250px; object-fit: cover; - margin: -20px; - border-radius: 0; - border-top-right-radius: 10px; - border-top-left-radius: 10px; + border-radius: 15px; +} + +.chip-container { + margin-top: 20px; + margin-left: 375px; + width: 100%; + display: flex; + flex-direction: row; + gap: 15px; +} + +.chip { + 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; + color: #4A4A4A; + line-height: 24px; } .link-card { @@ -347,7 +427,7 @@ img { top: 0; left: 0; text-decoration: none; - border-radius: 10px; + border-radius: 20px; } .link-card:focus { @@ -414,7 +494,7 @@ sup>sup { display: inline-block; margin-top: 3px; margin-left: 1.15ch; - border-top: 1px solid black; + border-top: 2px solid black; padding-left: 5px; padding-right: 5px; } @@ -461,100 +541,6 @@ li>a:hover { text-decoration: underline; } -@media (prefers-color-scheme: dark) { - body { - background-color: var(--black-bg); - color: var(--white-color-1); - } - - #sidebar { - background-color: var(--black-accent-bg); - } - - .sidebar-link link { - color: var(--white-color-1); - } - - .sidebar-link link:hover { - color: var(--white-color-2); - } - - .sidebar-link link:focus { - color: var(--white-color-3); - } - - .fixed-top-btn { - color: var(--white-color-1); - background-color: #00000022; - } - - .fixed-top-btn:hover { - color: var(--white-color-2); - } - - .fixed-top-btn:focus { - color: var(--white-color-3); - } - - .divider { - border: 1px solid var(--white-bg); - } - - a { - color: var(--white-color-1); - } - - a:hover { - color: var(--white-color-2); - } - - a:focus { - color: var(--white-color-3); - } - - .card { - background-color: var(--black-accent-bg); - } - - .menu-btn { - outline: solid 0px var(--white-color-1); - background-color: #00000022; - } - - .menu-btn:focus { - outline: solid 3px var(--white-color-3); - } - - .menu-btn:active { - outline: solid 2px var(--white-color-2); - } - - .link { - background-color: rgba(255, 255, 255, 0.1); - } - - .link:hover { - background-color: rgba(255, 255, 255, 0.2); - } - - .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) { .flex { flex-direction: column; @@ -568,7 +554,7 @@ li>a:hover { } #banner { - margin-left: 0; + margin-left: 20px; } #sidebar { @@ -576,8 +562,8 @@ li>a:hover { opacity: 0; } - .back-btn { - margin-left: 70px; + .fixed-top-btn-container { + left: 30px; } .highlight { -- cgit v1.2.3

Al Azhar 9th Grade Lesson Notes

Table of Contents

Al Azhar 9th Grade Lesson Notes

Table of Contents

Al Azhar 9th Grade Lesson Notes

Table of Contents

Al Azhar 9th Grade Lesson Notes

Table of Contents

Contact and Socials

Al Azhar 9th Grade Lesson Notes

Table of Contents

Al Azhar 9th Grade Lesson Notes

Table of Contents

About the School

About School

SMP Islam Al Azhar 25 Tangerang Selatan

Al Azhar 9th Grade Lesson Notes

Al Azhar 9th Grade Lesson Notes

Table of Contents

Table of Contents

Al Azhar 9th Grade Lesson Notes

Al Azhar 9th Grade Lesson Notes

A website by Altaf

Contributing and Source Code

Al Azhar 9th Grade Lesson Notes

Table of Contents

Lesson 1: Bab 1 - Materi 1

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Al Azhar 9th Grade Lesson Notes

Table of Contents

Al Azhar 9th Grade Lesson Notes

Table of Contents

Agama

Agama

Akrom Hasani, S.Ag.

Bab 1: Meyakini Hari Akhir Memahami Tujuan Hidup

Bab 2 & 3: Qurban & Penyembelihan Hewan

Al Azhar 9th Grade Lesson Notes

Table of Contents

Kiamat

Bab 1

Al Azhar 9th Grade Lesson Notes

Table of Contents

Cara Halal Mengonsumsi Daging

Bab 2

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 1

Heading 2

Sub Heading 1

Sub Heading 2

Heading 1

Heading 1