diff --git a/content/blog/modulo_patterns/pattern_1_4.svg b/content/blog/modulo_patterns/pattern_1_4.svg
new file mode 100644
index 0000000..550373c
--- /dev/null
+++ b/content/blog/modulo_patterns/pattern_1_4.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="220.0" height="200.0" 
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+
+<line x1="10" y1="169.99999999999997" x2="90.0" y2="169.99999999999997" style="stroke:black; stroke-width:5"/>
+<circle cx="90.0" cy="169.99999999999997" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="90.0" y1="169.99999999999997" x2="90.0" y2="190.0" style="stroke:black; stroke-width:5"/>
+<circle cx="90.0" cy="190.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="90.0" y1="190.0" x2="50.0" y2="190.0" style="stroke:black; stroke-width:5"/>
+<circle cx="50.0" cy="190.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="50.0" y1="190.0" x2="49.99999999999999" y2="130.0" style="stroke:black; stroke-width:5"/>
+<circle cx="49.99999999999999" cy="130.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="49.99999999999999" y1="130.0" x2="130.0" y2="130.0" style="stroke:black; stroke-width:5"/>
+<circle cx="130.0" cy="130.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="130.0" y1="130.0" x2="130.0" y2="149.99999999999997" style="stroke:black; stroke-width:5"/>
+<circle cx="130.0" cy="149.99999999999997" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="130.0" y1="149.99999999999997" x2="90.0" y2="150.0" style="stroke:black; stroke-width:5"/>
+<circle cx="90.0" cy="150.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="90.0" y1="150.0" x2="89.99999999999999" y2="89.99999999999999" style="stroke:black; stroke-width:5"/>
+<circle cx="89.99999999999999" cy="89.99999999999999" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="89.99999999999999" y1="89.99999999999999" x2="170.0" y2="89.99999999999999" style="stroke:black; stroke-width:5"/>
+<circle cx="170.0" cy="89.99999999999999" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="170.0" y1="89.99999999999999" x2="170.0" y2="110.0" style="stroke:black; stroke-width:5"/>
+<circle cx="170.0" cy="110.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="170.0" y1="110.0" x2="130.0" y2="110.0" style="stroke:black; stroke-width:5"/>
+<circle cx="130.0" cy="110.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="130.0" y1="110.0" x2="130.0" y2="50.0" style="stroke:black; stroke-width:5"/>
+<circle cx="130.0" cy="50.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="130.0" y1="50.0" x2="210.0" y2="50.0" style="stroke:black; stroke-width:5"/>
+<circle cx="210.0" cy="50.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="210.0" y1="50.0" x2="210.0" y2="70.0" style="stroke:black; stroke-width:5"/>
+<circle cx="210.0" cy="70.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="210.0" y1="70.0" x2="170.0" y2="70.0" style="stroke:black; stroke-width:5"/>
+<circle cx="170.0" cy="70.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="170.0" y1="70.0" x2="169.99999999999997" y2="10.0" style="stroke:black; stroke-width:5"/>
+<circle cx="169.99999999999997" cy="10.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+
+</svg>
\ No newline at end of file
diff --git a/content/blog/modulo_patterns/pattern_1_8.svg b/content/blog/modulo_patterns/pattern_1_8.svg
new file mode 100644
index 0000000..0931482
--- /dev/null
+++ b/content/blog/modulo_patterns/pattern_1_8.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="459.9999999999999" height="399.99999999999994" 
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+
+<line x1="10" y1="329.99999999999994" x2="170.0" y2="329.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="170.0" cy="329.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="170.0" y1="329.99999999999994" x2="170.0" y2="349.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="170.0" cy="349.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="170.0" y1="349.99999999999994" x2="130.0" y2="349.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="130.0" cy="349.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="130.0" y1="349.99999999999994" x2="130.0" y2="289.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="130.0" cy="289.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="130.0" y1="289.99999999999994" x2="210.0" y2="289.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="210.0" cy="289.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="210.0" y1="289.99999999999994" x2="210.0" y2="389.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="210.0" cy="389.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="210.0" y1="389.99999999999994" x2="90.0" y2="389.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="90.0" cy="389.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="90.0" y1="389.99999999999994" x2="89.99999999999997" y2="249.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="89.99999999999997" cy="249.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="89.99999999999997" y1="249.99999999999994" x2="249.99999999999997" y2="249.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="249.99999999999997" cy="249.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="249.99999999999997" y1="249.99999999999994" x2="249.99999999999997" y2="269.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="249.99999999999997" cy="269.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="249.99999999999997" y1="269.99999999999994" x2="209.99999999999997" y2="269.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="209.99999999999997" cy="269.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="209.99999999999997" y1="269.99999999999994" x2="209.99999999999997" y2="209.99999999999997" style="stroke:black; stroke-width:5"/>
+<circle cx="209.99999999999997" cy="209.99999999999997" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="209.99999999999997" y1="209.99999999999997" x2="289.99999999999994" y2="209.99999999999997" style="stroke:black; stroke-width:5"/>
+<circle cx="289.99999999999994" cy="209.99999999999997" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="289.99999999999994" y1="209.99999999999997" x2="289.99999999999994" y2="309.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="289.99999999999994" cy="309.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="289.99999999999994" y1="309.99999999999994" x2="169.99999999999997" y2="309.99999999999994" style="stroke:black; stroke-width:5"/>
+<circle cx="169.99999999999997" cy="309.99999999999994" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="169.99999999999997" y1="309.99999999999994" x2="169.99999999999994" y2="169.99999999999997" style="stroke:black; stroke-width:5"/>
+<circle cx="169.99999999999994" cy="169.99999999999997" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="169.99999999999994" y1="169.99999999999997" x2="329.99999999999994" y2="169.99999999999997" style="stroke:black; stroke-width:5"/>
+<circle cx="329.99999999999994" cy="169.99999999999997" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="329.99999999999994" y1="169.99999999999997" x2="329.99999999999994" y2="190.0" style="stroke:black; stroke-width:5"/>
+<circle cx="329.99999999999994" cy="190.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="329.99999999999994" y1="190.0" x2="289.99999999999994" y2="190.0" style="stroke:black; stroke-width:5"/>
+<circle cx="289.99999999999994" cy="190.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="289.99999999999994" y1="190.0" x2="289.99999999999994" y2="130.0" style="stroke:black; stroke-width:5"/>
+<circle cx="289.99999999999994" cy="130.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="289.99999999999994" y1="130.0" x2="369.99999999999994" y2="130.0" style="stroke:black; stroke-width:5"/>
+<circle cx="369.99999999999994" cy="130.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="369.99999999999994" y1="130.0" x2="369.99999999999994" y2="230.0" style="stroke:black; stroke-width:5"/>
+<circle cx="369.99999999999994" cy="230.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="369.99999999999994" y1="230.0" x2="249.99999999999994" y2="230.0" style="stroke:black; stroke-width:5"/>
+<circle cx="249.99999999999994" cy="230.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="249.99999999999994" y1="230.0" x2="249.9999999999999" y2="90.0" style="stroke:black; stroke-width:5"/>
+<circle cx="249.9999999999999" cy="90.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="249.9999999999999" y1="90.0" x2="409.9999999999999" y2="90.0" style="stroke:black; stroke-width:5"/>
+<circle cx="409.9999999999999" cy="90.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="409.9999999999999" y1="90.0" x2="409.9999999999999" y2="110.0" style="stroke:black; stroke-width:5"/>
+<circle cx="409.9999999999999" cy="110.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="409.9999999999999" y1="110.0" x2="369.9999999999999" y2="110.0" style="stroke:black; stroke-width:5"/>
+<circle cx="369.9999999999999" cy="110.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="369.9999999999999" y1="110.0" x2="369.9999999999999" y2="50.0" style="stroke:black; stroke-width:5"/>
+<circle cx="369.9999999999999" cy="50.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="369.9999999999999" y1="50.0" x2="449.9999999999999" y2="50.0" style="stroke:black; stroke-width:5"/>
+<circle cx="449.9999999999999" cy="50.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="449.9999999999999" y1="50.0" x2="449.9999999999999" y2="150.0" style="stroke:black; stroke-width:5"/>
+<circle cx="449.9999999999999" cy="150.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="449.9999999999999" y1="150.0" x2="329.9999999999999" y2="150.0" style="stroke:black; stroke-width:5"/>
+<circle cx="329.9999999999999" cy="150.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+<line x1="329.9999999999999" y1="150.0" x2="329.99999999999983" y2="10.0" style="stroke:black; stroke-width:5"/>
+<circle cx="329.99999999999983" cy="10.0" r="3" style="stroke:black; stroke-width:5" fill="black"/>
+
+</svg>
\ No newline at end of file