From 3d0ccfba34d6371b41e877189b78599ae7b2f98a Mon Sep 17 00:00:00 2001 From: altaf-creator Date: Sat, 16 Mar 2024 17:48:01 +0700 Subject: new branch! decided to revive this old project. lessons now support markdown, rebrand? --- 404.html | 3 + about/author.html | 1 + about/school.html | 1 + android-chrome-192x192.png | Bin 14080 -> 23022 bytes android-chrome-512x512.png | Bin 26863 -> 89075 bytes apple-touch-icon.png | Bin 12802 -> 21089 bytes assets/images/a.svg | 288 +++++++++++ assets/images/hero/library.jpg | Bin 0 -> 477885 bytes assets/images/master.svg | 535 +++++++++++---------- contribute/index.html | 1 + favicon-16x16.png | Bin 724 -> 652 bytes favicon-32x32.png | Bin 1638 -> 1692 bytes favicon.ico | Bin 15406 -> 15406 bytes index.html | 126 +---- indonesia.html | 4 +- lessons/agama/index.html | 1 + lessons/agama/kiamat/index.html | 1 + lessons/agama/qurban/1.html | 1 + lessons/agama/qurban/2.html | 1 + lessons/agama/zakat/index.html | 1 + lessons/arab/chapter/note.html | 1 + lessons/arab/index.html | 1 + lessons/biologi/index.html | 1 + .../biologi/plant-animal-reproduction/index.html | 1 + .../plant-animal-reproduction/indonesia.html | 1 + .../plant-animal-reproduction/technology.html | 1 + lessons/biologi/reproduction/introduction.html | 1 + lessons/english/chapter/note.html | 1 + lessons/english/index.html | 1 + lessons/fisika-locked/index.html | 1 + lessons/fisika/atom/atom.html | 1 + lessons/fisika/atom/electron-config.html | 1 + lessons/fisika/dynamic-electricity/calc.html | 1 + lessons/fisika/dynamic-electricity/current.html | 1 + lessons/fisika/index.html | 1 + lessons/fisika/static-electricity/coulomb.html | 1 + lessons/fisika/static-electricity/id-coulomb.html | 1 + lessons/fisika/static-electricity/id-theory.html | 1 + lessons/fisika/static-electricity/theory.html | 1 + lessons/index.html | 1 + lessons/index.json | 495 +++++++++++++++++++ lessons/indonesia/index.html | 1 + .../indonesia/laporan-percobaan/pengertian.html | 1 + lessons/informatika/chapter/note.html | 1 + lessons/informatika/index.html | 1 + lessons/ips/chapter/note.html | 1 + lessons/ips/index.html | 1 + lessons/lukis/chapter/note.html | 1 + lessons/lukis/index.html | 1 + lessons/matematika/1-exponents/1-id.md | 0 lessons/matematika/1-exponents/1.md | 27 ++ lessons/matematika/index.html | 1 + lessons/matematika/locked.html | 1 + lessons/matematika/pangkat-akar/akar.html | 1 + lessons/matematika/pangkat-akar/latihan.html | 1 + lessons/matematika/pangkat-akar/pangkat.html | 1 + lessons/matematika/pangkat-akar/scientific.html | 1 + .../quadratic-equation/finding-suitable.html | 1 + lessons/matematika/quadratic-equation/index.html | 1 + lessons/matematika/quadratic-function/index.html | 1 + lessons/musik/chapter/note.html | 1 + lessons/musik/index.html | 1 + lessons/pjok/chapter/note.html | 1 + lessons/pjok/index.html | 1 + lessons/ppkn/chapter/note.html | 1 + lessons/ppkn/index.html | 1 + lessons/quran/chapter/note.html | 1 + lessons/quran/index.html | 1 + lessons/subject/chapter/note.html | 1 + lessons/subject/index.html | 1 + scripts/lesson.js | 145 ++++++ scripts/onload/lesson.js | 17 + scripts/onload/list.js | 4 + scripts/onload/subject.js | 16 + scripts/onload/toc.js | 3 + scripts/sidebar.js | 8 +- scripts/toc.js | 4 +- style.css | 78 ++- subject/index.html | 78 +++ subject/lesson/index.html | 94 ++++ subject/quiz/index.html | 0 81 files changed, 1597 insertions(+), 383 deletions(-) create mode 100644 assets/images/a.svg create mode 100644 assets/images/hero/library.jpg create mode 100644 lessons/index.json create mode 100644 lessons/matematika/1-exponents/1-id.md create mode 100644 lessons/matematika/1-exponents/1.md create mode 100644 scripts/lesson.js create mode 100644 scripts/onload/lesson.js create mode 100644 scripts/onload/list.js create mode 100644 scripts/onload/subject.js create mode 100644 scripts/onload/toc.js create mode 100644 subject/index.html create mode 100644 subject/lesson/index.html create mode 100644 subject/quiz/index.html diff --git a/404.html b/404.html index 8ab2aca..8191157 100644 --- a/404.html +++ b/404.html @@ -56,6 +56,9 @@ + + + diff --git a/about/author.html b/about/author.html index e1d880a..1c279ee 100644 --- a/about/author.html +++ b/about/author.html @@ -68,6 +68,7 @@ + \ No newline at end of file diff --git a/about/school.html b/about/school.html index 1eff0c5..b8a4587 100644 --- a/about/school.html +++ b/about/school.html @@ -178,6 +178,7 @@ + \ No newline at end of file diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png index d27d925..76c2fee 100644 Binary files a/android-chrome-192x192.png and b/android-chrome-192x192.png differ diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png index 18d8328..b891c0e 100644 Binary files a/android-chrome-512x512.png and b/android-chrome-512x512.png differ diff --git a/apple-touch-icon.png b/apple-touch-icon.png index aa0faae..f6ceadb 100644 Binary files a/apple-touch-icon.png and b/apple-touch-icon.png differ diff --git a/assets/images/a.svg b/assets/images/a.svg new file mode 100644 index 0000000..d082934 --- /dev/null +++ b/assets/images/a.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + OpenLearning + Centre + + diff --git a/assets/images/hero/library.jpg b/assets/images/hero/library.jpg new file mode 100644 index 0000000..8351074 Binary files /dev/null and b/assets/images/hero/library.jpg differ diff --git a/assets/images/master.svg b/assets/images/master.svg index c352b94..14cf61f 100644 --- a/assets/images/master.svg +++ b/assets/images/master.svg @@ -2,288 +2,331 @@ + id="defs1"> + + + + + + + + + + + id="filter13-2" + x="-0.45711654" + y="-0.45711654" + width="1.9142331" + height="1.9142331"> + stdDeviation="4.2167705" + id="feGaussianBlur13-0" /> + + id="filter14-5" + x="-0.20915551" + y="-0.22893819" + width="1.418311" + height="1.4578764"> + stdDeviation="6.4367736" + id="feGaussianBlur14-9" /> + + + + + + + + + + + + + + + transform="translate(-26.751462,42.240514)"> + OpenLearningCentre - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="g3" + transform="translate(-17.673104,11.756241)"> + + + id="path13-9" + style="opacity:0.35198;mix-blend-mode:normal;fill:#1a1a1a;fill-opacity:1;stroke-width:1.31761;stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke;filter:url(#filter14-5)" + d="m 59.872823,30.538559 c 0.266352,-3.58493 6.765129,-3.29432 10.252657,-0.42348 7.394607,6.08705 7.214323,21.72242 16.262816,25.15208 6.960743,2.63835 18.218414,4.91255 23.287454,1.1511 6.13861,-4.55512 9.8253,-7.9007 16.1271,-16.30928 1.58003,-2.10827 6.38625,-1.76461 7.93012,1.4765 -2.63772,10.80295 -12.46718,16.76267 -16.33809,27.325303 -2.09153,5.70718 -2.12908,16.16765 -2.12908,16.16765 0,0 -2.44136,2.32749 -4.28055,4.03672 -7.27183,6.75798 -31.964161,11.497108 -32.320617,-4.61895 C 78.550309,79.327382 75.639126,71.952692 74.99277,69.377352 71.944545,57.231999 60.865433,43.174579 59.872823,30.538559 Z" + sodipodi:nodetypes="csssscscsssc" + inkscape:label="shadow" /> + id="rect1-3" + style="fill:url(#linearGradient8-2);stroke-width:1.31761;stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke" + d="m 59.872823,30.538559 c 0.266352,-3.58493 6.765129,-3.29432 10.252657,-0.42348 7.394607,6.08705 7.214323,21.72242 16.262816,25.15208 6.960743,2.63835 18.218414,4.91255 23.287454,1.1511 6.13861,-4.55512 9.8253,-7.9007 16.1271,-16.30928 1.58003,-2.10827 6.38625,-1.76461 7.93012,1.4765 -2.63772,10.80295 -12.46718,16.76267 -16.33809,27.325303 -2.09153,5.70718 -2.12908,16.16765 -2.12908,16.16765 0,0 -2.44136,2.32749 -4.28055,4.03672 -7.27183,6.75798 -31.964161,11.497108 -32.320617,-4.61895 C 78.550309,79.327382 75.639126,71.952692 74.99277,69.377352 71.944545,57.231999 60.865433,43.174579 59.872823,30.538559 Z" + sodipodi:nodetypes="csssscscsssc" /> + id="path11-1" + style="display:inline;opacity:0.388559;fill:#1a1a1a;fill-opacity:1;stroke-width:1.68209;stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke;filter:url(#filter3)" + inkscape:transform-center-x="18.604938" + inkscape:transform-center-y="-6.5984046" + d="m 67.882531,50.907727 v 30.436385 a 5.8208936,5.8208936 45.000297 0 0 5.820833,5.820893 l 27.838826,2.89e-4 a 19.180108,19.180108 163.11845 0 0 10.6599,-3.234978 l 29.80289,-19.923953 a 10.893143,10.893143 118.11815 0 0 4.83907,-9.055871 V 24.514107 a 3.11044,3.11044 28.118414 0 0 -4.8391,-2.585839 l -29.80283,19.923524 a 19.180873,19.180873 163.11834 0 1 -10.65993,3.23501 l -27.838826,7.6e-5 a 5.8208492,5.8208492 134.99992 0 0 -5.820833,5.820849 z" + transform="matrix(0.94248116,0.33425926,0,1,6.684677,-99.201463)" + inkscape:path-effect="#path-effect12-7" + inkscape:original-d="m 67.882531,45.086894 v 42.078051 l 39.480489,4.09e-4 39.48103,-26.394029 V 18.693274 l -39.48103,26.393512 z" + inkscape:label="shadow" /> + id="rect2-9" + style="display:inline;fill:url(#linearGradient6-3);fill-opacity:1;stroke-width:1.633;stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke" + inkscape:transform-center-x="18.604938" + inkscape:transform-center-y="-6.5984046" + d="m 141.69162,-29.878122 a 3.5928736,2.5378993 54.763751 0 0 -1.16997,0.07131 l -28.08871,9.961668 a 22.155853,15.650238 54.763751 0 1 -10.04642,-0.328146 l -26.237672,-9.305376 a 6.7236711,4.7494018 54.763751 0 0 -5.48597,3.875217 V 4.8329378 a 6.7237224,4.749438 54.763751 0 0 5.48597,7.7664502 l 26.237672,9.305893 a 22.15497,15.649613 54.763751 0 0 10.04642,0.328146 l 28.08871,-9.962185 a 12.582685,8.8880353 54.763751 0 0 4.56097,-7.4383036 V -25.603447 a 3.5928736,2.5378993 54.763751 0 0 -3.391,-4.274675 z" /> diff --git a/contribute/index.html b/contribute/index.html index 420bf72..833ad8a 100644 --- a/contribute/index.html +++ b/contribute/index.html @@ -76,6 +76,7 @@ + diff --git a/favicon-16x16.png b/favicon-16x16.png index 206374a..e4d0f7c 100644 Binary files a/favicon-16x16.png and b/favicon-16x16.png differ diff --git a/favicon-32x32.png b/favicon-32x32.png index 150f3fc..473c899 100644 Binary files a/favicon-32x32.png and b/favicon-32x32.png differ diff --git a/favicon.ico b/favicon.ico index 18cfc65..a6146c5 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/index.html b/index.html index 9dc01cd..65c3265 100644 --- a/index.html +++ b/index.html @@ -26,8 +26,6 @@ - -

Al Azhar 9th Grade Lesson Notes

@@ -47,8 +45,8 @@
@@ -59,8 +57,7 @@

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.

+

Welcome to OpenLearning Centre! This is a website meant for middle school students (mainly Al Azhar) to study and / or an extra reference for studying. 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!
@@ -72,119 +69,8 @@

Lessons

-
-
- - - -

Mathematics

- -

Hidayatullah, S.Pd.

-
-
- - - -

Physics

- -

Ayu Rezky Yulita, M.Pd.

-
-
- - - -

Biology

- -

Ir. Hj. Wiwit Parminta

-
-
- - - -

Social Studies (IPS)

- -

Unaeni Jahroh S.Pd.

-
-
- - - -

Islamic Education (Agama)

- -

Akrom Hasani, S.Ag.

-
-
- - - -

Al-Qur'an

- -

Muhammad Fathan S.Ag

-
-
- - - -

Arabic

- -

Mohammad Amar, Lc.

-
-
- - - -

Civics Education (PPKn)

- -

Andini Nurlaily Hikmah, S.Pd.

-
-
- - - -

Informatics (Informatika)

- -

Nurbaeti, SE., M.Ak

-
-
- - - -

English

- -

Sofia Nurbaiti, S.Pd.

-
-
- - - -

Bahasa Indonesia

- -

Maman Sulaeman, S.Pd.

-
-
- - - -

Music

- -

Dra. Kusnun Indrawati

-
-
- - - -

Art

- -

Miftah Izharul Haq, S.Pd

-
-
- - - -

Sports

- -

Supatri, S.Pd

-
+
+

Credits & Contributors

@@ -270,6 +156,8 @@
+ + diff --git a/indonesia.html b/indonesia.html index c73792e..3c96df4 100644 --- a/indonesia.html +++ b/indonesia.html @@ -269,7 +269,9 @@
+ - \ No newline at end of file + + diff --git a/lessons/agama/index.html b/lessons/agama/index.html index 5625193..5af8124 100644 --- a/lessons/agama/index.html +++ b/lessons/agama/index.html @@ -61,6 +61,7 @@
+ \ No newline at end of file diff --git a/lessons/agama/kiamat/index.html b/lessons/agama/kiamat/index.html index ed7cc01..29638b3 100644 --- a/lessons/agama/kiamat/index.html +++ b/lessons/agama/kiamat/index.html @@ -69,6 +69,7 @@ + diff --git a/lessons/agama/qurban/1.html b/lessons/agama/qurban/1.html index eabd317..26a624b 100644 --- a/lessons/agama/qurban/1.html +++ b/lessons/agama/qurban/1.html @@ -143,6 +143,7 @@ + \ No newline at end of file diff --git a/lessons/agama/qurban/2.html b/lessons/agama/qurban/2.html index cf43477..ca5f714 100644 --- a/lessons/agama/qurban/2.html +++ b/lessons/agama/qurban/2.html @@ -143,6 +143,7 @@ + \ No newline at end of file diff --git a/lessons/agama/zakat/index.html b/lessons/agama/zakat/index.html index 802742c..f474734 100644 --- a/lessons/agama/zakat/index.html +++ b/lessons/agama/zakat/index.html @@ -67,6 +67,7 @@ + diff --git a/lessons/arab/chapter/note.html b/lessons/arab/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/arab/chapter/note.html +++ b/lessons/arab/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/arab/index.html b/lessons/arab/index.html index 7215a93..1391f88 100644 --- a/lessons/arab/index.html +++ b/lessons/arab/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/biologi/index.html b/lessons/biologi/index.html index 82444ab..6087fcd 100644 --- a/lessons/biologi/index.html +++ b/lessons/biologi/index.html @@ -60,6 +60,7 @@ + diff --git a/lessons/biologi/plant-animal-reproduction/index.html b/lessons/biologi/plant-animal-reproduction/index.html index 7ab1aa5..0dc24a9 100644 --- a/lessons/biologi/plant-animal-reproduction/index.html +++ b/lessons/biologi/plant-animal-reproduction/index.html @@ -100,6 +100,7 @@ + diff --git a/lessons/biologi/plant-animal-reproduction/indonesia.html b/lessons/biologi/plant-animal-reproduction/indonesia.html index ff842a8..fe4e3ff 100644 --- a/lessons/biologi/plant-animal-reproduction/indonesia.html +++ b/lessons/biologi/plant-animal-reproduction/indonesia.html @@ -100,6 +100,7 @@ + diff --git a/lessons/biologi/plant-animal-reproduction/technology.html b/lessons/biologi/plant-animal-reproduction/technology.html index 504f51b..6b1a4c4 100644 --- a/lessons/biologi/plant-animal-reproduction/technology.html +++ b/lessons/biologi/plant-animal-reproduction/technology.html @@ -97,6 +97,7 @@ + diff --git a/lessons/biologi/reproduction/introduction.html b/lessons/biologi/reproduction/introduction.html index 0e77caa..dcca66e 100644 --- a/lessons/biologi/reproduction/introduction.html +++ b/lessons/biologi/reproduction/introduction.html @@ -106,6 +106,7 @@ + \ No newline at end of file diff --git a/lessons/english/chapter/note.html b/lessons/english/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/english/chapter/note.html +++ b/lessons/english/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/english/index.html b/lessons/english/index.html index c2478aa..e281437 100644 --- a/lessons/english/index.html +++ b/lessons/english/index.html @@ -59,6 +59,7 @@ + \ No newline at end of file diff --git a/lessons/fisika-locked/index.html b/lessons/fisika-locked/index.html index ef2f85c..72260c7 100644 --- a/lessons/fisika-locked/index.html +++ b/lessons/fisika-locked/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html index ef70b0b..57935a1 100644 --- a/lessons/fisika/atom/atom.html +++ b/lessons/fisika/atom/atom.html @@ -127,6 +127,7 @@ + diff --git a/lessons/fisika/atom/electron-config.html b/lessons/fisika/atom/electron-config.html index 0ba12e4..899eb10 100644 --- a/lessons/fisika/atom/electron-config.html +++ b/lessons/fisika/atom/electron-config.html @@ -215,6 +215,7 @@ + diff --git a/lessons/fisika/dynamic-electricity/calc.html b/lessons/fisika/dynamic-electricity/calc.html index ca11d34..c95c7ea 100644 --- a/lessons/fisika/dynamic-electricity/calc.html +++ b/lessons/fisika/dynamic-electricity/calc.html @@ -68,6 +68,7 @@ + diff --git a/lessons/fisika/dynamic-electricity/current.html b/lessons/fisika/dynamic-electricity/current.html index 1fe82e5..e71e00d 100644 --- a/lessons/fisika/dynamic-electricity/current.html +++ b/lessons/fisika/dynamic-electricity/current.html @@ -82,6 +82,7 @@ + diff --git a/lessons/fisika/index.html b/lessons/fisika/index.html index 13c6986..1c4ab76 100644 --- a/lessons/fisika/index.html +++ b/lessons/fisika/index.html @@ -62,6 +62,7 @@ + \ No newline at end of file diff --git a/lessons/fisika/static-electricity/coulomb.html b/lessons/fisika/static-electricity/coulomb.html index b459cb5..5c72bb3 100644 --- a/lessons/fisika/static-electricity/coulomb.html +++ b/lessons/fisika/static-electricity/coulomb.html @@ -187,6 +187,7 @@ + diff --git a/lessons/fisika/static-electricity/id-coulomb.html b/lessons/fisika/static-electricity/id-coulomb.html index a369cac..d5f12f6 100644 --- a/lessons/fisika/static-electricity/id-coulomb.html +++ b/lessons/fisika/static-electricity/id-coulomb.html @@ -187,6 +187,7 @@ + diff --git a/lessons/fisika/static-electricity/id-theory.html b/lessons/fisika/static-electricity/id-theory.html index acde0ab..a365172 100644 --- a/lessons/fisika/static-electricity/id-theory.html +++ b/lessons/fisika/static-electricity/id-theory.html @@ -139,6 +139,7 @@ + diff --git a/lessons/fisika/static-electricity/theory.html b/lessons/fisika/static-electricity/theory.html index 9bb09de..de54cb7 100644 --- a/lessons/fisika/static-electricity/theory.html +++ b/lessons/fisika/static-electricity/theory.html @@ -138,6 +138,7 @@ + diff --git a/lessons/index.html b/lessons/index.html index 760914a..6779357 100644 --- a/lessons/index.html +++ b/lessons/index.html @@ -170,6 +170,7 @@ + \ No newline at end of file diff --git a/lessons/index.json b/lessons/index.json new file mode 100644 index 0000000..b12465c --- /dev/null +++ b/lessons/index.json @@ -0,0 +1,495 @@ +{ "subjects": [ + { + "id": 0, + "titleEn": "Mathematics", + "titleId": "Matematika", + "splash": "1 + 1 = 3", + "banner": "/assets/images/hero/math.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "Exponents and Roots", + "titleId": "Bentuk Pangkat dan Akar", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "Lesson 1: Exponent", + "titleId": "Pelajaran 1: Pangkat", + "grade": 9, + "status": 1, + "authors": [ "Athaalaa Altaf Hafidz", "Athaalaa Altaf Hafidz" ], + "pathEn": "/lessons/matematika/1-exponents/1.md", + "pathId": "/lessons/matematika/1-exponents/1-id.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "pathEn": "path/to/file.json", + "pathId": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 1, + "titleEn": "Physics", + "titleId": "Fisika", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/physics.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 2, + "titleEn": "Biology", + "titleId": "Biologi", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/biology.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 3, + "titleEn": "Social Studies", + "titleId": "Ilmu Pengetahuan Sosial", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/ips.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 4, + "titleEn": "Islamic Education", + "titleId": "Pendidikan Agama Islam", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/alazhar.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 5, + "titleEn": "Al-Qur'an", + "titleId": "Al-Qur'an", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/quran.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 6, + "titleEn": "اللغة العربية", + "titleId": "اللغة العربية", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/arabic.png", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 7, + "titleEn": "Civics Education", + "titleId": "PKN", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/ppkn.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 8, + "titleEn": "Informatics", + "titleId": "Informatika", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/laptop.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 9, + "titleEn": "English", + "titleId": "English", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/library.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 10, + "titleEn": "Bahasa Indonesia", + "titleId": "Bahasa Indonesia", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/books.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 11, + "titleEn": "Music", + "titleId": "Seni Musik", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/music.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 12, + "titleEn": "Arts", + "titleId": "Seni Rupa", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/paint.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + }, + { + "id": 13, + "titleEn": "Sports", + "titleId": "Penjasorkes", + "splash": "insert funny splash text", + "banner": "/assets/images/hero/sports.jpg", + "chapters": [ + { + "id": 0, + "titleEn": "chapter title", + "titleId": "judul bab", + "lessons": [ + { + "id": 0, + "type": "lesson", + "titleEn": "lesson title", + "titleId": "judul materi", + "grade": 9, + "status": 0, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.md" + }, + { + "id": 1, + "type": "quiz", + "titleEn": "quiz title", + "titleId": "judul kuis", + "grade": 9, + "authors": [ "John Doe", "Jane Doe" ], + "path": "path/to/file.json" + } + ] + } + ] + } + ] +} diff --git a/lessons/indonesia/index.html b/lessons/indonesia/index.html index 3de53cc..e59c826 100644 --- a/lessons/indonesia/index.html +++ b/lessons/indonesia/index.html @@ -58,6 +58,7 @@ + \ No newline at end of file diff --git a/lessons/indonesia/laporan-percobaan/pengertian.html b/lessons/indonesia/laporan-percobaan/pengertian.html index a0a30b1..b73908a 100644 --- a/lessons/indonesia/laporan-percobaan/pengertian.html +++ b/lessons/indonesia/laporan-percobaan/pengertian.html @@ -64,6 +64,7 @@ + \ No newline at end of file diff --git a/lessons/informatika/chapter/note.html b/lessons/informatika/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/informatika/chapter/note.html +++ b/lessons/informatika/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/informatika/index.html b/lessons/informatika/index.html index 5b60d25..6f193db 100644 --- a/lessons/informatika/index.html +++ b/lessons/informatika/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/ips/chapter/note.html b/lessons/ips/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/ips/chapter/note.html +++ b/lessons/ips/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/ips/index.html b/lessons/ips/index.html index 50d6068..24234fc 100644 --- a/lessons/ips/index.html +++ b/lessons/ips/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/lukis/chapter/note.html b/lessons/lukis/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/lukis/chapter/note.html +++ b/lessons/lukis/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/lukis/index.html b/lessons/lukis/index.html index ad0ab0e..e4c3cde 100644 --- a/lessons/lukis/index.html +++ b/lessons/lukis/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/matematika/1-exponents/1-id.md b/lessons/matematika/1-exponents/1-id.md new file mode 100644 index 0000000..e69de29 diff --git a/lessons/matematika/1-exponents/1.md b/lessons/matematika/1-exponents/1.md new file mode 100644 index 0000000..5dc2a6e --- /dev/null +++ b/lessons/matematika/1-exponents/1.md @@ -0,0 +1,27 @@ +# Exponents +\\( x^n = x_1 \times x_2 \times\ \cdot\cdot\cdot\ \times x_n \\) + +## Examples +* \\(2^5 = 2 \times 2 \times 2 \times 2 \times 2 = 32 \\) +* \\(5^7 = 5 \times 5 \times 5 \times 5 \times 5 \times 5 \times 5 = 78125 \\) + +# Exponent Operations +## Multiplication +\\( a^x \times b^y = (a \times b)^{x + y} \\) +* \\( 10^4 \times 2^2 = (10 \times 2)^{4 + 2} = 20^6 \\) + +## Division +\\( a^x \div b^y = (a \div b)^{x - y} \\) +* \\( 10^3 \div 2^4 = (10 \div 2)^{(4 - 2)} = 5^2 = 25 \\) + +## Exponent + +## Zero Exponent + +## Negative Exponent + +## Fractional Exponent + +## Examples + +# Exponential Equation diff --git a/lessons/matematika/index.html b/lessons/matematika/index.html index 4c800ec..806b43b 100644 --- a/lessons/matematika/index.html +++ b/lessons/matematika/index.html @@ -65,6 +65,7 @@ + diff --git a/lessons/matematika/locked.html b/lessons/matematika/locked.html index c6384ec..439eab3 100644 --- a/lessons/matematika/locked.html +++ b/lessons/matematika/locked.html @@ -53,6 +53,7 @@ + \ No newline at end of file diff --git a/lessons/matematika/pangkat-akar/akar.html b/lessons/matematika/pangkat-akar/akar.html index 1bacf4c..b1e1daa 100644 --- a/lessons/matematika/pangkat-akar/akar.html +++ b/lessons/matematika/pangkat-akar/akar.html @@ -164,6 +164,7 @@ + diff --git a/lessons/matematika/pangkat-akar/latihan.html b/lessons/matematika/pangkat-akar/latihan.html index 6bdae1d..647f325 100644 --- a/lessons/matematika/pangkat-akar/latihan.html +++ b/lessons/matematika/pangkat-akar/latihan.html @@ -161,6 +161,7 @@ + diff --git a/lessons/matematika/pangkat-akar/pangkat.html b/lessons/matematika/pangkat-akar/pangkat.html index e8362dd..fd955d7 100644 --- a/lessons/matematika/pangkat-akar/pangkat.html +++ b/lessons/matematika/pangkat-akar/pangkat.html @@ -133,6 +133,7 @@ + diff --git a/lessons/matematika/pangkat-akar/scientific.html b/lessons/matematika/pangkat-akar/scientific.html index 9394f6e..ce5cb8d 100644 --- a/lessons/matematika/pangkat-akar/scientific.html +++ b/lessons/matematika/pangkat-akar/scientific.html @@ -63,6 +63,7 @@ + diff --git a/lessons/matematika/quadratic-equation/finding-suitable.html b/lessons/matematika/quadratic-equation/finding-suitable.html index 9e13f01..1fdee6c 100644 --- a/lessons/matematika/quadratic-equation/finding-suitable.html +++ b/lessons/matematika/quadratic-equation/finding-suitable.html @@ -111,6 +111,7 @@ + diff --git a/lessons/matematika/quadratic-equation/index.html b/lessons/matematika/quadratic-equation/index.html index 288d0d9..292b988 100644 --- a/lessons/matematika/quadratic-equation/index.html +++ b/lessons/matematika/quadratic-equation/index.html @@ -271,6 +271,7 @@ + diff --git a/lessons/matematika/quadratic-function/index.html b/lessons/matematika/quadratic-function/index.html index 728d1af..2cabc27 100644 --- a/lessons/matematika/quadratic-function/index.html +++ b/lessons/matematika/quadratic-function/index.html @@ -69,6 +69,7 @@ + diff --git a/lessons/musik/chapter/note.html b/lessons/musik/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/musik/chapter/note.html +++ b/lessons/musik/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/musik/index.html b/lessons/musik/index.html index c28a769..697a5db 100644 --- a/lessons/musik/index.html +++ b/lessons/musik/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/pjok/chapter/note.html b/lessons/pjok/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/pjok/chapter/note.html +++ b/lessons/pjok/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/pjok/index.html b/lessons/pjok/index.html index 6401d4e..7f5b891 100644 --- a/lessons/pjok/index.html +++ b/lessons/pjok/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/ppkn/chapter/note.html b/lessons/ppkn/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/ppkn/chapter/note.html +++ b/lessons/ppkn/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/ppkn/index.html b/lessons/ppkn/index.html index 26aba3a..c243420 100644 --- a/lessons/ppkn/index.html +++ b/lessons/ppkn/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/quran/chapter/note.html b/lessons/quran/chapter/note.html index e2d3780..0e6b168 100644 --- a/lessons/quran/chapter/note.html +++ b/lessons/quran/chapter/note.html @@ -133,6 +133,7 @@ + \ No newline at end of file diff --git a/lessons/quran/index.html b/lessons/quran/index.html index 06630f8..eb06cc7 100644 --- a/lessons/quran/index.html +++ b/lessons/quran/index.html @@ -57,6 +57,7 @@ + \ No newline at end of file diff --git a/lessons/subject/chapter/note.html b/lessons/subject/chapter/note.html index 0b54139..7842b36 100644 --- a/lessons/subject/chapter/note.html +++ b/lessons/subject/chapter/note.html @@ -139,6 +139,7 @@ + \ No newline at end of file diff --git a/lessons/subject/index.html b/lessons/subject/index.html index 1f53820..a254543 100644 --- a/lessons/subject/index.html +++ b/lessons/subject/index.html @@ -60,6 +60,7 @@ + \ No newline at end of file diff --git a/scripts/lesson.js b/scripts/lesson.js new file mode 100644 index 0000000..0036fde --- /dev/null +++ b/scripts/lesson.js @@ -0,0 +1,145 @@ +function loadSubject(id) { + fetch("/lessons/index.json") + .then((response) => response.json()) + .then((data) => { + var title = document.getElementById("title-banner"); + var subtitle = document.getElementById("subtitle"); + var container = document.getElementById("container") + + console.log(data.subjects[id]); + + title.innerHTML = data.subjects[id].titleEn; + subtitle.innerHTML = data.subjects[id].splash; + container.innerHTML = ""; + + var chapterLength = data.subjects[id].chapters.length; + + for (var i = 0; i < chapterLength; i++) { + var chapterContainer = ` +

Chapter ${i + 1}: ${data.subjects[id].chapters[i].titleEn}

+
+ ` + + var lessonLength = data.subjects[id].chapters[i].lessons.length; + + if (lessonLength > 1) { + chapterContainer += ` + + ${(data.subjects[id].chapters[i].lessons[0].type == "lesson") ? '📚' :'✏️' } + ${data.subjects[id].chapters[i].lessons[0].titleEn} + + ` + for (var j = 1; j < lessonLength - 1; j++) { + chapterContainer += ` + + ${(data.subjects[id].chapters[i].lessons[j].type == "lesson") ? '📚' :'✏️' } + ${data.subjects[id].chapters[i].lessons[j].titleEn} + + ` + } + chapterContainer += ` + + ${(data.subjects[id].chapters[i].lessons[lessonLength - 1].type == "lesson") ? '📚' :'✏️' } + ${data.subjects[id].chapters[i].lessons[lessonLength - 1].titleEn} + + ` + } else { + + } + + chapterContainer += `\n
` + + container.innerHTML += chapterContainer; + } + // return data.subjects[id]; + } + ); +} + +// DEPENDENCIES: +// * /scripts/toc.js +// * markdown-it +function loadLesson(subject, chapter, lesson) { + fetch("/lessons/index.json") + .then((response) => response.json()) + .then((data) => { + var title = document.getElementById("title-banner"); + var subtitle = document.getElementById("subtitle"); + var container = document.getElementById("container") + + var chipStatus = document.getElementById("chip-status"); + var chipAuthor = document.getElementById("chip-author"); + var chipGrade = document.getElementById("chip-grade"); + + var lessonData = data.subjects[subject].chapters[chapter].lessons[lesson]; + + console.log(lessonData); + + title.innerHTML = lessonData.titleEn; + subtitle.innerHTML = `Chapter ${parseInt(chapter) + 1}`; + container.innerHTML = ""; + chipGrade.innerHTML = "Grade " + lessonData.grade; + if (lessonData.authors.length == 1) { + chipAuthor.innerHTML = "Written by " + lessonData.authors[0]; + } else { + chipAuthor.innerHTML = "Written by "; + for (var i = 0; i < lessonData.authors.length - 1; i++) { + chipAuthor.innerHTML += lessonData.authors[i] + ", "; + } + chipAuthor.innerHTML += "and " + lessonData.authors[lessonData.authors.length - 1]; + } + // why the heck switch case not working + // guess i'm too stupid for a switch case. + // no i'm not yandev + if (lessonData.status == 0) { + chipStatus.innerHTML = "❓ Not Verified"; + } else if (lessonData.status == 1) { + chipStatus.innerHTML = "✅ Verified"; + } else if (lessonData.status == 2) { + chipStatus.innerHTML = "⚠️ Contains Wrong Information"; + } + + fetch(lessonData.pathEn) + .then((response) => response.text()) + .then((data) => { + const md = markdownit(); + container.innerHTML = md.render(data); + }).then(() => { + MathJax.typeset(); + }); + } + ).then(() => { + toc(); + }); + console.log(subject); + console.log(chapter); + console.log(lesson); + +} + +function loadQuiz(subject, chapter, lesson) { + +} + +function listSubjects() { + fetch("/lessons/index.json") + .then((response) => response.json()) + .then((data) => { + var container = document.getElementById("subject-container"); + + for (var i = 0; i < data.subjects.length; i++) { + var card = ` +
+ + + +

${data.subjects[i].titleEn}

+ +
+ `; + + container.innerHTML += card; + } + } + ); +} diff --git a/scripts/onload/lesson.js b/scripts/onload/lesson.js new file mode 100644 index 0000000..8e6d5e3 --- /dev/null +++ b/scripts/onload/lesson.js @@ -0,0 +1,17 @@ +// DEPENDENCIES +// * /scripts/lesson.js +// * /scripts/toc.js +window.onload = function() { + loadLesson(getUrlVars()['subject'], getUrlVars()['chapter'], getUrlVars()['id']); +} + +function getUrlVars() { + var vars = [], hash; + var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); + for (var i = 0; i < hashes.length; i++) { + hash = hashes[i].split('='); + vars.push(hash[0]); + vars[hash[0]] = hash[1]; + } + return vars; +} diff --git a/scripts/onload/list.js b/scripts/onload/list.js new file mode 100644 index 0000000..496c5dd --- /dev/null +++ b/scripts/onload/list.js @@ -0,0 +1,4 @@ +window.onload = function() { + toc(); + listSubjects(); +} diff --git a/scripts/onload/subject.js b/scripts/onload/subject.js new file mode 100644 index 0000000..a22e3e8 --- /dev/null +++ b/scripts/onload/subject.js @@ -0,0 +1,16 @@ +window.onload = function() { + toc(); + loadSubject(getUrlVars()['id']); +} + +function getUrlVars() { + var vars = [], hash; + var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); + for (var i = 0; i < hashes.length; i++) { + hash = hashes[i].split('='); + vars.push(hash[0]); + vars[hash[0]] = hash[1]; + } + return vars; +} + diff --git a/scripts/onload/toc.js b/scripts/onload/toc.js new file mode 100644 index 0000000..f1101fe --- /dev/null +++ b/scripts/onload/toc.js @@ -0,0 +1,3 @@ +window.onload = function() { + toc(); +} diff --git a/scripts/sidebar.js b/scripts/sidebar.js index 22a54a6..3fcb63d 100644 --- a/scripts/sidebar.js +++ b/scripts/sidebar.js @@ -3,7 +3,7 @@ function toggleNav() { const sStyle = window.getComputedStyle(sidebar); if (sStyle.visibility == "hidden") { - if (document.body.clientWidth >= 700) { + if (document.body.clientWidth >= 1000) { document.getElementById("main").style.marginLeft = "360px"; try { @@ -14,7 +14,7 @@ function toggleNav() { } try { - document.getElementById("chip-container").style.marginLeft = "375px"; + document.getElementById("chip-container").style.marginLeft = "355px"; } catch { } @@ -35,9 +35,9 @@ function toggleNav() { } try { - document.getElementById("chip-container").style.marginLeft = "20px"; + document.getElementById("chip-container").style.marginLeft = "0px"; } catch { } } -} \ No newline at end of file +} diff --git a/scripts/toc.js b/scripts/toc.js index bfdfe42..107c846 100644 --- a/scripts/toc.js +++ b/scripts/toc.js @@ -1,7 +1,7 @@ // i am a C# developer // trying javascript -window.onload = function() { +function toc() { const tocDiv = document.getElementById("toc"); const content = document.getElementById("main"); const headers = content.querySelectorAll('h1, h2, h3, h4, h5, h6'); @@ -43,4 +43,4 @@ window.onload = function() { } } } -} \ No newline at end of file +} diff --git a/style.css b/style.css index ddf07c2..02bccec 100644 --- a/style.css +++ b/style.css @@ -18,7 +18,7 @@ body { margin: 0; padding: 0; font-family: 'Roboto', serif; - font-size: 1.1rem; + font-size: 1.05rem; background-color: var(--white-bg); color: var(--black-color-1); overflow: auto; @@ -184,7 +184,6 @@ img { z-index: 9999; opacity: 1; transition: all .2s; - backdrop-filter: blur(25px); } #sidebar > div:first-child { @@ -224,12 +223,9 @@ img { } .sidebar-logo { - width: 180px; display: block; margin-left: auto; margin-right: auto; - margin-bottom: 30px; - margin-top: 30px; } .sidebar-sublink { @@ -440,8 +436,8 @@ h3.banner-text { } #chip-container { - margin-left: 375px; transition: all .5s; + margin-left: 355px; } .chip-container { @@ -449,6 +445,10 @@ h3.banner-text { flex-direction: row; gap: 15px; transition: all .5s; + overflow: scroll; + padding-left: 20px; + padding-bottom: 20px; + padding-right: 20px; } .chip { @@ -466,6 +466,7 @@ h3.banner-text { font-size: 0.8em; color: #4A4A4A; line-height: 24px; + white-space: nowrap; } .link-card { @@ -576,6 +577,49 @@ sup>sup { margin-right: 20px; } +.button-group-container { + display: flex; + gap: 10px; + flex-direction: column; +} + +.button-grouped { + background-color: var(--white-bg); + border: 1px solid var(--white-accent-bg); + border-radius: 10px; + display: flex; + align-items: center; + gap: 10px; + height: 60px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10); + text-decoration: none; + padding-inline: 15px; + box-sizing: border-box; + color: #1A1A1A; +} + +.button-grouped:active { + background-color: var(--white-color-2); +} + +.button-grouped-top { + border-top-left-radius: 30px; + border-top-right-radius: 30px; +} + +.button-grouped-bottom { + border-bottom-left-radius: 30px; + border-bottom-right-radius: 30px; +} + +.button-grouped-all { + border-radius: 30px; +} + +.button-char-icon { + font-size: 1.5rem; +} + #img-alazhar { background-image: url(/assets/images/hero/alazhar.jpg); background-position: center; @@ -618,16 +662,15 @@ li>a:hover { text-decoration: underline; } -@media(max-width: 700px) { +@media(max-width: 1000px) { .flex { flex-direction: column; } #main { margin-left: 0; - padding-left: 0px; - padding-right: 0px; - padding: 30px; + padding-left: 30px; + padding-right: 30px; } #banner { @@ -639,6 +682,7 @@ li>a:hover { opacity: 0; width: 100%; background-color: rgba(0, 0, 0, 0.2); + backdrop-filter: blur(25px); } .fixed-top-btn-container { @@ -653,6 +697,18 @@ li>a:hover { } #chip-container { - margin-left: 20px; + margin-left: 0px; + } + + .sidebar-logo { + height: 164px; + margin-top: 50px; + } +} + +@media(max-width: 1200px) { + #main { + padding-left: 30px; + padding-right: 30px; } } diff --git a/subject/index.html b/subject/index.html new file mode 100644 index 0000000..5441400 --- /dev/null +++ b/subject/index.html @@ -0,0 +1,78 @@ + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + +
+ + +
+
+ + + + +
+
+

Chapter 1 - Chapter Title

+
+ + 📚 + Lesson 1: Lesson Title + + + + + + + + + +
+
+
+ + + + + + + diff --git a/subject/lesson/index.html b/subject/lesson/index.html new file mode 100644 index 0000000..9ca2b7b --- /dev/null +++ b/subject/lesson/index.html @@ -0,0 +1,94 @@ + + + + + + + + + + Al Azhar 9th Grade Lesson Notes + + + + + + + + + + + +
+ + +
+
+ + + + +
+
0 = ?; 1 = ✅ Verified; 2 = X;
+
Written by Fulan bin Fulan
+
Grade -2
+
+ +
+
+

Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lorem ipsum, scelerisque vel molestie et, dictum vel urna. Vestibulum id scelerisque sapien. Sed tincidunt ultricies congue. Quisque aliquam lectus nulla, ut auctor dolor aliquam sit amet. Vestibulum interdum varius commodo. Donec finibus elit id lectus commodo, nec convallis enim faucibus. Vivamus nunc nibh, blandit in arcu in, facilisis tincidunt nisl. Sed sollicitudin vulputate fringilla. Vivamus mollis ipsum sed porta varius. Duis mollis condimentum lectus, ac pellentesque sapien volutpat sit amet. Curabitur sagittis est ac eros accumsan, vitae consectetur orci auctor.

+ +

Vivamus \(c^2 = \sqrt{a^2 - b^2}\) scelerisque magna sit amet ante vulputate aliquet. Praesent pulvinar, libero eget egestas pretium, ligula dui tincidunt odio, vitae ultrices mi arcu eu purus. Nunc nec laoreet mi, sed sodales est. Nam porta sem eget sem condimentum vulputate. Fusce rhoncus aliquet mauris, a dapibus turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam tristique interdum mauris eget convallis. In convallis ultrices justo, ut efficitur sapien congue malesuada. Donec dignissim ante at feugiat suscipit.

+ +

\( \dfrac{1}{2} = \dfrac{2}{4} \)

+ +
+ +
+

artist's representation of an atom. Bohr's Model. Colors may be labelled different.

+
+
+ + + + + + + + diff --git a/subject/quiz/index.html b/subject/quiz/index.html new file mode 100644 index 0000000..e69de29 -- cgit v1.2.3