Add the images to the euclidian algorithm page

Author: ThijsRay

contents/euclidean_algorithm/euclidean_algorithm.md

@@ -55,6 +55,8 @@ The algorithm is a simple way to find the *greatest common divisor* (GCD) of two
 [import:1-13, lang="smalltalk"](code/smalltalk/euclid.st)
 {% sample lang="lolcode" %}
 [import:25-40, lang="LOLCODE"](code/lolcode/euclid.lol)
+{% sample lang="piet" %}
+> ![](code/piet/subtract/euclidian_algorithm_subtract_large.png) ![](code/piet/subtract/euclidian_algorithm_subtract.png)
 {% endmethod %}
 
 Here, we simply line the two numbers up every step and subtract the lower value from the higher one every timestep. Once the two values are equal, we call that value the greatest common divisor. A graph of `a` and `b` as they change every step would look something like this:
@@ -116,6 +118,8 @@ Modern implementations, though, often use the modulus operator (%) like so
 [import:15-25, lang="smalltalk"](code/smalltalk/euclid.st)
 {% sample lang="lolcode" %}
 [import:9-23, lang="LOLCODE"](code/lolcode/euclid.lol)
+{% sample lang="piet" %}
+> ![](code/piet/mod/euclidian_algorithm_mod_large.png) ![](code/piet/mod/euclidian_algorithm_mod.png)
 {% endmethod %}
 
 Here, we set `b` to be the remainder of `a%b` and `a` to be whatever `b` was last timestep. Because of how the modulus operator works, this will provide the same information as the subtraction-based implementation, but when we show `a` and `b` as they change with time, we can see that it might take many fewer steps:
@@ -185,6 +189,10 @@ and modulo method:
 [import, lang="smalltalk"](code/smalltalk/euclid.st)
 {% sample lang="lolcode" %}
 [import, lang="LOLCODE"](code/lolcode/euclid.lol)
+{% sample lang="piet" %}
+> ![](code/piet/subtract/euclidian_algorithm_subtract_large.png) ![](code/piet/subtract/euclidian_algorithm_subtract.png)
+
+> ![](code/piet/mod/euclidian_algorithm_mod_large.png) ![](code/piet/mod/euclidian_algorithm_mod.png)
 {% endmethod %}
 
 <script>