Added dutch homepage, modified homepage app to take the labels as a d…

…ictionary for translations, updated some main pages with changes since last year. Stil have to work on all the new chapters. (#58)

Makefile

@@ -85,6 +85,11 @@ html-nl:
 	$(SPHINXBUILD) -b html -D project="PySDR: Een handleiding voor SDR en DSP met Python" -D exclude_patterns=_build,index.rst,content/*,index-fr.rst,content-fr/*,index-ukraine.rst,content-ukraine/*,index-zh.rst,content-zh/*,index-es.rst,content-es/* -D master_doc=index-nl $(EXTENSIONS) . $(BUILDDIR)/nl/
 	@echo
 	@echo "Dutch Build finished. The HTML pages are in $(BUILDDIR)/nl/html."
+	@echo translating title of index and content pages
+	sed -i 's/PySDR: A Guide to SDR and DSP using Python/PySDR: Een handleiding voor SDR en DSP met Python/g' $(BUILDDIR)/nl/index-nl.html
+	sed -i 's/PySDR: A Guide to SDR and DSP using Python/PySDR: Een handleiding voor SDR en DSP met Python/g' $(BUILDDIR)/nl/content-nl/*.html
+	@echo removing chapter number from titles of each page
+	sed -i -E "s/<title>[0-9]{1,2}\. /<title>/g" $(BUILDDIR)/nl/content-nl/*
 
 .PHONY: html-fr
 html-fr:

_static/js/homepage_app.js

@@ -1,4 +1,4 @@
-function homepage_app() {
+function homepage_app(labels={"frequency": "Frequency", "time": "Time"}) {
   function createSignal(N) {
     const x = new Array(N * 2);
 
@@ -80,7 +80,7 @@ function homepage_app() {
       ctx.fillText(Math.round((i - 5) * 0.1 * 100) / 100, ((ctx.canvas.width / 10) * i - 0) * 0.975, ctx.canvas.height - 35);
     }
     ctx.fillText("Hz", ctx.canvas.width / 2 + 5, ctx.canvas.height - 35);
-    ctx.fillText("Frequency", ctx.canvas.width / 2 - 70, ctx.canvas.height - 7);
+    ctx.fillText(labels["frequency"], ctx.canvas.width / 2 - 70, ctx.canvas.height - 7);
     ctx.stroke();
 
     // Freq y-axis ticks and labels
@@ -135,7 +135,7 @@ function homepage_app() {
       ctx_time.lineTo((ctx_time.canvas.width / 10) * i, ctx_time.canvas.height - 60);
       //ctx_time.fillText(Math.round(i* 0.1 * 100) / 100, ((ctx_time.canvas.width / 10) * i - 0) * 0.98, ctx_time.canvas.height - 5);
     }
-    ctx_time.fillText("Time", ctx_time.canvas.width / 2, ctx_time.canvas.height - 5);
+    ctx_time.fillText(labels["time"], ctx_time.canvas.width / 2, ctx_time.canvas.height - 5);
     ctx_time.stroke();
 
     // Time y-axis ticks and labels

_templates/homepage_nl.html

@@ -0,0 +1,59 @@
+<h1 style="text-align: center">PySDR: Een handleiding voor SDRs en digitale signaalbewerking met Python</h1>
+
+<p style="text-align: center">
+  door
+  <a class="reference internal" href="content/about_author.html#author-chapter">
+    <span class="std std-ref">Dr. Marc Lichtman</span>
+  </a>
+  -
+  <a class="reference external" href="mailto:pysdr&#37;&#52;&#48;vt&#46;edu" rel="noopener noreferrer" target="_blank">
+    pysdr<span>&#64;</span>vt<span>&#46;</span>edu
+  </a>
+</p>
+
+<h4 style="line-height: 1.4">
+  Welkom bij PySDR, een gratis online boek (geen Python-bibliotheek!) dat met een een overvloed aan diagrammen, animaties en Python-codevoorbeelden een zachte introductie biedt tot draadloze communicatie en software-gedefinieerde-radio (SDR). Van FFT's tot filters tot digitale modulatie tot ontvangen en verzenden via SDR's in Python, PySDR heeft het allemaal!
+</h4>
+
+<h4 style="line-height: 1.4">
+  Het doel van PySDR is om de toegankelijkheid van onderwerpen die traditioneel met zware wiskunde in een aantal universiteiten worden behandeld, te vergroten. Alle inhoud die wordt gebruikt om PySDR te genereren, is open source en kun je 
+  <a class="reference external" href="https://github.com/777arc/PySDR" rel="noopener noreferrer" target="_blank">hier</a> vinden.
+</h4>
+
+<h4>
+  Zie
+  <a class="reference internal" href="content-nl/intro.html#intro-chapter"><span class="std std-ref">Hoofdstuk 1: Introductie</span></a>
+  voor het doel en de doelgroep van het boek.
+</h4>
+
+<h4>
+  Probeer eens te spelen met de onderstaande simulatie als voorproefje op RF signaalverwerking. De simulatie laat het frequentie- en tijdsdomein van een signaal zien dat bestaat uit een toon en witte Gaussische ruis.
+</h4>
+
+<div>
+  <input type="range" min="-0.4" max="0.4" step="0.0001" value="0.01" class="slider" id="freq" style="width:50%;"/>
+  <span id="freq_value"></span>
+  <label>[Hz] - Toonfrequentie</label>
+</div>
+<div>
+  <input type="range" min="-20" max="10" step="0.1" value="0" class="slider" id="noise_ampl_dB" style="width:50%;"/>
+  <span id="noise_value"></span>
+  <label>[dB] - Ruisamplitude</label>
+</div>
+<div>
+  <canvas width="2048" height="800" id="freq_plot" style="width: 66%; min-width: 512px; border: 0px; image-rendering: auto"></canvas>
+</div>
+<br />
+<br />
+<div>
+  <canvas width="2048" height="800" id="time_plot" style="width: 66%; min-width: 512px;  border: 0px; image-rendering: auto"></canvas>
+</div>
+
+<script>
+  const nl_labels = { "frequency"   : "Frequentie", 
+                      "time"        : "Tijd"
+                    };
+  homepage_app(nl_labels);
+</script>
+
+<br />