diff options
| -rw-r--r-- | assets/images/atoms/coulomb2.svg | 240 | ||||
| -rw-r--r-- | assets/images/atoms/coulomb3.svg | 240 | ||||
| -rw-r--r-- | assets/images/electroscope/electroscope_neutral_active-negative.svg | 761 | ||||
| -rw-r--r-- | assets/images/electroscope/electroscope_neutral_active-positive.svg | 761 | ||||
| -rw-r--r-- | assets/images/electroscope/electroscope_neutral_normal.svg | 761 | ||||
| -rw-r--r-- | index.html | 26 | ||||
| -rw-r--r-- | indonesia.html | 275 | ||||
| -rw-r--r-- | lessons/biologi/reproduction/introduction.html | 8 | ||||
| -rw-r--r-- | lessons/fisika/atom/atom.html | 6 | ||||
| -rw-r--r-- | lessons/fisika/index.html | 3 | ||||
| -rw-r--r-- | lessons/fisika/static-electricity/coulomb.html | 82 | ||||
| -rw-r--r-- | lessons/fisika/static-electricity/id-coulomb.html | 193 | ||||
| -rw-r--r-- | lessons/fisika/static-electricity/id-theory.html | 97 | ||||
| -rw-r--r-- | lessons/fisika/static-electricity/theory.html | 96 | ||||
| -rw-r--r-- | style.css | 43 |
15 files changed, 3562 insertions, 30 deletions
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 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1689.5454" + height="293.67496" + viewBox="0 0 447.02561 77.701501" + version="1.1" + id="svg320" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="coulomb1.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview322" + pagecolor="#ffffff" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + showguides="true" + inkscape:zoom="0.52221046" + inkscape:cx="433.73317" + inkscape:cy="-114.8962" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="g575" /> + <defs + id="defs317"> + <linearGradient + inkscape:collect="always" + id="linearGradient1162"> + <stop + style="stop-color:#8d2929;stop-opacity:1;" + offset="0" + id="stop1158" /> + <stop + style="stop-color:#c63434;stop-opacity:1;" + offset="1" + id="stop1160" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter16972" + x="-0.21763576" + y="-0.21763576" + width="1.4352715" + height="1.4352715"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="3.2161328" + id="feGaussianBlur16974" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient568" + id="linearGradient570" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient568"> + <stop + style="stop-color:#5f8dd3;stop-opacity:1" + offset="0" + id="stop564" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop566" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278-8" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280-2" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1162" + id="linearGradient579" + gradientUnits="userSpaceOnUse" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-30.487225,-109.49036)"> + <g + id="g577" + transform="translate(260.68567,0.0584394)"> + <g + id="g575" + transform="translate(30.022169,53.667605)"> + <g + id="g5826" + transform="matrix(1.3685188,0,0,1.3685188,2.5167499,-32.853063)"> + <g + id="g17076" + transform="translate(-307.16538,-57.027677)"> + <circle + style="opacity:0.302839;fill:#000000;fill-opacity:1;stroke-width:0.264583;filter:url(#filter16972)" + id="circle16941" + cx="138.51634" + cy="147.23373" + r="17.733112" + transform="matrix(0.9584666,0,0,0.9584666,6.8101551,5.0580161)" /> + <g + id="g1335" + transform="translate(30.022169,53.667605)"> + <circle + style="fill:url(#linearGradient570);fill-opacity:1;stroke-width:0.264583" + id="path502" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="circle711" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:45.8231px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.3455;stroke-dasharray:none;stroke-opacity:1" + x="-164.23444" + y="99.697266" + id="text5939"><tspan + sodipodi:role="line" + id="tspan5937" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.8231px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#000000;stroke:none;stroke-width:1.3455" + x="-164.23444" + y="99.697266">-</tspan></text> + </g> + <g + id="g5834" + transform="matrix(1.3685188,0,0,1.3685188,3.497329,-37.451383)"> + <circle + style="opacity:0.302839;fill:#000000;fill-opacity:1;stroke-width:0.264583;filter:url(#filter16972)" + id="circle569" + cx="138.51634" + cy="147.23373" + r="17.733112" + transform="matrix(0.95846659,0,0,0.95846659,-23.212025,-48.609589)" /> + <circle + style="fill:url(#linearGradient579);fill-opacity:1;stroke-width:0.264583" + id="circle571" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path573" + style="opacity:0.5;fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:22.9116px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.67275;stroke-dasharray:none;stroke-opacity:1" + x="112.89198" + y="96.770096" + id="text2117"><tspan + sodipodi:role="line" + id="tspan2115" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:22.9116px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;stroke:none;stroke-width:0.67275" + x="112.89198" + y="96.770096">+</tspan></text> + </g> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.3802px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + x="-36.516895" + y="95.327065" + id="text7485"><tspan + sodipodi:role="line" + id="tspan7483" + style="font-size:17.3802px;text-align:center;text-anchor:middle;fill:#000000;stroke-width:1.36852" + x="-36.516895" + y="95.327065">30 cm</tspan></text> + <path + style="opacity:0.4;fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="M -185.69613,89.148956 H -67.550334" + id="path7539" + sodipodi:nodetypes="cc" /> + <path + style="opacity:0.4;fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="M -5.8653425,89.148956 H 112.28045" + id="path7541" + sodipodi:nodetypes="cc" /> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.3802px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + x="-222.09615" + y="133.29608" + id="text10523"><tspan + sodipodi:role="line" + id="tspan10521" + style="font-size:17.3802px;text-align:center;text-anchor:middle;fill:#000000;stroke-width:1.36852" + x="-222.09615" + y="133.29608">6 MC</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.3802px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + x="157.93855" + y="133.29608" + id="text10629"><tspan + sodipodi:role="line" + id="tspan10627" + style="font-size:17.3802px;text-align:center;text-anchor:middle;fill:#000000;stroke-width:1.36852" + x="157.93855" + y="133.29608">12 MC</tspan></text> + </g> + </g> + </g> +</svg> 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 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1689.5454" + height="293.67496" + viewBox="0 0 447.02561 77.701501" + version="1.1" + id="svg320" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="coulomb1.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview322" + pagecolor="#ffffff" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + showguides="true" + inkscape:zoom="0.52221046" + inkscape:cx="433.73317" + inkscape:cy="-114.8962" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="g575" /> + <defs + id="defs317"> + <linearGradient + inkscape:collect="always" + id="linearGradient1162"> + <stop + style="stop-color:#8d2929;stop-opacity:1;" + offset="0" + id="stop1158" /> + <stop + style="stop-color:#c63434;stop-opacity:1;" + offset="1" + id="stop1160" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter16972" + x="-0.21763576" + y="-0.21763576" + width="1.4352715" + height="1.4352715"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="3.2161328" + id="feGaussianBlur16974" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient568" + id="linearGradient570" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient568"> + <stop + style="stop-color:#5f8dd3;stop-opacity:1" + offset="0" + id="stop564" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop566" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278-8" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280-2" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1162" + id="linearGradient579" + gradientUnits="userSpaceOnUse" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-30.487225,-109.49036)"> + <g + id="g577" + transform="translate(260.68567,0.0584394)"> + <g + id="g575" + transform="translate(30.022169,53.667605)"> + <g + id="g5826" + transform="matrix(1.3685188,0,0,1.3685188,2.5167499,-32.853063)"> + <g + id="g17076" + transform="translate(-307.16538,-57.027677)"> + <circle + style="opacity:0.302839;fill:#000000;fill-opacity:1;stroke-width:0.264583;filter:url(#filter16972)" + id="circle16941" + cx="138.51634" + cy="147.23373" + r="17.733112" + transform="matrix(0.9584666,0,0,0.9584666,6.8101551,5.0580161)" /> + <g + id="g1335" + transform="translate(30.022169,53.667605)"> + <circle + style="fill:url(#linearGradient570);fill-opacity:1;stroke-width:0.264583" + id="path502" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="circle711" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:45.8231px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.3455;stroke-dasharray:none;stroke-opacity:1" + x="-164.23444" + y="99.697266" + id="text5939"><tspan + sodipodi:role="line" + id="tspan5937" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:45.8231px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#000000;stroke:none;stroke-width:1.3455" + x="-164.23444" + y="99.697266">-</tspan></text> + </g> + <g + id="g5834" + transform="matrix(1.3685188,0,0,1.3685188,3.497329,-37.451383)"> + <circle + style="opacity:0.302839;fill:#000000;fill-opacity:1;stroke-width:0.264583;filter:url(#filter16972)" + id="circle569" + cx="138.51634" + cy="147.23373" + r="17.733112" + transform="matrix(0.95846659,0,0,0.95846659,-23.212025,-48.609589)" /> + <circle + style="fill:url(#linearGradient579);fill-opacity:1;stroke-width:0.264583" + id="circle571" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path573" + style="opacity:0.5;fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:22.9116px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.67275;stroke-dasharray:none;stroke-opacity:1" + x="112.89198" + y="96.770096" + id="text2117"><tspan + sodipodi:role="line" + id="tspan2115" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:22.9116px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;stroke:none;stroke-width:0.67275" + x="112.89198" + y="96.770096">+</tspan></text> + </g> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.3802px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + x="-36.516895" + y="95.327065" + id="text7485"><tspan + sodipodi:role="line" + id="tspan7483" + style="font-size:17.3802px;text-align:center;text-anchor:middle;fill:#000000;stroke-width:1.36852" + x="-36.516895" + y="95.327065">r</tspan></text> + <path + style="opacity:0.4;fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="M -185.69613,89.148956 H -50" + id="path7539" + sodipodi:nodetypes="cc" /> + <path + style="opacity:0.4;fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="M -20.8653425,89.148956 H 112.28045" + id="path7541" + sodipodi:nodetypes="cc" /> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.3802px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + x="-222.09615" + y="133.29608" + id="text10523"><tspan + sodipodi:role="line" + id="tspan10521" + style="font-size:17.3802px;text-align:center;text-anchor:middle;fill:#000000;stroke-width:1.36852" + x="-222.09615" + y="133.29608">4 mC</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.3802px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1.36852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + x="157.93855" + y="133.29608" + id="text10629"><tspan + sodipodi:role="line" + id="tspan10627" + style="font-size:17.3802px;text-align:center;text-anchor:middle;fill:#000000;stroke-width:1.36852" + x="157.93855" + y="133.29608">4 mC</tspan></text> + </g> + </g> + </g> +</svg> 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 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="77.102119mm" + height="181.43367mm" + viewBox="0 0 77.102119 181.43367" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="electroscope_neutral_active-negative.svg" + inkscape:export-filename="electroscope_neutral_normal.png" + inkscape:export-xdpi="96" + inkscape:export-ydpi="96" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#ffffff" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="0.58294239" + inkscape:cx="-174.11669" + inkscape:cy="397.98101" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient25690"> + <stop + style="stop-color:#203883;stop-opacity:1;" + offset="0" + id="stop25686" /> + <stop + style="stop-color:#63a3ff;stop-opacity:1;" + offset="1" + id="stop25688" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient25511"> + <stop + style="stop-color:#a30000;stop-opacity:1;" + offset="0" + id="stop25507" /> + <stop + style="stop-color:#ff6363;stop-opacity:1;" + offset="1" + id="stop25509" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient18760"> + <stop + style="stop-color:#ffbb01;stop-opacity:1;" + offset="0" + id="stop18756" /> + <stop + style="stop-color:#ffe6c7;stop-opacity:1;" + offset="1" + id="stop18758" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient17265"> + <stop + style="stop-color:#ffbb01;stop-opacity:1;" + offset="0" + id="stop17261" /> + <stop + style="stop-color:#ffe6c7;stop-opacity:1;" + offset="1" + id="stop17263" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient17205"> + <stop + style="stop-color:#c4c4c4;stop-opacity:1;" + offset="0" + id="stop17199" /> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="1" + id="stop17203" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient7747"> + <stop + style="stop-color:#979fb3;stop-opacity:1;" + offset="0" + id="stop7741" /> + <stop + style="stop-color:#dadbdd;stop-opacity:1;" + offset="0.75481761" + id="stop11379" /> + <stop + style="stop-color:#b1b6c6;stop-opacity:1;" + offset="1" + id="stop7745" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient7007"> + <stop + style="stop-color:#c4c4c4;stop-opacity:1;" + offset="0" + id="stop7003" /> + <stop + style="stop-color:#9a9a9a;stop-opacity:1;" + offset="0.40161726" + id="stop7009" /> + <stop + style="stop-color:#e3e3e3;stop-opacity:1;" + offset="1" + id="stop7005" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3367"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop3363" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3365" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient1735"> + <stop + style="stop-color:#92d1ff;stop-opacity:1;" + offset="0" + id="stop1731" /> + <stop + style="stop-color:#c7ebff;stop-opacity:1;" + offset="1" + id="stop1733" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1735" + id="linearGradient1737" + x1="102.99176" + y1="137.18645" + x2="143.55106" + y2="126.85334" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(3.8146973e-6)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3367" + id="linearGradient3361" + gradientUnits="userSpaceOnUse" + x1="105.00002" + y1="174.606" + x2="105.00002" + y2="207.04773" + gradientTransform="matrix(0.14396926,0,0,0.57421027,112.30077,48.884086)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7007" + id="linearGradient6275" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.60024076,0,0,0.07724917,41.974728,73.957993)" + x1="49.149227" + y1="148.49998" + x2="174.94696" + y2="148.49998" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7747" + id="linearGradient7739" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.79502779,0,0,0.06389728,21.522095,70.45348)" + x1="104.99999" + y1="207.04773" + x2="104.99999" + y2="89.952194" /> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter13561" + x="-0.076956881" + y="-0.63048324" + width="1.1539138" + height="2.2609665"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="1.9655535" + id="feGaussianBlur13563" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient17205" + id="linearGradient15745" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.08746834,0,0,0.81923578,95.815827,-21.120951)" + x1="49.149227" + y1="148.49998" + x2="174.94696" + y2="148.49998" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient17265" + id="linearGradient17267" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.1796276,0,0,1.1796276,-18.860898,-13.756051)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient18760" + id="linearGradient18754" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.08309258,0.08604806,-0.17093096,0.17722822,111.97128,121.06959)" + x1="105.00014" + y1="207.04781" + x2="143.55119" + y2="109.52095" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient18760" + id="linearGradient19504" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(-0.10037314,0.06186431,0.12611994,0.19446312,104.48,121.7566)" + x1="103.66627" + y1="101.2907" + x2="66.449059" + y2="125.90652" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient26436" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient26446" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient26466" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27480" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27490" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27520" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27530" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27550" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27560" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient685" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient1684" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient1694" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient1704" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient1714" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-66.448944,-25.614071)"> + <rect + style="opacity:1;fill:url(#linearGradient1737);fill-rule:evenodd;stroke:none;stroke-width:0.569895;stroke-linecap:square" + id="rect234" + width="77.102119" + height="117.09548" + x="66.448944" + y="89.952255" + ry="9.3148375" /> + <rect + style="opacity:1;fill:url(#linearGradient3361);fill-rule:evenodd;stroke:none;stroke-width:0.163857;stroke-linecap:square" + id="rect3359" + width="11.100335" + height="67.237434" + x="121.86739" + y="100.53558" + ry="5.5501676" /> + <path + id="rect19502" + style="opacity:1;fill:url(#linearGradient19504);fill-rule:evenodd;stroke-width:0.0941981;stroke-linecap:square" + inkscape:transform-center-x="-7.3836482" + inkscape:transform-center-y="11.384835" + d="m 108.03404,144.05078 -5.49691,3.38799 c -0.62107,0.38275 -0.71561,1.13591 -0.40448,1.79578 3.69864,7.84468 7.19795,15.7904 15.87196,21.11311 0.62178,0.38158 1.21651,0.79668 1.83757,0.4139 l 5.49692,-3.38799 c 0.62106,-0.38275 0.98633,-1.35569 0.40448,-1.79576 -7.50247,-5.6746 -11.6313,-13.42833 -15.87195,-21.11313 -0.35241,-0.63879 -1.21653,-0.7967 -1.83759,-0.4139 z" + sodipodi:nodetypes="sssssssss" /> + <g + id="g27558" + transform="matrix(0.76349238,0,0,0.76349238,49.052201,21.427169)"> + <circle + style="opacity:1;fill:url(#linearGradient27560);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27552" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27556"><tspan + sodipodi:role="line" + id="tspan27554" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <path + id="rect18752" + style="opacity:1;fill:url(#linearGradient18754);fill-rule:evenodd;stroke-width:0.0977736;stroke-linecap:square" + inkscape:transform-center-x="10.001599" + inkscape:transform-center-y="10.372084" + d="m 103.04511,143.69053 4.55055,4.71241 c 0.51413,0.53241 0.46936,1.38379 -0.0431,1.96796 -5.97586,6.81201 -12.404645,13.04561 -19.257191,18.73803 -0.591974,0.49169 -1.385035,0.57829 -1.899167,0.0459 l -4.550549,-4.71243 c -0.514136,-0.5324 -0.55303,-1.4821 0.04309,-1.96794 7.231323,-5.89353 13.563101,-12.17742 19.257197,-18.73805 0.50956,-0.58701 1.38504,-0.57828 1.89918,-0.0459 z" + sodipodi:nodetypes="sssssssss" /> + <rect + style="opacity:1;fill:url(#linearGradient15745);fill-rule:evenodd;stroke:none;stroke-width:0.152554;stroke-linecap:square" + id="rect15743" + width="6.7439947" + height="95.928818" + x="101.62801" + y="52.571175" + ry="3.3719974" /> + <rect + style="opacity:1;fill:url(#linearGradient6275);fill-rule:evenodd;stroke:none;stroke-width:0.122716;stroke-linecap:square" + id="rect6273" + width="46.279835" + height="9.0455294" + x="81.860085" + y="80.906731" + ry="1.3486151" /> + <rect + style="opacity:0.271341;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.128448;stroke-linecap:square;filter:url(#filter13561)" + id="rect7737" + width="61.298332" + height="7.4820838" + x="74.350845" + y="76.20118" + ry="3.7410419" + transform="matrix(0.97207306,0,0,0.8908852,4.2301373,10.28854)" /> + <rect + style="opacity:1;fill:url(#linearGradient7739);fill-rule:evenodd;stroke:none;stroke-width:0.128448;stroke-linecap:square" + id="rect13559" + width="61.298332" + height="7.4820838" + x="74.350845" + y="76.20118" + ry="3.7410419" /> + <circle + style="opacity:1;fill:url(#linearGradient17267);fill-rule:evenodd;stroke:none;stroke-width:0.589813;stroke-linecap:square;stroke-dasharray:none" + id="path17259" + cx="105.00002" + cy="48.258358" + r="14.941762" /> + <g + id="g26434" + transform="matrix(0.76349238,0,0,0.76349238,55.594964,34.059409)"> + <circle + style="opacity:1;fill:url(#linearGradient26436);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26428" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text26432"><tspan + sodipodi:role="line" + id="tspan26430" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g26444" + transform="matrix(0.76349238,0,0,0.76349238,32.428106,33.293494)"> + <circle + style="opacity:1;fill:url(#linearGradient26446);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26438" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text26442"><tspan + sodipodi:role="line" + id="tspan26440" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g26464" + transform="matrix(0.76349238,0,0,0.76349238,60.603789,38.78532)"> + <circle + style="opacity:1;fill:url(#linearGradient26466);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26458" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text26462"><tspan + sodipodi:role="line" + id="tspan26460" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27478" + transform="matrix(0.76349238,0,0,0.76349238,51.424007,-84.440864)"> + <circle + style="opacity:1;fill:url(#linearGradient27480);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27472" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27476"><tspan + sodipodi:role="line" + id="tspan27474" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27488" + transform="matrix(0.76349238,0,0,0.76349238,36.564269,-82.74742)"> + <circle + style="opacity:1;fill:url(#linearGradient27490);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27482" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27486"><tspan + sodipodi:role="line" + id="tspan27484" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27518" + transform="matrix(0.76349238,0,0,0.76349238,51.527999,28.371342)"> + <circle + style="opacity:1;fill:url(#linearGradient27520);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27512" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27516"><tspan + sodipodi:role="line" + id="tspan27514" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27528" + transform="matrix(0.76349238,0,0,0.76349238,54.170866,-75.542237)"> + <circle + style="opacity:1;fill:url(#linearGradient27530);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27522" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27526"><tspan + sodipodi:role="line" + id="tspan27524" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g683" + transform="matrix(0.76349238,0,0,0.76349238,37.115376,28.103835)"> + <circle + style="opacity:1;fill:url(#linearGradient685);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle677" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text681"><tspan + sodipodi:role="line" + id="tspan679" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27548" + transform="matrix(0.76349238,0,0,0.76349238,42.269679,-87.562911)"> + <circle + style="opacity:1;fill:url(#linearGradient27550);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27542" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27546"><tspan + sodipodi:role="line" + id="tspan27544" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g1682" + transform="matrix(0.76349238,0,0,0.76349238,29.036254,36.685346)"> + <circle + style="opacity:1;fill:url(#linearGradient1684);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle1676" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text1680"><tspan + sodipodi:role="line" + id="tspan1678" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g1692" + transform="matrix(0.76349238,0,0,0.76349238,42.812842,22.161719)"> + <circle + style="opacity:1;fill:url(#linearGradient1694);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle1686" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text1690"><tspan + sodipodi:role="line" + id="tspan1688" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g1702" + transform="matrix(0.76349238,0,0,0.76349238,45.367568,-79.470111)"> + <circle + style="opacity:1;fill:url(#linearGradient1704);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle1696" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text1700"><tspan + sodipodi:role="line" + id="tspan1698" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g1712" + transform="matrix(0.76349238,0,0,0.76349238,36.564269,-74.769163)"> + <circle + style="opacity:1;fill:url(#linearGradient1714);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle1706" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text1710"><tspan + sodipodi:role="line" + id="tspan1708" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + </g> +</svg> 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 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="77.102119mm" + height="181.43367mm" + viewBox="0 0 77.102119 181.43367" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="electroscope_neutral_active.svg" + inkscape:export-filename="electroscope_neutral_normal.png" + inkscape:export-xdpi="96" + inkscape:export-ydpi="96" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#ffffff" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="0.58294239" + inkscape:cx="-512.05746" + inkscape:cy="96.064381" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient25690"> + <stop + style="stop-color:#203883;stop-opacity:1;" + offset="0" + id="stop25686" /> + <stop + style="stop-color:#63a3ff;stop-opacity:1;" + offset="1" + id="stop25688" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient25511"> + <stop + style="stop-color:#a30000;stop-opacity:1;" + offset="0" + id="stop25507" /> + <stop + style="stop-color:#ff6363;stop-opacity:1;" + offset="1" + id="stop25509" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient18760"> + <stop + style="stop-color:#ffbb01;stop-opacity:1;" + offset="0" + id="stop18756" /> + <stop + style="stop-color:#ffe6c7;stop-opacity:1;" + offset="1" + id="stop18758" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient17265"> + <stop + style="stop-color:#ffbb01;stop-opacity:1;" + offset="0" + id="stop17261" /> + <stop + style="stop-color:#ffe6c7;stop-opacity:1;" + offset="1" + id="stop17263" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient17205"> + <stop + style="stop-color:#c4c4c4;stop-opacity:1;" + offset="0" + id="stop17199" /> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="1" + id="stop17203" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient7747"> + <stop + style="stop-color:#979fb3;stop-opacity:1;" + offset="0" + id="stop7741" /> + <stop + style="stop-color:#dadbdd;stop-opacity:1;" + offset="0.75481761" + id="stop11379" /> + <stop + style="stop-color:#b1b6c6;stop-opacity:1;" + offset="1" + id="stop7745" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient7007"> + <stop + style="stop-color:#c4c4c4;stop-opacity:1;" + offset="0" + id="stop7003" /> + <stop + style="stop-color:#9a9a9a;stop-opacity:1;" + offset="0.40161726" + id="stop7009" /> + <stop + style="stop-color:#e3e3e3;stop-opacity:1;" + offset="1" + id="stop7005" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3367"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop3363" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3365" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient1735"> + <stop + style="stop-color:#92d1ff;stop-opacity:1;" + offset="0" + id="stop1731" /> + <stop + style="stop-color:#c7ebff;stop-opacity:1;" + offset="1" + id="stop1733" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1735" + id="linearGradient1737" + x1="102.99176" + y1="137.18645" + x2="143.55106" + y2="126.85334" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(3.8146973e-6)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3367" + id="linearGradient3361" + gradientUnits="userSpaceOnUse" + x1="105.00002" + y1="174.606" + x2="105.00002" + y2="207.04773" + gradientTransform="matrix(0.14396926,0,0,0.57421027,112.30077,48.884086)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7007" + id="linearGradient6275" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.60024076,0,0,0.07724917,41.974728,73.957993)" + x1="49.149227" + y1="148.49998" + x2="174.94696" + y2="148.49998" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7747" + id="linearGradient7739" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.79502779,0,0,0.06389728,21.522095,70.45348)" + x1="104.99999" + y1="207.04773" + x2="104.99999" + y2="89.952194" /> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter13561" + x="-0.076956881" + y="-0.63048324" + width="1.1539138" + height="2.2609665"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="1.9655535" + id="feGaussianBlur13563" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient17205" + id="linearGradient15745" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.08746834,0,0,0.81923578,95.815827,-21.120951)" + x1="49.149227" + y1="148.49998" + x2="174.94696" + y2="148.49998" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient17265" + id="linearGradient17267" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.1796276,0,0,1.1796276,-18.860898,-13.756051)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient18760" + id="linearGradient18754" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.08309258,0.08604806,-0.17093096,0.17722822,111.97128,121.06959)" + x1="105.00014" + y1="207.04781" + x2="143.55119" + y2="109.52095" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient18760" + id="linearGradient19504" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(-0.10037314,0.06186431,0.12611994,0.19446312,104.48,121.7566)" + x1="103.66627" + y1="101.2907" + x2="66.449059" + y2="125.90652" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient26426" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient26436" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient26446" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient26466" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27480" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27490" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27500" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27510" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27520" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27530" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27540" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27550" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27560" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient685" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-66.448944,-25.614071)"> + <rect + style="opacity:1;fill:url(#linearGradient1737);fill-rule:evenodd;stroke:none;stroke-width:0.569895;stroke-linecap:square" + id="rect234" + width="77.102119" + height="117.09548" + x="66.448944" + y="89.952255" + ry="9.3148375" /> + <rect + style="opacity:1;fill:url(#linearGradient3361);fill-rule:evenodd;stroke:none;stroke-width:0.163857;stroke-linecap:square" + id="rect3359" + width="11.100335" + height="67.237434" + x="121.86739" + y="100.53558" + ry="5.5501676" /> + <path + id="rect19502" + style="opacity:1;fill:url(#linearGradient19504);fill-rule:evenodd;stroke-width:0.0941981;stroke-linecap:square" + inkscape:transform-center-x="-7.3836482" + inkscape:transform-center-y="11.384835" + d="m 108.03404,144.05078 -5.49691,3.38799 c -0.62107,0.38275 -0.71561,1.13591 -0.40448,1.79578 3.69864,7.84468 7.19795,15.7904 15.87196,21.11311 0.62178,0.38158 1.21651,0.79668 1.83757,0.4139 l 5.49692,-3.38799 c 0.62106,-0.38275 0.98633,-1.35569 0.40448,-1.79576 -7.50247,-5.6746 -11.6313,-13.42833 -15.87195,-21.11313 -0.35241,-0.63879 -1.21653,-0.7967 -1.83759,-0.4139 z" + sodipodi:nodetypes="sssssssss" /> + <g + id="g27548" + transform="matrix(0.76349238,0,0,0.76349238,49.572975,24.320087)"> + <circle + style="opacity:1;fill:url(#linearGradient27550);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27542" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27546"><tspan + sodipodi:role="line" + id="tspan27544" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <path + id="rect18752" + style="opacity:1;fill:url(#linearGradient18754);fill-rule:evenodd;stroke-width:0.0977736;stroke-linecap:square" + inkscape:transform-center-x="10.001599" + inkscape:transform-center-y="10.372084" + d="m 103.04511,143.69053 4.55055,4.71241 c 0.51413,0.53241 0.46936,1.38379 -0.0431,1.96796 -5.97586,6.81201 -12.404645,13.04561 -19.257191,18.73803 -0.591974,0.49169 -1.385035,0.57829 -1.899167,0.0459 l -4.550549,-4.71243 c -0.514136,-0.5324 -0.55303,-1.4821 0.04309,-1.96794 7.231323,-5.89353 13.563101,-12.17742 19.257197,-18.73805 0.50956,-0.58701 1.38504,-0.57828 1.89918,-0.0459 z" + sodipodi:nodetypes="sssssssss" /> + <rect + style="opacity:1;fill:url(#linearGradient15745);fill-rule:evenodd;stroke:none;stroke-width:0.152554;stroke-linecap:square" + id="rect15743" + width="6.7439947" + height="95.928818" + x="101.62801" + y="52.571175" + ry="3.3719974" /> + <rect + style="opacity:1;fill:url(#linearGradient6275);fill-rule:evenodd;stroke:none;stroke-width:0.122716;stroke-linecap:square" + id="rect6273" + width="46.279835" + height="9.0455294" + x="81.860085" + y="80.906731" + ry="1.3486151" /> + <rect + style="opacity:0.271341;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.128448;stroke-linecap:square;filter:url(#filter13561)" + id="rect7737" + width="61.298332" + height="7.4820838" + x="74.350845" + y="76.20118" + ry="3.7410419" + transform="matrix(0.97207306,0,0,0.8908852,4.2301373,10.28854)" /> + <rect + style="opacity:1;fill:url(#linearGradient7739);fill-rule:evenodd;stroke:none;stroke-width:0.128448;stroke-linecap:square" + id="rect13559" + width="61.298332" + height="7.4820838" + x="74.350845" + y="76.20118" + ry="3.7410419" /> + <circle + style="opacity:1;fill:url(#linearGradient17267);fill-rule:evenodd;stroke:none;stroke-width:0.589813;stroke-linecap:square;stroke-dasharray:none" + id="path17259" + cx="105.00002" + cy="48.258358" + r="14.941762" /> + <g + id="g26424" + transform="matrix(0.76349238,0,0,0.76349238,27.708994,36.685346)"> + <circle + style="opacity:1;fill:url(#linearGradient26426);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26418" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text26422"><tspan + sodipodi:role="line" + id="tspan26420" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g26434" + transform="matrix(0.76349238,0,0,0.76349238,37.001226,27.711939)"> + <circle + style="opacity:1;fill:url(#linearGradient26436);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26428" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text26432"><tspan + sodipodi:role="line" + id="tspan26430" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g26444" + transform="matrix(0.76349238,0,0,0.76349238,32.428106,33.293494)"> + <circle + style="opacity:1;fill:url(#linearGradient26446);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26438" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text26442"><tspan + sodipodi:role="line" + id="tspan26440" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g26464" + transform="matrix(0.76349238,0,0,0.76349238,52.445235,-84.171059)"> + <circle + style="opacity:1;fill:url(#linearGradient26466);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26458" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text26462"><tspan + sodipodi:role="line" + id="tspan26460" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27478" + transform="matrix(0.76349238,0,0,0.76349238,41.574349,23.065434)"> + <circle + style="opacity:1;fill:url(#linearGradient27480);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27472" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27476"><tspan + sodipodi:role="line" + id="tspan27474" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27488" + transform="matrix(0.76349238,0,0,0.76349238,53.418703,31.856172)"> + <circle + style="opacity:1;fill:url(#linearGradient27490);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27482" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27486"><tspan + sodipodi:role="line" + id="tspan27484" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27498" + transform="matrix(0.76349238,0,0,0.76349238,35.485548,-76.130556)"> + <circle + style="opacity:1;fill:url(#linearGradient27500);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27492" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27496"><tspan + sodipodi:role="line" + id="tspan27494" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27508" + transform="matrix(0.63106459,0,0,0.63106459,58.773751,-50.651514)"> + <circle + style="opacity:1;fill:url(#linearGradient27510);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27502" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27506"><tspan + sodipodi:role="line" + id="tspan27504" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27518" + transform="matrix(0.76349238,0,0,0.76349238,37.799535,-84.171059)"> + <circle + style="opacity:1;fill:url(#linearGradient27520);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27512" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27516"><tspan + sodipodi:role="line" + id="tspan27514" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27528" + transform="matrix(0.76349238,0,0,0.76349238,59.876278,37.939999)"> + <circle + style="opacity:1;fill:url(#linearGradient27530);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27522" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27526"><tspan + sodipodi:role="line" + id="tspan27524" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27538" + transform="matrix(0.76349238,0,0,0.76349238,53.523527,-78.092248)"> + <circle + style="opacity:1;fill:url(#linearGradient27540);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27532" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27536"><tspan + sodipodi:role="line" + id="tspan27534" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27558" + transform="matrix(0.76349238,0,0,0.76349238,45.661531,-87.562911)"> + <circle + style="opacity:1;fill:url(#linearGradient27560);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27552" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27556"><tspan + sodipodi:role="line" + id="tspan27554" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g683" + transform="matrix(0.76349238,0,0,0.76349238,42.888846,-78.14652)"> + <circle + style="opacity:1;fill:url(#linearGradient685);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle677" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text681"><tspan + sodipodi:role="line" + id="tspan679" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + </g> +</svg> 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 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="77.102119mm" + height="181.43367mm" + viewBox="0 0 77.102119 181.43367" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="electroscope_neutral_normal.svg" + inkscape:export-filename="electroscope_neutral_normal.png" + inkscape:export-xdpi="96" + inkscape:export-ydpi="96" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#ffffff" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="1.1658848" + inkscape:cx="-34.737566" + inkscape:cy="362.81458" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient25690"> + <stop + style="stop-color:#203883;stop-opacity:1;" + offset="0" + id="stop25686" /> + <stop + style="stop-color:#63a3ff;stop-opacity:1;" + offset="1" + id="stop25688" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient25511"> + <stop + style="stop-color:#a30000;stop-opacity:1;" + offset="0" + id="stop25507" /> + <stop + style="stop-color:#ff6363;stop-opacity:1;" + offset="1" + id="stop25509" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient18760"> + <stop + style="stop-color:#ffbb01;stop-opacity:1;" + offset="0" + id="stop18756" /> + <stop + style="stop-color:#ffe6c7;stop-opacity:1;" + offset="1" + id="stop18758" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient17265"> + <stop + style="stop-color:#ffbb01;stop-opacity:1;" + offset="0" + id="stop17261" /> + <stop + style="stop-color:#ffe6c7;stop-opacity:1;" + offset="1" + id="stop17263" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient17205"> + <stop + style="stop-color:#c4c4c4;stop-opacity:1;" + offset="0" + id="stop17199" /> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="1" + id="stop17203" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient7747"> + <stop + style="stop-color:#979fb3;stop-opacity:1;" + offset="0" + id="stop7741" /> + <stop + style="stop-color:#dadbdd;stop-opacity:1;" + offset="0.75481761" + id="stop11379" /> + <stop + style="stop-color:#b1b6c6;stop-opacity:1;" + offset="1" + id="stop7745" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient7007"> + <stop + style="stop-color:#c4c4c4;stop-opacity:1;" + offset="0" + id="stop7003" /> + <stop + style="stop-color:#9a9a9a;stop-opacity:1;" + offset="0.40161726" + id="stop7009" /> + <stop + style="stop-color:#e3e3e3;stop-opacity:1;" + offset="1" + id="stop7005" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3367"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop3363" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3365" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient1735"> + <stop + style="stop-color:#92d1ff;stop-opacity:1;" + offset="0" + id="stop1731" /> + <stop + style="stop-color:#c7ebff;stop-opacity:1;" + offset="1" + id="stop1733" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1735" + id="linearGradient1737" + x1="102.99176" + y1="137.18645" + x2="143.55106" + y2="126.85334" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(3.8146973e-6)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3367" + id="linearGradient3361" + gradientUnits="userSpaceOnUse" + x1="105.00002" + y1="174.606" + x2="105.00002" + y2="207.04773" + gradientTransform="matrix(0.14396926,0,0,0.57421027,112.30077,48.884086)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7007" + id="linearGradient6275" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.60024076,0,0,0.07724917,41.974728,73.957993)" + x1="49.149227" + y1="148.49998" + x2="174.94696" + y2="148.49998" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7747" + id="linearGradient7739" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.79502779,0,0,0.06389728,21.522095,70.45348)" + x1="104.99999" + y1="207.04773" + x2="104.99999" + y2="89.952194" /> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter13561" + x="-0.076956881" + y="-0.63048324" + width="1.1539138" + height="2.2609665"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="1.9655535" + id="feGaussianBlur13563" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient17205" + id="linearGradient15745" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.08746834,0,0,0.81923578,95.815827,-21.120951)" + x1="49.149227" + y1="148.49998" + x2="174.94696" + y2="148.49998" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient17265" + id="linearGradient17267" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.1796276,0,0,1.1796276,-18.860898,-13.756051)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient18760" + id="linearGradient18754" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.10411515,0.05889549,-0.11353648,0.21848731,104.57963,120.03443)" + x1="105.00014" + y1="207.04781" + x2="143.55119" + y2="109.52095" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient18760" + id="linearGradient19504" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(-0.11364077,0.03142824,0.06690469,0.22191419,111.32193,122.12254)" + x1="103.66627" + y1="101.2907" + x2="66.449059" + y2="125.90652" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient26426" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient26436" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient26446" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient26456" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient26466" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27480" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27490" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27500" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27510" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27520" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27530" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27540" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25511" + id="linearGradient27550" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient25690" + id="linearGradient27560" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.35073191,0,0,0.35073191,40.866945,148.34826)" + x1="92.333496" + y1="65.237686" + x2="117.6665" + y2="39.904667" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-66.448944,-25.614071)"> + <rect + style="opacity:1;fill:url(#linearGradient1737);fill-rule:evenodd;stroke:none;stroke-width:0.569895;stroke-linecap:square" + id="rect234" + width="77.102119" + height="117.09548" + x="66.448944" + y="89.952255" + ry="9.3148375" /> + <rect + style="opacity:1;fill:url(#linearGradient3361);fill-rule:evenodd;stroke:none;stroke-width:0.163857;stroke-linecap:square" + id="rect3359" + width="11.100335" + height="67.237434" + x="121.86739" + y="100.53558" + ry="5.5501676" /> + <path + id="rect19502" + style="opacity:1;fill:url(#linearGradient19504);fill-rule:evenodd;stroke-width:0.0941981;stroke-linecap:square" + inkscape:transform-center-x="-3.9123536" + inkscape:transform-center-y="12.995898" + d="m 108.51962,144.52363 -6.22351,1.72116 c -0.70315,0.19443 -1.00392,0.89137 -0.88909,1.61182 1.36496,8.5648 2.51032,17.17106 9.35649,24.70098 0.49074,0.5398 0.94617,1.10425 1.64932,0.90979 l 6.22352,-1.72116 c 0.70314,-0.19443 1.32518,-1.02696 0.88909,-1.6118 -5.62298,-7.54124 -7.42643,-16.13863 -9.35648,-24.701 -0.16035,-0.71171 -0.94618,-1.10427 -1.64934,-0.90979 z" + sodipodi:nodetypes="sssssssss" /> + <g + id="g27548" + transform="matrix(0.76349238,0,0,0.76349238,49.502838,28.363066)"> + <circle + style="opacity:1;fill:url(#linearGradient27550);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27542" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27546"><tspan + sodipodi:role="line" + id="tspan27544" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27558" + transform="matrix(0.76349238,0,0,0.76349238,47.81627,23.306143)"> + <circle + style="opacity:1;fill:url(#linearGradient27560);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27552" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27556"><tspan + sodipodi:role="line" + id="tspan27554" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <path + id="rect18752" + style="opacity:1;fill:url(#linearGradient18754);fill-rule:evenodd;stroke-width:0.0977736;stroke-linecap:square" + inkscape:transform-center-x="6.6471742" + inkscape:transform-center-y="12.791738" + d="m 102.44795,144.2592 5.70186,3.2254 c 0.64419,0.36441 0.84315,1.19342 0.51776,1.89912 -3.79431,8.22907 -8.18721,16.03225 -13.140153,23.43694 -0.427889,0.6396 -1.16367,0.94795 -1.807871,0.58355 l -5.701855,-3.22542 c -0.644206,-0.3644 -0.951309,-1.26391 -0.517777,-1.8991 5.258979,-7.70511 9.544576,-15.52895 13.140156,-23.43695 0.32179,-0.70759 1.16367,-0.94795 1.80788,-0.58354 z" + sodipodi:nodetypes="sssssssss" /> + <rect + style="opacity:1;fill:url(#linearGradient15745);fill-rule:evenodd;stroke:none;stroke-width:0.152554;stroke-linecap:square" + id="rect15743" + width="6.7439947" + height="95.928818" + x="101.62801" + y="52.571175" + ry="3.3719974" /> + <rect + style="opacity:1;fill:url(#linearGradient6275);fill-rule:evenodd;stroke:none;stroke-width:0.122716;stroke-linecap:square" + id="rect6273" + width="46.279835" + height="9.0455294" + x="81.860085" + y="80.906731" + ry="1.3486151" /> + <rect + style="opacity:0.271341;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.128448;stroke-linecap:square;filter:url(#filter13561)" + id="rect7737" + width="61.298332" + height="7.4820838" + x="74.350845" + y="76.20118" + ry="3.7410419" + transform="matrix(0.97207306,0,0,0.8908852,4.2301373,10.28854)" /> + <rect + style="opacity:1;fill:url(#linearGradient7739);fill-rule:evenodd;stroke:none;stroke-width:0.128448;stroke-linecap:square" + id="rect13559" + width="61.298332" + height="7.4820838" + x="74.350845" + y="76.20118" + ry="3.7410419" /> + <circle + style="opacity:1;fill:url(#linearGradient17267);fill-rule:evenodd;stroke:none;stroke-width:0.589813;stroke-linecap:square;stroke-dasharray:none" + id="path17259" + cx="105.00002" + cy="48.258358" + r="14.941762" /> + <g + id="g26424" + transform="matrix(0.76349238,0,0,0.76349238,33.609377,40.880057)"> + <circle + style="opacity:1;fill:url(#linearGradient26426);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26418" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text26422"><tspan + sodipodi:role="line" + id="tspan26420" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g26434" + transform="matrix(0.76349238,0,0,0.76349238,40.393081,29.898786)"> + <circle + style="opacity:1;fill:url(#linearGradient26436);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26428" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text26432"><tspan + sodipodi:role="line" + id="tspan26430" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g26444" + transform="matrix(0.76349238,0,0,0.76349238,37.001229,36.073482)"> + <circle + style="opacity:1;fill:url(#linearGradient26446);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26438" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text26442"><tspan + sodipodi:role="line" + id="tspan26440" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g26454" + transform="matrix(0.76349238,0,0,0.76349238,43.160854,24.320096)"> + <circle + style="opacity:1;fill:url(#linearGradient26456);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26448" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text26452"><tspan + sodipodi:role="line" + id="tspan26450" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g26464" + transform="matrix(0.76349238,0,0,0.76349238,52.445235,-84.171059)"> + <circle + style="opacity:1;fill:url(#linearGradient26466);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle26458" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text26462"><tspan + sodipodi:role="line" + id="tspan26460" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27478" + transform="matrix(0.76349238,0,0,0.76349238,52.445235,-77.095967)"> + <circle + style="opacity:1;fill:url(#linearGradient27480);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27472" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27476"><tspan + sodipodi:role="line" + id="tspan27474" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27488" + transform="matrix(0.76349238,0,0,0.76349238,45.70124,-69.152739)"> + <circle + style="opacity:1;fill:url(#linearGradient27490);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27482" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27486"><tspan + sodipodi:role="line" + id="tspan27484" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27498" + transform="matrix(0.76349238,0,0,0.76349238,39.447225,-72.544591)"> + <circle + style="opacity:1;fill:url(#linearGradient27500);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27492" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27496"><tspan + sodipodi:role="line" + id="tspan27494" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27508" + transform="matrix(0.76349238,0,0,0.76349238,42.309388,-80.248621)"> + <circle + style="opacity:1;fill:url(#linearGradient27510);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27502" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27506"><tspan + sodipodi:role="line" + id="tspan27504" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27518" + transform="matrix(0.76349238,0,0,0.76349238,40.525517,-87.562911)"> + <circle + style="opacity:1;fill:url(#linearGradient27520);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27512" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27516"><tspan + sodipodi:role="line" + id="tspan27514" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + <g + id="g27528" + transform="matrix(0.76349238,0,0,0.76349238,54.599974,41.395496)"> + <circle + style="opacity:1;fill:url(#linearGradient27530);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27522" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.703102" + y="168.88264" + id="text27526"><tspan + sodipodi:role="line" + id="tspan27524" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.703102" + y="168.88264">+</tspan></text> + </g> + <g + id="g27538" + transform="matrix(0.76349238,0,0,0.76349238,51.208122,35.221146)"> + <circle + style="opacity:1;fill:url(#linearGradient27540);fill-rule:evenodd;stroke:none;stroke-width:0.175366;stroke-linecap:square;stroke-dasharray:none" + id="circle27532" + cx="77.693802" + cy="166.78665" + r="4.4425488" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:6.35px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.499999;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill" + x="77.695351" + y="166.43628" + id="text27536"><tspan + sodipodi:role="line" + id="tspan27534" + style="font-weight:bold;font-size:6.35px;fill:#ffffff;stroke-width:0.5" + x="77.695351" + y="166.43628">_</tspan></text> + </g> + </g> +</svg> @@ -52,6 +52,10 @@ </div> </div> + <div class="top-chips-container" id="chip-container"> + <div><a href="indonesia.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> + </div> + <div id="main"> <section> <h1 id="welcome">A Warm Welcome</h1> @@ -73,7 +77,7 @@ <a href="/lessons/matematika/" class="link-card"></a> <img src="/assets/images/hero/math.jpg" alt="" class="card-img"> <a href="/lessons/1/"> - <h2>Matematika</h2> + <h2>Mathematics</h2> </a> <p>Hidayatullah, S.Pd.</p> </div> @@ -81,7 +85,7 @@ <a href="/lessons/fisika/" class="link-card"></a> <img src="/assets/images/hero/physics.jpg" alt="" class="card-img"> <a href="/lessons/2/"> - <h2>Fisika</h2> + <h2>Physics</h2> </a> <p>Ayu Rezky Yulita, M.Pd.</p> </div> @@ -89,7 +93,7 @@ <a href="/lessons/biologi/" class="link-card"></a> <img src="/assets/images/hero/biology.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>Biologi</h2> + <h2>Biology</h2> </a> <p>Ir. Hj. Wiwit Parminta</p> </div> @@ -97,7 +101,7 @@ <a href="/lessons/ips/" class="link-card"></a> <img src="/assets/images/hero/ips.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>IPS</h2> + <h2>Social Studies (IPS)</h2> </a> <p>Unaeni Jahroh S.Pd.</p> </div> @@ -105,7 +109,7 @@ <a href="/lessons/agama/" class="link-card"></a> <img src="/assets/images/hero/alazhar.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>Agama</h2> + <h2>Islamic Education (Agama)</h2> </a> <p>Akrom Hasani, S.Ag.</p> </div> @@ -121,7 +125,7 @@ <a href="/lessons/arab/" class="link-card"></a> <img src="/assets/images/hero/arabic.png" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>Bahasa Arab</h2> + <h2>Arabic</h2> </a> <p>Mohammad Amar, Lc.</p> </div> @@ -129,7 +133,7 @@ <a href="/lessons/ppkn/" class="link-card"></a> <img src="/assets/images/hero/ppkn.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>PPKn</h2> + <h2>Civics Education (PPKn)</h2> </a> <p>Andini Nurlaily Hikmah, S.Pd.</p> </div> @@ -137,7 +141,7 @@ <a href="/lessons/informatika/" class="link-card"></a> <img src="/assets/images/hero/laptop.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>Informatika</h2> + <h2>Informatics (Informatika)</h2> </a> <p>Nurbaeti, SE., M.Ak</p> </div> @@ -161,7 +165,7 @@ <a href="/lessons/musik/" class="link-card"></a> <img src="/assets/images/hero/music.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>Seni Musik</h2> + <h2>Music</h2> </a> <p>Dra. Kusnun Indrawati</p> </div> @@ -169,7 +173,7 @@ <a href="/lessons/lukis/" class="link-card"></a> <img src="/assets/images/hero/paint.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>Seni Rupa</h2> + <h2>Art</h2> </a> <p>Miftah Izharul Haq, S.Pd</p> </div> @@ -177,7 +181,7 @@ <a href="/lessons/pjok/" class="link-card"></a> <img src="/assets/images/hero/sports.jpg" alt="" class="card-img"> <a href="/lessons/3/"> - <h2>Penjasorkes</h2> + <h2>Sports</h2> </a> <p>Supatri, S.Pd</p> </div> diff --git a/indonesia.html b/indonesia.html new file mode 100644 index 0000000..c73792e --- /dev/null +++ b/indonesia.html @@ -0,0 +1,275 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> +</head> + +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a class="fixed-top-btn back-btn" style="color: var(--black-color-2);" disabled><i class="fa-solid fa-chevron-left"></i></a> + </div> + + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-alazhar"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Al Azhar 9th Grade Lesson Notes</h1> + <h3 class="banner-text" id="banner-txt">Sebuah website belajar</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div><a href="/" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div> + </div> + + <div id="main"> + <section> + <h1 id="welcome">Selamat Datang</h1> + <p>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.</p> + <h1 id="github">Berkontribusi dan Sumber Kode</h1> + <p> + Jika anda ingin berkontribusi ke proyek ini atau ingin melihat sumber kodennya, semuanya tersedia di GitHub!<br> + Jika anda ingin menyarankan sebuah halaman baru, silakan buat sebuah <i>Issue</i> baru di GitHub. <a href="https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-an-issue" class="link">Ini bagaimana cara melakukannya. <i class="fa-solid fa-arrow-up-right-from-square" style="font-size: 0.6em;"></i></a> + </p> + <p>Link: <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i + class="fa-brands fa-github"></i> + https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io</a> + </p> + <h1 style="display: inline;" id="lessons">Pelajaran</h1> <a href="/lessons/"><span + style="margin-left: 10px;"><i class="fa-solid fa-arrow-up-right-from-square"></i></span></a> + <div class="card-container"> + <div class="card"> + <a href="/lessons/matematika/" class="link-card"></a> + <img src="/assets/images/hero/math.jpg" alt="" class="card-img"> + <a href="/lessons/1/"> + <h2>Matematika</h2> + </a> + <p>Hidayatullah, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/fisika/" class="link-card"></a> + <img src="/assets/images/hero/physics.jpg" alt="" class="card-img"> + <a href="/lessons/2/"> + <h2>Fisika</h2> + </a> + <p>Ayu Rezky Yulita, M.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/biologi/" class="link-card"></a> + <img src="/assets/images/hero/biology.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Biologi</h2> + </a> + <p>Ir. Hj. Wiwit Parminta</p> + </div> + <div class="card"> + <a href="/lessons/ips/" class="link-card"></a> + <img src="/assets/images/hero/ips.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>IPS</h2> + </a> + <p>Unaeni Jahroh S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/agama/" class="link-card"></a> + <img src="/assets/images/hero/alazhar.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Agama</h2> + </a> + <p>Akrom Hasani, S.Ag.</p> + </div> + <div class="card"> + <a href="/lessons/quran/" class="link-card"></a> + <img src="/assets/images/hero/quran.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Al-Qur'an</h2> + </a> + <p>Muhammad Fathan S.Ag</p> + </div> + <div class="card"> + <a href="/lessons/arab/" class="link-card"></a> + <img src="/assets/images/hero/arabic.png" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Bahasa Arab</h2> + </a> + <p>Mohammad Amar, Lc.</p> + </div> + <div class="card"> + <a href="/lessons/ppkn/" class="link-card"></a> + <img src="/assets/images/hero/ppkn.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>PPKn</h2> + </a> + <p>Andini Nurlaily Hikmah, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/informatika/" class="link-card"></a> + <img src="/assets/images/hero/laptop.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Informatika</h2> + </a> + <p>Nurbaeti, SE., M.Ak</p> + </div> + <div class="card"> + <a href="/lessons/english/" class="link-card"></a> + <img src="https://img-cdn.inc.com/image/upload/w_1920,h_1080,c_fill/images/panoramic/GettyImages-577674005_492115_zfpgiw.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>English</h2> + </a> + <p>Sofia Nurbaiti, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/indonesia/" class="link-card"></a> + <img src="/assets/images/hero/books.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Bahasa Indonesia</h2> + </a> + <p>Maman Sulaeman, S.Pd.</p> + </div> + <div class="card"> + <a href="/lessons/musik/" class="link-card"></a> + <img src="/assets/images/hero/music.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Seni Musik</h2> + </a> + <p>Dra. Kusnun Indrawati</p> + </div> + <div class="card"> + <a href="/lessons/lukis/" class="link-card"></a> + <img src="/assets/images/hero/paint.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Seni Rupa</h2> + </a> + <p>Miftah Izharul Haq, S.Pd</p> + </div> + <div class="card"> + <a href="/lessons/pjok/" class="link-card"></a> + <img src="/assets/images/hero/sports.jpg" alt="" class="card-img"> + <a href="/lessons/3/"> + <h2>Penjasorkes</h2> + </a> + <p>Supatri, S.Pd</p> + </div> + </div> + <h1 id="contributors">Credits & Contributors</h1> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Manager</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Writer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Developer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Designer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Images</h2> + <p> + <a href="https://unsplash.com/" class="link"><i class="fa-solid fa-globe"></i> unsplash.com</a> • + <a href="https://smpia25.al-azhar.sch.id/" class="link"><i class="fa-solid fa-globe"></i> smpia25.al-azhar.sch.id</a> • + <a href="https://upload.wikimedia.org/wikipedia/commons/a/ad/Masjid_Agung_Al-Azhar_2021.jpg" class="link"><i class="fa-solid fa-globe"></i> upload.wikimedia.org</a> • <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i class="fa-brands fa-github"></i> Please me help adding more forgotten asset attributions!</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Assets & Open Source Softwares</h2> + <ul> + <li><a href="https://fontawesome.com/" class="link">https://fontawesome.com/</a> - for icons</li> + <li><a href="https://katex.org/" class="link">https://katex.org/</a> - for math renderer</li> + </ul> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Special Thanks</h2> + <ul> + <li>Our teachers</li> + <li>My friends & family</li> + <li>And YOU!</li> + </ul> + </div> + </div> + <p class="align-center">Thank you for using this website!</p> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ 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 @@ </div> </div> - <div class="chip-container" id="chip-container"> - <div class="chip"><span>✅ Verified</span></div> - </div> - <div class="banner-container" id="banner"> <div class="banner-bg" id="img-supplies"></div> <div class="gradient-bg"></div> @@ -54,6 +50,10 @@ </div> </div> + <div class="chip-container" id="chip-container"> + <div class="chip"><span>✅ Verified</span></div> + </div> + <div id="main"> <section> <div class="highlight"> 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 @@ <h1 id="symbol">Symbol of An Atom</h1> <div class="flex flex-center" style="width: 100%;"> <img src="/assets/images/atoms/oxygen_symbol.svg" alt="" - style="flex: 1 200px; margin: 30px; min-width: 0px; max-width: 600px;"> + style="flex: 1 200px; margin: 30px; min-width: 0px; + max-width: clamp(100px, 600px, 100%);"> <img src="/assets/images/atoms/symbol.svg" alt="" - style="flex: 1 200px; margin: 30px; min-width: 0px; max-width: 600px;"> + style="flex: 1 200px; margin: 30px; min-width: 0px; + max-width: clamp(100px, 600px, 100%);"> </div> <p class="subtitle">(picture on the left) An example of an atom symbol, (picture on the right) The format of an atom symbol (FOR INDONESIA)</p> 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 @@ <p><a href="atom/atom.html" class="link">Atom: Introduction</a></p> <p><a href="atom/electron-config.html" class="link">Electron Configuration</a></p> <h1 id="bab2">Chapter 2 - Static Electricity</h1> - <p><a href="static-electricity/coulomb.html" class="link">Coulomb's Law</a></p> + <p><a href="static-electricity/coulomb.html" class="link">Lesson 1: Coulomb's Law</a></p> + <p><a href="static-electricity/theory.html" class="link">Lesson 2: Static Electricity Theory - Electroscope and Electric Field</a></p> </section> </div> 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 @@ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script> </head> <body> @@ -52,8 +54,11 @@ </div> </div> - <div class="chip-container" id="chip-container"> - <div class="chip"><span>❓ Unchecked by Professionals</span></div> + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Unchecked by Professionals</span></div> + </div> + <div><a href="id-coulomb.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> </div> <div id="main"> @@ -84,7 +89,7 @@ <ol></ol> <ol> <li> - <p> </p> + <p>Find F.</p> <img src="/assets/images/atoms/coulomb1.svg" alt=""><br> <h2>Given:</h2> <p> @@ -104,8 +109,75 @@ </li> <hr> <li> - <p> </p> - </li> + <p>Find F.</p> + <img src="/assets/images/atoms/coulomb2.svg" alt=""><br> + <h2>Given:</h2> + <span id="m2"></span> + <h2>Solution:</h2> + <span id="m1"></span> + </li> + <script defer> + const m1 = document.getElementById("m1"); + const m2 = document.getElementById("m2"); + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + &= 9 \times 10^9\dfrac{6 \times 10^{-6} \cdot 12 \times 10^{-6}}{9 \times 10^{-2}}\\ + &= \dfrac{10^9 \cdot 6 \times 10^{-6} \cdot 12 \times 10^{-6}}{10^{-2}} = \dfrac{6 \cdot 12 \cdot 10^9 \cdot 10^{-6} \cdot 10^{-6}}{10^{-2}}\\ + &= \dfrac{72 \cdot 10^{-3}}{10^{-2}}\\ + &= 72 \times 10^{-1} + \end{aligned} + `, m1, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + r &= 30 \textnormal{ cm} = 0,3 \textnormal{ m} = 3 \times 10^{-1}\\ + r^2 &= (3 \times 10^{-1})^2 = 9 \times 10^{-2}\\ + Q_1 &= 6 \textnormal{ MC}\\ + Q_2 &= 12 \textnormal{ MC} + \end{aligned} + `, m2, { + throwOnError: false + }); + </script> + <hr> + <li> + <p>If F = 9 × 10<sup>9</sup>, Find r.</p> + <img src="/assets/images/atoms/coulomb3.svg" alt=""><br> + <h2>Given:</h2> + <span id="m3"></span> + <h2>Solution:</h2> + <span id="m4"></span> + </li> + <script defer> + const m3 = document.getElementById("m3"); + const m4 = document.getElementById("m4") + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + 9 \times 10^9 &= 9 \times 10^9\dfrac{4 \times 10^{-3} \cdot 4 \times 10^{-3}}{r^2}\\ + 9 \times 10^9 r^2 &= 9 \times 10^9 \cdot 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + r^2 &= 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + &= 16 \times 10^{-6}\\ + r &= \sqrt{16 \times 10^{-6}}\\ + &= 4 \times 10^{-3} + \end{aligned} + `, m4, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + Q_1 &= 4 \textnormal{ mC}\\ + Q_2 &= 4 \textnormal{ mC}\\ + F &= 9 \times 10^9 \textnormal{ N} + \end{aligned} + `, m3, { + throwOnError: false + }); + </script> </ol> <h1 id="references">References</h1> <ol> 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 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" href="/assets/images/master.svg"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script> +</head> + +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Coulomb's Law</h1> + <h3 class="banner-text" id="banner-txt">Chapter 2</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Belum dicek oleh Profesional</span></div> + </div> + <div><a href="coulomb.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div> + </div> + + <div id="main"> + <section> + <h1 id="definition">Pengertian</h1> + <p><b>Hukum Coulomb adalah hukum yang menjelaskan hubungan antara dua muatan listrik.</b></p> + <p>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."<sup>[<a href="#reference-1" class="link-compact">1</a>]</sup></p> + <h1 id="formula">Rumus</h1> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span> + <p> + dimana,<br> + <ul> + <li><b>F</b> = Gaya (Newton)</li> + <li><b>r</b> = Jarak (Meter)</li> + <li><b>Q<sub>1</sub></b> = Muatan 1 (Coulomb)</li> + <li><b>Q<sup>2</sup></b> = Muatan 2 (Coulomb)</li> + <li><b>K</b> = Konstanta Coulomb = <strong>9 × 10<sup>9</sup></strong> <span style="color: gray; font-size: 1rem;">Nm<sup>2</sup> / C<sup>2</sup></span></li> + </ul> + </p> + <h1 id="units">Pengubahan Satuan Coulomb</h1> + <ol> + <li>n <b>mC</b> (<strong>milli</strong>Coulomb) = n * 10<sup>-3</sup> C</li> + <li>n <b>MC</b> (<strong>Micro</strong>Coulomb) = n * 10<sup>-6</sup> C <i>(Bentuk alternatif: μC)</i></li> + <li>n <b>nC</b> (<strong>nano</strong>Coulomb) = n * 10<sup>-9</sup> C</li> + <li>n <b>Å</b> (<strong>Ångström</strong>) = n * 10<sup>-10</sup> C</li> + </ol> + <h1 id="example">Contoh & Latihan</h1> + <ol></ol> + <ol> + <li> + <p>Temukan F.</p> + <img src="/assets/images/atoms/coulomb1.svg" alt=""><br> + <h2>Diketahui:</h2> + <p> + <strong>r</strong> = 30 cm = 0,3 m = <b>3 × 10<sup>-1</sup> m</b><br> + <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 × 10<sup>-6</sup></b><br> + <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 × 10<sup>-6</sup></b><br> + </p> + <h2>Cara:</h2> + <p> + <span>F = k <span class="frac"><sup>Q<sub>1</sub> × Q<sub>2</sub></sup><span>⁄</span><sub>r<sup>2</sup></span></span><br> + + <span>F = 9 × 10<sup>9</sup><span class="frac"><sup>2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>(3 × 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 × 10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>9 × 10<sup>-2</sup></span></span><br> + + = <span class="frac"><sup>10<sup>9</sup> ‧ 2 × 10<sup>-6</sup> ‧ 3 × 10<sup>-6</sup></sup><span>⁄</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> × 6</sup><span>⁄</span><sub>10<sup>-2</sup></span></span><br> + = <strong>6 × 10<sup>-1</sup></strong> + </p> + </li> + <hr> + <li> + <p>Temukan F.</p> + <img src="/assets/images/atoms/coulomb2.svg" alt=""><br> + <h2>Diketahui:</h2> + <span id="m2"></span> + <h2>Cara:</h2> + <span id="m1"></span> + </li> + <script defer> + const m1 = document.getElementById("m1"); + const m2 = document.getElementById("m2"); + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + &= 9 \times 10^9\dfrac{6 \times 10^{-6} \cdot 12 \times 10^{-6}}{9 \times 10^{-2}}\\ + &= \dfrac{10^9 \cdot 6 \times 10^{-6} \cdot 12 \times 10^{-6}}{10^{-2}} = \dfrac{6 \cdot 12 \cdot 10^9 \cdot 10^{-6} \cdot 10^{-6}}{10^{-2}}\\ + &= \dfrac{72 \cdot 10^{-3}}{10^{-2}}\\ + &= 72 \times 10^{-1} + \end{aligned} + `, m1, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + r &= 30 \textnormal{ cm} = 0,3 \textnormal{ m} = 3 \times 10^{-1}\\ + r^2 &= (3 \times 10^{-1})^2 = 9 \times 10^{-2}\\ + Q_1 &= 6 \textnormal{ MC}\\ + Q_2 &= 12 \textnormal{ MC} + \end{aligned} + `, m2, { + throwOnError: false + }); + </script> + <hr> + <li> + <p>Jika F = 9 × 10<sup>9</sup>, temukan r.</p> + <img src="/assets/images/atoms/coulomb3.svg" alt=""><br> + <h2>Diketahui:</h2> + <span id="m3"></span> + <h2>Cara:</h2> + <span id="m4"></span> + </li> + <script defer> + const m3 = document.getElementById("m3"); + const m4 = document.getElementById("m4") + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + 9 \times 10^9 &= 9 \times 10^9\dfrac{4 \times 10^{-3} \cdot 4 \times 10^{-3}}{r^2}\\ + 9 \times 10^9 r^2 &= 9 \times 10^9 \cdot 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + r^2 &= 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + &= 16 \times 10^{-6}\\ + r &= \sqrt{16 \times 10^{-6}}\\ + &= 4 \times 10^{-3} + \end{aligned} + `, m4, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + Q_1 &= 4 \textnormal{ mC}\\ + Q_2 &= 4 \textnormal{ mC}\\ + F &= 9 \times 10^9 \textnormal{ N} + \end{aligned} + `, m3, { + throwOnError: false + }); + </script> + </ol> + <h1 id="references">Referensi</h1> + <ol> + <li id="reference-1">Andrew Duffy, <i><a href="http://physics.bu.edu/~duffy/PY106/Charge.html" class="link">"Electric charge and Coulomb's law"</a></i></li> + </ol> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons/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 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" href="/assets/images/master.svg"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script> +</head> + +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Teori Listrik Statis: Elektroskop dan Medan Listrik</h1> + <h3 class="banner-text" id="banner-txt">Diterjemahkan ke Bahasa Indonesia</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>🔍 Belum Selesai</span></div> + </div> + <div><a href="theory.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div> + </div> + + + <div id="main"> + <section> + <h1 id="electroscope">Electroscope</h1> + <h2 id="electroscope--definition">What is an Electroscope?</h2> + <p>An electroscope is a scientific instrument to detect a presence of an electric charge, and / or a type of an electric charge.</p> + <h2 id="electroscope--neutral">Neutral Electroscope</h2> + <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">A neutral electroscope.</span> + <p>An electroscope can be <b>Neutral</b>, <b>Positive</b>, or <b>Negative</b>. This part explains about a netural electroscope. If an object is brought closer to the ball;</p> + <ol> + <li>If the object is neutral, nothing will happen.</li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">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)</p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">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)</p> + </div> + </li> + </ol> + <h2 id="electroscope--positive">Positive Electroscope</h2> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file diff --git a/lessons/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 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" href="/assets/images/master.svg"> + <title>Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + <link rel="manifest" href="/site.webmanifest"> + <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script> +</head> + +<body> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/index.html"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> + </div> + </div> + + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-supplies"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Static Electricity Theory: Electroscope and Electric Field</h1> + <h3 class="banner-text" id="banner-txt">Chapter 2</h3> + </div> + </div> + + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>🔍 Unfinished</span></div> + </div> + <div><a href="id-theory.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> + </div> + + <div id="main"> + <section> + <h1 id="electroscope">Electroscope</h1> + <h2 id="electroscope--definition">What is an Electroscope?</h2> + <p>An electroscope is a scientific instrument to detect a presence of an electric charge, and / or a type of an electric charge.</p> + <h2 id="electroscope--neutral">Neutral Electroscope</h2> + <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br> + <span class="subtitle">A neutral electroscope.</span> + <p>An electroscope can be <b>Neutral</b>, <b>Positive</b>, or <b>Negative</b>. This part explains about a netural electroscope. If an object is brought closer to the ball;</p> + <ol> + <li>If the object is neutral, nothing will happen.</li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-positive.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">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)</p> + </div> + </li> + <li> + <div class="flex"> + <img src="/assets/images/electroscope/electroscope_neutral_active-negative.svg" alt="" style="max-width: 180px;" class="flex-element"> + <p class="flex-element">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)</p> + </div> + </li> + </ol> + <h2 id="electroscope--positive">Positive Electroscope</h2> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html>
\ No newline at end of file @@ -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 |
