initial commit

author: cel 🌸 <cel@blos.sm> 2024-07-11 02:38:39 +0100
committer: cel 🌸 <cel@blos.sm> 2024-07-11 02:38:39 +0100
commit: 3a1d7848cb3ceb122b573737b4fba8106792ab5d (patch)
tree: 6fb0101f38ecd8d3e4fcae79dc96a01d24468951
download: infoculture.pub-3a1d7848cb3ceb122b573737b4fba8106792ab5d.tar.gz
infoculture.pub-3a1d7848cb3ceb122b573737b4fba8106792ab5d.tar.bz2
infoculture.pub-3a1d7848cb3ceb122b573737b4fba8106792ab5d.zip
53 files changed, 6944 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..65d7cc6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+_*
+.stack-work
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..2e8a40f
--- /dev/null
+++ b/about.md
@@ -0,0 +1,18 @@
+---
+title: about
+---
+
+<main role="main" class="panel">
+
+## hyper-bs statement
+
+> <span id="statement"><span class="infoculture">info<span class="bracket">{</span><span class="culture">culture</span><span class="bracket">}</span></span> is a <a id="public-license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">public</a> publication exploring our use of and connection with technology, as well as how we may best harness it with the intentions of artistic and social praxis.</span>
+
+focusing on:
+
+- educational materials, handing the powers for self-expression and independence within a global internet back to the user.
+- contextualising the cyber landscape as it is now.
+- existing, new and potential technologies for grassroots cultivation of online spaces.
+- platforming incredible netizens, artists, and projects that bring life to our world wide web.
+
+</main>
diff --git a/assets/atom.png b/assets/atom.png
new file mode 100644
index 0000000..3126c08
--- /dev/null
+++ b/assets/atom.png
diff --git a/assets/background.jpg b/assets/background.jpg
new file mode 100644
index 0000000..770ce92
--- /dev/null
+++ b/assets/background.jpg
diff --git a/assets/cc-by-nc-sa.png b/assets/cc-by-nc-sa.png
new file mode 100644
index 0000000..ff7d130
--- /dev/null
+++ b/assets/cc-by-nc-sa.png
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..4995c16
--- /dev/null
+++ b/assets/favicon.ico
diff --git a/assets/favicon.svg b/assets/favicon.svg
new file mode 100644
index 0000000..5ee0ba5
--- /dev/null
+++ b/assets/favicon.svg
@@ -0,0 +1,1852 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="20.923229mm"
+   height="22.054035mm"
+   viewBox="0 0 20.92323 22.054035"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="favicon.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="7.5595236"
+     inkscape:cx="55.757482"
+     inkscape:cy="15.477166"
+     inkscape:window-width="2536"
+     inkscape:window-height="1416"
+     inkscape:window-x="8"
+     inkscape:window-y="8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <rect
+       x="181.57478"
+       y="296.18369"
+       width="677.33429"
+       height="247.10555"
+       id="rect6" />
+    <rect
+       x="168.22507"
+       y="244.8264"
+       width="625.18646"
+       height="297.40457"
+       id="rect5" />
+    <rect
+       x="140.25639"
+       y="283.28021"
+       width="704.26453"
+       height="337.5874"
+       id="rect4" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-50.474126,-98.658895)">
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text4"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect4);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text5"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect5);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text6"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect6);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <g
+       id="g1"
+       transform="matrix(0.33764135,0,0,0.33764135,-107.17461,45.106025)">
+      <g
+         id="g3"
+         style="display:inline;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.511503;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(3.2928726,0,0,3.2928726,-1976.5364,-1437.3464)"
+         inkscape:label="flower">
+        <g
+           id="g2"
+           transform="matrix(1.017087,0,0,1.017087,742.29728,484.92532)"
+           style="fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1">
+          <rect
+             id="9-1"
+             x="8"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-1"
+             x="9"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-1"
+             x="10"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-2"
+             x="7"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-2"
+             x="8"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-2"
+             x="9"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-2"
+             x="10"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-2"
+             x="11"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-3"
+             x="7"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-3"
+             x="8"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-3"
+             x="9"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-3"
+             x="10"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-3"
+             x="11"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-3"
+             x="12"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-3"
+             x="13"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-3"
+             x="14"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-4"
+             x="3"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-4"
+             x="4"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-4"
+             x="7"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-4"
+             x="8"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-4"
+             x="9"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-4"
+             x="10"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-4"
+             x="11"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-4"
+             x="12"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-4"
+             x="13"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-4"
+             x="14"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-5"
+             x="2"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-5"
+             x="3"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-5"
+             x="4"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-5"
+             x="5"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-5"
+             x="7"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-5"
+             x="8"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-5"
+             x="9"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-5"
+             x="10"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-5"
+             x="11"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-5"
+             x="12"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-5"
+             x="13"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-5"
+             x="14"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-6"
+             x="1"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-6"
+             x="2"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-6"
+             x="3"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-6"
+             x="4"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-6"
+             x="5"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-6"
+             x="6"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-6"
+             x="7"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-6"
+             x="8"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-6"
+             x="9"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-6"
+             x="10"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-6"
+             x="11"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-6"
+             x="12"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-6"
+             x="13"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="1-7"
+             x="0"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-7"
+             x="1"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-7"
+             x="2"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-7"
+             x="3"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-7"
+             x="4"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-7"
+             x="5"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-7"
+             x="6"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-7"
+             x="7"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-7"
+             x="8"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-7"
+             x="9"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-7"
+             x="10"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-7"
+             x="11"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-7"
+             x="12"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-7"
+             x="14"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-7"
+             x="15"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-7"
+             x="16"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="1-8"
+             x="0"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-8"
+             x="1"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-8"
+             x="2"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-8"
+             x="3"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-8"
+             x="4"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-8"
+             x="5"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-8"
+             x="6"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-8"
+             x="7"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-8"
+             x="8"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-8"
+             x="9"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-8"
+             x="10"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-8"
+             x="11"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-8"
+             x="12"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-8"
+             x="13"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-8"
+             x="14"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-8"
+             x="15"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-8"
+             x="16"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-8"
+             x="17"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-9"
+             x="1"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-9"
+             x="2"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-9"
+             x="3"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-9"
+             x="4"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-9"
+             x="5"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-9"
+             x="6"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-9"
+             x="7"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-9"
+             x="8"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-9"
+             x="9"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-9"
+             x="10"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-9"
+             x="11"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-9"
+             x="12"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-9"
+             x="13"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-9"
+             x="14"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-9"
+             x="15"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-9"
+             x="16"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-9"
+             x="17"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-10"
+             x="3"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-10"
+             x="4"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-10"
+             x="5"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-10"
+             x="6"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-10"
+             x="7"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-10"
+             x="8"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-10"
+             x="9"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-10"
+             x="10"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-10"
+             x="11"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-10"
+             x="12"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-10"
+             x="13"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-10"
+             x="14"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-10"
+             x="15"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-10"
+             x="16"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-10"
+             x="17"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-11"
+             x="2"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-11"
+             x="3"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-11"
+             x="4"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-11"
+             x="5"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-11"
+             x="6"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-11"
+             x="7"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-11"
+             x="8"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-11"
+             x="9"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-11"
+             x="10"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-11"
+             x="11"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-11"
+             x="12"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-11"
+             x="13"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-11"
+             x="14"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-11"
+             x="15"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-11"
+             x="16"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-12"
+             x="1"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-12"
+             x="2"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-12"
+             x="3"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-12"
+             x="4"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-12"
+             x="5"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-12"
+             x="6"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-12"
+             x="7"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-12"
+             x="8"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-12"
+             x="9"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-12"
+             x="10"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-12"
+             x="11"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-12"
+             x="12"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-12"
+             x="13"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-12"
+             x="14"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-12"
+             x="15"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-12"
+             x="16"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-13"
+             x="1"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-13"
+             x="2"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-13"
+             x="3"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-13"
+             x="4"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-13"
+             x="5"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-13"
+             x="6"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-13"
+             x="7"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-13"
+             x="8"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-13"
+             x="9"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-13"
+             x="10"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-13"
+             x="11"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-13"
+             x="12"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-13"
+             x="13"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-13"
+             x="14"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-13"
+             x="15"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-13"
+             x="16"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-14"
+             x="1"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-14"
+             x="2"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-14"
+             x="3"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-14"
+             x="4"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-14"
+             x="5"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-14"
+             x="6"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-14"
+             x="7"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-14"
+             x="8"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-14"
+             x="9"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-14"
+             x="10"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-14"
+             x="11"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-14"
+             x="12"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-14"
+             x="13"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-15"
+             x="1"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-15"
+             x="2"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-15"
+             x="3"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-15"
+             x="4"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-15"
+             x="5"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-15"
+             x="6"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-15"
+             x="7"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-15"
+             x="8"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-15"
+             x="9"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-15"
+             x="10"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-15"
+             x="11"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-15"
+             x="12"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-15"
+             x="13"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-15"
+             x="14"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-16"
+             x="3"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-16"
+             x="4"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-16"
+             x="5"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-16"
+             x="6"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-16"
+             x="8"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-16"
+             x="9"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-16"
+             x="10"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-16"
+             x="11"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-16"
+             x="12"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-16"
+             x="13"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-16"
+             x="14"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-17"
+             x="3"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-17"
+             x="4"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-17"
+             x="5"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-17"
+             x="8"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-17"
+             x="9"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-17"
+             x="10"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-17"
+             x="11"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-17"
+             x="12"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-17"
+             x="13"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-17"
+             x="14"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-18"
+             x="8"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-18"
+             x="9"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-18"
+             x="10"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-18"
+             x="11"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-18"
+             x="12"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-19"
+             x="9"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-19"
+             x="10"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-19"
+             x="11"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/assets/list.svg b/assets/list.svg
new file mode 100644
index 0000000..9365d57
--- /dev/null
+++ b/assets/list.svg
@@ -0,0 +1,1852 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1em"
+   height="1em"
+   viewBox="0 0 20.92323 22.054035"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="favicon.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="7.5595236"
+     inkscape:cx="55.757482"
+     inkscape:cy="15.477166"
+     inkscape:window-width="2536"
+     inkscape:window-height="1416"
+     inkscape:window-x="8"
+     inkscape:window-y="8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <rect
+       x="181.57478"
+       y="296.18369"
+       width="677.33429"
+       height="247.10555"
+       id="rect6" />
+    <rect
+       x="168.22507"
+       y="244.8264"
+       width="625.18646"
+       height="297.40457"
+       id="rect5" />
+    <rect
+       x="140.25639"
+       y="283.28021"
+       width="704.26453"
+       height="337.5874"
+       id="rect4" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-50.474126,-98.658895)">
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text4"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect4);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text5"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect5);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text6"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect6);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <g
+       id="g1"
+       transform="matrix(0.33764135,0,0,0.33764135,-107.17461,45.106025)">
+      <g
+         id="g3"
+         style="display:inline;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.511503;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(3.2928726,0,0,3.2928726,-1976.5364,-1437.3464)"
+         inkscape:label="flower">
+        <g
+           id="g2"
+           transform="matrix(1.017087,0,0,1.017087,742.29728,484.92532)"
+           style="fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1">
+          <rect
+             id="9-1"
+             x="8"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-1"
+             x="9"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-1"
+             x="10"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-2"
+             x="7"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-2"
+             x="8"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-2"
+             x="9"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-2"
+             x="10"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-2"
+             x="11"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-3"
+             x="7"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-3"
+             x="8"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-3"
+             x="9"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-3"
+             x="10"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-3"
+             x="11"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-3"
+             x="12"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-3"
+             x="13"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-3"
+             x="14"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-4"
+             x="3"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-4"
+             x="4"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-4"
+             x="7"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-4"
+             x="8"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-4"
+             x="9"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-4"
+             x="10"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-4"
+             x="11"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-4"
+             x="12"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-4"
+             x="13"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-4"
+             x="14"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-5"
+             x="2"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-5"
+             x="3"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-5"
+             x="4"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-5"
+             x="5"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-5"
+             x="7"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-5"
+             x="8"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-5"
+             x="9"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-5"
+             x="10"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-5"
+             x="11"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-5"
+             x="12"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-5"
+             x="13"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-5"
+             x="14"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-6"
+             x="1"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-6"
+             x="2"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-6"
+             x="3"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-6"
+             x="4"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-6"
+             x="5"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-6"
+             x="6"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-6"
+             x="7"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-6"
+             x="8"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-6"
+             x="9"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-6"
+             x="10"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-6"
+             x="11"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-6"
+             x="12"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-6"
+             x="13"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="1-7"
+             x="0"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-7"
+             x="1"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-7"
+             x="2"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-7"
+             x="3"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-7"
+             x="4"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-7"
+             x="5"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-7"
+             x="6"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-7"
+             x="7"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-7"
+             x="8"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-7"
+             x="9"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-7"
+             x="10"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-7"
+             x="11"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-7"
+             x="12"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-7"
+             x="14"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-7"
+             x="15"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-7"
+             x="16"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="1-8"
+             x="0"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-8"
+             x="1"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-8"
+             x="2"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-8"
+             x="3"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-8"
+             x="4"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-8"
+             x="5"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-8"
+             x="6"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-8"
+             x="7"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-8"
+             x="8"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-8"
+             x="9"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-8"
+             x="10"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-8"
+             x="11"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-8"
+             x="12"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-8"
+             x="13"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-8"
+             x="14"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-8"
+             x="15"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-8"
+             x="16"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-8"
+             x="17"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-9"
+             x="1"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-9"
+             x="2"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-9"
+             x="3"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-9"
+             x="4"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-9"
+             x="5"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-9"
+             x="6"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-9"
+             x="7"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-9"
+             x="8"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-9"
+             x="9"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-9"
+             x="10"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-9"
+             x="11"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-9"
+             x="12"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-9"
+             x="13"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-9"
+             x="14"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-9"
+             x="15"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-9"
+             x="16"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-9"
+             x="17"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-10"
+             x="3"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-10"
+             x="4"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-10"
+             x="5"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-10"
+             x="6"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-10"
+             x="7"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-10"
+             x="8"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-10"
+             x="9"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-10"
+             x="10"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-10"
+             x="11"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-10"
+             x="12"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-10"
+             x="13"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-10"
+             x="14"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-10"
+             x="15"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-10"
+             x="16"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-10"
+             x="17"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-11"
+             x="2"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-11"
+             x="3"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-11"
+             x="4"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-11"
+             x="5"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-11"
+             x="6"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-11"
+             x="7"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-11"
+             x="8"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-11"
+             x="9"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-11"
+             x="10"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-11"
+             x="11"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-11"
+             x="12"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-11"
+             x="13"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-11"
+             x="14"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-11"
+             x="15"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-11"
+             x="16"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-12"
+             x="1"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-12"
+             x="2"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-12"
+             x="3"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-12"
+             x="4"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-12"
+             x="5"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-12"
+             x="6"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-12"
+             x="7"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-12"
+             x="8"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-12"
+             x="9"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-12"
+             x="10"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-12"
+             x="11"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-12"
+             x="12"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-12"
+             x="13"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-12"
+             x="14"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-12"
+             x="15"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-12"
+             x="16"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-13"
+             x="1"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-13"
+             x="2"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-13"
+             x="3"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-13"
+             x="4"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-13"
+             x="5"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-13"
+             x="6"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-13"
+             x="7"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-13"
+             x="8"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-13"
+             x="9"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-13"
+             x="10"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-13"
+             x="11"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-13"
+             x="12"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-13"
+             x="13"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-13"
+             x="14"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-13"
+             x="15"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-13"
+             x="16"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-14"
+             x="1"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-14"
+             x="2"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-14"
+             x="3"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-14"
+             x="4"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-14"
+             x="5"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-14"
+             x="6"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-14"
+             x="7"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-14"
+             x="8"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-14"
+             x="9"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-14"
+             x="10"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-14"
+             x="11"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-14"
+             x="12"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-14"
+             x="13"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-15"
+             x="1"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-15"
+             x="2"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-15"
+             x="3"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-15"
+             x="4"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-15"
+             x="5"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-15"
+             x="6"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-15"
+             x="7"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-15"
+             x="8"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-15"
+             x="9"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-15"
+             x="10"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-15"
+             x="11"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-15"
+             x="12"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-15"
+             x="13"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-15"
+             x="14"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-16"
+             x="3"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-16"
+             x="4"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-16"
+             x="5"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-16"
+             x="6"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-16"
+             x="8"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-16"
+             x="9"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-16"
+             x="10"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-16"
+             x="11"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-16"
+             x="12"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-16"
+             x="13"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-16"
+             x="14"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-17"
+             x="3"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-17"
+             x="4"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-17"
+             x="5"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-17"
+             x="8"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-17"
+             x="9"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-17"
+             x="10"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-17"
+             x="11"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-17"
+             x="12"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-17"
+             x="13"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-17"
+             x="14"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-18"
+             x="8"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-18"
+             x="9"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-18"
+             x="10"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-18"
+             x="11"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-18"
+             x="12"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-19"
+             x="9"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-19"
+             x="10"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-19"
+             x="11"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000..0a53429
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,1873 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="147.69315mm"
+   height="41.559315mm"
+   viewBox="0 0 147.69315 41.559315"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.3363476"
+     inkscape:cx="228.98233"
+     inkscape:cy="-62.857895"
+     inkscape:window-width="2560"
+     inkscape:window-height="1440"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="text1" />
+  <defs
+     id="defs1">
+    <rect
+       x="181.57478"
+       y="296.18369"
+       width="677.33429"
+       height="247.10555"
+       id="rect6" />
+    <rect
+       x="168.22507"
+       y="244.8264"
+       width="625.18646"
+       height="297.40457"
+       id="rect5" />
+    <rect
+       x="140.25639"
+       y="283.28021"
+       width="704.26453"
+       height="337.5874"
+       id="rect4" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-32.054321,-87.073755)">
+    <g
+       id="text1"
+       style="font-size:25.4px;font-family:Louise;-inkscape-font-specification:Louise;fill:#ffbc05;stroke:#06360f;stroke-width:1.323;paint-order:markers stroke fill"
+       aria-label="info{culture}">
+      <path
+         style="font-family:'Syne Mono';-inkscape-font-specification:'Syne Mono';fill:#6bc7df"
+         d="m 39.116621,101.65288 c 0,0.82973 -0.440267,1.2446 -1.3208,1.2446 -0.880534,0 -1.3208,-0.41487 -1.3208,-1.2446 0,-0.8128 0.440266,-1.2192 1.3208,-1.2192 0.880533,0 1.3208,0.4064 1.3208,1.2192 z m 1.4732,14.6558 c 1.185333,0 1.778,0.31327 1.778,0.9398 0,0.64347 -1.608667,0.9652 -4.826,0.9652 -3.217334,0 -4.826,-0.32173 -4.826,-0.9652 0,-0.62653 0.677333,-0.9398 2.032,-0.9398 1.354666,0 2.032,-1.48167 2.032,-4.445 0,-2.96333 -0.677334,-4.445 -2.032,-4.445 -1.354667,0 -2.032,-0.32173 -2.032,-0.9652 0,-0.62653 1.016,-0.9398 3.048,-0.9398 2.032,0 3.048,1.79493 3.048,5.3848 0,3.6068 0.592666,5.4102 1.778,5.4102 z m 13.13178,-11.049 1.8796,0.8382 1.2954,2.032 v 5.8674 c 0,2.81093 -0.338667,4.2164 -1.016,4.2164 -0.677334,0 -1.016,-1.3208 -1.016,-3.9624 v -6.9596 h -4.5466 l -1.8034,2.1844 c -0.237067,0.9144 -0.3556,2.5908 -0.3556,5.0292 0,2.47227 -0.338667,3.7084 -1.016,3.7084 -0.677333,0 -1.015999,-2.11667 -1.015999,-6.35 0,-4.23333 0.338666,-6.35 1.015999,-6.35 0.677333,0 1.016,0.62653 1.016,1.8796 0,1.27 0.1524,1.41393 0.4572,0.4318 l 2.286,-2.5654 z m 11.556981,-2.8448 v 2.7178 c 0,0.254 0.9144,0.381 2.7432,0.381 1.811866,0 2.7178,0.31327 2.7178,0.9398 0,0.64347 -0.905934,0.9652 -2.7178,0.9652 -0.61947,0 -1.134022,0.20595 -1.543659,0.61784 -0.799694,0.8041 -1.199541,2.39309 -1.199541,4.76696 0,3.6068 -0.338667,5.4102 -1.016,5.4102 -0.677334,0 -1.016,-1.8034 -1.016,-5.4102 0,-3.58987 -0.499534,-5.3848 -1.4986,-5.3848 -1.016,0 -1.524,-0.32173 -1.524,-0.9652 0,-0.62653 0.508,-0.9398 1.524,-0.9398 0.999066,0 1.4986,-0.127 1.4986,-0.381 v -2.5654 l 2.3114,-2.1336 h 3.7338 c 1.151466,0 1.7272,0.33867 1.7272,1.016 0,0.67733 -0.575734,1.016 -1.7272,1.016 h -1.8796 c -0.6604,-0.0169 -1.3716,-0.0339 -2.1336,-0.0508 z m 12.522182,16.0528 -2.5908,-1.6002 -1.4478,-2.9718 v -4.0132 l 1.4478,-2.9972 2.5908,-1.6256 h 3.3274 l 2.5654,1.6256 1.4478,2.9972 v 4.0132 l -1.4224,2.9718 -2.5654,1.6002 z m 3.3274,-1.9558 1.9812,-2.4384 v -4.3688 l -1.9812,-2.4892 h -3.302 l -2.032,2.4892 v 4.3688 l 2.0066,2.4384 z"
+         id="path9"
+         sodipodi:nodetypes="sssssssssssssssscccssscccsssssccccssssssssssssccssscccccccccccccccccccccccc" />
+      <path
+         style="fill:#06360f;stroke:none"
+         d="m 86.627239,127.99697 0.4572,-0.5588 c -1.7526,-0.9398 -1.8034,-3.9116 1.2446,-7.1628 1.8542,-1.9558 3.8862,-3.9116 4.1656,-6.2738 2.3622,-0.6096 3.3274,-4.5212 4.0132,-6.98502 1.219196,-4.29262 3.962381,-5.79123 5.664181,-4.41962 l 0.4572,-0.48261 c -2.0574,-1.8796 -5.435582,-0.2032 -6.857981,4.87683 -0.5588,2.03202 -1.7018,5.76582 -3.2258,6.04522 -0.2286,-2.413 -3.4036,-3.8608 -4.1656,-2.159 -0.5842,1.3208 1.3462,3.2004 3.2004,3.175 0.3048,1.3716 -2.1082,4.1148 -3.7338,5.715 -3.302,3.3274 -3.3782,7.0358 -1.2192,8.2296 z"
+         id="path10" />
+      <path
+         d="m 95.386013,127.64137 c 2.717799,0 4.08939,-1.651 6.603987,-4.4196 l 2.6924,-2.9464 -0.508,-0.508 -2.667,2.8956 c -2.311394,2.5146 -3.809985,4.2164 -5.994387,4.2418 -1.6002,0.0254 -2.4892,-2.3368 -1.27,-4.9022 2.794,-5.8674 6.527787,-4.9784 7.848587,-4.9784 0.8636,0 1.6256,-0.5588 1.6256,-1.2954 0,-0.7874 -0.4826,-1.2446 -1.6002,-1.2192 -2.336797,0.0508 -5.613387,1.016 -8.661387,7.493 -1.016,2.159 -0.6096,5.6388 1.9304,5.6388 z m 14.884387,-0.1524 c 0.9398,0 1.6764,-0.6604 2.7432,-1.8542 l 4.7244,-5.2832 -0.508,-0.508 -4.9022,5.4356 c -0.9906,1.1176 -1.397,1.4224 -2.0066,1.4224 -0.508,0 -0.6604,-0.889 0.0762,-2.159 l 5.588,-9.6774 -0.6604,-0.4064 -5.8928,10.2108 -0.0508,0.1016 c -0.8128,1.4224 -1.905,1.9304 -2.794,1.9304 -1.016,0 -1.2446,-1.4224 -0.635,-2.4892 l 4.2164,-7.2898 c 0.8636,-1.4732 0.3556,-2.413 -0.5588,-2.413 -0.9398,0 -1.6002,1.0414 -2.6416,2.1844 l -2.8448,3.1496 0.508,0.4826 3.1242,-3.4544 c 0.9398,-1.0414 1.3208,-1.5748 1.8034,-1.5748 0.3556,0 0.3302,0.5842 -0.1524,1.397 -1.4478,2.4892 -2.7178,4.6736 -3.9624,6.858 -1.2446,2.1844 -0.4318,3.937 0.9652,3.937 0.7366,0.0254 1.9812,-0.254 2.7432,-1.1176 0.1524,0.635 0.6096,1.1176 1.1176,1.1176 z m 7.67081,0.0254 c 1.2954,0 2.3622,-0.6096 3.9878,-2.413 l 4.2418,-4.7498 -0.508,-0.508 -4.3942,4.9022 c -0.9906,1.0922 -2.159,2.0066 -3.1496,2.0066 -1.0668,0 -1.1684,-1.3716 -0.4318,-2.5908 1.016,-1.7018 3.6576,-6.35 6.0198,-10.4902 l 7.8486,-8.68683 c 0.6858,-0.762 1.1684,-1.39701 1.1684,-2.26061 0,-0.83821 -0.8128,-1.42241 -1.6764,-1.39701 -0.7366,0.0254 -1.397,0.5588 -2.2098,1.98121 l -5.8928,10.21084 c -2.1844,2.3876 -4.7498,5.2578 -5.715,6.3246 l 0.508,0.508 3.5814,-4.0132 c -3.6576,6.2992 -3.81,6.5532 -4.3942,7.5946 -0.9906,1.778 -0.3556,3.5814 1.016,3.5814 z m 8.83922,0.4572 c 2.3622,0 5.1308,-3.6576 5.1308,-7.0104 0,-1.8796 -0.6604,-3.3274 -1.3462,-4.4196 l 1.651,-2.8702 0.2032,-0.254 h 6.1214 v -0.7112 h -5.5118 c 2.1844,-2.4384 6.3754,-6.22302 6.4262,-7.59463 0.0254,-0.8128 -0.4064,-1.3208 -1.1684,-1.2954 -0.9144,0.0254 -1.5748,0.5588 -2.2098,1.67641 l -4.1148,7.21362 h -1.0668 c -1.524,0 -2.667,0.2286 -2.667,1.3462 0,0.5334 0.4826,1.1176 1.0668,1.8796 l -3.6322,3.9116 0.508,0.4826 3.5052,-3.8862 0.0762,0.1016 -3.8354,6.6548 c -1.5748,2.7178 -1.1176,4.7752 0.8636,4.7752 z m -0.2032,-4.5212 3.6068,-6.223 c 0.5588,0.9398 1.016,2.159 1.016,3.7338 0,3.0226 -2.4638,6.35 -4.445,6.2992 -1.143,-0.0254 -1.651,-1.27 -0.1778,-3.81 z m 2.413,-9.398 c 0,-0.4064 0.4826,-0.635 1.905,-0.635 h 0.5588 l -0.6096,0.6858 -1.0668,1.2954 c -0.4572,-0.6096 -0.7874,-1.0414 -0.7874,-1.3462 z m 11.60782,13.4366 c 0.9398,0 1.6764,-0.6604 2.7432,-1.8542 l 4.7244,-5.2832 -0.508,-0.508 -4.9022,5.4356 c -0.9906,1.1176 -1.397,1.4224 -2.0066,1.4224 -0.508,0 -0.6604,-0.889 0.0762,-2.159 l 5.588,-9.6774 -0.6604,-0.4064 -5.8928,10.2108 -0.0508,0.1016 c -0.8128,1.4224 -1.905,1.9304 -2.794,1.9304 -1.016,0 -1.2446,-1.4224 -0.635,-2.4892 l 4.2164,-7.2898 c 0.8636,-1.4732 0.3556,-2.413 -0.5588,-2.413 -0.9398,0 -1.6002,1.0414 -2.6416,2.1844 l -2.8448,3.1496 0.508,0.4826 3.1242,-3.4544 c 0.9398,-1.0414 1.3208,-1.5748 1.8034,-1.5748 0.3556,0 0.3302,0.5842 -0.1524,1.397 -1.4478,2.4892 -2.7178,4.6736 -3.9624,6.858 -1.2446,2.1844 -0.4318,3.937 0.9652,3.937 0.7366,0.0254 1.9812,-0.254 2.7432,-1.1176 0.1524,0.635 0.6096,1.1176 1.1176,1.1176 z m 9.09322,0.0254 c 1.4224,0 2.5146,-1.27 3.8862,-2.794 0.4572,-0.508 1.1938,-1.27 2.2606,-2.5146 l 1.651,-1.8542 -0.508,-0.508 -2.0574,2.286 -2.0828,2.3114 c -1.1176,1.2446 -2.1336,2.3622 -3.1242,2.3622 -0.8382,0 -1.6764,-0.508 -1.7018,-1.905 -0.0508,-2.6162 3.3274,-4.6736 5.08,-5.7658 1.524,-0.9398 2.5654,-1.7018 2.5654,-3.0734 0,-0.7874 -0.6858,-1.5748 -1.6764,-1.5748 -0.7112,0 -1.651,0.0762 -2.9718,1.524 l -3.4544,3.8354 0.508,0.508 3.3274,-3.7084 c 1.0922,-1.2446 1.8542,-1.4224 2.5908,-1.4224 0.4826,0 0.889,0.4064 0.889,0.8382 0,0.9398 -0.8128,1.6256 -2.1844,2.4892 -1.1938,0.762 -5.461,3.0988 -5.461,6.3754 0,1.4732 1.016,2.5908 2.4638,2.5908 z m 7.59461,-0.0254 c 1.8034,0 3.3274,-1.1684 5.4356,-3.5052 l 3.2766,-3.6322 -0.508,-0.508 -3.3274,3.683 c -1.778,1.9812 -3.302,3.2004 -4.9022,3.2004 -0.7366,0 -1.2446,-0.7874 -1.27,-1.7526 -0.0254,-1.1176 0.4064,-2.9464 1.524,-4.5466 2.794,-0.7874 7.4168,-1.8034 7.493,-4.2926 0.0254,-1.0668 -0.762,-1.6256 -1.6256,-1.6256 -1.524,0 -3.6322,1.8034 -6.35,5.2324 -1.0922,1.397 -1.8034,3.429 -1.8034,5.3594 0,1.1938 0.6858,2.3876 2.0574,2.3876 z m 1.0668,-8.1026 c 2.9464,-3.2512 4.4196,-4.0386 5.08,-4.0386 0.381,0 0.7874,0.1778 0.7874,0.7874 0,1.4224 -3.4036,2.5146 -5.8674,3.2512 z"
+         id="path11" />
+      <path
+         style="fill:#06360f;stroke:none"
+         d="m 164.67725,127.43817 -0.4064,0.5334 c 2.2098,1.7018 5.4864,-0.254 6.4262,-5.4356 0.381,-2.0828 1.2192,-5.8928 2.6924,-6.2992 0.4318,2.3876 3.7338,3.556 4.3434,1.8034 0.4826,-1.3716 -1.6002,-3.0734 -3.4544,-2.8956 -0.4318,-1.3462 1.8034,-4.2164 3.2512,-5.9944 2.9718,-3.63222 2.7686,-7.28985 0.508,-8.30585 l -0.4064,0.5842 c 1.8288,0.78741 2.1336,3.75922 -0.635,7.23904 -1.6764,2.10821 -3.556,4.24181 -3.6322,6.60401 -2.286,0.8128 -2.8956,4.7752 -3.4036,7.2898 -0.889,4.3942 -3.4798,6.1214 -5.2832,4.8768 z"
+         id="path12" />
+    </g>
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text4"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect4);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text5"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect5);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text6"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Louise;-inkscape-font-specification:Louise;white-space:pre;shape-inside:url(#rect6);display:inline;fill:#ffbc05;stroke:#06360f;stroke-width:5.00032;paint-order:markers stroke fill" />
+    <g
+       id="g1"
+       transform="matrix(0.33764135,0,0,0.33764135,-69.358554,33.520885)">
+      <g
+         id="g3"
+         style="display:inline;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.511503;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(3.2928726,0,0,3.2928726,-1976.5364,-1437.3464)"
+         inkscape:label="flower">
+        <g
+           id="g2"
+           transform="matrix(1.017087,0,0,1.017087,742.29728,484.92532)"
+           style="fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1">
+          <rect
+             id="9-1"
+             x="8"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-1"
+             x="9"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-1"
+             x="10"
+             y="0"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-2"
+             x="7"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-2"
+             x="8"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-2"
+             x="9"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-2"
+             x="10"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-2"
+             x="11"
+             y="1"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-3"
+             x="7"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-3"
+             x="8"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-3"
+             x="9"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-3"
+             x="10"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-3"
+             x="11"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-3"
+             x="12"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-3"
+             x="13"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-3"
+             x="14"
+             y="2"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-4"
+             x="3"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-4"
+             x="4"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-4"
+             x="7"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-4"
+             x="8"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-4"
+             x="9"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-4"
+             x="10"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-4"
+             x="11"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-4"
+             x="12"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-4"
+             x="13"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-4"
+             x="14"
+             y="3"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-5"
+             x="2"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-5"
+             x="3"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-5"
+             x="4"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-5"
+             x="5"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-5"
+             x="7"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-5"
+             x="8"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-5"
+             x="9"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-5"
+             x="10"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-5"
+             x="11"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-5"
+             x="12"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-5"
+             x="13"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-5"
+             x="14"
+             y="4"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-6"
+             x="1"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-6"
+             x="2"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-6"
+             x="3"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-6"
+             x="4"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-6"
+             x="5"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-6"
+             x="6"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-6"
+             x="7"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-6"
+             x="8"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-6"
+             x="9"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-6"
+             x="10"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-6"
+             x="11"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-6"
+             x="12"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-6"
+             x="13"
+             y="5"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="1-7"
+             x="0"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-7"
+             x="1"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-7"
+             x="2"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-7"
+             x="3"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-7"
+             x="4"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-7"
+             x="5"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-7"
+             x="6"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-7"
+             x="7"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-7"
+             x="8"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-7"
+             x="9"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-7"
+             x="10"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-7"
+             x="11"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-7"
+             x="12"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-7"
+             x="14"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-7"
+             x="15"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-7"
+             x="16"
+             y="6"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="1-8"
+             x="0"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-8"
+             x="1"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-8"
+             x="2"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-8"
+             x="3"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-8"
+             x="4"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-8"
+             x="5"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-8"
+             x="6"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-8"
+             x="7"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-8"
+             x="8"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-8"
+             x="9"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-8"
+             x="10"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-8"
+             x="11"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-8"
+             x="12"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-8"
+             x="13"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-8"
+             x="14"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-8"
+             x="15"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-8"
+             x="16"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-8"
+             x="17"
+             y="7"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-9"
+             x="1"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-9"
+             x="2"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-9"
+             x="3"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-9"
+             x="4"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-9"
+             x="5"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-9"
+             x="6"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-9"
+             x="7"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-9"
+             x="8"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-9"
+             x="9"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-9"
+             x="10"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-9"
+             x="11"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-9"
+             x="12"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-9"
+             x="13"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-9"
+             x="14"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-9"
+             x="15"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-9"
+             x="16"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-9"
+             x="17"
+             y="8"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-10"
+             x="3"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-10"
+             x="4"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-10"
+             x="5"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-10"
+             x="6"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-10"
+             x="7"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-10"
+             x="8"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-10"
+             x="9"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-10"
+             x="10"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-10"
+             x="11"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-10"
+             x="12"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-10"
+             x="13"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-10"
+             x="14"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-10"
+             x="15"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-10"
+             x="16"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="18-10"
+             x="17"
+             y="9"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-11"
+             x="2"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-11"
+             x="3"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-11"
+             x="4"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-11"
+             x="5"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-11"
+             x="6"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-11"
+             x="7"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-11"
+             x="8"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-11"
+             x="9"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-11"
+             x="10"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-11"
+             x="11"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-11"
+             x="12"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-11"
+             x="13"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-11"
+             x="14"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-11"
+             x="15"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-11"
+             x="16"
+             y="10"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-12"
+             x="1"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-12"
+             x="2"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-12"
+             x="3"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-12"
+             x="4"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-12"
+             x="5"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-12"
+             x="6"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-12"
+             x="7"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-12"
+             x="8"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-12"
+             x="9"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-12"
+             x="10"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-12"
+             x="11"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-12"
+             x="12"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-12"
+             x="13"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-12"
+             x="14"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-12"
+             x="15"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-12"
+             x="16"
+             y="11"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-13"
+             x="1"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-13"
+             x="2"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-13"
+             x="3"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-13"
+             x="4"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-13"
+             x="5"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-13"
+             x="6"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-13"
+             x="7"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-13"
+             x="8"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-13"
+             x="9"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-13"
+             x="10"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-13"
+             x="11"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-13"
+             x="12"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-13"
+             x="13"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-13"
+             x="14"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="16-13"
+             x="15"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="17-13"
+             x="16"
+             y="12"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-14"
+             x="1"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-14"
+             x="2"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-14"
+             x="3"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-14"
+             x="4"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-14"
+             x="5"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-14"
+             x="6"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-14"
+             x="7"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-14"
+             x="8"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-14"
+             x="9"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-14"
+             x="10"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-14"
+             x="11"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-14"
+             x="12"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-14"
+             x="13"
+             y="13"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="2-15"
+             x="1"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="3-15"
+             x="2"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-15"
+             x="3"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-15"
+             x="4"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-15"
+             x="5"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-15"
+             x="6"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="8-15"
+             x="7"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-15"
+             x="8"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-15"
+             x="9"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-15"
+             x="10"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-15"
+             x="11"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-15"
+             x="12"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-15"
+             x="13"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-15"
+             x="14"
+             y="14"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-16"
+             x="3"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-16"
+             x="4"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-16"
+             x="5"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="7-16"
+             x="6"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-16"
+             x="8"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-16"
+             x="9"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-16"
+             x="10"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-16"
+             x="11"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-16"
+             x="12"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-16"
+             x="13"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-16"
+             x="14"
+             y="15"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="4-17"
+             x="3"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="5-17"
+             x="4"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="6-17"
+             x="5"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-17"
+             x="8"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-17"
+             x="9"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-17"
+             x="10"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-17"
+             x="11"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-17"
+             x="12"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="14-17"
+             x="13"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="15-17"
+             x="14"
+             y="16"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="9-18"
+             x="8"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-18"
+             x="9"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-18"
+             x="10"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-18"
+             x="11"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="13-18"
+             x="12"
+             y="17"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="10-19"
+             x="9"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="11-19"
+             x="10"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             id="12-19"
+             x="11"
+             y="18"
+             width="1"
+             height="1"
+             shape-rendering="crispEdges"
+             style="opacity:1;fill:#d1a2e7;fill-opacity:1;stroke:#800080;stroke-width:0.50291;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/contact.md b/contact.md
new file mode 100644
index 0000000..0800c3c
--- /dev/null
+++ b/contact.md
@@ -0,0 +1,13 @@
+---
+title: contact
+---
+
+<main role="main" class="panel">
+
+# contact
+
+please feel free to contact me if you have anything you feel would be a good fit for the publication. this could be something like web(-culture) related art if you are an artist, perhaps a cool project involving tech democratisation if you are developer, also suggestions, thoughts, really quite about anything! i'd love to hear from you.
+
+email: <a href="mailto:contact@infoculture.pub">contact@infoculture.pub</a>
+
+</main>
diff --git a/fonts/Redaction-Bold.woff2 b/fonts/Redaction-Bold.woff2
new file mode 100644
index 0000000..392d60d
--- /dev/null
+++ b/fonts/Redaction-Bold.woff2
diff --git a/fonts/Redaction-Italic.woff2 b/fonts/Redaction-Italic.woff2
new file mode 100644
index 0000000..1bd3c5c
--- /dev/null
+++ b/fonts/Redaction-Italic.woff2
diff --git a/fonts/Redaction-Regular.woff2 b/fonts/Redaction-Regular.woff2
new file mode 100644
index 0000000..d187654
--- /dev/null
+++ b/fonts/Redaction-Regular.woff2
diff --git a/fonts/Redaction_10-Bold.woff2 b/fonts/Redaction_10-Bold.woff2
new file mode 100644
index 0000000..c6bf1b1
--- /dev/null
+++ b/fonts/Redaction_10-Bold.woff2
diff --git a/fonts/Redaction_10-Italic.woff2 b/fonts/Redaction_10-Italic.woff2
new file mode 100644
index 0000000..1746de1
--- /dev/null
+++ b/fonts/Redaction_10-Italic.woff2
diff --git a/fonts/Redaction_10-Regular.woff2 b/fonts/Redaction_10-Regular.woff2
new file mode 100644
index 0000000..0095a6a
--- /dev/null
+++ b/fonts/Redaction_10-Regular.woff2
diff --git a/fonts/Redaction_100-Bold.woff2 b/fonts/Redaction_100-Bold.woff2
new file mode 100644
index 0000000..71e0a10
--- /dev/null
+++ b/fonts/Redaction_100-Bold.woff2
diff --git a/fonts/Redaction_100-Italic.woff2 b/fonts/Redaction_100-Italic.woff2
new file mode 100644
index 0000000..706d8ad
--- /dev/null
+++ b/fonts/Redaction_100-Italic.woff2
diff --git a/fonts/Redaction_100-Regular.woff2 b/fonts/Redaction_100-Regular.woff2
new file mode 100644
index 0000000..cdd97e8
--- /dev/null
+++ b/fonts/Redaction_100-Regular.woff2
diff --git a/fonts/Redaction_20-Bold.woff2 b/fonts/Redaction_20-Bold.woff2
new file mode 100644
index 0000000..c4e29e5
--- /dev/null
+++ b/fonts/Redaction_20-Bold.woff2
diff --git a/fonts/Redaction_20-Italic.woff2 b/fonts/Redaction_20-Italic.woff2
new file mode 100644
index 0000000..72fc206
--- /dev/null
+++ b/fonts/Redaction_20-Italic.woff2
diff --git a/fonts/Redaction_20-Regular.woff2 b/fonts/Redaction_20-Regular.woff2
new file mode 100644
index 0000000..adbe270
--- /dev/null
+++ b/fonts/Redaction_20-Regular.woff2
diff --git a/fonts/Redaction_35-Bold.woff2 b/fonts/Redaction_35-Bold.woff2
new file mode 100644
index 0000000..737e8be
--- /dev/null
+++ b/fonts/Redaction_35-Bold.woff2
diff --git a/fonts/Redaction_35-Italic.woff2 b/fonts/Redaction_35-Italic.woff2
new file mode 100644
index 0000000..18e54ff
--- /dev/null
+++ b/fonts/Redaction_35-Italic.woff2
diff --git a/fonts/Redaction_35-Regular.woff2 b/fonts/Redaction_35-Regular.woff2
new file mode 100644
index 0000000..52a9ff6
--- /dev/null
+++ b/fonts/Redaction_35-Regular.woff2
diff --git a/fonts/Redaction_50-Bold.woff2 b/fonts/Redaction_50-Bold.woff2
new file mode 100644
index 0000000..af22835
--- /dev/null
+++ b/fonts/Redaction_50-Bold.woff2
diff --git a/fonts/Redaction_50-Italic.woff2 b/fonts/Redaction_50-Italic.woff2
new file mode 100644
index 0000000..13e52f0
--- /dev/null
+++ b/fonts/Redaction_50-Italic.woff2
diff --git a/fonts/Redaction_50-Regular.woff2 b/fonts/Redaction_50-Regular.woff2
new file mode 100644
index 0000000..26ea348
--- /dev/null
+++ b/fonts/Redaction_50-Regular.woff2
diff --git a/fonts/Redaction_70-Bold.woff2 b/fonts/Redaction_70-Bold.woff2
new file mode 100644
index 0000000..929a599
--- /dev/null
+++ b/fonts/Redaction_70-Bold.woff2
diff --git a/fonts/Redaction_70-Italic.woff2 b/fonts/Redaction_70-Italic.woff2
new file mode 100644
index 0000000..e97449d
--- /dev/null
+++ b/fonts/Redaction_70-Italic.woff2
diff --git a/fonts/Redaction_70-Regular.woff2 b/fonts/Redaction_70-Regular.woff2
new file mode 100644
index 0000000..4ccafe4
--- /dev/null
+++ b/fonts/Redaction_70-Regular.woff2
diff --git a/fonts/flowerfont.ttf b/fonts/flowerfont.ttf
new file mode 100644
index 0000000..5f9910a
--- /dev/null
+++ b/fonts/flowerfont.ttf
diff --git a/fonts/louise.woff2 b/fonts/louise.woff2
new file mode 100644
index 0000000..a69cf15
--- /dev/null
+++ b/fonts/louise.woff2
diff --git a/fonts/syne-mono.woff2 b/fonts/syne-mono.woff2
new file mode 100644
index 0000000..85edfae
--- /dev/null
+++ b/fonts/syne-mono.woff2
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..cc90d6e
--- /dev/null
+++ b/index.html
@@ -0,0 +1 @@
+$partial("templates/thumbs.html")$
+\ No newline at end of file
diff --git a/infoculture-pub.cabal b/infoculture-pub.cabal
new file mode 100644
index 0000000..56ecf2e
--- /dev/null
+++ b/infoculture-pub.cabal
@@ -0,0 +1,12 @@
+name:               infoculture-pub
+version:            0.1.0.0
+build-type:         Simple
+cabal-version:      >= 1.10
+
+executable site
+  main-is:          site.hs
+  build-depends:    base == 4.*
+                  , filepath
+                  , hakyll == 4.16.*
+  ghc-options:      -threaded -rtsopts -with-rtsopts=-N
+  default-language: Haskell2010
diff --git a/posts/2015-08-12-spqr.md b/posts/2015-08-12-spqr.md
new file mode 100644
index 0000000..775b0d2
--- /dev/null
+++ b/posts/2015-08-12-spqr.md
@@ -0,0 +1,60 @@
+---
+title: S.P.Q.R.
+---
+
+asdfhskjf
+Mauris in lorem nisl. Maecenas tempus facilisis ante, eget viverra nisl
+tincidunt et. Donec turpis lectus, mattis ac malesuada a, accumsan eu libero.
+Morbi condimentum, tortor et tincidunt ullamcorper, sem quam pretium nulla, id
+convallis lectus libero nec turpis. Proin dapibus nisi id est sodales nec
+ultrices tortor pellentesque. Vivamus vel nisi ac lacus sollicitudin vulputate
+ac ut ligula. Nullam feugiat risus eget eros gravida in molestie sapien euismod.
+Nunc sed hendrerit orci. Nulla mollis consequat lorem ac blandit. Ut et turpis
+mauris. Nulla est odio, posuere id ullamcorper sit amet, tincidunt vel justo.
+Curabitur placerat tincidunt varius. Nulla vulputate, ipsum eu consectetur
+mollis, dui nibh aliquam neque, at ultricies leo ligula et arcu. Proin et mi
+eget tellus sodales lobortis. Sed tempor, urna vel pulvinar faucibus, lectus
+urna vehicula ante, at facilisis dolor odio at lorem. Morbi vehicula euismod
+urna, et imperdiet urna ornare vitae.
+
+Sed tincidunt sollicitudin ultrices. In hac habitasse platea dictumst. Morbi
+ligula lectus, egestas at ultricies nec, fringilla et tellus. Duis urna lorem,
+bibendum a ornare sed, euismod sed nunc. Aliquam tempor massa at velit fringilla
+fringilla. Praesent sit amet tempor felis. Maecenas id felis ac velit aliquam
+tempor a sit amet orci. Nunc placerat nulla pellentesque sem commodo cursus.
+Praesent quis sapien orci, quis ultricies augue. Nam vestibulum sem non augue
+semper tincidunt pellentesque ipsum volutpat. Duis congue, nunc a aliquam
+luctus, quam ante convallis nisi, ac pellentesque lacus orci vel turpis. Cum
+sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
+mus. Suspendisse hendrerit nisl eu felis sagittis faucibus. Nunc eu congue
+lorem. Quisque non nibh nisi, et ultrices massa. Sed vitae erat vitae nulla
+pellentesque fermentum.
+
+Ut diam nunc, consectetur ut ultrices eu, iaculis sed felis. Sed lacinia, odio
+et accumsan luctus, arcu ipsum accumsan erat, sit amet malesuada libero lacus et
+velit. Donec accumsan tristique tristique. Proin a metus magna, vitae mattis
+nisl. Integer a libero ipsum. Mauris faucibus eleifend metus id sodales. Morbi
+ornare, nibh nec facilisis imperdiet, turpis sem commodo lorem, id commodo
+mauris metus vitae justo. Etiam at pellentesque tortor. Proin mollis accumsan
+ligula, nec tempus augue auctor quis. Nulla lacinia, mi quis lobortis auctor,
+nisi diam posuere dui, pulvinar feugiat dui libero eget quam. Fusce eu risus
+nunc, a consectetur orci. Class aptent taciti sociosqu ad litora torquent per
+conubia nostra, per inceptos himenaeos. Maecenas venenatis aliquet orci, a
+ultricies sem facilisis eu. Donec dolor purus, porta condimentum convallis nec,
+dignissim nec libero.
+
+Etiam rutrum ultricies dui, et interdum metus elementum et. Nulla sapien nunc,
+interdum tristique porttitor in, laoreet vitae mi. Ut vehicula auctor mauris sit
+amet bibendum. Phasellus adipiscing mattis libero, eget adipiscing erat
+dignissim at. Vivamus convallis malesuada metus nec cursus. Ut cursus, lorem
+eleifend sollicitudin condimentum, felis tortor sodales augue, ac tempus lacus
+ipsum vitae quam. Vestibulum vitae lacus non tortor vehicula iaculis faucibus
+quis massa.
+
+Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
+mus. Duis malesuada neque nec ante porttitor accumsan. Suspendisse potenti.
+Aliquam in lacus magna, imperdiet laoreet lectus. Praesent id diam nec ante
+commodo rhoncus nec vel augue. Pellentesque tortor massa, dignissim ut sagittis
+sed, hendrerit vitae nunc. Nam gravida, urna vitae hendrerit rutrum, felis augue
+vulputate tortor, ut varius velit libero nec lectus. In adipiscing massa in est
+scelerisque ullamcorper. Vivamus in nisi metus.
diff --git a/posts/2015-10-07-rosa-rosa-rosam.md b/posts/2015-10-07-rosa-rosa-rosam.md
new file mode 100644
index 0000000..594442e
--- /dev/null
+++ b/posts/2015-10-07-rosa-rosa-rosam.md
@@ -0,0 +1,47 @@
+---
+title: Rosa Rosa Rosam
+author: Ovidius
+---
+
+asdhfk
+Suspendisse pharetra ullamcorper sem et auctor. Suspendisse vitae tellus eu
+turpis dignissim gravida ut ut tortor. Cum sociis natoque penatibus et magnis
+dis parturient montes, nascetur ridiculus mus. Morbi aliquam sapien quis nisl
+sodales non aliquet nisl iaculis. Curabitur fermentum orci vel sapien
+pellentesque id condimentum metus vehicula. Curabitur turpis purus, scelerisque
+at interdum quis, placerat sit amet tortor. Aliquam erat volutpat.
+
+Integer posuere felis non arcu suscipit ullamcorper. Nam tempus risus venenatis
+orci sagittis eu aliquam ante tincidunt. Aenean vehicula ipsum id sapien
+tincidunt commodo. Aliquam erat volutpat. Curabitur vehicula libero ac turpis
+cursus consectetur. Praesent posuere egestas purus et dapibus. Mauris egestas,
+lectus vitae scelerisque ultricies, metus lorem tempor nisi, sed vehicula tortor
+mauris nec urna. Quisque urna tellus, facilisis at mollis eget, adipiscing in
+nisl. Proin quam arcu, euismod et imperdiet sed, ultricies sed orci.
+
+Nulla malesuada sem eget lectus scelerisque nec rhoncus metus interdum. In dui
+felis, rhoncus id scelerisque eget, vulputate id sem. Nulla facilisi. Vestibulum
+eleifend, metus dignissim lacinia ornare, magna nulla vehicula nisi, sed
+molestie mauris ipsum vel turpis. Class aptent taciti sociosqu ad litora
+torquent per conubia nostra, per inceptos himenaeos. Nulla urna leo, vehicula
+eget dignissim a, hendrerit ut risus. Fusce ultricies elementum placerat. Nam at
+dolor sed nisi mollis sollicitudin vitae at urna. Vestibulum iaculis adipiscing
+eros et mollis.
+
+Phasellus ultricies elit eu risus sagittis eu dictum ante ultrices. Nulla
+congue, augue ac placerat tempor, orci mi luctus nisi, at varius ipsum sem sed
+eros. Vivamus eget velit eget felis posuere ornare. In sed metus non est iaculis
+facilisis dapibus sit amet enim. Aliquam viverra tortor eget neque volutpat in
+auctor urna rutrum. Aliquam ligula augue, congue sit amet rutrum in, semper vel
+nulla. Sed tempus porttitor faucibus. Donec cursus sodales nulla, quis lacinia
+mi vehicula vel. Sed nec purus orci. Nam leo sapien, rutrum a ultrices quis,
+placerat vel ligula. Donec massa quam, pellentesque et molestie nec, hendrerit
+id mauris. In hac habitasse platea dictumst. Cras quis quam sem. Curabitur in
+arcu diam, in interdum mauris.
+
+Proin lorem sapien, iaculis et faucibus nec, dictum sed nunc. Pellentesque in
+purus justo. Vestibulum facilisis rutrum nisi, a egestas nunc suscipit sed. Ut
+quis tortor a arcu bibendum placerat non sed ante. Praesent orci sem, posuere
+sit amet cursus molestie, volutpat ut purus. Curabitur aliquam, purus in
+pharetra viverra, lorem leo aliquam tellus, vel consequat felis neque et mauris.
+Aliquam erat volutpat.
diff --git a/posts/2015-11-28-carpe-diem.md b/posts/2015-11-28-carpe-diem.md
new file mode 100644
index 0000000..2c6e488
--- /dev/null
+++ b/posts/2015-11-28-carpe-diem.md
@@ -0,0 +1,51 @@
+---
+title: Carpe Diem
+---
+
+asdfjh
+Fusce tortor quam, egestas in posuere quis, porttitor vel turpis. Donec
+vulputate porttitor augue at rhoncus. Proin iaculis consectetur sagittis.
+Curabitur venenatis turpis sit amet purus tristique nec posuere risus laoreet.
+Nullam nisi sem, dapibus id semper id, egestas vel arcu. Morbi porttitor ipsum
+placerat erat consequat sed consequat purus feugiat. Donec auctor elit ut risus
+mattis facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+Proin vulputate sapien facilisis leo ornare pulvinar. Fusce tempus massa a risus
+semper iaculis. Suspendisse sollicitudin posuere nunc, sit amet rutrum leo
+facilisis mattis. Sed ornare auctor dui, vitae rutrum neque auctor sit amet.
+Proin ac dui magna. Mauris vehicula interdum augue, nec ultrices libero egestas
+quis. Nunc convallis euismod ipsum, id sollicitudin orci consequat ac. Fusce
+bibendum congue libero, in rutrum nulla congue non. Cras sit amet risus tortor,
+eu pellentesque dui. Phasellus euismod enim non nibh sodales quis consectetur
+lorem laoreet. Vivamus a egestas quam. Curabitur in tortor augue, vitae varius
+tellus. Integer varius, elit ac gravida suscipit, eros erat pellentesque nisi,
+et tristique augue odio id nulla. Aliquam sit amet nunc vel tellus hendrerit
+tempus ac vel sem.
+
+Aenean tincidunt sollicitudin sapien ut porttitor. Curabitur molestie adipiscing
+lorem vel scelerisque. Donec vitae interdum est. Proin rutrum vulputate
+faucibus. Suspendisse sit amet felis odio, non volutpat ante. Sed eu lectus
+quam. Curabitur tristique rhoncus est, vel commodo tortor suscipit semper.
+Maecenas feugiat vestibulum nisi id facilisis. Nulla non tincidunt libero.
+Praesent ultrices interdum commodo. Sed euismod nisl auctor leo ultrices rutrum.
+Aliquam nibh felis, congue molestie blandit at, bibendum at eros. Aenean
+tincidunt, tortor iaculis placerat sollicitudin, lorem justo tempor diam, et
+posuere sapien leo et magna. Quisque vel aliquam mauris.
+
+Proin varius tempus fermentum. Cum sociis natoque penatibus et magnis dis
+parturient montes, nascetur ridiculus mus. Sed tincidunt nunc id magna
+adipiscing non sollicitudin turpis tempor. Etiam vel elit ipsum, quis euismod
+velit. Quisque elementum magna vitae quam venenatis lacinia. Sed at arcu ipsum.
+Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
+himenaeos. Donec ut lorem ac sapien cursus lacinia sit amet mollis dolor.
+Vivamus tempus odio nec magna faucibus sed hendrerit lorem tempor.
+
+Vestibulum eu nisi arcu. Curabitur nisi risus, fermentum ut lacinia ut, interdum
+nec magna. Nunc aliquet gravida massa, eu aliquam lorem faucibus at. Sed
+sollicitudin volutpat velit id tempor. In nibh justo, pharetra et pretium
+dignissim, tempus in turpis. Phasellus eget lobortis nisl. Phasellus sed
+fermentum diam. Nam tempus pharetra odio, quis congue eros imperdiet eu. Aliquam
+dui eros, hendrerit et vulputate vel, porta eu eros. Nullam nisi dui, commodo
+eget pharetra ut, ornare sit amet nunc. Fusce vel neque urna. Maecenas nulla
+ante, egestas at consequat quis, fermentum a enim. Aliquam id tristique urna.
+Integer augue justo, scelerisque et consectetur id, rhoncus eget enim.
diff --git a/posts/2015-12-07-tu-quoque.md b/posts/2015-12-07-tu-quoque.md
new file mode 100644
index 0000000..e9b32a0
--- /dev/null
+++ b/posts/2015-12-07-tu-quoque.md
@@ -0,0 +1,64 @@
+---
+title: Tu Quoque
+thumbnail: '<iframe title="Lofenyy - The Sims Episode 13" src="https://spectra.video/videos/embed/e2289842-54b0-4a0a-b18f-c0522529f40d" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>'
+subtitle: this is the subtitle omg
+tags: lol, omg, slay
+author: celeste_🌸
+---
+
+asdf
+Vestibulum leo turpis, dignissim quis ultrices sit amet, iaculis ac ligula.
+Pellentesque tristique, velit eget scelerisque scelerisque, est dolor ultrices
+arcu, quis ullamcorper justo arcu luctus mauris. Integer congue molestie nisi id
+posuere. Fusce pellentesque gravida tempus. Integer viverra tortor nec eros
+mollis quis convallis sem laoreet. Nulla id libero ac erat varius laoreet. Proin
+sed est est. Curabitur lacinia fermentum lorem, elementum malesuada ipsum
+malesuada ut. Donec suscipit elit id leo vehicula mattis non sed leo. Morbi
+varius eleifend varius. Nulla vestibulum, neque vitae aliquam eleifend, nisi
+tellus placerat nunc, quis suscipit elit turpis eu tortor. Etiam euismod
+convallis lectus quis venenatis. Phasellus laoreet magna in nibh cursus eu
+egestas nulla convallis. Aliquam vel ullamcorper risus. Fusce dictum, massa id
+consequat viverra, nulla ante tristique est, a faucibus nisi enim nec dui. Donec
+metus ligula, condimentum at porttitor eget, lobortis at quam.
+
+<!--more-->
+
+Aenean vel libero in magna ultricies congue in a odio. Donec faucibus rutrum
+ornare. Fusce dictum eleifend fermentum. Vestibulum vel nibh a metus porttitor
+rhoncus. Pellentesque id quam neque, eget molestie arcu. Integer in elit vel
+neque viverra ultricies in eget massa. Nam ut convallis est. Pellentesque eros
+eros, sodales non vehicula et, tincidunt ut odio. Cras suscipit ultrices metus
+sit amet molestie. Fusce enim leo, vehicula sed sodales quis, adipiscing at
+ipsum.
+
+Nunc tempor dignissim enim, sed tincidunt eros bibendum quis. Curabitur et dolor
+augue, id laoreet mi. Nulla cursus felis id dui vehicula vitae ornare lorem
+blandit. Cras eget dui nec odio volutpat pharetra. Fusce hendrerit justo justo,
+vel imperdiet enim. Vivamus elit risus, interdum ultrices accumsan eleifend,
+vestibulum vitae sapien. Integer bibendum ullamcorper tristique. Nulla quis odio
+lectus, quis eleifend augue. Integer a ligula mauris. Aenean et tempus tortor.
+Quisque at tortor mi. Vivamus accumsan feugiat est a blandit. Sed vitae enim ut
+dolor semper sodales. Duis tristique, ante et placerat elementum, nulla tellus
+pellentesque sapien, quis posuere velit mi eget nulla. Sed vestibulum nunc non
+est porttitor ut rutrum nibh semper. Pellentesque habitant morbi tristique
+senectus et netus et malesuada fames ac turpis egestas.
+
+Nulla adipiscing ultricies lobortis. Vivamus iaculis nisl vitae tellus laoreet
+vitae aliquet lacus mollis. Phasellus ut lacus urna, sed sagittis ante. Etiam
+consectetur pretium nisl sed dignissim. Pellentesque convallis, nisl eget
+commodo mollis, sem magna consequat arcu, sed pretium ipsum arcu sit amet neque.
+Aliquam erat volutpat. Morbi sed mi sed urna vestibulum placerat vitae vel
+metus. Fusce ac ante at justo pharetra vehicula. Vivamus vel tortor eget augue
+aliquet aliquet at vel odio. Nunc venenatis, magna quis facilisis fringilla,
+augue tellus varius neque, in vulputate est eros ut tortor. Duis lorem neque,
+aliquam congue posuere id, condimentum non dui. Phasellus ut dui massa,
+porttitor suscipit augue. Praesent quis tellus quam, vel volutpat metus. Vivamus
+enim est, aliquam in imperdiet et, sagittis eu ligula. Vestibulum hendrerit
+placerat orci et aliquet. Cras pharetra, dolor placerat lobortis tempor, metus
+odio cursus ligula, et posuere lacus ligula quis dui.
+
+Donec a lectus eu nibh malesuada aliquam. Proin at metus quam, et tincidunt leo.
+Quisque lacus justo, scelerisque sodales pulvinar sed, dignissim ut sapien.
+Vivamus diam felis, adipiscing sollicitudin ultricies id, accumsan ac felis. In
+eu posuere ligula. Suspendisse potenti. Donec porttitor dictum dui id vehicula.
+Integer ante velit, congue id dictum et, adipiscing a tortor.
diff --git a/site.hs b/site.hs
new file mode 100644
index 0000000..b8ad4b3
--- /dev/null
+++ b/site.hs
@@ -0,0 +1,161 @@
+--------------------------------------------------------------------------------
+{-# LANGUAGE OverloadedStrings #-}
+import           Data.Monoid (mappend)
+import           System.FilePath ((</>), (<.>), splitExtension, splitFileName, takeDirectory)
+import           Hakyll
+
+
+--------------------------------------------------------------------------------
+main :: IO ()
+main = hakyll $ do
+    match "assets/*" $ do
+        route   idRoute
+        compile copyFileCompiler
+
+    match "fonts/*" $ do
+        route   idRoute
+        compile copyFileCompiler
+
+    match "files/*" $ do
+        route   idRoute
+        compile copyFileCompiler
+
+
+    match "style.css" $ do
+        route   idRoute
+        compile compressCssCompiler
+
+    match (fromList ["about.md", "contact.md"]) $ do
+        route   $ setExtension "html" `composeRoutes` appendIndex
+        compile $ pandocCompiler
+            >>= loadAndApplyTemplate "templates/base.html" defaultContext
+            >>= relativizeUrls
+
+    -- build up tags
+    tags <- buildTags "posts/*" (fromCapture "tags/*.html")
+    tagsRules tags $ \tag pattern -> do
+        let title = "posts tagged \"" ++ tag ++ "\""
+        route appendIndex
+        compile $ do
+            posts <- recentFirst =<< loadAll pattern
+            let ctx = constField "title" title
+                      `mappend` listField "posts" (postCtxWithTags tags) (return posts)
+                      `mappend` defaultContext
+
+            makeItem ""
+                >>= loadAndApplyTemplate "templates/tag.html" ctx
+                >>= loadAndApplyTemplate "templates/base.html" ctx
+                >>= relativizeUrls
+
+    match "posts/*" $ do
+        route $ setExtension "html" `composeRoutes`
+                dateFolders         `composeRoutes`
+                appendIndex
+        compile $ pandocCompiler
+            >>= saveSnapshot "article-text"
+            >>= loadAndApplyTemplate "templates/post.html" (postCtxWithTags tags)
+            >>= saveSnapshot "content"
+            >>= loadAndApplyTemplate "templates/base.html" (postCtxWithTags tags)
+            >>= relativizeUrls
+
+    match "posts/*" $ version "raw" $ do
+        route   idRoute
+        compile getResourceBody
+
+    create ["archives.html"] $ do
+        route appendIndex
+        compile $ do
+            posts <- recentFirst =<< loadAll ("posts/*" .&&. hasNoVersion)
+            let archiveCtx =
+                    listField "posts" postCtx (return posts) `mappend`
+                    constField "title" "archives"            `mappend`
+                    defaultContext
+
+            makeItem ""
+                >>= loadAndApplyTemplate "templates/archives.html" archiveCtx
+                >>= loadAndApplyTemplate "templates/base.html" archiveCtx
+                >>= relativizeUrls
+
+
+    match "index.html" $ do
+        route idRoute
+        compile $ do
+            posts <- recentFirst =<< loadAllSnapshots ("posts/*" .&&. hasNoVersion) "article-text"
+            let indexCtx =
+                    listField "posts" postCtx (return posts) `mappend`
+                    defaultContext
+
+            getResourceBody
+                >>= applyAsTemplate indexCtx
+                >>= loadAndApplyTemplate "templates/base.html" indexCtx
+                >>= relativizeUrls
+
+    match "templates/*" $ compile templateBodyCompiler
+
+    create ["feed.xml"] $ do
+        route idRoute
+        compile $ do
+            let feedCtx = postCtx `mappend` bodyField "description"
+            posts <- fmap (take 10) . recentFirst =<<
+                loadAllSnapshots ("posts/*" .&&. hasNoVersion) "content"
+            renderAtom feedConfig feedCtx posts
+
+    create ["sitemap.xml"] $ do
+        route idRoute
+        compile $ do
+            -- load and sort the posts
+            posts <- recentFirst =<< loadAll "posts/*"
+
+            -- load individual pages from a list (globs DO NOT work here)
+            singlePages <- loadAll (fromList ["about.md", "contact.md", "archives.html", "feed.xml"])
+
+                           -- mappend the posts and singlePages together
+            let pages = posts <> singlePages
+
+                           -- create the `pages` field with the postCtx
+                           -- and return the `pages` value for it
+                sitemapCtx = 
+                    constField "root" root <>
+                    listField "pages" postCtx (return pages)
+
+            -- make the item and apply our sitemap template
+            makeItem ""
+                >>= loadAndApplyTemplate "templates/sitemap.xml" sitemapCtx
+
+
+--------------------------------------------------------------------------------
+postCtx :: Context String
+postCtx =
+    constField "root" root      `mappend`
+    dateField "date" "%Y-%m-%d" `mappend`
+    dropIndexHtml "url"         `mappend`
+    defaultContext
+
+postCtxWithTags :: Tags -> Context String
+postCtxWithTags tags = tagsField "tags" tags `mappend` postCtx
+
+appendIndex :: Routes
+appendIndex = customRoute $
+    (\(p, e) -> p </> "index" <.> e) . splitExtension . toFilePath
+
+dropIndexHtml :: String -> Context a
+dropIndexHtml key = mapContext transform (urlField key) where
+    transform url = case splitFileName url of
+                        (p, "index.html") -> takeDirectory p
+                        _                 -> url
+
+dateFolders :: Routes
+dateFolders =
+    gsubRoute "/[0-9]{4}-[0-9]{2}-[0-9]{2}-" $ replaceAll "-" (const "/")
+
+root :: String
+root = "https://infoculture.pub"
+
+feedConfig :: FeedConfiguration
+feedConfig = FeedConfiguration
+    { feedTitle = "info{culture}"
+    , feedDescription = "cultivating informatics"
+    , feedAuthorName = "cel ❀"
+    , feedAuthorEmail = "cel@infoculture.pub"
+    , feedRoot = "https://infoculture.pub"
+    }
diff --git a/stack.yaml b/stack.yaml
new file mode 100644
index 0000000..5c09c2f
--- /dev/null
+++ b/stack.yaml
@@ -0,0 +1,67 @@
+# This file was automatically generated by 'stack init'
+#
+# Some commonly used options have been documented as comments in this file.
+# For advanced use and comprehensive documentation of the format, please see:
+# https://docs.haskellstack.org/en/stable/yaml_configuration/
+
+# Resolver to choose a 'specific' stackage snapshot or a compiler version.
+# A snapshot resolver dictates the compiler version and the set of packages
+# to be used for project dependencies. For example:
+#
+# resolver: lts-22.21
+# resolver: nightly-2024-05-06
+# resolver: ghc-9.6.5
+#
+# The location of a snapshot can be provided as a file or url. Stack assumes
+# a snapshot provided as a file might change, whereas a url resource does not.
+#
+# resolver: ./custom-snapshot.yaml
+# resolver: https://example.com/snapshots/2023-01-01.yaml
+resolver:
+  url: https://raw.githubusercontent.com/commercialhaskell/stackage-snapshots/master/lts/22/28.yaml
+
+# User packages to be built.
+# Various formats can be used as shown in the example below.
+#
+# packages:
+# - some-directory
+# - https://example.com/foo/bar/baz-0.0.2.tar.gz
+#   subdirs:
+#   - auto-update
+#   - wai
+packages:
+- .
+# Dependency packages to be pulled from upstream that are not in the resolver.
+# These entries can reference officially published versions as well as
+# forks / in-progress versions pinned to a git hash. For example:
+#
+# extra-deps:
+# - acme-missiles-0.3
+# - git: https://github.com/commercialhaskell/stack.git
+#   commit: e7b331f14bcffb8367cd58fbfc8b40ec7642100a
+#
+# extra-deps: []
+
+# Override default flag values for local packages and extra-deps
+# flags: {}
+
+# Extra package databases containing global packages
+# extra-package-dbs: []
+
+# Control whether we use the GHC we find on the path
+# system-ghc: true
+#
+# Require a specific version of Stack, using version ranges
+# require-stack-version: -any # Default
+# require-stack-version: ">=2.15"
+#
+# Override the architecture used by Stack, especially useful on Windows
+# arch: i386
+# arch: x86_64
+#
+# Extra directories used by Stack for building
+# extra-include-dirs: [/path/to/dir]
+# extra-lib-dirs: [/path/to/dir]
+#
+# Allow a newer minor version of GHC than the snapshot specifies
+# compiler-check: newer-minor
diff --git a/stack.yaml.lock b/stack.yaml.lock
new file mode 100644
index 0000000..d38dbd9
--- /dev/null
+++ b/stack.yaml.lock
@@ -0,0 +1,13 @@
+# This file was autogenerated by Stack.
+# You should not edit this file by hand.
+# For more information, please see the documentation at:
+#   https://docs.haskellstack.org/en/stable/lock_files
+
+packages: []
+snapshots:
+- completed:
+    sha256: 87da71cb0ae9ee1ea1bf51a8eb9812f39f779be76abc0a3c926defd8afda05d1
+    size: 719139
+    url: https://raw.githubusercontent.com/commercialhaskell/stackage-snapshots/master/lts/22/28.yaml
+  original:
+    url: https://raw.githubusercontent.com/commercialhaskell/stackage-snapshots/master/lts/22/28.yaml
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e562bca
--- /dev/null
+++ b/style.css
@@ -0,0 +1,673 @@
+html {
+  font-size: 14pt;
+  background-image: url("/assets/background.jpg");
+  background-size: cover;
+  background-attachment: fixed;
+  width: 100vw;
+  height: 100vh;
+  color: #e3b69b;
+  background-color: #06360f;
+  font-family: 'Flowerfont', Redaction;
+}
+
+* {
+  word-break: break-word !important;
+  overflow-wrap: break-word !important;
+}
+
+body {
+  margin: 10vh auto;
+  padding: 2vw;
+  max-width: 1200px;
+}
+
+h1 {
+  font-size: 2.5rem;
+}
+
+h1,
+blockquote {
+  font-family: 'Flowerfont', 'Syne Mono';
+  color: #6bc7df
+}
+
+h2 {
+  font-size: 1.5rem;
+  font-family: 'Flowerfont', Louise;
+  color: #ffbc05;
+}
+
+h3 {
+  font-family: 'Flowerfont', 'Syne Mono';
+}
+
+ul {
+  list-style-image: url("/assets/list.svg");
+}
+
+pre {
+  width: 100%;
+  white-space: pre-wrap;
+  overflow: auto;
+  border: 1px solid #e8cdcf;
+}
+
+.meta {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.meta h2,
+.meta h3 {
+  margin: 0;
+}
+
+.post-list {
+  font-family: 'Syne Mono';
+  /* text-shadow: 0px 0px 2px #e3b69b; */
+  filter: drop-shadow(0px 0px 2px #e3b69b);
+}
+
+.post-list a:hover {
+  /* text-shadow: 0px 0px 4px #e3b69b; */
+  filter: drop-shadow(0px 0px 1px #e3b69b);
+}
+
+#public-license:hover {
+  position: relative;
+}
+
+#public-license:hover:after {
+  content: url("/assets/cc-by-nc-sa.png");
+  /* no need for qoutes */
+  display: block;
+  position: absolute;
+  left: 0px;
+  /* change this value to one that suits you */
+  top: -31px;
+  /* change this value to one that suits you */
+}
+
+#statement {
+  font-size: 2rem;
+}
+
+#statement .infoculture {
+  text-shadow: 0px 0px 4px #e3b69b;
+}
+
+#statement .bracket {
+  color: #06360f;
+  font-family: 'Louise';
+}
+
+#statement .culture {
+  color: #ffbc05;
+  font-family: 'Louise';
+}
+
+header img {
+  filter: drop-shadow(0px 0px 1px #e3b69b);
+  max-width: 80vw;
+}
+
+nav {
+  filter: drop-shadow(0px 0px 4px #e3b69b);
+  background-color: #06360f;
+  border: 4px groove #800080;
+  padding: 1vw;
+  margin-bottom: 2vw;
+}
+
+nav ul {
+  display: flex;
+  /* justify-content: flex-end; */
+  /* justify-content: space-between; */
+  gap: 2vw;
+  list-style: none;
+  list-style-image: none;
+  padding-left: 0;
+  margin: 0;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+#atom-badge {
+  flex-grow: 1;
+}
+
+#atom-badge a {
+  float: right;
+}
+
+.title {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 0 1em;
+}
+
+.title * {
+  margin: 0;
+}
+
+.thumbs {
+  display: flex;
+  /* flex-direction: column; */
+  /* justify-content: space-around; */
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 2vw;
+}
+
+.thumb {
+  flex: 1 1 auto;
+}
+
+.thumb-title a {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0em 1em;
+  align-items: baseline;
+  justify-content: flex-end;
+  filter: drop-shadow(0px 0px 1px #e3b69b);
+}
+
+.thumb-title a>* {
+  color: #d1a2e7;
+  margin: 0;
+}
+
+.thumb-title a h3 {
+  float: right;
+}
+
+.thumb-title a:hover {
+  filter: drop-shadow(0px 0px 2px #e3b69b);
+}
+
+#atom-badge {
+  font-size: 1px;
+}
+
+article {
+  display: flex;
+  flex-direction: column;
+  /* align-items: center; */
+  gap: 2vw;
+}
+
+.thumb.panel {
+  padding: 2vw;
+  /* margin: auto; */
+}
+
+.thumbnail {
+  filter: drop-shadow(0px 0px 4px #e3b69b);
+  border: 4px groove #800080;
+  padding: 0vw;
+}
+
+.thumbnail>* {
+  width: 100%;
+  height: 100%;
+}
+
+.panel {
+  filter: drop-shadow(0px 0px 4px #e3b69b);
+  background-color: #06360f;
+  border: 4px groove #800080;
+  padding: 8vw;
+}
+
+a {
+  color: #d1a2e7;
+}
+
+/**************/
+/*            */
+/*    code    */
+/*            */
+/**************/
+/* https://github.com/jaspervdj/hakyll/blob/master/web/css/syntax.css */
+
+a.sourceLine {
+  display: inline-block;
+  line-height: 1.25;
+}
+
+a.sourceLine {
+  pointer-events: none;
+  color: inherit;
+  text-decoration: inherit;
+}
+
+a.sourceLine:empty {
+  height: 1.2em;
+}
+
+.sourceCode {
+  overflow: visible;
+}
+
+code.sourceCode {
+  white-space: pre;
+  position: relative;
+}
+
+div.sourceCode {
+  margin: 1em 0;
+}
+
+pre.sourceCode {
+  margin: 0;
+}
+
+@media screen {
+  div.sourceCode {
+    overflow: auto;
+  }
+}
+
+@media print {
+  code.sourceCode {
+    white-space: pre-wrap;
+  }
+
+  a.sourceLine {
+    text-indent: -1em;
+    padding-left: 1em;
+  }
+}
+
+pre.numberSource a.sourceLine {
+  position: relative;
+  left: -4em;
+}
+
+pre.numberSource a.sourceLine::before {
+  content: attr(title);
+  position: relative;
+  left: -1em;
+  text-align: right;
+  vertical-align: baseline;
+  border: none;
+  pointer-events: all;
+  display: inline-block;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  padding: 0 4px;
+  width: 4em;
+  color: #aaaaaa;
+}
+
+pre.numberSource {
+  margin-left: 3em;
+  border-left: 1px solid #aaaaaa;
+  padding-left: 4px;
+}
+
+div.sourceCode {}
+
+@media screen {
+  a.sourceLine::before {
+    text-decoration: underline;
+  }
+}
+
+code span.al {
+  color: #ff0000;
+  font-weight: bold;
+}
+
+/* Alert */
+code span.an {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+}
+
+/* Annotation */
+code span.at {
+  color: #7d9029;
+}
+
+/* Attribute */
+code span.bn {
+  color: #40a070;
+}
+
+/* BaseN */
+code span.bu {}
+
+/* BuiltIn */
+code span.cf {
+  color: #007020;
+  font-weight: bold;
+}
+
+/* ControlFlow */
+code span.ch {
+  color: #4070a0;
+}
+
+/* Char */
+code span.cn {
+  color: #880000;
+}
+
+/* Constant */
+code span.co {
+  color: #60a0b0;
+  font-style: italic;
+}
+
+/* Comment */
+code span.cv {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+}
+
+/* CommentVar */
+code span.do {
+  color: #ba2121;
+  font-style: italic;
+}
+
+/* Documentation */
+code span.dt {
+  color: #902000;
+}
+
+/* DataType */
+code span.dv {
+  color: #40a070;
+}
+
+/* DecVal */
+code span.er {
+  color: #ff0000;
+  font-weight: bold;
+}
+
+/* Error */
+code span.ex {}
+
+/* Extension */
+code span.fl {
+  color: #40a070;
+}
+
+/* Float */
+code span.fu {
+  color: #06287e;
+}
+
+/* Function */
+code span.im {}
+
+/* Import */
+code span.in {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+}
+
+/* Information */
+code span.kw {
+  color: #007020;
+  font-weight: bold;
+}
+
+/* Keyword */
+code span.op {
+  color: #666666;
+}
+
+/* Operator */
+code span.ot {
+  color: #007020;
+}
+
+/* Other */
+code span.pp {
+  color: #bc7a00;
+}
+
+/* Preprocessor */
+code span.sc {
+  color: #4070a0;
+}
+
+/* SpecialChar */
+code span.ss {
+  color: #bb6688;
+}
+
+/* SpecialString */
+code span.st {
+  color: #4070a0;
+}
+
+/* String */
+code span.va {
+  color: #19177c;
+}
+
+/* Variable */
+code span.vs {
+  color: #4070a0;
+}
+
+/* VerbatimString */
+code span.wa {
+  color: #60a0b0;
+  font-weight: bold;
+  font-style: italic;
+}
+
+/* Warning */
+
+/***************/
+/*             */
+/*    fonts    */
+/*             */
+/***************/
+
+@font-face {
+  font-family: 'Flowerfont';
+  src: url('/fonts/flowerfont.ttf');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Syne Mono';
+  src: url('/fonts/syne-mono.woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Louise';
+  src: url('/fonts/louise.woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction';
+  src: url('/fonts/Redaction-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 10';
+  src: url('/fonts/Redaction_10-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 50';
+  src: url('/fonts/Redaction_50-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 70';
+  src: url('/fonts/Redaction_70-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction';
+  src: url('/fonts/Redaction-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction';
+  src: url('/fonts/Redaction-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 10';
+  src: url('/fonts/Redaction_10-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 35';
+  src: url('/fonts/Redaction_35-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 50';
+  src: url('/fonts/Redaction_50-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 70';
+  src: url('/fonts/Redaction_70-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 20';
+  src: url('/fonts/Redaction_20-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 100';
+  src: url('/fonts/Redaction_100-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 50';
+  src: url('/fonts/Redaction_50-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 100';
+  src: url('/fonts/Redaction_100-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 35';
+  src: url('/fonts/Redaction_35-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 20';
+  src: url('/fonts/Redaction_20-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 10';
+  src: url('/fonts/Redaction_10-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 35';
+  src: url('/fonts/Redaction_35-Italic.woff2') format('woff2');
+  font-weight: normal;
+  font-style: italic;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 100';
+  src: url('/fonts/Redaction_100-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 70';
+  src: url('/fonts/Redaction_70-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'Redaction 20';
+  src: url('/fonts/Redaction_20-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: block;
+}
+\ No newline at end of file
diff --git a/templates/archives.html b/templates/archives.html
new file mode 100644
index 0000000..2398a94
--- /dev/null
+++ b/templates/archives.html
@@ -0,0 +1,3 @@
+<main role="main" class="panel">
+  $partial("templates/post-list.html")$
+</main>
+\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..c818385
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  $if(title)$
+  <title>info{culture} - $title$</title>
+  $else$
+  <title>info{culture}</title>
+  $endif$
+  <link rel="icon" href="/assets/favicon.ico" />
+  <link rel="stylesheet" href="/style.css" />
+</head>
+
+<body>
+  <header>
+    <a href="https://infoculture.pub"><img src="/assets/logo.svg" alt="infoculture" /></a>
+  </header>
+
+  <nav>
+    <ul>
+      <li><a href="/">home</a></li>
+      <li><a href="/about">about</a></li>
+      <li><a href="/contact">contact</a></li>
+      <li><a href="/archives">archives</a></li>
+      <li id="atom-badge">
+        <a href="/feed.xml"><img src="/assets/atom.png"></a>
+      </li>
+    </ul>
+  </nav>
+
+  $body$
+
+  <footer>
+  </footer>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/templates/default.html b/templates/default.html
new file mode 100644
index 0000000..e91badc
--- /dev/null
+++ b/templates/default.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>My Hakyll Blog - $title$</title>
+        <link rel="stylesheet" href="/css/default.css" />
+    </head>
+    <body>
+        <header>
+            <div class="logo">
+                <a href="/">My Hakyll Blog</a>
+            </div>
+            <nav>
+                <a href="/">Home</a>
+                <a href="/about.html">About</a>
+                <a href="/contact.html">Contact</a>
+                <a href="/archive.html">Archive</a>
+            </nav>
+        </header>
+
+        <main role="main">
+            <h1>$title$</h1>
+            $body$
+        </main>
+
+        <footer>
+            Site proudly generated by
+            <a href="http://jaspervdj.be/hakyll">Hakyll</a>
+        </footer>
+    </body>
+</html>
diff --git a/templates/post-list.html b/templates/post-list.html
new file mode 100644
index 0000000..22fcc2f
--- /dev/null
+++ b/templates/post-list.html
@@ -0,0 +1,7 @@
+<ul class="post-list">
+  $for(posts)$
+  <li>
+    <a href="$url$">$date$ - $title$</a>
+  </li>
+  $endfor$
+</ul>
+\ No newline at end of file
diff --git a/templates/post.html b/templates/post.html
new file mode 100644
index 0000000..77986ae
--- /dev/null
+++ b/templates/post.html
@@ -0,0 +1,30 @@
+<main role="main">
+  <article>
+    $if(thumbnail)$
+    <div class="thumbnail" style="height: 30vh;">$thumbnail$</div>
+    $endif$
+    <div class="panel">
+      <section class="header">
+        <div class="title">
+          <h1>$title$</h1>
+          <a href="https://infoculture.pub$url$">permalink</a>
+          <a href="/$path$">raw</a>
+        </div>
+        <div class="meta">
+          $if(author)$
+          <h2 class="author">$author$</h2>
+          $endif$
+          <h3 class="date">$date$</h3>
+          $if(tags)$
+          <h3 class="tags">$tags$</h3>
+          $endif$
+        </div>
+      </section>
+      <br>
+      <br>
+      <section>
+        $body$
+      </section>
+    </div>
+  </article>
+</main>
+\ No newline at end of file
diff --git a/templates/sitemap.xml b/templates/sitemap.xml
new file mode 100644
index 0000000..1ff6a8e
--- /dev/null
+++ b/templates/sitemap.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+  xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:news="http://www.google.com/schemas/sitemap-news/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml"
+  xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0"
+  xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
+  xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"
+>
+  <url>
+    <loc>$root$</loc>
+    <changefreq>daily</changefreq>
+    <priority>1.0</priority>
+  </url>
+$for(pages)$
+  <url>
+    <loc>$root$$url$</loc>
+    <lastmod>$if(updated)$$updated$$else$$if(date)$$date$$endif$$endif$</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+$endfor$
+</urlset>
diff --git a/templates/tag.html b/templates/tag.html
new file mode 100644
index 0000000..3909f17
--- /dev/null
+++ b/templates/tag.html
@@ -0,0 +1,4 @@
+<main role="main" class="panel">
+  <h3>$title$</h3>
+  $partial("templates/post-list.html")$
+</main>
+\ No newline at end of file
diff --git a/templates/thumbs.html b/templates/thumbs.html
new file mode 100644
index 0000000..91cfd74
--- /dev/null
+++ b/templates/thumbs.html
@@ -0,0 +1,27 @@
+<div class="thumbs">
+  $for(posts)$
+  <div class="thumb panel">
+    $if(thumbnail)$
+    <div class="thumbnail" style="height: 25vh">$thumbnail$</div>
+    <br>
+    $endif$
+    <div class="thumb-title">
+      <a href="$url$">
+        <h2>$title$</h2>
+        <div style="flex-grow: 1"></div>
+        <h3>
+          $if(author)$
+          <span>$author$ - </span>
+          $endif$
+          <span>$date$</span>
+        </h3>
+      </a>
+    </div>
+    $if(subtitle)$
+    <div class="thumb-subtitle">
+      $subtitle$
+    </div>
+    $endif$
+  </div>
+  $endfor$
+</div>
+\ No newline at end of file
diff --git a/todo.md b/todo.md
new file mode 100644
index 0000000..13203eb
--- /dev/null
+++ b/todo.md
@@ -0,0 +1,18 @@
+[x] permalink and raw
+[x] add contact details
+[x] tags
+[x] clean urls
+[x] homepage
+    [x] thumbnails
+[x] fonts
+  [x] flowerfont
+[x] text-wrap issues
+[x] sitemap.xml
+[ ] remove placeholders
+
+later:
+[ ] teasers
+[ ] fun homepage design
+[ ] author pages
+[ ] tags filter
+[ ] add tags to sitemap?
author	cel 🌸 <cel@blos.sm>	2024-07-11 02:38:39 +0100
committer	cel 🌸 <cel@blos.sm>	2024-07-11 02:38:39 +0100
commit	3a1d7848cb3ceb122b573737b4fba8106792ab5d (patch)
tree	6fb0101f38ecd8d3e4fcae79dc96a01d24468951
download	infoculture.pub-3a1d7848cb3ceb122b573737b4fba8106792ab5d.tar.gz infoculture.pub-3a1d7848cb3ceb122b573737b4fba8106792ab5d.tar.bz2 infoculture.pub-3a1d7848cb3ceb122b573737b4fba8106792ab5d.zip