From 382808ab2e30028f816ae12b5c864fda2030f45b Mon Sep 17 00:00:00 2001 From: Nevernown Date: Sun, 6 Apr 2025 18:20:41 +0200 Subject: [PATCH] Added existing articles --- .astro/data-store.json | 2 +- astro.config.mjs | 12 ++++ dist/breuken/index.html | 47 +++++++++++++ dist/index.html | 23 +++++-- dist/machten/index.html | 61 +++++++++++++++++ dist/wortels/index.html | 147 ++++++++++++++++++++++++++++++++++++++++ package.json | 5 +- src/css/math.css | 19 +++++- src/layout/math.astro | 10 ++- src/pages/breuken.md | 41 +++++++++++ src/pages/index.md | 20 +++++- src/pages/machten.md | 69 +++++++++++++++++++ src/pages/wortels.md | 41 +++++++++++ 13 files changed, 487 insertions(+), 10 deletions(-) create mode 100644 dist/breuken/index.html create mode 100644 dist/machten/index.html create mode 100644 dist/wortels/index.html create mode 100644 src/pages/breuken.md create mode 100644 src/pages/machten.md create mode 100644 src/pages/wortels.md diff --git a/.astro/data-store.json b/.astro/data-store.json index 1ab6a61..06efa4e 100644 --- a/.astro/data-store.json +++ b/.astro/data-store.json @@ -1 +1 @@ -[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.5.6","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://math.technotive.nl\",\"compressHTML\":false,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"serializeConfig\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false},\"legacy\":{\"collections\":false}}"] \ No newline at end of file +[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.5.6","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://math.technotive.nl\",\"compressHTML\":false,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{\"light\":\"min-light\",\"dark\":\"night-owl\"},\"wrap\":true,\"transformers\":[]},\"remarkPlugins\":[null],\"rehypePlugins\":[null],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"serializeConfig\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false},\"legacy\":{\"collections\":false}}"] \ No newline at end of file diff --git a/astro.config.mjs b/astro.config.mjs index 77b618b..13d76ca 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,6 +1,18 @@ import { defineConfig } from 'astro/config' +import remarkMath from "remark-math"; +import rehypeKatex from "rehype-katex"; + export default defineConfig({ + markdown: { + remarkPlugins: [remarkMath], + rehypePlugins: [rehypeKatex], // <- new plugin + shikiConfig: { + // For more themes, visit https://shiki.style/themes + themes: { light: "min-light", dark: "night-owl" }, + wrap: true, + }, + }, site: "https://math.technotive.nl", trailingSlash: 'ignore', compressHTML: false diff --git a/dist/breuken/index.html b/dist/breuken/index.html new file mode 100644 index 0000000..5859a95 --- /dev/null +++ b/dist/breuken/index.html @@ -0,0 +1,47 @@ + + + + + + + + + Breuken + + + +
+

Breuken

+

Vermenigvuldigen

+ab⋅cd=a⋅cb⋅d\Large +\frac{\textcolor{blue}{a}}{\textcolor{red}{b}} +\cdot +\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} += +\frac{\textcolor{blue}{a}\cdot \textcolor{green}{c}}{\textcolor{red}{b}\cdot \textcolor{orange}{d}} +

Optellen

+ab+cd=(a⋅d)+(c⋅b)b⋅d\Large +\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}+\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} += +\frac{(\textcolor{blue}{a}\cdot \textcolor{orange}{d})+(\textcolor{green}{c}\cdot \textcolor{red}{b})}{\textcolor{red}{b}\cdot \textcolor{orange}{d}} +xab+ycd=x+y+ab+cd\Large +x\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}+y\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} += +x+y+\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}+\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} +

Delen

+a(bc)=a⋅cb\Large +\frac{\textcolor{blue}{a}}{(\frac{\textcolor{red}{b}}{\textcolor{green}{c}})} += +\textcolor{blue}{a}\cdot\frac{\textcolor{green}{c}}{\textcolor{red}{b}} +(ab)c=ab⋅c\Large +\frac{(\frac{\textcolor{blue}{a}}{\textcolor{red}{b}})}{\textcolor{green}{c}} += +\frac{\textcolor{blue}{a}}{\textcolor{red}{b}\cdot \textcolor{green}{c}} +
+ \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index bc6d452..07cec61 100644 --- a/dist/index.html +++ b/dist/index.html @@ -3,16 +3,31 @@ + + + Home -
-

Wiskunde

+

Wiskunde

+

Links vind je uitleg van basisconcepten die je nodig hebt binnen de wiskunde. Gebruik dit tijdens het leren om je basisvaardigheden na te lopen.

+

Hieronder vind je nog een aantal korte opmeringen die niet onder de onderwerpen in het linker-menu vallen.

+

Haakjes

+

Haakjes gaan altijd voor met uitwerken, maar soms moet je de inhoud loswerken:

+a(b+c)=a⋅b+a⋅c\Large +\textcolor{blue}{a}(\textcolor{red}{b}+\textcolor{green}{c}) += \textcolor{blue}{a}\cdot\textcolor{red}{b}+\textcolor{blue}{a}\cdot\textcolor{green}{c} +(a+d)(b+c)=a⋅b+a⋅c+d⋅b+d⋅c\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}
\ No newline at end of file diff --git a/dist/machten/index.html b/dist/machten/index.html new file mode 100644 index 0000000..0b9279b --- /dev/null +++ b/dist/machten/index.html @@ -0,0 +1,61 @@ + + + + + + + + + Machten + + + +
+

Machten

+

Basisregels

+(xa)b=xa⋅b\Large +(x^{\textcolor{blue}{a}})^{\textcolor{red}{b}} += +x^{\textcolor{blue}{a}\cdot\textcolor{red}{b}} +xa⋅xb=xa+b\Large +x^{\textcolor{blue}{a}}\cdot x^{\textcolor{red}{b}} += +x^{\textcolor{blue}{a}+\textcolor{red}{b}} +xaxb=xa−b\Large +\frac{x^{\textcolor{blue}{a}}}{x^{\textcolor{red}{b}}} += +x^{\textcolor{blue}{a}-\textcolor{red}{b}} +

Machten en vermenigvuldigen

+ax⋅b=b⋅ax\Large +\textcolor{blue}{a}^x\cdot\textcolor{red}{b} += +\textcolor{red}{b}\cdot\textcolor{blue}{a}^x +a⋅bx⋅c=(a⋅c)⋅bx\Large +\textcolor{blue}{a}\cdot\textcolor{red}{b}^x\cdot\textcolor{green}{c} += +(\textcolor{blue}{a}\cdot \textcolor{green}{c})\cdot\textcolor{red}{b}^{x} +a⋅bx⋅b=a⋅bx+1\Large +\textcolor{blue}{a}\cdot\textcolor{red}{b}^x\cdot\textcolor{red}{b} += +\textcolor{blue}{a}\cdot\textcolor{red}{b}^{x+1} +

Complexe regels voor machten

+axn⋅bxm=(a⋅b)xn+m\Large +\textcolor{blue}{a}x^{\textcolor{green}{n}}\cdot\textcolor{red}{b}x^{\textcolor{orange}{m}} += +(\textcolor{blue}{a}\cdot \textcolor{red}{b})x^{\textcolor{green}{n}+\textcolor{orange}{m}} +n≠m⇒axn+bxm=axn+bxm\Large +\textcolor{green}{n} \neq \textcolor{orange}{m} \Rightarrow \textcolor{blue}{a}x^{\textcolor{green}{n}}+\textcolor{red}{b}x^{\textcolor{orange}{m}} += +\textcolor{blue}{a}x^{\textcolor{green}{n}}+\textcolor{red}{b}x^{\textcolor{orange}{m}} +axn+bxn=(a+b)xn\Large +\textcolor{blue}{a}x^{\textcolor{green}{n}}+\textcolor{red}{b}x^{\textcolor{green}{n}} += +(\textcolor{blue}{a}+\textcolor{red}{b})x^{\textcolor{green}{n}} +
+ \ No newline at end of file diff --git a/dist/wortels/index.html b/dist/wortels/index.html new file mode 100644 index 0000000..e14388f --- /dev/null +++ b/dist/wortels/index.html @@ -0,0 +1,147 @@ + + + + + + + + + Wortels + + + +
+

Wortels

+

Vermenigvuldiging

+a⋅b=a⋅b\Large +\sqrt{\textcolor{blue}{a}\cdot\textcolor{red}{b}} += +\sqrt{\textcolor{blue}{a}}\cdot\sqrt{\textcolor{red}{b}} +

Vermenigvuldigen met breuken

+ab=a⋅1b=a⋅1b\Large +\sqrt{\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}} += +\sqrt{\textcolor{blue}{a}\cdot\frac{1}{\textcolor{red}{b}}} += +\sqrt{\textcolor{blue}{a}}\cdot\sqrt{\frac{1}{\textcolor{red}{b}}} +

Herschrijven als Macht

+(x)=x1/2\Large +\sqrt(x) = x^{1/2} +(3x2)=x2/3\Large +\sqrt[3](x^2)=x^{2/3} +(nxm)=xm/n\Large +\sqrt[\textcolor{blue}{n}](x^{\textcolor{red}{m}}) += +x^{\textcolor{red}{m}/\textcolor{blue}{n}} +
+ \ No newline at end of file diff --git a/package.json b/package.json index ed5cec5..30483c3 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,9 @@ "author": "", "license": "ISC", "dependencies": { - "astro": "^5.5.6" + "astro": "^5.5.6", + "katex": "^0.16.21", + "rehype-katex": "^7.0.1", + "remark-math": "^6.0.0" } } diff --git a/src/css/math.css b/src/css/math.css index b2eecb5..22eea5d 100644 --- a/src/css/math.css +++ b/src/css/math.css @@ -1,7 +1,23 @@ * { 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 { @@ -19,7 +35,7 @@ nav { height: 100vh; } nav a { - padding: 0pt 4pt 2pt 4pt; + padding: 0pt 4pt 2pt 18pt; display: inline-block; font-size: large; color: whitesmoke; @@ -32,4 +48,5 @@ nav a:hover { article { padding-top: 12pt; padding-left: 12pt; + width: 100%; } \ No newline at end of file diff --git a/src/layout/math.astro b/src/layout/math.astro index 2b33234..db5f199 100644 --- a/src/layout/math.astro +++ b/src/layout/math.astro @@ -2,17 +2,23 @@ import '../css/math.css'; const { frontmatter } = Astro.props; --- + + + + {frontmatter.title}
diff --git a/src/pages/breuken.md b/src/pages/breuken.md new file mode 100644 index 0000000..5fd30af --- /dev/null +++ b/src/pages/breuken.md @@ -0,0 +1,41 @@ +--- +layout: "../layout/math.astro" +title: "Breuken" +--- +# Breuken +## Vermenigvuldigen +$$ +\Large +\frac{\textcolor{blue}{a}}{\textcolor{red}{b}} +\cdot +\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} += +\frac{\textcolor{blue}{a}\cdot \textcolor{green}{c}}{\textcolor{red}{b}\cdot \textcolor{orange}{d}} +$$ +## Optellen +$$ +\Large +\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}+\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} += +\frac{(\textcolor{blue}{a}\cdot \textcolor{orange}{d})+(\textcolor{green}{c}\cdot \textcolor{red}{b})}{\textcolor{red}{b}\cdot \textcolor{orange}{d}} +$$ +$$ +\Large +x\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}+y\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} += +x+y+\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}+\frac{\textcolor{green}{c}}{\textcolor{orange}{d}} +$$ +## Delen +$$ +\Large +\frac{\textcolor{blue}{a}}{(\frac{\textcolor{red}{b}}{\textcolor{green}{c}})} += +\textcolor{blue}{a}\cdot\frac{\textcolor{green}{c}}{\textcolor{red}{b}} +$$ + +$$ +\Large +\frac{(\frac{\textcolor{blue}{a}}{\textcolor{red}{b}})}{\textcolor{green}{c}} += +\frac{\textcolor{blue}{a}}{\textcolor{red}{b}\cdot \textcolor{green}{c}} +$$ diff --git a/src/pages/index.md b/src/pages/index.md index b6d91ff..39dabd1 100644 --- a/src/pages/index.md +++ b/src/pages/index.md @@ -2,4 +2,22 @@ layout: "../layout/math.astro" title: "Home" --- -# Wiskunde \ No newline at end of file +# Wiskunde +Links vind je uitleg van basisconcepten die je nodig hebt binnen de wiskunde. Gebruik dit tijdens het leren om je basisvaardigheden na te lopen. + +Hieronder vind je nog een aantal korte opmeringen die niet onder de onderwerpen in het linker-menu vallen. + +## Haakjes +Haakjes gaan altijd voor met uitwerken, maar soms moet je de inhoud loswerken: +$$ +\Large +\textcolor{blue}{a}(\textcolor{red}{b}+\textcolor{green}{c}) += \textcolor{blue}{a}\cdot\textcolor{red}{b}+\textcolor{blue}{a}\cdot\textcolor{green}{c} +$$ + +$$ +\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} +$$ \ No newline at end of file diff --git a/src/pages/machten.md b/src/pages/machten.md new file mode 100644 index 0000000..581f7de --- /dev/null +++ b/src/pages/machten.md @@ -0,0 +1,69 @@ +--- +layout: "../layout/math.astro" +title: "Machten" +--- +# Machten +## Basisregels +$$ +\Large +(x^{\textcolor{blue}{a}})^{\textcolor{red}{b}} += +x^{\textcolor{blue}{a}\cdot\textcolor{red}{b}} +$$ + +$$ +\Large +x^{\textcolor{blue}{a}}\cdot x^{\textcolor{red}{b}} += +x^{\textcolor{blue}{a}+\textcolor{red}{b}} +$$ + +$$ +\Large +\frac{x^{\textcolor{blue}{a}}}{x^{\textcolor{red}{b}}} += +x^{\textcolor{blue}{a}-\textcolor{red}{b}} +$$ +## Machten en vermenigvuldigen + +$$ +\Large +\textcolor{blue}{a}^x\cdot\textcolor{red}{b} += +\textcolor{red}{b}\cdot\textcolor{blue}{a}^x +$$ +$$ +\Large +\textcolor{blue}{a}\cdot\textcolor{red}{b}^x\cdot\textcolor{green}{c} += +(\textcolor{blue}{a}\cdot \textcolor{green}{c})\cdot\textcolor{red}{b}^{x} +$$ + +$$ +\Large +\textcolor{blue}{a}\cdot\textcolor{red}{b}^x\cdot\textcolor{red}{b} += +\textcolor{blue}{a}\cdot\textcolor{red}{b}^{x+1} +$$ + +## Complexe regels voor machten +$$ +\Large +\textcolor{blue}{a}x^{\textcolor{green}{n}}\cdot\textcolor{red}{b}x^{\textcolor{orange}{m}} += +(\textcolor{blue}{a}\cdot \textcolor{red}{b})x^{\textcolor{green}{n}+\textcolor{orange}{m}} +$$ + +$$ +\Large +\textcolor{green}{n} \neq \textcolor{orange}{m} \Rightarrow \textcolor{blue}{a}x^{\textcolor{green}{n}}+\textcolor{red}{b}x^{\textcolor{orange}{m}} += +\textcolor{blue}{a}x^{\textcolor{green}{n}}+\textcolor{red}{b}x^{\textcolor{orange}{m}} +$$ + +$$ +\Large +\textcolor{blue}{a}x^{\textcolor{green}{n}}+\textcolor{red}{b}x^{\textcolor{green}{n}} += +(\textcolor{blue}{a}+\textcolor{red}{b})x^{\textcolor{green}{n}} +$$ diff --git a/src/pages/wortels.md b/src/pages/wortels.md new file mode 100644 index 0000000..9c497b9 --- /dev/null +++ b/src/pages/wortels.md @@ -0,0 +1,41 @@ +--- +layout: "../layout/math.astro" +title: "Wortels" +--- +# Wortels + +## Vermenigvuldiging +$$ +\Large +\sqrt{\textcolor{blue}{a}\cdot\textcolor{red}{b}} += +\sqrt{\textcolor{blue}{a}}\cdot\sqrt{\textcolor{red}{b}} +$$ + +## Vermenigvuldigen met breuken +$$ +\Large +\sqrt{\frac{\textcolor{blue}{a}}{\textcolor{red}{b}}} += +\sqrt{\textcolor{blue}{a}\cdot\frac{1}{\textcolor{red}{b}}} += +\sqrt{\textcolor{blue}{a}}\cdot\sqrt{\frac{1}{\textcolor{red}{b}}} +$$ + +## Herschrijven als Macht +$$ +\Large +\sqrt(x) = x^{1/2} +$$ + +$$ +\Large +\sqrt[3](x^2)=x^{2/3} +$$ + +$$ +\Large +\sqrt[\textcolor{blue}{n}](x^{\textcolor{red}{m}}) += +x^{\textcolor{red}{m}/\textcolor{blue}{n}} +$$