technotive-math/dist/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css" integrity="sha384-zh0CIslj+VczCZtlzBcjt5ppRcsAmDnRem7ESsYwWwg3m/OaJ2l4x7YBZl9Kxxib" crossorigin="anonymous">
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
    <title>Home</title>
  <style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 2pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%}
</style></head>
  <body>
    <nav>
      <a href="/">Home</a>
      <a href="/breuken">Breuken</a>
      <a href="/wortels">Wortels</a>
      <a href="/machten">Machten</a>
    </nav>
    <article>
      <h1 id="wiskunde">Wiskunde</h1>
<p>Links vind je uitleg van basisconcepten die je nodig hebt binnen de wiskunde. Gebruik dit tijdens het leren om je basisvaardigheden na te lopen.</p>
<p>Hieronder vind je nog een aantal korte opmeringen die niet onder de onderwerpen in het linker-menu vallen.</p>
<h2 id="haakjes">Haakjes</h2>
<p>Haakjes gaan altijd voor met uitwerken, maar soms moet je de inhoud loswerken:</p>
<span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mstyle mathsize="1.44em"><mstyle mathcolor="blue"><mi>a</mi></mstyle><mo stretchy="false">(</mo><mstyle mathcolor="red"><mi>b</mi></mstyle><mo>+</mo><mstyle mathcolor="green"><mi>c</mi></mstyle><mo stretchy="false">)</mo><mo>=</mo><mstyle mathcolor="blue"><mi>a</mi></mstyle><mo>⋅</mo><mstyle mathcolor="red"><mi>b</mi></mstyle><mo>+</mo><mstyle mathcolor="blue"><mi>a</mi></mstyle><mo>⋅</mo><mstyle mathcolor="green"><mi>c</mi></mstyle></mstyle></mrow><annotation encoding="application/x-tex">\Large
\textcolor{blue}{a}(\textcolor{red}{b}+\textcolor{green}{c})
= \textcolor{blue}{a}\cdot\textcolor{red}{b}+\textcolor{blue}{a}\cdot\textcolor{green}{c}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.44em;vertical-align:-0.36em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:blue;">a</span><span class="mopen sizing reset-size6 size8">(</span><span class="mord mathnormal sizing reset-size6 size8" style="color:red;">b</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1.44em;vertical-align:-0.36em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:green;">c</span><span class="mclose sizing reset-size6 size8">)</span><span class="mspace" style="margin-right:0.2778em;"></span><span class="mrel sizing reset-size6 size8">=</span><span class="mspace" style="margin-right:0.2778em;"></span></span><span class="base"><span class="strut" style="height:0.64em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:blue;">a</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">⋅</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1.12em;vertical-align:-0.12em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:red;">b</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:0.64em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:blue;">a</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">⋅</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:0.62em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:green;">c</span></span></span></span></span>
<span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mstyle mathsize="1.44em"><mo stretchy="false">(</mo><mstyle mathcolor="blue"><mi>a</mi></mstyle><mo>+</mo><mstyle mathcolor="orange"><mi>d</mi></mstyle><mo stretchy="false">)</mo><mo stretchy="false">(</mo><mstyle mathcolor="red"><mi>b</mi></mstyle><mo>+</mo><mstyle mathcolor="green"><mi>c</mi></mstyle><mo stretchy="false">)</mo><mo>=</mo><mstyle mathcolor="blue"><mi>a</mi></mstyle><mo>⋅</mo><mstyle mathcolor="red"><mi>b</mi></mstyle><mo>+</mo><mstyle mathcolor="blue"><mi>a</mi></mstyle><mo>⋅</mo><mstyle mathcolor="green"><mi>c</mi></mstyle><mo>+</mo><mstyle mathcolor="orange"><mi>d</mi></mstyle><mo>⋅</mo><mstyle mathcolor="red"><mi>b</mi></mstyle><mo>+</mo><mstyle mathcolor="orange"><mi>d</mi></mstyle><mo>⋅</mo><mstyle mathcolor="green"><mi>c</mi></mstyle></mstyle></mrow><annotation encoding="application/x-tex">\Large
(\textcolor{blue}{a}+\textcolor{orange}{d})(\textcolor{red}{b}+\textcolor{green}{c})
=
\textcolor{blue}{a}\cdot\textcolor{red}{b}+\textcolor{blue}{a}\cdot\textcolor{green}{c}+\textcolor{orange}{d}\cdot\textcolor{red}{b}+\textcolor{orange}{d}\cdot\textcolor{green}{c}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.44em;vertical-align:-0.36em;"></span><span class="mopen sizing reset-size6 size8">(</span><span class="mord mathnormal sizing reset-size6 size8" style="color:blue;">a</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1.44em;vertical-align:-0.36em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:orange;">d</span><span class="mclose sizing reset-size6 size8">)</span><span class="mopen sizing reset-size6 size8">(</span><span class="mord mathnormal sizing reset-size6 size8" style="color:red;">b</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1.44em;vertical-align:-0.36em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:green;">c</span><span class="mclose sizing reset-size6 size8">)</span><span class="mspace" style="margin-right:0.2778em;"></span><span class="mrel sizing reset-size6 size8">=</span><span class="mspace" style="margin-right:0.2778em;"></span></span><span class="base"><span class="strut" style="height:0.64em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:blue;">a</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">⋅</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1.12em;vertical-align:-0.12em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:red;">b</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:0.64em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:blue;">a</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">⋅</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:0.96em;vertical-align:-0.12em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:green;">c</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:orange;">d</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">⋅</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1.12em;vertical-align:-0.12em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:red;">b</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1em;"></span><span class="mord mathnormal sizing reset-size6 size8" style="color:orange;">d</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin sizing reset-size6 size8">⋅</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:0.62em;"></span><span class="mord mathnormal siz
    </article>
  </body></html>