all repos — gemini-redirect @ 4e76ffb372acbefd1eed19ac74caf7f564084240 

Fresh start
Lonami Exo totufals@hotmail.com
Sat, 03 Feb 2018 18:04:19 +0100
commit

4e76ffb372acbefd1eed19ac74caf7f564084240

297 files changed, 55714 insertions(+), 0 deletions(-)

jump to
A .gitignore 
@@ -0,0 +1,1 @@
+desktop.ini
A CNAME 
@@ -0,0 +1,1 @@
+lonami.dev
A README.md 
@@ -0,0 +1,2 @@
+# lonami.dev
+Official [Lonami's website](http://lonami.dev).
A about.html 
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>About Lonami</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <meta name="description" content="Official Lonami's website">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+</head>
+<body>
+    <div class="menu">
+        <ul>
+            <li><a href="index">Welcome</a></li>
+            <li><a href="projects">Projects</a></li>
+            <li><a href="contact">Contact</a></li>
+            <li><a href="about" class="selected">About</a></li>
+            <li><a href="more-links">More&nbsp;Links</a></li>
+        </ul>
+    </div>
+    <div class="body">
+        <h1>About</h1>
+        <p>Spanish male
+        <span id="age"><noscript>born in 1998</noscript></span>.
+        I have been programming
+        <span id="programming"><noscript>since 2012</noscript></span>
+        and it is my passion.</p>
+
+        <p>I enjoy nature, taking pictures, playing video-games,
+        drawing vector graphics, or just chatting online.</p>
+
+        <p>I can talk perfect Spanish, read and write perfect English
+        and Python, and have programmed in C#, Java, JavaScript, Rust,
+        some C and C++, and designed pages like this with plain HTML
+        and CSS.</p>
+        
+        <p>On the Internet, I'm often known as <i>Lonami</i>, although
+        my real name is simply my nick name, put the other way round.</p>
+    </div>
+<script type="text/javascript">
+now = (new Date()).getFullYear();
+
+document.getElementById("age").innerHTML =
+    "aged " + (now - 1999);
+
+document.getElementById("programming").innerHTML =
+    "for " + (now - 2012) + " years";
+</script>
+</body>
+</html>
A blog/asyncio/awaitkwd1.svg 
@@ -0,0 +1,492 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="640"
+   height="480"
+   viewBox="0 0 169.33333 127"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="awaitkwd1.svg">
+  <defs
+     id="defs2">
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2498"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2496"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2434"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2432"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2376"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2374"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker2306"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path2304" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2035"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path2033"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1920"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1918" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1441"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1439" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker1399"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1397"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1363"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1361" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="Arrow1Lend"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1074"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="180.99756"
+     inkscape:cy="228.4128"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-169.99997)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="8.8198938"
+       y="183.27678"
+       id="text831"><tspan
+         sodipodi:role="line"
+         id="tspan829"
+         x="8.8198938"
+         y="192.64055"
+         style="stroke-width:0.26458332" /></text>
+    <g
+       id="g929"
+       transform="translate(-3.8334857,-1.0690781)">
+      <rect
+         y="173.66089"
+         x="99.108299"
+         height="59.932461"
+         width="71.760002"
+         id="rect812"
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <rect
+         y="175.69913"
+         x="101.14654"
+         height="9.8860025"
+         width="39.184521"
+         id="rect827"
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <text
+         id="text835"
+         y="183.15857"
+         x="102.76424"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.17793897"
+           y="183.15857"
+           x="102.76424"
+           id="tspan833"
+           sodipodi:role="line">method 1</tspan></text>
+      <text
+         id="text848"
+         y="190.75735"
+         x="101.92492"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="190.75735"
+           x="101.92492"
+           id="tspan846"
+           sodipodi:role="line">async def m1():</tspan><tspan
+           id="tspan850"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="196.39587"
+           x="101.92492"
+           sodipodi:role="line">    prepare request</tspan><tspan
+           id="tspan852"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="202.03439"
+           x="101.92492"
+           sodipodi:role="line">    await send request</tspan><tspan
+           id="tspan854"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="207.67291"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan856"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="213.31145"
+           x="101.92492"
+           sodipodi:role="line">    await receive request</tspan><tspan
+           id="tspan860"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="218.94997"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan858"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="224.58849"
+           x="101.92492"
+           sodipodi:role="line">    process request</tspan><tspan
+           id="tspan862"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="230.22701"
+           x="101.92492"
+           sodipodi:role="line">    return result</tspan></text>
+    </g>
+    <g
+       transform="translate(-3.8334857,60.867907)"
+       id="g957">
+      <rect
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect931"
+         width="71.760002"
+         height="59.932461"
+         x="99.108299"
+         y="173.66089" />
+      <rect
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect933"
+         width="39.184521"
+         height="9.8860025"
+         x="101.14654"
+         y="175.69913" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         x="102.76424"
+         y="183.15857"
+         id="text937"><tspan
+           sodipodi:role="line"
+           id="tspan935"
+           x="102.76424"
+           y="183.15857"
+           style="stroke-width:0.17793897">method 2</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         x="101.92492"
+         y="190.75735"
+         id="text955"><tspan
+           sodipodi:role="line"
+           id="tspan939"
+           x="101.92492"
+           y="190.75735"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042">async def m2():</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="196.39587"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan941">    prepare parameters</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="202.03439"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan943">    await send query</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="207.67291"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan945" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="213.31145"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan947">    await receive answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="218.94997"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan949" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="224.58849"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan951">    process answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="230.22701"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan953">    return result</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#faffb5;fill-opacity:1;stroke:#000000;stroke-width:0.26830563;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect959"
+       width="87.068367"
+       height="121.70461"
+       x="2.6476943"
+       y="172.26968" />
+    <rect
+       y="174.00694"
+       x="3.9172246"
+       height="9.8860025"
+       width="39.184525"
+       id="rect963"
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <text
+       id="text967"
+       y="180.99866"
+       x="4.7331147"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+       xml:space="preserve"><tspan
+         style="stroke-width:0.17793897"
+         y="180.99866"
+         x="4.7331147"
+         id="tspan965"
+         sodipodi:role="line">event loop</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.54473734px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16361843"
+       x="6.6373014"
+       y="190.92131"
+       id="text1043"><tspan
+         sodipodi:role="line"
+         id="tspan1041"
+         x="6.6373014"
+         y="190.92131"
+         style="stroke-width:0.16361843">no events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="199.10223"
+         style="stroke-width:0.16361843"
+         id="tspan1045">enter m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="207.28316"
+         style="stroke-width:0.16361843"
+         id="tspan1047">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="215.46408"
+         style="stroke-width:0.16361843"
+         id="tspan1049">enter m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="223.645"
+         style="stroke-width:0.16361843"
+         id="tspan1051">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="231.82591"
+         style="stroke-width:0.16361843"
+         id="tspan1053">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="240.00684"
+         style="stroke-width:0.16361843"
+         id="tspan1055">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="248.18776"
+         style="stroke-width:0.16361843"
+         id="tspan1057">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="256.36868"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1059">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="264.54959"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1061">resume m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="272.73053"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1063">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="280.91144"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1065">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="289.09238"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1067">...</tspan></text>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none;marker-end:url(#Arrow1Lend)"
+       d="m 39.288619,196.50663 65.748301,-3.20724"
+       id="path1069"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1363)"
+       d="M 106.96726,199.48211 42.144344,204.3958"
+       id="path1353"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1399)"
+       d="m 39.309524,212.71128 64.391056,42.32737"
+       id="path1389"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1441)"
+       d="M 105.54985,260.99774 43.832203,220.82815"
+       id="path1431"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2035)"
+       d="m 46.113094,237.65771 58.397326,28.5372"
+       id="path2288"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2306)"
+       d="M 106.02232,272.43152 44.60119,245.78419"
+       id="path2290"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
A blog/asyncio/awaitkwd2.svg 
@@ -0,0 +1,507 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="640"
+   height="480"
+   viewBox="0 0 169.33333 127"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="awaitkwd2.svg">
+  <defs
+     id="defs2">
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2498"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2496"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2434"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2432"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2376"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2374"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker2306"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path2304" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2035"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path2033"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1920"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1918" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1441"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1439" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker1399"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1397"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1363"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1361" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="Arrow1Lend"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1074"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="172.66711"
+     inkscape:cy="250.50475"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-169.99997)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="8.8198938"
+       y="183.27678"
+       id="text831"><tspan
+         sodipodi:role="line"
+         id="tspan829"
+         x="8.8198938"
+         y="192.64055"
+         style="stroke-width:0.26458332" /></text>
+    <g
+       id="g929"
+       transform="translate(-3.8334857,-1.0690781)">
+      <rect
+         y="173.66089"
+         x="99.108299"
+         height="59.932461"
+         width="71.760002"
+         id="rect812"
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <rect
+         y="175.69913"
+         x="101.14654"
+         height="9.8860025"
+         width="39.184521"
+         id="rect827"
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <text
+         id="text835"
+         y="183.15857"
+         x="102.76424"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.17793897"
+           y="183.15857"
+           x="102.76424"
+           id="tspan833"
+           sodipodi:role="line">method 1</tspan></text>
+      <text
+         id="text848"
+         y="190.75735"
+         x="101.92492"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="190.75735"
+           x="101.92492"
+           id="tspan846"
+           sodipodi:role="line">async def m1():</tspan><tspan
+           id="tspan850"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="196.39587"
+           x="101.92492"
+           sodipodi:role="line">    prepare request</tspan><tspan
+           id="tspan852"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="202.03439"
+           x="101.92492"
+           sodipodi:role="line">    await send request</tspan><tspan
+           id="tspan854"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="207.67291"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan856"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="213.31145"
+           x="101.92492"
+           sodipodi:role="line">    await receive request</tspan><tspan
+           id="tspan860"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="218.94997"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan858"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="224.58849"
+           x="101.92492"
+           sodipodi:role="line">    process request</tspan><tspan
+           id="tspan862"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="230.22701"
+           x="101.92492"
+           sodipodi:role="line">    return result</tspan></text>
+    </g>
+    <g
+       transform="translate(-3.8334857,60.867907)"
+       id="g957">
+      <rect
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect931"
+         width="71.760002"
+         height="59.932461"
+         x="99.108299"
+         y="173.66089" />
+      <rect
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect933"
+         width="39.184521"
+         height="9.8860025"
+         x="101.14654"
+         y="175.69913" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         x="102.76424"
+         y="183.15857"
+         id="text937"><tspan
+           sodipodi:role="line"
+           id="tspan935"
+           x="102.76424"
+           y="183.15857"
+           style="stroke-width:0.17793897">method 2</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         x="101.92492"
+         y="190.75735"
+         id="text955"><tspan
+           sodipodi:role="line"
+           id="tspan939"
+           x="101.92492"
+           y="190.75735"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042">async def m2():</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="196.39587"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan941">    prepare parameters</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="202.03439"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan943">    await send query</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="207.67291"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan945" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="213.31145"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan947">    await receive answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="218.94997"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan949" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="224.58849"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan951">    process answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="230.22701"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan953">    return result</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#faffb5;fill-opacity:1;stroke:#000000;stroke-width:0.26830563;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect959"
+       width="87.068367"
+       height="121.70461"
+       x="2.6476943"
+       y="172.26968" />
+    <rect
+       y="174.00694"
+       x="3.9172246"
+       height="9.8860025"
+       width="39.184525"
+       id="rect963"
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <text
+       id="text967"
+       y="180.99866"
+       x="4.7331147"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+       xml:space="preserve"><tspan
+         style="stroke-width:0.17793897"
+         y="180.99866"
+         x="4.7331147"
+         id="tspan965"
+         sodipodi:role="line">event loop</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.54473734px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16361843"
+       x="6.6373014"
+       y="190.92131"
+       id="text1043"><tspan
+         sodipodi:role="line"
+         id="tspan1041"
+         x="6.6373014"
+         y="190.92131"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1">no events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="199.10223"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1045">enter m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="207.28316"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1047">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="215.46408"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1049">enter m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="223.645"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1051">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="231.82591"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1053">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="240.00684"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1055">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="248.18776"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1057">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="256.36868"
+         style="stroke-width:0.16361843"
+         id="tspan1059">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="264.54959"
+         style="stroke-width:0.16361843"
+         id="tspan1061">resume m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="272.73053"
+         style="stroke-width:0.16361843"
+         id="tspan1063">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="280.91144"
+         style="stroke-width:0.16361843"
+         id="tspan1065">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="289.09238"
+         style="stroke-width:0.16361843"
+         id="tspan1067">...</tspan></text>
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none;marker-end:url(#Arrow1Lend)"
+       d="m 39.288619,196.50663 65.748301,-3.20724"
+       id="path1069"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1363)"
+       d="M 106.96726,199.48211 42.144344,204.3958"
+       id="path1353"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1399)"
+       d="m 39.309524,212.71128 64.391056,42.32737"
+       id="path1389"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1441)"
+       d="M 105.54985,260.99774 43.832203,220.82815"
+       id="path1431"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2035)"
+       d="m 46.113094,237.65771 58.397326,28.5372"
+       id="path2288"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2306)"
+       d="M 106.02232,272.43152 44.60119,245.78419"
+       id="path2290"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2434)"
+       d="M 48.758927,261.47021 105.45536,205.52973"
+       id="path2362"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2376)"
+       d="M 106.21131,213.65622 42.900298,270.35265"
+       id="path2364"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2498)"
+       d="m 46.302083,277.91217 58.586307,0.37798"
+       id="path2366"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
A blog/asyncio/eventloop.svg 
@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="640"
+   height="480"
+   viewBox="0 0 169.33333 127"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="eventloop.svg">
+  <defs
+     id="defs2">
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="Arrow1Lend"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path855"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="316.89692"
+     inkscape:cy="221.88288"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="true" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-169.99995)">
+    <rect
+       style="opacity:1;fill:#ffffc3;fill-opacity:1;stroke:#000000;stroke-width:0.25628251;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect834"
+       width="163.12053"
+       height="66.714058"
+       x="3.1063988"
+       y="172.44116" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.25628251;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect836"
+       width="72.491341"
+       height="14.827774"
+       x="5.7682643"
+       y="176.38446" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.25129986px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.25628251"
+       x="12.724504"
+       y="186.4527"
+       id="text840"><tspan
+         sodipodi:role="line"
+         id="tspan838"
+         x="12.724504"
+         y="186.4527"
+         style="stroke-width:0.25628251">event loop</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.77740383px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.21943507"
+       x="18.673456"
+       y="204.51938"
+       id="text844"><tspan
+         sodipodi:role="line"
+         id="tspan842"
+         x="18.673456"
+         y="204.51938"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507">while running:</tspan><tspan
+         sodipodi:role="line"
+         x="18.673456"
+         y="215.49113"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         id="tspan846">    process events</tspan><tspan
+         sodipodi:role="line"
+         x="18.673456"
+         y="226.46289"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         id="tspan848">    call user_function()</tspan></text>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.25628251px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)"
+       d="m 24.661439,211.12809 v 23.81738 H 150.99704 V 187.8285 H 86.793703 v 5.17769"
+       id="path850"
+       inkscape:connector-curvature="0" />
+    <rect
+       y="243.02905"
+       x="3.1063988"
+       height="51.462708"
+       width="163.12053"
+       id="rect1134"
+       style="opacity:1;fill:#daffff;fill-opacity:1;stroke:#000000;stroke-width:0.25004876;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       y="248.85146"
+       x="5.7682643"
+       height="14.827774"
+       width="72.491341"
+       id="rect1136"
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.25628251;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <text
+       id="text1140"
+       y="258.91971"
+       x="12.724504"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.25129986px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.25628251"
+       xml:space="preserve"><tspan
+         style="stroke-width:0.25628251"
+         y="258.91971"
+         x="12.724504"
+         id="tspan1138"
+         sodipodi:role="line">your code</tspan></text>
+    <text
+       id="text1148"
+       y="275.38342"
+       x="14.646159"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.77740383px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.21943507"
+       xml:space="preserve"><tspan
+         id="tspan1146"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         y="275.38342"
+         x="14.646159"
+         sodipodi:role="line">async def user_function():</tspan><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         y="286.35516"
+         x="14.646159"
+         sodipodi:role="line"
+         id="tspan1155">    ...  # some code</tspan></text>
+  </g>
+</svg>
A blog/asyncio/index.html 
@@ -0,0 +1,306 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>An Introduction to Asyncio</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="an_introduction_to_asyncio"><a class="anchor" href="#an_introduction_to_asyncio">¶</a>An Introduction to Asyncio</h1>
+<div class="date-created-modified">Created 2018-06-13<br>
+Modified 2018-06-15</div>
+<h2 id="index"><a class="anchor" href="#index">¶</a>Index</h2>
+<ul>
+<li><a href="#background">Background</a></li>
+<li><a href="#inputoutput">Input / Output</a></li>
+<li><a href="#divingin">Diving In</a></li>
+<li><a href="#toyexample">A Toy Example</a></li>
+<li><a href="#example">A Real Example</a></li>
+<li><a href="#extra">Extra Material</a></li>
+</ul>
+<h2 id="background"><a class="anchor" href="#background">¶</a>Background</h2>
+<p>After seeing some friends struggle with <code>asyncio</code> I decided that it could be a good idea to write a blog post using my own words to explain how I understand the world of asynchronous IO. I will focus on Python's <code>asyncio</code> module but this post should apply to any other language easily.</p>
+<p>So what is <code>asyncio</code> and what makes it good? Why don't we just use the old and known threads to run several parts of the code concurrently, at the same time?</p>
+<p>The first reason is that <code>asyncio</code> makes your code easier to reason about, as opposed to using threads, because the amount of ways in which your code can run grows exponentially. Let's see that with an example. Imagine you have this code:</p>
+<pre><code class="language-python">def method():
+	line 1
+	line 2
+	line 3
+	line 4
+	line 5
+</code></pre>
+<p>And you start two threads to run the method at the same time. What is the order in which the lines of code get executed? The answer is that you can't know! The first thread can run the entire method before the second thread even starts. Or it could be the first thread that runs after the second thread. Perhaps both run the &quot;line 1&quot;, and then the line 2. Maybe the first thread runs lines 1 and 2, and then the second thread only runs the line 1 before the first thread finishes.</p>
+<p>As you can see, any combination of the order in which the lines run is possible. If the lines modify some global shared state, that will get messy quickly.</p>
+<p>Second, in Python, threads <em>won't</em> make your code faster. It will only increase the concurrency of your program, allowing you to run several things at the same time, so using threads for speed isn't a real advantage. Indeed, your code will probably run slower under the most common Python implementation, CPython, which makes use of a Global Interpreter Lock (GIL) that only lets a thread run at once.</p>
+<h2 id="input_output"><a class="anchor" href="#input_output">¶</a>Input / Output</h2>
+<p>Before we go any further, let's first stop to talk about input and output, commonly known as &quot;IO&quot;. There are two main ways to perform IO operations, such as reading or writing from a file or a network socket.</p>
+<p>The first one is known as &quot;blocking IO&quot;. What this means is that, when you try performing IO, the current application thread is going to <em>block</em> until the Operative System can tell you it's done. Normally, this is not a problem, since disks are pretty fast anyway, but it can soon become a performance bottleneck. And network IO will be much slower than disk IO!</p>
+<pre><code class="language-python"># &quot;open&quot; will block until the OS creates a new file in the disk.
+#        this can be really slow if the disk is under heavy load!
+with open('hello.txt', 'w') as fd:
+    fd.write('hello!\n')
+
+    # &quot;flush&quot; will block until the OS has written all data to disk*
+    fd.flush()
+
+# * the reality is a bit more complicated, since writes to disk are
+#   quite expensive, the OS will normally keep the data in RAM until
+#   it has more stuff to write to disk, and then it will `sync`
+#   everything after a few seconds
+</code></pre>
+<p>Blocking IO offers timeouts, so that you can get control back in your code if the operation doesn't finish. Imagine that the remote host doesn't want to reply, your code would be stuck for as long as the connection remains alive!</p>
+<p>But wait, what if we make the timeout small? Very, very small? If we do that, we will never block waiting for an answer. That's how asynchronous IO works, and it's the opposite of blocking IO (you can also call it non-blocking IO if you want to).</p>
+<p>How does non-blocking IO work if the IO device needs a while to answer with the data? In that case, the operative system responds with &quot;not ready&quot;, and your application gets control back so it can do other stuff while the IO device completes your request. It works a bit like this:</p>
+<pre><code class="language-python">&amp;lt;app&amp;gt; Hey, I would like to read 16 bytes from this file
+&amp;lt;OS&amp;gt; Okay, but the disk hasn't sent me the data yet
+&amp;lt;app&amp;gt; Alright, I will do something else then
+(a lot of computer time passes)
+&amp;lt;app&amp;gt; Do you have my 16 bytes now?
+&amp;lt;OS&amp;gt; Yes, here they are! &quot;Hello, world !!\n&quot;
+</code></pre>
+<p>In reality, you can tell the OS to notify you when the data is ready, as opposed to polling (constantly asking the OS whether the data is ready yet or not), which is more efficient.</p>
+<p>But either way, that's the difference between blocking and non-blocking IO, and what matters is that your application gets to run more without ever needing to wait for data to arrive, because the data will be there immediately when you ask, and if it's not yet, your app can do more things meanwhile.</p>
+<h2 id="diving_in"><a class="anchor" href="#diving_in">¶</a>Diving In</h2>
+<p>Now we've seen what blocking and non-blocking IO is, and how threads make your code harder to reason about, but they give concurrency (yet not more speed). Is there any other way to achieve this concurrency that doesn't involve threads? Yes! The answer is <code>asyncio</code>.</p>
+<p>So how does <code>asyncio</code> help? First we need to understand a very crucial concept before we can dive any deeper, and I'm talking about the <em>event loop</em>. What is it and why do we need it?</p>
+<p>You can think of the event loop as a <em>loop</em> that will be responsible for calling your <code>async</code> functions:</p>
+<div class="image-container">
+<img src="eventloop.svg" alt="The Event Loop" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p>That's silly you may think. Now not only we run our code but we also have to run some &quot;event loop&quot;. It doesn't sound beneficial at all. What are these events? Well, they are the IO events we talked about before!</p>
+<p><code>asyncio</code>'s event loop is responsible for handling those IO events, such as file is ready, data arrived, flushing is done, and so on. As we saw before, we can make these events non-blocking by setting their timeout to 0.</p>
+<p>Let's say you want to read from 10 files at the same time. You will ask the OS to read data from 10 files, and at first none of the reads will be ready. But the event loop will be constantly asking the OS to know which are done, and when they are done, you will get your data.</p>
+<p>This has some nice advantages. It means that, instead of waiting for a network request to send you a response or some file, instead of blocking there, the event loop can decide to run other code meanwhile. Whenever the contents are ready, they can be read, and your code can continue. Waiting for the contents to be received is done with the <code>await</code> keyword, and it tells the loop that it can run other code meanwhile:</p>
+<div class="image-container">
+<img src="awaitkwd1.svg" alt="Step 1, await keyword" />
+<div class="image-caption"></div>
+</div>
+<p>
+<div class="image-container">
+<img src="awaitkwd2.svg" alt="Step 2, await keyword" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p>Start reading the code of the event loop and follow the arrows. You can see that, in the beginning, there are no events yet, so the loop calls one of your functions. The code runs until it has to <code>await</code> for some IO operation to complete, such as sending a request over the network. The method is &quot;paused&quot; until an event occurs (for example, an &quot;event&quot; occurs when the request has been sent completely).</p>
+<p>While the first method is busy, the event loop can enter the second method, and run its code until the first <code>await</code>. But it can happen that the event of the second query occurs before the request on the first method, so the event loop can re-enter the second method because it has already sent the query, but the first method isn't done sending the request yet.</p>
+<p>Then, the second method <code>await</code>'s for an answer, and an event occurs telling the event loop that the request from the first method was sent. The code can be resumed again, until it has to <code>await</code> for a response, and so on.</p>
+<p>There are some important things to note here. The first is that we only need one thread to be running! The event loop decides when and which methods should run. The second is that we know when it may run other methods. Those are the <code>await</code> keywords! Whenever there is one of those, we know that the loop is able to run other things until the resource (again, like network) becomes ready.</p>
+<p>So far, we already have two advantages. We are only using a single thread so the cost for switching between methods is low, and we can easily reason about where our program may interleave operations.</p>
+<p>Another advantage is that, with the event loop, you can easily schedule when a piece of code should run, such as using the method <a href="https://docs.python.org/3/library/asyncio-eventloop.html#asyncio.loop.call_at"><code>loop.call_at</code></a>, without the need for spawning another thread at all.</p>
+<p>To tell the <code>asyncio</code> to run the two methods shown above, we can use <a href="https://docs.python.org/3/library/asyncio-future.html#asyncio.ensure_future"><code>asyncio.ensure_future</code></a>, which is a way of saying &quot;I want the future of my method to be ensured&quot;. That is, you want to run your method in the future, whenever the loop is free to do so. This method returns a <code>Future</code> object, so if your method returns a value, you can <code>await</code> this future to retrieve its result.</p>
+<p>What is a <code>Future</code>? This object represents the value of something that will be there in the future, but might not be there yet. Just like you can <code>await</code> your own <code>async def</code> functions, you can <code>await</code> these <code>Future</code>'s.</p>
+<p>The <code>async def</code> functions are also called &quot;coroutines&quot;, and Python does some magic behind the scenes to turn them into such. The coroutines can be <code>await</code>'ed, and this is what you normally do.</p>
+<h2 id="a_toy_example"><a class="anchor" href="#a_toy_example">¶</a>A Toy Example</h2>
+<p>That's all about <code>asyncio</code>! Let's wrap up with some example code. We will create a server that replies with the text a client sends, but reversed. First, we will show what you could write with normal synchronous code, and then we will port it.</p>
+<p>Here is the <strong>synchronous version</strong>:</p>
+<pre><code class="language-python"># server.py
+import socket
+
+
+def server_method():
+	# create a new server socket to listen for connections
+	server = socket.socket()
+
+	# bind to localhost:6789 for new connections
+	server.bind(('localhost', 6789))
+
+	# we will listen for one client at most
+	server.listen(1)
+
+	# *block* waiting for a new client
+	client, _ = server.accept()
+
+	# *block* waiting for some data
+	data = client.recv(1024)
+
+	# reverse the data
+	data = data[::-1]
+
+	# *block* sending the data
+	client.sendall(data)
+
+	# close client and server
+	server.close()
+	client.close()
+
+
+if __name__ == '__main__':
+	# block running the server
+	server_method()
+</code></pre>
+<pre><code class="language-python"># client.py
+import socket
+
+
+def client_method():
+	message = b'Hello Server!\n'
+	client = socket.socket()
+
+	# *block* trying to stabilish a connection
+	client.connect(('localhost', 6789))
+
+	# *block* trying to send the message
+	print('Sending', message)
+	client.sendall(message)
+
+	# *block* until we receive a response
+	response = client.recv(1024)
+	print('Server replied', response)
+
+	client.close()
+
+
+if __name__ == '__main__':
+	client_method()
+</code></pre>
+<p>From what we've seen, this code will block on all the lines with a comment above them saying that they will block. This means that for running more than one client or server, or both in the same file, you will need threads. But we can do better, we can rewrite it into <code>asyncio</code>!</p>
+<p>The first step is to mark all your <code>def</code>initions that may block with <code>async</code>. This marks them as coroutines, which can be <code>await</code>ed on.</p>
+<p>Second, since we're using low-level sockets, we need to make use of the methods that <code>asyncio</code> provides directly. If this was a third-party library, this would be just like using their <code>async def</code>initions.</p>
+<p>Here is the <strong>asynchronous version</strong>:</p>
+<pre><code class="language-python"># server.py
+import asyncio
+import socket
+
+# get the default &quot;event loop&quot; that we will run
+loop = asyncio.get_event_loop()
+
+
+# notice our new &quot;async&quot; before the definition
+async def server_method():
+	server = socket.socket()
+	server.bind(('localhost', 6789))
+	server.listen(1)
+
+	# await for a new client
+	# the event loop can run other code while we wait here!
+	client, _ = await loop.sock_accept(server)
+
+	# await for some data
+	data = await loop.sock_recv(client, 1024)
+	data = data[::-1]
+
+	# await for sending the data
+	await loop.sock_sendall(client, data)
+
+	server.close()
+	client.close()
+
+
+if __name__ == '__main__':
+	# run the loop until &quot;server method&quot; is complete
+	loop.run_until_complete(server_method())
+</code></pre>
+<pre><code class="language-python"># client.py
+import asyncio
+import socket
+
+loop = asyncio.get_event_loop()
+
+
+async def client_method():
+	message = b'Hello Server!\n'
+	client = socket.socket()
+
+	# await to stabilish a connection
+	await loop.sock_connect(client, ('localhost', 6789))
+
+	# await to send the message
+	print('Sending', message)
+	await loop.sock_sendall(client, message)
+
+	# await to receive a response
+	response = await loop.sock_recv(client, 1024)
+	print('Server replied', response)
+
+	client.close()
+
+
+if __name__ == '__main__':
+	loop.run_until_complete(client_method())
+</code></pre>
+<p>That's it! You can place these two files separately and run, first the server, then the client. You should see output in the client.</p>
+<p>The big difference here is that you can easily modify the code to run more than one server or clients at the same time. Whenever you <code>await</code> the event loop will run other of your code. It seems to &quot;block&quot; on the <code>await</code> parts, but remember it's actually jumping to run more code, and the event loop will get back to you whenever it can.</p>
+<p>In short, you need an <code>async def</code> to <code>await</code> things, and you run them with the event loop instead of calling them directly. So this…</p>
+<pre><code class="language-python">def main():
+	...  # some code
+
+
+if __name__ == '__main__':
+	main()
+</code></pre>
+<p>…becomes this:</p>
+<pre><code class="language-python">import asyncio
+
+
+async def main():
+	...  # some code
+
+
+if __name__ == '__main__':
+	asyncio.get_event_loop().run_until_complete(main)
+</code></pre>
+<p>This is pretty much how most of your <code>async</code> scripts will start, running the main method until its completion.</p>
+<h2 id="a_real_example"><a class="anchor" href="#a_real_example">¶</a>A Real Example</h2>
+<p>Let's have some fun with a real library. We'll be using <a href="https://github.com/LonamiWebs/Telethon">Telethon</a> to broadcast a message to our three best friends, all at the same time, thanks to the magic of <code>asyncio</code>. We'll dive right into the code, and then I'll explain our new friend <code>asyncio.wait(...)</code>:</p>
+<pre><code class="language-python"># broadcast.py
+import asyncio
+import sys
+
+from telethon import TelegramClient
+
+# (you need your own values here, check Telethon's documentation)
+api_id = 123
+api_hash = '123abc'
+friends = [
+	'@friend1__username',
+	'@friend2__username',
+	'@bestie__username'
+]
+
+# we will have to await things, so we need an async def
+async def main(message):
+	# start is a coroutine, so we need to await it to run it
+	client = await TelegramClient('me', api_id, api_hash).start()
+
+	# wait for all three client.send_message to complete
+	await asyncio.wait([
+		client.send_message(friend, message)
+		for friend in friends
+	])
+
+	# and close our client
+	await client.disconnect()
+
+
+if __name__ == '__main__':
+	if len(sys.argv) != 2:
+		print('You must pass the message to broadcast!')
+		quit()
+
+	message = sys.argv[1]
+	asyncio.get_event_loop().run_until_complete(main(message))
+</code></pre>
+<p>Wait… how did that send a message to all three of
+my friends? The magic is done here:</p>
+<pre><code class="language-python">[
+	client.send_message(friend, message)
+	for friend in friends
+]
+</code></pre>
+<p>This list comprehension creates another list with three
+coroutines, the three <code>client.send_message(...)</code>.
+Then we just pass that list to <code>asyncio.wait</code>:</p>
+<pre><code class="language-python">await asyncio.wait([...])
+</code></pre>
+<p>This method, by default, waits for the list of coroutines to run until they've all finished. You can read more on the Python <a href="https://docs.python.org/3/library/asyncio-task.html#asyncio.wait">documentation</a>. Truly a good function to know about!</p>
+<p>Now whenever you have some important news for your friends, you can simply <code>python3 broadcast.py 'I bought a car!'</code> to tell all your friends about your new car! All you need to remember is that you need to <code>await</code> on coroutines, and you will be good. <code>asyncio</code> will warn you when you forget to do so.</p>
+<h2 id="extra_material"><a class="anchor" href="#extra_material">¶</a>Extra Material</h2>
+<p>If you want to understand how <code>asyncio</code> works under the hood, I recommend you to watch this hour-long talk <a href="https://youtu.be/M-UcUs7IMIM">Get to grips with asyncio in Python 3</a> by Robert Smallshire. In the video, they will explain the differences between concurrency and parallelism, along with others concepts, and how to implement your own <code>asyncio</code> &quot;scheduler&quot; from scratch.</p>
+</main>
+</body>
+</html>
+
A blog/atom.xml 
@@ -0,0 +1,1883 @@
+<feed xmlns="http://www.w3.org/2005/Atom"><title>pagong</title><id>pagong</id><updated>2020-07-02T22:00:00+00:00</updated><entry><title>University posts</title><id>dist/university/index.html</id><updated>2020-07-02T22:00:00+00:00</updated><published>2020-07-02T22:00:00+00:00</published><summary>During university, there were a few subjects where I had to write blog posts for (either as</summary><content type="html" src="dist/university/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;University posts&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;university_posts&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#university_posts&quot;&gt;¶&lt;/a&gt;University posts&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2020-07-03&lt;/div&gt;
+&lt;p&gt;During university, there were a few subjects where I had to write blog posts for (either as
+evaluable tasks or just for fun). Currently, these are:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;mdad&quot;&gt;Data Mining and Data Warehousing&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;ribw&quot;&gt;Information Retrieval and Web Search&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Atemporal Blog Posts</title><id>dist/posts/index.html</id><updated>2020-07-02T22:00:00+00:00</updated><published>2020-07-02T22:00:00+00:00</published><summary>These are some interesting posts and links I've found around the web. I believe they are quite interesting and nice reads, so if you have the time, I encourage you to check some out.</summary><content type="html" src="dist/posts/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Atemporal Blog Posts&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;atemporal_blog_posts&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#atemporal_blog_posts&quot;&gt;¶&lt;/a&gt;Atemporal Blog Posts&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2020-07-03&lt;/div&gt;
+&lt;p&gt;These are some interesting posts and links I've found around the web. I believe they are quite interesting and nice reads, so if you have the time, I encourage you to check some out.&lt;/p&gt;
+&lt;h2 id=&quot;algorithms&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#algorithms&quot;&gt;¶&lt;/a&gt;Algorithms&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;http://www.tannerhelland.com/4660/dithering-eleven-algorithms-source-code/. Image Dithering: Eleven Algorithms and Source Code. What does it mean and how to achieve it?&lt;/li&gt;
+&lt;li&gt;https://cristian.io/post/bloom-filters/. Idempotence layer on bloom filters. What are they and how can they help?&lt;/li&gt;
+&lt;li&gt;https://en.wikipedia.org/wiki/Huffman_coding. Huffman coding. This encoding is a simple yet interesting way of compressing information.&lt;/li&gt;
+&lt;li&gt;https://github.com/mxgmn/WaveFunctionCollapse. Wave Function Collapse. Bitmap &amp;amp; tilemap generation from a single example with the help of ideas from quantum mechanics.&lt;/li&gt;
+&lt;li&gt;https://blog.nelhage.com/2015/02/regular-expression-search-with-suffix-arrays/. Regular Expression Search with Suffix Arrays. A way to efficiently search large amounts of text.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;culture&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#culture&quot;&gt;¶&lt;/a&gt;Culture&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;https://www.wired.com/story/ideas-joi-ito-robot-overlords/. Why Westerners Fear Robots and the Japanese Do Not. Explains some possible reasons for this case.&lt;/li&gt;
+&lt;li&gt;http://catb.org/~esr/faqs/smart-questions.html. How To Ask Questions The Smart Way. Some bits of hacker culture and amazing tips on how to ask a question.&lt;/li&gt;
+&lt;li&gt;http://apenwarr.ca/log/?m=201809#14. XML, blockchains, and the strange shapes of progress. Some of history about XML and blockchain.&lt;/li&gt;
+&lt;li&gt;https://czep.net/17/legion-of-lobotomized-unices.html. Legion of lobotomized unices. A time where computers are treated a lot more nicely.&lt;/li&gt;
+&lt;li&gt;https://eli.thegreenplace.net/2016/the-expression-problem-and-its-solutions/.  The Expression Problem and its solutions. What is it and what can we do to solve it?&lt;/li&gt;
+&lt;li&gt;http://allendowney.blogspot.com/2015/08/the-inspection-paradox-is-everywhere.html. The Inspection Paradox is Everywhere. Interesting and very common phenomena.&lt;/li&gt;
+&lt;li&gt;https://github.com/ChrisKnott/Algojammer. An experimental code editor for writing algorithms. Contains several links to different tools for reverse debugging.&lt;/li&gt;
+&lt;li&gt;http://habitatchronicles.com/2017/05/what-are-capabilities/. What Are Capabilities? Good ideas with great security implications.&lt;/li&gt;
+&lt;li&gt;https://blog.aurynn.com/2015/12/16-contempt-culture. Contempt Culture. Or why you should not speak crap about your non-favourite programming languages.&lt;/li&gt;
+&lt;li&gt;https://www.lesswrong.com/posts/tscc3e5eujrsEeFN4/well-kept-gardens-die-by-pacifism. Well-Kept Gardens Die By Pacifism. Risks any online community can run into.&lt;/li&gt;
+&lt;li&gt;https://ncase.me/. It's Nicky Case! They make some cool things worth checking out, I really like &amp;quot;we become what we behold&amp;quot;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;debate&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#debate&quot;&gt;¶&lt;/a&gt;Debate&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;https://steemit.com/opensource/@crell/open-source-is-awful. Open Source is awful. Has some points about why is it bad and how it could improve.&lt;/li&gt;
+&lt;li&gt;http://www.mondo2000.com/2018/01/17/pink-lexical-goop-dark-side-autocorrect/. Pink Lexical Goop: The Dark Side of Autocorrect. It can shape how you think.&lt;/li&gt;
+&lt;li&gt;http://blog.ploeh.dk/2015/08/03/idiomatic-or-idiosyncratic/. Idiomatic or idiosyncratic? Can porting code constructs from other languages have a positive effect?&lt;/li&gt;
+&lt;li&gt;https://gamasutra.com/view/news/169296/Indepth_Functional_programming_in_C.php. In-depth: Functional programming in C++. Is it useful to bother with functional concepts in a language like C++?&lt;/li&gt;
+&lt;li&gt;https://vorpus.org/blog/notes-on-structured-concurrency-or-go-statement-considered-harmful/. Notes on structured concurrency, or: Go statement considered harmful.&lt;/li&gt;
+&lt;li&gt;https://queue.acm.org/detail.cfm?id=3212479. C Is Not a Low-level Language. Could there be alternative programming models designed for more specialized CPUs?&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;food_for_thought&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#food_for_thought&quot;&gt;¶&lt;/a&gt;Food for Thought&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;https://www.hillelwayne.com/post/divide-by-zero/. 1/0 = 0. Explores why it makes sense to redefine mathemathics under some circumstances, and why it is possible to do so.&lt;/li&gt;
+&lt;li&gt;https://jeremykun.com/2018/04/13/for-mathematicians-does-not-mean-equality/. For mathematicians, = does not mean equality. What other definitions does the equal sign have?&lt;/li&gt;
+&lt;li&gt;https://www.lesswrong.com/posts/2MD3NMLBPCqPfnfre/cached-thoughts. Cached Thoughts. How is it possible that our brains work at all?&lt;/li&gt;
+&lt;li&gt;http://tonsky.me/blog/disenchantment/. Software disenchantment. Faster hardware and slower software is a trend.
+&lt;ul&gt;
+&lt;li&gt;https://blackhole12.com/blog/software-engineering-is-bad-but-it-s-not-that-bad/. Software Engineering Is Bad, But That's Not Why. This post has some good counterpoints to Software disenchantment.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;http://journal.stuffwithstuff.com/2015/02/01/what-color-is-your-function/. What Color is Your Function? Spoiler: can we approach asynchronous IO better?&lt;/li&gt;
+&lt;li&gt;https://hackernoon.com/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5. I'm harvesting credit card numbers and passwords from your site. A word of warning when mindlessly adding dependencies.&lt;/li&gt;
+&lt;li&gt;https://medium.com/message/everything-is-broken-81e5f33a24e1. Everything Is Broken. Some of the (probable) truths about our world.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;funny&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#funny&quot;&gt;¶&lt;/a&gt;Funny&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;http://thedailywtf.com/articles/We-Use-BobX. We Use BobX. BobX.&lt;/li&gt;
+&lt;li&gt;http://thedailywtf.com/articles/the-inner-json-effect. The Inner JSON Effect. For some reason, custom languages are in.&lt;/li&gt;
+&lt;li&gt;https://thedailywtf.com/articles/exponential-backup. Exponential Backup. Far better than git.&lt;/li&gt;
+&lt;li&gt;https://thedailywtf.com/articles/ITAPPMONROBOT. ITAPPMONROBOT. Solving software problems with hardware.&lt;/li&gt;
+&lt;li&gt;https://thedailywtf.com/articles/a-tapestry-of-threads. A Tapestry of Threads.More threads must mean faster code, right?&lt;/li&gt;
+&lt;li&gt;https://medium.com/commitlog/a-brief-totally-accurate-history-of-programming-languages-cd93ec806124. A Brief Totally Accurate History Of Programming Languages. Don't take offense for it!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;graphics&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#graphics&quot;&gt;¶&lt;/a&gt;Graphics&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;http://shaunlebron.github.io/visualizing-projections/. Visualizing Projections. Small post about different projection methods.&lt;/li&gt;
+&lt;li&gt;http://www.iquilezles.org/www/index.htm. A &lt;em&gt;lot&lt;/em&gt; of useful and quality articles regarding computer graphics.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;history&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#history&quot;&gt;¶&lt;/a&gt;History&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;https://twobithistory.org/2018/08/18/ada-lovelace-note-g.html. What Did Ada Lovelace's Program Actually Do?. And other characters that took part in the beginning's of programming.&lt;/li&gt;
+&lt;li&gt;https://chrisdown.name/2018/01/02/in-defence-of-swap.html. In defence of swap: common misconceptions. Swap is still an useful concept.&lt;/li&gt;
+&lt;li&gt;https://www.pacifict.com/Story/. The Graphing Calculator Story. A great classic Apple tale.&lt;/li&gt;
+&lt;li&gt;https://twobithistory.org/2018/10/14/lisp.html. How Lisp Became God's Own Programming Language. Lisp as a foundational programming language.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;motivational&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#motivational&quot;&gt;¶&lt;/a&gt;Motivational&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;https://www.joelonsoftware.com/2002/01/06/fire-and-motion/. Fire And Motion. What does actually take to get things done?&lt;/li&gt;
+&lt;li&gt;https://realmensch.org/2017/08/25/the-parable-of-the-two-programmers/. The Parable of the Two Programmers. This tale is about two different types of programmer and their respective endings in a company, illustrating how the one you wouldn't expect to actually ends in a better situation.&lt;/li&gt;
+&lt;li&gt;https://byorgey.wordpress.com/2018/05/06/conversations-with-a-six-year-old-on-functional-programming/. Conversations with a six-year-old on functional programming. Little kids today can be really interested in technological topics.&lt;/li&gt;
+&lt;li&gt;https://bulletproofmusician.com/how-many-hours-a-day-should-you-practice/. How Many Hours a Day Should You Practice?. While the article is about music, it applies to any other areas.&lt;/li&gt;
+&lt;li&gt;http://nathanmarz.com/blog/suffering-oriented-programming.html. Suffering-oriented programming. A possibly new approach on how you could tackle your new projects.&lt;/li&gt;
+&lt;li&gt;https://www.joelonsoftware.com/2000/04/06/things-you-should-never-do-part-i/. Things You Should Never Do, Part I. There is no need to rewrite your code.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;optimization&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#optimization&quot;&gt;¶&lt;/a&gt;Optimization&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;http://blog.llvm.org/2011/05/what-every-c-programmer-should-know.html. What Every C Programmer Should Know About Undefined Behavior #1/3. Explains what undefined behaviour is and why it makes sense.&lt;/li&gt;
+&lt;li&gt;http://ridiculousfish.com/blog/posts/labor-of-division-episode-i.html. Labor of Division (Episode I). Some tricks to divide without division.&lt;/li&gt;
+&lt;li&gt;http://blog.moertel.com/posts/2013-12-14-great-old-timey-game-programming-hack.html. A Great Old-Timey Game-Programming Hack. Abusing instructions to make games playable even on the slowest hardware.&lt;/li&gt;
+&lt;li&gt;https://web.archive.org/web/20191213224640/https://people.eecs.berkeley.edu/~sangjin/2012/12/21/epoll-vs-kqueue.html. Scalable Event Multiplexing: epoll vs kqueue. How good OS primitives can really help performance and scability.&lt;/li&gt;
+&lt;li&gt;https://adamdrake.com/command-line-tools-can-be-235x-faster-than-your-hadoop-cluster.html. Command-line Tools can be 235x Faster than your Hadoop Cluster. Or how to use the right tool for the right job.&lt;/li&gt;
+&lt;li&gt;https://nullprogram.com/blog/2018/05/27/. When FFI Function Calls Beat Native C. How lua beat C at it and the explanation behind it.&lt;/li&gt;
+&lt;li&gt;http://igoro.com/archive/gallery-of-processor-cache-effects/. Gallery of Processor Cache Effects. Knowing a few things about the cache can make a big difference.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Python ctypes and Windows</title><id>dist/ctypes-and-windows/index.html</id><updated>2020-07-02T22:00:00+00:00</updated><published>2019-06-18T22:00:00+00:00</published><summary>Python</summary><content type="html" src="dist/ctypes-and-windows/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Python ctypes and Windows&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;python_ctypes_and_windows&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#python_ctypes_and_windows&quot;&gt;¶&lt;/a&gt;Python ctypes and Windows&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2019-06-19&lt;br&gt;
+Modified 2020-07-03&lt;/div&gt;
+&lt;p&gt;&lt;a href=&quot;https://www.python.org/&quot;&gt;Python&lt;/a&gt;'s &lt;a href=&quot;https://docs.python.org/3/library/ctypes.html&quot;&gt;&lt;code&gt;ctypes&lt;/code&gt;&lt;/a&gt; is quite a nice library to easily load and invoke C methods available in already-compiled &lt;a href=&quot;https://en.wikipedia.org/wiki/Dynamic-link_library&quot;&gt;&lt;code&gt;.dll&lt;/code&gt; files&lt;/a&gt; without any additional dependencies. And I &lt;em&gt;love&lt;/em&gt; depending on as little as possible.&lt;/p&gt;
+&lt;p&gt;In this blog post, we will walk through my endeavors to use &lt;code&gt;ctypes&lt;/code&gt; with the &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/&quot;&gt;Windows API&lt;/a&gt;, and do some cool stuff with it.&lt;/p&gt;
+&lt;p&gt;We will assume some knowledge of C/++ and Python, since we will need to read and write a bit of both. Please note that this post is only an introduction to &lt;code&gt;ctypes&lt;/code&gt;, and if you need more information you should consult the &lt;a href=&quot;https://docs.python.org/3/library/ctypes.html&quot;&gt;Python's documentation for &lt;code&gt;ctypes&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;While the post focuses on Windows' API, the code here probably applies to unix-based systems with little modifications.&lt;/p&gt;
+&lt;h2 id=&quot;basics&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#basics&quot;&gt;¶&lt;/a&gt;Basics&lt;/h2&gt;
+&lt;p&gt;First of all, let's learn how to load a library. Let's say we want to load &lt;code&gt;User32.dll&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;import ctypes
+
+ctypes.windll.user32
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Yes, it's that simple. When you access an attribute of &lt;code&gt;windll&lt;/code&gt;, said library will load. Since Windows is case-insensitive, we will use lowercase consistently.&lt;/p&gt;
+&lt;p&gt;Calling a function is just as simple. Let's say you want to call &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-setcursorpos&quot;&gt;&lt;code&gt;SetCursorPos&lt;/code&gt;&lt;/a&gt;, which is defined as follows:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-c&quot;&gt;BOOL SetCursorPos(
+    int X,
+    int Y
+);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Okay, it returns a &lt;code&gt;bool&lt;/code&gt; and takes two inputs, &lt;code&gt;x&lt;/code&gt; and &lt;code&gt;y&lt;/code&gt;. So we can call it like so:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;ctypes.windll.user32.SetCursorPos(100, 100)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Try it! Your cursor will move!&lt;/p&gt;
+&lt;h2 id=&quot;funky_stuff&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#funky_stuff&quot;&gt;¶&lt;/a&gt;Funky Stuff&lt;/h2&gt;
+&lt;p&gt;We can go a bit more crazy and make it form a spiral:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;import math
+import time
+
+for i in range(200):
+    x = int(500 + math.cos(i / 5) * i)
+    y = int(500 + math.sin(i / 5) * i)
+    ctypes.windll.user32.SetCursorPos(x, y)
+    time.sleep(0.05)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Ah, it's always so pleasant to do random stuff when programming. Sure makes it more fun.&lt;/p&gt;
+&lt;h2 id=&quot;complex_structures&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#complex_structures&quot;&gt;¶&lt;/a&gt;Complex Structures&lt;/h2&gt;
+&lt;p&gt;&lt;code&gt;SetCursorPos&lt;/code&gt; was really simple. It took two parameters and they both were integers. Let's go with something harder. Let's go with &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-sendinput&quot;&gt;&lt;code&gt;SendInput&lt;/code&gt;&lt;/a&gt;! Emulating input will be a fun exercise:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-c&quot;&gt;UINT SendInput(
+    UINT    cInputs,
+    LPINPUT pInputs,
+    int     cbSize
+);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Okay, &lt;code&gt;LPINPUT&lt;/code&gt;, what are you? Microsoft likes to prefix types with what they are. In this case, &lt;code&gt;LP&lt;/code&gt; stands for &amp;quot;Long Pointer&amp;quot; (I guess?), so &lt;code&gt;LPINPUT&lt;/code&gt; is just a Long Pointer to &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-taginput&quot;&gt;&lt;code&gt;INPUT&lt;/code&gt;&lt;/a&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-c&quot;&gt;typedef struct tagINPUT {
+    DWORD type;
+    union {
+        MOUSEINPUT    mi;
+        KEYBDINPUT    ki;
+        HARDWAREINPUT hi;
+    } DUMMYUNIONNAME;
+} INPUT, *PINPUT, *LPINPUT;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Alright, that's new. We have a &lt;code&gt;struct&lt;/code&gt; and &lt;code&gt;union&lt;/code&gt;, two different concepts. We can define both with &lt;code&gt;ctypes&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;INPUT_MOUSE = 0
+INPUT_KEYBOARD = 1
+INPUT_HARDWARE = 2
+
+class INPUT(ctypes.Structure):
+    _fields_ = [
+        ('type', ctypes.c_long),
+        ...
+    ]
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Structures are classes that subclass &lt;code&gt;ctypes.Structure&lt;/code&gt;, and you define their fields in the &lt;code&gt;_fields_&lt;/code&gt; class-level variable, which is a list of tuples &lt;code&gt;(field name, field type)&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;The C structure had a &lt;code&gt;DWORD type&lt;/code&gt;. &lt;code&gt;DWORD&lt;/code&gt; is a &lt;code&gt;c_long&lt;/code&gt;, and &lt;code&gt;type&lt;/code&gt; is a name like any other, which is why we did &lt;code&gt;('type', ctypes.c_long)&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;But what about the union? It's anonymous, and we can't make anonymous unions (&lt;em&gt;citation needed&lt;/em&gt;) with &lt;code&gt;ctypes&lt;/code&gt;. We will give it a concrete name and a type.&lt;/p&gt;
+&lt;p&gt;Before defining the union, we need to define its inner structures, &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-tagmouseinput&quot;&gt;&lt;code&gt;MOUSEINPUT&lt;/code&gt;&lt;/a&gt;, &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-tagkeybdinput&quot;&gt;&lt;code&gt;KEYBDINPUT&lt;/code&gt;&lt;/a&gt; and &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-taghardwareinput&quot;&gt;&lt;code&gt;HARDWAREINPUT&lt;/code&gt;&lt;/a&gt;. We won't be using them all, but since they count towards the final struct size (C will choose the largest structure as the final size), we need them, or Windows' API will get confused and refuse to work (personal experience):&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;class MOUSEINPUT(ctypes.Structure):
+    _fields_ = [
+        ('dx', ctypes.c_long),
+        ('dy', ctypes.c_long),
+        ('mouseData', ctypes.c_long),
+        ('dwFlags', ctypes.c_long),
+        ('time', ctypes.c_long),
+        ('dwExtraInfo', ctypes.POINTER(ctypes.c_ulong))
+    ]
+
+
+class KEYBDINPUT(ctypes.Structure):
+    _fields_ = [
+        ('wVk', ctypes.c_short),
+        ('wScan', ctypes.c_short),
+        ('dwFlags', ctypes.c_long),
+        ('time', ctypes.c_long),
+        ('dwExtraInfo', ctypes.POINTER(ctypes.c_ulong))
+    ]
+
+
+class HARDWAREINPUT(ctypes.Structure):
+    _fields_ = [
+        ('uMsg', ctypes.c_long),
+        ('wParamL', ctypes.c_short),
+        ('wParamH', ctypes.c_short)
+    ]
+
+
+class INPUTUNION(ctypes.Union):
+    _fields_ = [
+        ('mi', MOUSEINPUT),
+        ('ki', KEYBDINPUT),
+        ('hi', HARDWAREINPUT)
+    ]
+
+
+class INPUT(ctypes.Structure):
+    _fields_ = [
+        ('type', ctypes.c_long),
+        ('value', INPUTUNION)
+    ]
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Some things to note:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Pointers are defined as &lt;code&gt;ctypes.POINTER(inner type)&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;The field names can be anything you want. You can make them more &amp;quot;pythonic&amp;quot; if you want (such as changing &lt;code&gt;dwExtraInfo&lt;/code&gt; for just &lt;code&gt;extra_info&lt;/code&gt;), but I chose to stick with the original naming.&lt;/li&gt;
+&lt;li&gt;The union is very similar, but it uses &lt;code&gt;ctypes.Union&lt;/code&gt; instead of &lt;code&gt;ctypes.Structure&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;We gave a name to the anonymous union, &lt;code&gt;INPUTUNION&lt;/code&gt;, and used it inside &lt;code&gt;INPUT&lt;/code&gt; with also a made-up name, &lt;code&gt;('value', INPUTUNION)&lt;/code&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Now that we have all the types we need defined, we can use them:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;KEYEVENTF_KEYUP = 0x0002
+
+def press(vk, down):
+    inputs = INPUT(type=INPUT_KEYBOARD, value=INPUTUNION(ki=KEYBDINPUT(
+        wVk=vk,
+        wScan=0,
+        dwFlags=0 if down else KEYEVENTF_KEYUP,
+        time=0,
+        dwExtraInfo=None
+    )))
+    ctypes.windll.user32.SendInput(1, ctypes.byref(inputs), ctypes.sizeof(inputs))
+
+
+for char in 'HELLO':
+    press(ord(char), down=True)
+    press(ord(char), down=False)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Run it! It will press and release the keys &lt;code&gt;hello&lt;/code&gt; to type the word &lt;code&gt;&amp;quot;hello&amp;quot;&lt;/code&gt;!&lt;/p&gt;
+&lt;p&gt;&lt;code&gt;vk&lt;/code&gt; stands for &amp;quot;virtual key&amp;quot;. Letters correspond with their upper-case ASCII value, which is what we did above. You can find all the available keys in the page with all the &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/inputdev/virtual-key-codes&quot;&gt;Virtual Key Codes&lt;/a&gt;.&lt;/p&gt;
+&lt;h2 id=&quot;dynamic_inputs_and_pointers&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#dynamic_inputs_and_pointers&quot;&gt;¶&lt;/a&gt;Dynamic Inputs and Pointers&lt;/h2&gt;
+&lt;p&gt;What happens if a method wants something by reference? That is, a pointer to your thing? For example, &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-getcursorpos&quot;&gt;&lt;code&gt;GetCursorPos&lt;/code&gt;&lt;/a&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-c&quot;&gt;typedef struct tagPOINT {
+    LONG x;
+    LONG y;
+} POINT, *PPOINT, *NPPOINT, *LPPOINT;
+
+BOOL GetCursorPos(
+    LPPOINT lpPoint
+);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;It wants a Long Pointer to &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/desktop/api/windef/ns-windef-point&quot;&gt;&lt;code&gt;POINT&lt;/code&gt;&lt;/a&gt;. We can do just that with &lt;code&gt;ctypes.byref&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;class POINT(ctypes.Structure):
+    _fields_ = [
+        ('x', ctypes.c_long),
+        ('y', ctypes.c_long)
+    ]
+
+
+def get_mouse():
+    point = POINT()
+    ctypes.windll.user32.GetCursorPos(ctypes.byref(point))
+    #                  pass our point by ref ^^^^^
+    # this lets GetCursorPos fill its x and y fields
+
+    return point.x, point.y
+
+
+while True:
+    print(get_mouse())
+    time.sleep(0.05)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Now you can track the mouse position! Make sure to &lt;code&gt;Ctrl+C&lt;/code&gt; the program when you're tired of it.&lt;/p&gt;
+&lt;p&gt;What happens if a method wants a dynamically-sized input?&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;buffer = ctypes.create_string_buffer(size)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;In that case, you can create an in-memory &lt;code&gt;buffer&lt;/code&gt; of &lt;code&gt;size&lt;/code&gt; with &lt;code&gt;ctypes.create_string_buffer&lt;/code&gt;. It will return a character array of that size, which you can pass as a pointer directly (without &lt;code&gt;ctypes.byref&lt;/code&gt;).&lt;/p&gt;
+&lt;p&gt;To access the buffer's contents, you can use either &lt;code&gt;.raw&lt;/code&gt; or &lt;code&gt;.value&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;entire_buffer_as_bytes = buffer.raw
+up_until_null = buffer.value
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;When the method fills in the data, you can &lt;code&gt;cast&lt;/code&gt; your buffer back into a pointer of a concrete type:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;result_ptr = ctypes.cast(buffer, ctypes.POINTER(ctypes.c_long))
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;And you can de-reference pointers with &lt;code&gt;.contents&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;first_result = result_ptr.contents
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;arrays&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#arrays&quot;&gt;¶&lt;/a&gt;Arrays&lt;/h2&gt;
+&lt;p&gt;Arrays are defined as &lt;code&gt;type * size&lt;/code&gt;. Your linter may not like that, and if you don't know the size beforehand, consider creating a 0-sized array. For example:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;# 10 longs
+ten_longs = (ctypes.c_long * 10)()
+for i in range(10):
+    ten_longs[i] = 2 ** i
+
+# Unknown size of longs, e.g. inside some Structure
+longs = (ctypes.c_long * 0)
+
+# Now you know how many longs it actually was
+known_longs = ctypes.cast(
+    ctypes.byref(longs),
+    ctypes.POINTER(ctypes.c_long * size)
+).contents
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;If there's a better way to initialize arrays, please let me know.&lt;/p&gt;
+&lt;h2 id=&quot;wintypes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#wintypes&quot;&gt;¶&lt;/a&gt;wintypes&lt;/h2&gt;
+&lt;p&gt;Under Windows, the &lt;code&gt;ctypes&lt;/code&gt; module has a &lt;code&gt;wintypes&lt;/code&gt; submodule. This one contains definitions like &lt;code&gt;HWND&lt;/code&gt; which may be useful and can be imported as:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;from ctypes.wintypes import HWND, LPCWSTR, UINT
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;callbacks&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#callbacks&quot;&gt;¶&lt;/a&gt;Callbacks&lt;/h2&gt;
+&lt;p&gt;Some functions (I'm looking at you, &lt;a href=&quot;https://docs.microsoft.com/en-us/windows/win32/api/winuser/nf-winuser-enumwindows&quot;&gt;&lt;code&gt;EnumWindows&lt;/code&gt;&lt;/a&gt;) ask us to pass a callback. In this case, it wants a &lt;a href=&quot;https://docs.microsoft.com/en-us/previous-versions/windows/desktop/legacy/ms633498(v=vs.85)&quot;&gt;&lt;code&gt;EnumWindowsProc&lt;/code&gt;&lt;/a&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-c&quot;&gt;BOOL EnumWindows(
+    WNDENUMPROC lpEnumFunc,
+    LPARAM      lParam
+);
+
+BOOL CALLBACK EnumWindowsProc(
+    _In_ HWND   hwnd,
+    _In_ LPARAM lParam
+);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The naive approach won't work:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+# ctypes.ArgumentError: argument 1: &amp;lt;class 'TypeError'&amp;gt;: Don't know how to convert parameter 1
+# Aww.
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Instead, you must wrap your function as a C definition like so:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;from ctypes.wintypes import BOOL, HWND, LPARAM
+
+EnumWindowsProc = ctypes.WINFUNCTYPE(BOOL, HWND, LPARAM)
+
+def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+# Wrap the function in the C definition
+callback = EnumWindowsProc(callback)
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+# Yay, it works.
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;You may have noticed this is what decorators do, wrap the function. So…&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;from ctypes.wintypes import BOOL, HWND, LPARAM
+
+@ctypes.WINFUNCTYPE(BOOL, HWND, LPARAM)
+def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;…will also work. And it is a &lt;em&gt;lot&lt;/em&gt; fancier.&lt;/p&gt;
+&lt;h2 id=&quot;closing_words&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#closing_words&quot;&gt;¶&lt;/a&gt;Closing Words&lt;/h2&gt;
+&lt;p&gt;With the knowledge above and some experimentation, you should be able to call and do (almost) anything you want. That was pretty much all I needed on my project anyway :)&lt;/p&gt;
+&lt;p&gt;We have been letting Python convert Python values into C values, but you can do so explicitly too. For example, you can use &lt;code&gt;ctypes.c_short(17)&lt;/code&gt; to make sure to pass that &lt;code&gt;17&lt;/code&gt; as a &lt;code&gt;short&lt;/code&gt;. And if you have a &lt;code&gt;c_short&lt;/code&gt;, you can convert or cast it to its Python &lt;code&gt;.value&lt;/code&gt; as &lt;code&gt;some_short.value&lt;/code&gt;. The same applies for integers, longs, floats, doubles… pretty much anything, char pointers (strings) included.&lt;/p&gt;
+&lt;p&gt;If you can't find something in their online documentation, you can always &lt;a href=&quot;https://github.com/BurntSushi/ripgrep&quot;&gt;&lt;code&gt;rg&lt;/code&gt;&lt;/a&gt; for it in the &lt;code&gt;C:\Program Files (x86)\Windows Kits\10\Include\*&lt;/code&gt; directory.&lt;/p&gt;
+&lt;p&gt;Note that the &lt;code&gt;ctypes.Structure&lt;/code&gt;'s that you define can have more methods of your own. For example, you can write them a &lt;code&gt;__str__&lt;/code&gt; to easily view its fields, or define a &lt;code&gt;@property&lt;/code&gt; to re-interpret some data in a meaningful way.&lt;/p&gt;
+&lt;p&gt;For enumerations, you can pass just the right integer number, make a constant for it, or if you prefer, use a &lt;a href=&quot;https://docs.python.org/3/library/enum.html#enum.IntEnum&quot;&gt;&lt;code&gt;enum.IntEnum&lt;/code&gt;&lt;/a&gt;. For example, &lt;a href=&quot;https://docs.microsoft.com/en-us/windows-hardware/manufacture/desktop/dism/dismloglevel-enumeration&quot;&gt;&lt;code&gt;DismLogLevel&lt;/code&gt;&lt;/a&gt; would be:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;class DismLogLevel(enum.IntEnum):
+    DismLogErrors = 0
+    DismLogErrorsWarnings = 1
+    DismLogErrorsWarningsInfo = 2
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;And you &lt;em&gt;should&lt;/em&gt; be able to pass &lt;code&gt;DismLogLevel.DismLogErrors&lt;/code&gt; as the parameter now.&lt;/p&gt;
+&lt;p&gt;If you see a function definition like &lt;code&gt;Function(void)&lt;/code&gt;, that's C's way of saying it takes no parameters, so just call it as &lt;code&gt;Function()&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Make sure to pass all parameters, even if they seem optional they probably still want a &lt;code&gt;NULL&lt;/code&gt; at least, and of course, read the documentation well. Some methods have certain pre-conditions.&lt;/p&gt;
+&lt;p&gt;Have fun hacking!&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Shattered Pixel Dungeon</title><id>dist/pixel-dungeon/index.html</id><updated>2020-07-02T22:00:00+00:00</updated><published>2019-06-02T22:00:00+00:00</published><summary>Shattered Pixel Dungeon</summary><content type="html" src="dist/pixel-dungeon/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Shattered Pixel Dungeon&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;shattered_pixel_dungeon&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#shattered_pixel_dungeon&quot;&gt;¶&lt;/a&gt;Shattered Pixel Dungeon&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2019-06-03&lt;br&gt;
+Modified 2020-07-03&lt;/div&gt;
+&lt;p&gt;&lt;a href=&quot;https://shatteredpixel.com/shatteredpd/&quot;&gt;Shattered Pixel Dungeon&lt;/a&gt; is the classic roguelike RPG game with randomly-generated dungeons. As a new player, it was a bit frustrating to be constantly killed on the first levels of the dungeon, but with some practice it's easy to reach high levels if you can kill the first boss.&lt;/p&gt;
+&lt;h2 id=&quot;basic_tips&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#basic_tips&quot;&gt;¶&lt;/a&gt;Basic Tips&lt;/h2&gt;
+&lt;p&gt;The game comes with its own tips, but here's a short and straight-forward summary:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Don't rush into enemies&lt;/strong&gt;. Abuse doors and small corridors to kill them one by one. You can use the clock on the bottom left to wait a turn without moving.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Explore each level at full&lt;/strong&gt;. You will find goodies and gain XP while doing so.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Upon finding a special room&lt;/strong&gt; (e.g. has a chest but is protected by piranhas), drink all potions that you found in that level until there's one that helps you (e.g. be invisible so piranhas leave you alone). There is guaranteed to be a helpful one per level with special rooms.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Drink potions as early as possible&lt;/strong&gt;. Harmful potions do less damage on early levels (and if you die, you lose less). This will keep them identified early for the rest of the game.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Read scrolls as early as possible&lt;/strong&gt; as well. This will keep them identified. It may be worth to wait until you have an item which may be cursed and until the level is clear, because some scrolls clean curses and others alert enemies.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Food and health are resources&lt;/strong&gt; that you have to &lt;em&gt;manage&lt;/em&gt;, not keep them always at full. Even if you are starving and taking damage, you may not need to eat &lt;em&gt;just yet&lt;/em&gt;, since food is scarce. Eat when you are low on health or in possible danger.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Piranhas&lt;/strong&gt;. Seriously, just leave them alone if you are melee. They're free food if you're playing ranged, though.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Prefer armor over weapons&lt;/strong&gt;. And make sure to identify or clean it from curses before wearing anything!&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Find a dew vial early&lt;/strong&gt;. It's often a better idea to store dew (health) for later than to use it as soon as possible.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;bosses&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#bosses&quot;&gt;¶&lt;/a&gt;Bosses&lt;/h2&gt;
+&lt;p&gt;There is a boss every 5 levels.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Level 5 boss&lt;/strong&gt;. Try to stay on water, but don't let &lt;em&gt;it&lt;/em&gt; stay on water since it will heal. Be careful when he starts enraging.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Level 10 boss&lt;/strong&gt;. Ranged weapons are good against it.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Level 15 boss&lt;/strong&gt;. I somehow managed to tank it with a health potion.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Level 20 boss&lt;/strong&gt;. I didn't get this far just yet. You are advised to use scrolls of magic mapping in the last levels to skip straight to the boss, since there's nothing else of value.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Level 25 boss&lt;/strong&gt;. The final boss. Good job if you made it this far!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;mage&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#mage&quot;&gt;¶&lt;/a&gt;Mage&lt;/h2&gt;
+&lt;p&gt;If you followed the basic tips, you will sooner or later make use of two scrolls of upgrade in a single run. This will unlock the mage class, which is ridiculously powerful. He starts with a ranged-weapon, a magic missile wand, which is really helpful to keep enemies at a distance. Normally, you want to use this at first to surprise attack them soon, and if you are low on charges, you may go melee on normal enemies if you are confident.&lt;/p&gt;
+&lt;h2 id=&quot;luck&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#luck&quot;&gt;¶&lt;/a&gt;Luck&lt;/h2&gt;
+&lt;p&gt;This game is all about luck and patience! Some runs will be better than others, and you should thank and pray the RNG gods for them. If you don't, they will only give you cursed items and not a single scroll to clean them. So, good luck and enjoy playing!&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Breaking Risk of Rain</title><id>dist/breaking-ror/index.html</id><updated>2020-07-02T22:00:00+00:00</updated><published>2019-01-11T23:00:00+00:00</published><summary>Risk of Rain</summary><content type="html" src="dist/breaking-ror/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Breaking Risk of Rain&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;breaking_risk_of_rain&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#breaking_risk_of_rain&quot;&gt;¶&lt;/a&gt;Breaking Risk of Rain&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2019-01-12&lt;br&gt;
+Modified 2020-07-03&lt;/div&gt;
+&lt;p&gt;&lt;a href=&quot;https://riskofraingame.com/&quot;&gt;Risk of Rain&lt;/a&gt; is a fun little game you can spend a lot of hours on. It's incredibly challenging for new players, and fun once you have learnt the basics. This blog will go through what I've learnt and how to play the game correctly.&lt;/p&gt;
+&lt;h2 id=&quot;getting_started&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#getting_started&quot;&gt;¶&lt;/a&gt;Getting Started&lt;/h2&gt;
+&lt;p&gt;If you're new to the game, you may find it frustrating. You must learn very well to dodge.&lt;/p&gt;
+&lt;p&gt;Your first &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Category:Characters&quot;&gt;character&lt;/a&gt; will be &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Commando&quot;&gt;Commando&lt;/a&gt;. He's actually a very nice character. Use your third skill (dodge) to move faster, pass through large groups of enemies, and negate fall damage.&lt;/p&gt;
+&lt;p&gt;If there are a lot of monsters, remember to &lt;strong&gt;leave&lt;/strong&gt; from there! It's really important for survival. Most enemies &lt;strong&gt;don't do body damage&lt;/strong&gt;. Not even the body of the &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Magma_Worm&quot;&gt;Magma Worm&lt;/a&gt; or the &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Wandering_Vagrant&quot;&gt;Wandering Vagrant&lt;/a&gt; (just dodge the head and projectiles respectively).&lt;/p&gt;
+&lt;p&gt;The first thing you must do is always &lt;strong&gt;rush for the teleporter&lt;/strong&gt;. Completing the levels quick will make the game easier. But make sure to take note of &lt;strong&gt;where the chests are&lt;/strong&gt;! When you have time (even when the countdown finishes), go back for them and buy as many as you can. Generally, prefer &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Chest&quot;&gt;chests&lt;/a&gt; over &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Shrine&quot;&gt;shrines&lt;/a&gt; since they may eat all your money.&lt;/p&gt;
+&lt;p&gt;Completing the game on &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Difficulty&quot;&gt;Drizzle&lt;/a&gt; is really easy if you follow these tips.&lt;/p&gt;
+&lt;h2 id=&quot;requisites&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#requisites&quot;&gt;¶&lt;/a&gt;Requisites&lt;/h2&gt;
+&lt;p&gt;Before breaking the game, you must obtain several &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Item#Artifacts&quot;&gt;artifacts&lt;/a&gt;. We are interested in particular in the following:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Sacrifice&quot;&gt;Sacrifice&lt;/a&gt;. You really need this one, and may be a bit hard to get. With it, you will be able to farm the first level for 30 minutes and kill the final boss in 30 seconds.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Command&quot;&gt;Command&lt;/a&gt;. You need this unless you want to grind for hours to get enough of the items you really need for the rest of the game. Getting this one is easy.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Glass&quot;&gt;Glass&lt;/a&gt;. Your life will be very small (at the beginning…), but you will be able to one-shot everything easily.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Kin&quot;&gt;Kin&lt;/a&gt; (optional). It makes it easier to obtain a lot of boxes if you restart the first level until you get &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Lemurian&quot;&gt;lemurians&lt;/a&gt; or &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Jellyfish&quot;&gt;jellyfish&lt;/a&gt; as the monster, since they're cheap to spawn.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;With those, the game becomes trivial. Playing as &lt;a href=&quot;http://riskofrain.wikia.com/wiki/Huntress&quot;&gt;Huntress&lt;/a&gt; is excellent since she can move at high speed while killing everything on screen.&lt;/p&gt;
+&lt;h2 id=&quot;breaking_the_game&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#breaking_the_game&quot;&gt;¶&lt;/a&gt;Breaking the Game&lt;/h2&gt;
+&lt;p&gt;The rest is easy! With the command artifact you want the following items.&lt;/p&gt;
+&lt;h3 id=&quot;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Category:Common_Items&quot;&gt;common_items&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#common_items&quot;&gt;¶&lt;/a&gt;Common Items&lt;/a&gt;&lt;/h3&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Soldier&amp;#x27;s_Syringe&quot;&gt;Soldier's Syringe&lt;/a&gt;. &lt;strong&gt;Stack 13&lt;/strong&gt; of these and you will triple your attack speed. You can get started with 4 or so.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Paul&amp;#x27;s_Goat_Hoof&quot;&gt;Paul's Goat Hoof&lt;/a&gt;. &lt;strong&gt;Stack +30&lt;/strong&gt; of these and your movement speed will be insane. You can get a very good speed with 8 or so.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Crowbar&quot;&gt;Crowbar&lt;/a&gt;. &lt;strong&gt;Stack +20&lt;/strong&gt; to guarantee you can one-shot bosses.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;If you want to be safer:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Hermit&amp;#x27;s_Scarf&quot;&gt;Hermit's Scarf&lt;/a&gt;. &lt;strong&gt;Stack 6&lt;/strong&gt; of these to dodge 1/3 of the attacks.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Monster_Tooth&quot;&gt;Monster Tooth&lt;/a&gt;. &lt;strong&gt;Stack 9&lt;/strong&gt; of these to recover 50 life on kill. This is plenty, since you will be killing &lt;em&gt;a lot&lt;/em&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;If you don't have enough and want more fun, get one of these:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Gasoline&quot;&gt;Gasoline&lt;/a&gt;. Burn the ground on kill, and more will die!&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Headstompers&quot;&gt;Headstompers&lt;/a&gt;. They make a pleasing sound on fall, and hurt.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Lens-Maker&amp;#x27;s_Glasses&quot;&gt;Lens-Maker's Glasses&lt;/a&gt;. &lt;strong&gt;Stack 14&lt;/strong&gt; and you will always deal a critical strike for double the damage.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id=&quot;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Category:Uncommon_Items&quot;&gt;uncommon_items&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#uncommon_items&quot;&gt;¶&lt;/a&gt;Uncommon Items&lt;/a&gt;&lt;/h3&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Infusion&quot;&gt;Infusion&lt;/a&gt;. You only really need one of this. Your life will skyrocket after a while, since this gives you 1HP per kill.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Hopoo_Feather&quot;&gt;Hopoo Feather&lt;/a&gt;. &lt;strong&gt;Stack +10&lt;/strong&gt; of these. You will pretty much be able to fly with so many jumps.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Guardian&amp;#x27;s_Heart&quot;&gt;Guardian's Heart&lt;/a&gt;. Not really necessary, but useful for early and late game, since it will absorb infinite damage the first hit.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;If, again, you want more fun, get one of these:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Ukulele&quot;&gt;Ukelele&lt;/a&gt;. Spazz your enemies!&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Will-o&amp;#x27;-the-wisp&quot;&gt;Will-o'-the-wisp&lt;/a&gt;. Explode your enemies!&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Chargefield_Generator&quot;&gt;Chargefield Generator&lt;/a&gt;. It should cover your entire screen after a bit, hurting all enemies without moving a finger.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Golden_Gun&quot;&gt;Golden Gun&lt;/a&gt;. You will be rich, so this gives you +40% damage.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Predatory_Instincts&quot;&gt;Predatory Instincts&lt;/a&gt;. If you got 14 glasses, you will always be doing critical strikes, and this will give even more attack speed.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/56_Leaf_Clover&quot;&gt;56 Leaf Clover&lt;/a&gt;. More drops, in case you didn't have enough.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id=&quot;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Category:Rare_Items&quot;&gt;rare_items&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#rare_items&quot;&gt;¶&lt;/a&gt;Rare Items&lt;/a&gt;&lt;/h3&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Ceremonial_Dagger&quot;&gt;Ceremonial Dagger&lt;/a&gt;. &lt;strong&gt;Stack +3&lt;/strong&gt;, then killing one thing kills another thing and makes a chain reaction.&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Alien_Head&quot;&gt;Alien Head&lt;/a&gt;. &lt;strong&gt;Stack 3&lt;/strong&gt;, and you will be able to use your abilities more often.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;For more fun:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://riskofrain.wikia.com/wiki/Brilliant_Behemoth&quot;&gt;Brilliant Behemoth&lt;/a&gt;. Boom boom.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;closing_words&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#closing_words&quot;&gt;¶&lt;/a&gt;Closing Words&lt;/h2&gt;
+&lt;p&gt;You can now beat the game in Monsoon solo with any character. Have fun! And be careful with the sadly common crashes.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>My new computer</title><id>dist/new-computer/index.html</id><updated>2020-06-21T22:00:00+00:00</updated><published>2020-06-18T22:00:00+00:00</published><summary>This post will be mostly me ranting about setting up a new laptop, but I also just want to share my upgrade. If you're considering installing Arch Linux with dual-boot for Windows, maybe this post will help. Or perhaps you will learn something new to troubleshoot systems in the future. Let's begin!</summary><content type="html" src="dist/new-computer/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;My new computer&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;my_new_computer&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#my_new_computer&quot;&gt;¶&lt;/a&gt;My new computer&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-06-19&lt;br&gt;
+Modified 2020-06-22&lt;/div&gt;
+&lt;p&gt;This post will be mostly me ranting about setting up a new laptop, but I also just want to share my upgrade. If you're considering installing Arch Linux with dual-boot for Windows, maybe this post will help. Or perhaps you will learn something new to troubleshoot systems in the future. Let's begin!&lt;/p&gt;
+&lt;p&gt;Last Sunday, I ordered a Asus Rog Strix G531GT-BQ165 for 900€ (on a 20% discount) with the following specifications:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Intel® Core i7-9750H (6 cores, 12MB cache, 2.6GHz up to 4.5GHz, 64-bit)&lt;/li&gt;
+&lt;li&gt;16GB RAM (8GB*2) DDR4 2666MHz&lt;/li&gt;
+&lt;li&gt;512GB SSD M.2 PCIe® NVMe&lt;/li&gt;
+&lt;li&gt;Display 15.6&amp;quot; (1920x1080/16:9) 60Hz&lt;/li&gt;
+&lt;li&gt;Graphics NVIDIA® GeForce® GTX1650 4GB GDDR5 VRAM&lt;/li&gt;
+&lt;li&gt;LAN 10/100/1000&lt;/li&gt;
+&lt;li&gt;Wi-Fi 5 (802.11ac) 2x2 RangeBoost&lt;/li&gt;
+&lt;li&gt;Bluetooth 5.0&lt;/li&gt;
+&lt;li&gt;48Wh battery with 3 cells&lt;/li&gt;
+&lt;li&gt;3 x USB 3.1 (GEN1)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;I was mostly interested in a general upgrade (better processor, disk, more RAM), although the graphics card is a really nice addition which will allow me to take some time off on more games. After using it for a bit, I really love the feel of the keyboard, and I love the lack of numpad! (No sarcasm, I really don't like numpads.)&lt;/p&gt;
+&lt;p&gt;This is an upgrade from my previous laptop (Asus X554LA-XX822T), which I won in a competition before entering university in a programming challenge. It has served me really well for the past five years, and had the following specifications:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Intel® Core™ i5-5200U&lt;/li&gt;
+&lt;li&gt;4GB RAM DDR3L 1600MHz (which I upgraded to have 8GB)&lt;/li&gt;
+&lt;li&gt;1TB HDD&lt;/li&gt;
+&lt;li&gt;Display 15.6&amp;quot; (1366x768/16:9)&lt;/li&gt;
+&lt;li&gt;Intel® HD Graphics 4400&lt;/li&gt;
+&lt;li&gt;LAN 10/100/1000&lt;/li&gt;
+&lt;li&gt;Wifi 802.11 bgn&lt;/li&gt;
+&lt;li&gt;Bluetooth 4.0&lt;/li&gt;
+&lt;li&gt;Battery 2 cells&lt;/li&gt;
+&lt;li&gt;1 x USB 2.0&lt;/li&gt;
+&lt;li&gt;2 x USB 3.0&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Prior to this one, I had a Lenovo (also won in the same competition of the previous year), and prior to that (just for the sake of history), it was HP Pavilion, AMD A4-3300M processor, which unfortunately ended with heating problems. But that's very old now.&lt;/p&gt;
+&lt;h2 id=&quot;laptop_arrival&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#laptop_arrival&quot;&gt;¶&lt;/a&gt;Laptop arrival&lt;/h2&gt;
+&lt;p&gt;The laptop arrived 2 days ago at roughly 19:00, which I put charged for 3 hours as the book said. The day after, nightmares began!&lt;/p&gt;
+&lt;p&gt;Trying to boot it the first two times was fun, as it comes with a somewhat loud sound on boot. I don't know why they would do this, and I immediately turned it off in the BIOS.&lt;/p&gt;
+&lt;h2 id=&quot;installation_journey&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#installation_journey&quot;&gt;¶&lt;/a&gt;Installation journey&lt;/h2&gt;
+&lt;p&gt;I spent all of yesterday trying to setup Windows and Arch Linux (and didn't even finish, it took me this morning too and even now it's only half functional). I absolutely &lt;em&gt;hate&lt;/em&gt; the amount of partitions the Windows installer creates on a clean disk. So instead, I first went with Arch Linux, and followed the &lt;a href=&quot;https://wiki.archlinux.org/index.php/Installation_guide&quot;&gt;installation guide on the Arch wiki&lt;/a&gt;. Pre-installation, setting up the wireless network, creating the partitions and formatting them went all good. I decided to avoid GRUB at first and go with rEFInd, but alas I missed a big warning on the wiki and after reboot (I would later find out) it was not mounting root properly, so all I had was whatever was in the Initramfs. Reboot didn't work, so I had to hold the power button.&lt;/p&gt;
+&lt;p&gt;Anyway, once the partitions were created, I went to install Windows (there was a lot of back and forth burning different &lt;code&gt;.iso&lt;/code&gt; images on the USB, which was a bit annoying because it wasn't the fastest thing in the world). This was pretty painless, and the process was standard: select advanced to let me choose the right partition, pick the one, say &amp;quot;no&amp;quot; to everything in the services setup, and done. But this was the first Windows &lt;code&gt;.iso&lt;/code&gt; I tried. It was an old revision, and the drivers were causing issues when running (something weird about their &lt;code&gt;.dll&lt;/code&gt;, manually installing the &lt;code&gt;.ini&lt;/code&gt; driver files seemed to work?). The Nvidia drivers didn't want to be installed on such an old revision, after updating everything I could via Windows updates. So back I went to burning a newer Windows &lt;code&gt;.iso&lt;/code&gt; and going through the same process again…&lt;/p&gt;
+&lt;p&gt;Once Windows was ready and I verified that I could boot to it correctly, it was time to have a second go at Arch Linux. And I went through the setup at least three times, getting it wrong every single time, formatting root every single time, redownloading the packages every single pain. If only had I known earlier what the issue was!&lt;/p&gt;
+&lt;p&gt;Why bother with Arch? I was pretty happy with Linux Mint, and I lowkey wanted to try NixOS, but I had used Arch before and it's a really nice distro overall (up-to-date, has AUR, quite minimal, imperative), except for trying to install rEFInd while chrooted…&lt;/p&gt;
+&lt;p&gt;In the end I managed to get something half-working, I still need to properly configure WiFi and pulseaudio in my system but hey it works.&lt;/p&gt;
+&lt;p&gt;I like to be able to dual-boot Windows and Linux because Linux is amazing for productivity, but unfortunately, some games only work fine on Windows. Might as well have both systems and use one for gaming, while the other is my daily driver.&lt;/p&gt;
+&lt;h2 id=&quot;setting_up_arch_linux&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#setting_up_arch_linux&quot;&gt;¶&lt;/a&gt;Setting up Arch Linux&lt;/h2&gt;
+&lt;p&gt;This is the process I followed to install Arch Linux in the end, along with a brief explanation on what I think the things are doing and why we are doing them. I think the wiki could do a better job at this, but I also know it's hard to get it right for everyone. Something I do dislike is the link colour, after opening a link it becomes gray and it's a lot easier to miss the fact that it is a link in the first place, which was tough when re-reading it because some links actually matter a lot. Furthermore, important information may just be a single line, also easy to skim over. Anyway, on to the installation process…&lt;/p&gt;
+&lt;p&gt;The first thing we want to do is configure our keyboard layout or else the keys won't correspond to what we expect:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;loadkeys es
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Because we're on a recent system, we want to verify that UEFI works correctly. If we see files listed, then it works fine:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;ls /sys/firmware/efi/efivars
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The next thing we want to do is configure the WiFi, because I don't have any ethernet cable nearby. To do this, we check what network interfaces our laptop has (we're looking for the one prefixed with &amp;quot;w&amp;quot;, presumably for wireless, such as &amp;quot;wlan0&amp;quot; or &amp;quot;wlo1&amp;quot;), we set it up, scan for available wireless network, and finally connect. In my case, the network has WPA security so we rely on &lt;code&gt;wpa_supplicant&lt;/code&gt; to connect, passing the SSID (network name) and password:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;ip link
+ip link set &amp;lt;IFACE&amp;gt; up
+iw dev &amp;lt;IFACE&amp;gt; scan | less
+wpa_supplicant -B -i &amp;lt;IFACE&amp;gt; -c &amp;lt;(wpa_passphrase &amp;lt;SSID&amp;gt; &amp;lt;PASS&amp;gt;)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;After that's done, pinging an IP address like &amp;quot;1.1.1.1&amp;quot; should Just Work™, but to be able to resolve hostnames, we need to also setup a nameserver. I'm using Cloudflare's, but you could use any other:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;echo nameserver 1.1.1.1 &amp;gt; /etc/resolv.conf
+ping archlinux.org
+^C
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;If the ping works, then network works! If you still have issues, you may need to &lt;a href=&quot;https://wiki.archlinux.org/index.php/Network_configuration#Static_IP_address&quot;&gt;manually configure a static IP address&lt;/a&gt; and add a route with the address of your, well, router. This basically shows if we have any address, adds a static address (so people know who we are), shows what route we have, and adds a default one (so our packets know where to go):&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;ip address show
+ip address add &amp;lt;YOUR ADDR&amp;gt;/24 broadcast + dev &amp;lt;IFACE&amp;gt;
+ip route show
+ip route add default via &amp;lt;ROUTER ADDR&amp;gt; dev &amp;lt;IFACE&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Now that we have network available, we can enable NTP to synchronize our system time (this may be required for network operations where certificates have a validity period, not sure; in any case nobody wants a wrong system time):&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;timedatectl set-ntp true
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;After that, we can manage our disk and partitions using &lt;code&gt;fdisk&lt;/code&gt;. We want to define partitions to tell the system where it should live. To determine the disk name, we first list them, and then edit it. &lt;code&gt;fdisk&lt;/code&gt; is really nice and reminds you at every step that help can be accessed with &amp;quot;m&amp;quot;, which you should constantly use to guide you through.&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;fdisk -l
+fdisk /dev/&amp;lt;DISK&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The partitions I made are the following:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;A 100MB one for the EFI system.&lt;/li&gt;
+&lt;li&gt;A 32GB one for Linux' root &lt;code&gt;/&lt;/code&gt; partition.&lt;/li&gt;
+&lt;li&gt;A 200GB one for Linux' home &lt;code&gt;/home&lt;/code&gt; partition.&lt;/li&gt;
+&lt;li&gt;The rest was unallocated for Windows because I did this first.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;I like to have &lt;code&gt;/home&lt;/code&gt; and &lt;code&gt;/&lt;/code&gt; separate because I can reinstall root without losing anything from home (projects, music, photos, screenshots, videos…).&lt;/p&gt;
+&lt;p&gt;After the partitions are made, we format them in FAT32 and EXT4 which are good defaults for EFI, root and home. They need to have a format, or else they won't be usable:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;mkfs.fat -F32 /dev/&amp;lt;DISK&amp;gt;&amp;lt;PART1&amp;gt;
+mkfs.ext4 /dev/&amp;lt;DISK&amp;gt;&amp;lt;PART2&amp;gt;
+mkfs.ext4 /dev/&amp;lt;DISK&amp;gt;&amp;lt;PART3&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Because the laptop was new, there was no risk to lose anything, but if you're doing a install on a previous system, be very careful with the partition names. Make sure they match with the ones in &lt;code&gt;fdisk -l&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Now that we have usable partitions, we need to mount them or they won't be accessible. We can do this with &lt;code&gt;mount&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;mount /dev/&amp;lt;DISK&amp;gt;&amp;lt;PART2&amp;gt; /mnt
+mkdir /mnt/efi
+mount /dev/&amp;lt;DISK&amp;gt;&amp;lt;PART1&amp;gt; /mnt/efi
+mkdir /mnt/home
+mount /dev/&amp;lt;DISK&amp;gt;&amp;lt;PART3&amp;gt; /mnt/home
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Remember to use the correct partitions while mounting. We mount everything so that the system knows which partitions we care about, which we will let know about later on.&lt;/p&gt;
+&lt;p&gt;Next step is to setup the basic Arch Linux system on root, which can be done with &lt;code&gt;pacstrap&lt;/code&gt;. What follows the directory is a list of packages, and you may choose any you wish (at least add &lt;code&gt;base&lt;/code&gt;, &lt;code&gt;linux&lt;/code&gt; and &lt;code&gt;linux-firmware&lt;/code&gt;). These can be installed later, but I'd recommend having them from the beginning, just in case:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;pacstrap /mnt base linux linux-firmware sudo vim-minimal dhcpcd wpa_supplicant man-db man-pages intel-ucode grub efibootmgr os-prober ntfs-3g
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Because my system has an intel CPU, I also installed &lt;code&gt;intel-ucode&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Next up is generating the &lt;code&gt;fstab&lt;/code&gt; file, which we tell to use UUIDs to be on the safe side through &lt;code&gt;-U&lt;/code&gt;. This file is important, because without it the system won't know what partitions exist and will happily only boot with the initramfs, without anything of what we just installed at root. Not knowing this made me restart the entire installation process a few times.&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;genfstab -U /mnt &amp;gt;&amp;gt; /mnt/etc/fstab
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;After that's done, we can change our root into our mount point and finish up configuration. We setup our timezone (so DST can be handled correctly if needed), synchronize the hardware clock (to persist the current time to the BIOS), uncomment our locales (exit &lt;code&gt;vim&lt;/code&gt; by pressing ESC, then type &lt;code&gt;:wq&lt;/code&gt; and press enter), generate locale files (which some applications need), configure language and keymap, update the hostname of our laptop and what indicate what &lt;code&gt;localhost&lt;/code&gt; means…&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;ln -sf /usr/share/zoneinfo/&amp;lt;REGION&amp;gt;/&amp;lt;CITY&amp;gt; /etc/localtime
+hwclock --systohc
+vim /etc/locale.gen
+locale-gen
+echo LANG=es_ES.UTF-8 &amp;gt; /etc/locale.conf
+echo KEYMAP=es &amp;gt; /etc/vconsole.conf
+echo &amp;lt;HOST&amp;gt; /etc/hostname
+cat &amp;lt;&amp;lt;EOF &amp;gt; /etc/hosts
+127.0.0.1 localhost
+::1 localhost
+127.0.1.1 &amp;lt;HOST&amp;gt;.localdomain &amp;lt;HOST&amp;gt;
+EOF
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Really, we could've done all of this later, and the same goes for setting root's password with &lt;code&gt;passwd&lt;/code&gt; or creating users (some of the groups you probably want are &lt;code&gt;power&lt;/code&gt; and &lt;code&gt;wheel&lt;/code&gt;).&lt;/p&gt;
+&lt;p&gt;The important part here is installing GRUB (which also needed the &lt;code&gt;efibootmgr&lt;/code&gt; package):&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;grub-install --target=x86_64-efi --efi-directory=/efi --bootloader-id=GRUB
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;If we want GRUB to find our Windows install, we also need the &lt;code&gt;os-prober&lt;/code&gt; and &lt;code&gt;ntfs-3g&lt;/code&gt; packages that we installed earlier with &lt;code&gt;pacstrap&lt;/code&gt;, and with those we need to mount the Windows partition somewhere. It doesn't matter where. With that done, we can generate the GRUB configuration file which lists all the boot options:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;mkdir /windows
+mount /dev/&amp;lt;DISK&amp;gt;&amp;lt;PART5&amp;gt; /windows
+grub-mkconfig -o /boot/grub/grub.cfg
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;(In my case, I installed Windows before completing the Arch install, which created an additional partition in between).&lt;/p&gt;
+&lt;p&gt;With GRUB ready, we can exit the chroot and reboot the system, and if all went well, you should be greeted with a choice of operating system to use:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;exit
+reboot
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;If for some reason you need to find what mountpoints were active prior to rebooting (to &lt;code&gt;unmount&lt;/code&gt; them for example), you can use &lt;code&gt;findmnt&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Before GRUB I tried rEFInd, which as I explained had issues with for missing a warning. Then I tried systemd-boot, which did not pick up Arch at first. That's where the several reinstalls come from, I didn't want to work with a half-worked system so I mostly redid the entire process quite a few times.&lt;/p&gt;
+&lt;h2 id=&quot;migrating_to_the_new_laptop&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#migrating_to_the_new_laptop&quot;&gt;¶&lt;/a&gt;Migrating to the new laptop&lt;/h2&gt;
+&lt;p&gt;I had a external disk formatted with NTFS. Of course, after moving every file I cared about from my previous Linux install caused all the permissions to reset. All my &lt;code&gt;.git&lt;/code&gt; repositories, dirty with file permission changes! This is going to take a while to fix, or maybe I should just &lt;code&gt;git config core.fileMode false&lt;/code&gt;. Here is a &lt;a href=&quot;https://stackoverflow.com/a/2083563&quot;&gt;lovely command&lt;/a&gt; to sort them out on a per-repository basis:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;git diff --summary | grep --color 'mode change 100644 =&amp;gt; 100755' | cut -d' ' -f7- | xargs -d'\n' chmod -x
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;I never realized how much I had stored over the years, but it really was a lot. While moving things to the external disk, I tried to do some cleanup, such as removing some build artifacts which needlessly occupy space, or completely skipping all the binary application files. If I need those I will install them anyway. The process was mostly focused on finding all the projects and program data that I did care about, or even some game saves. Nothing too difficult, but definitely time consuming.&lt;/p&gt;
+&lt;h2 id=&quot;tuning_arch&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#tuning_arch&quot;&gt;¶&lt;/a&gt;Tuning Arch&lt;/h2&gt;
+&lt;p&gt;Now that our system is ready, install &lt;code&gt;pacman-contrib&lt;/code&gt; to grab a copy of the &lt;code&gt;rankmirrors&lt;/code&gt; speed. It should help speed up the download of whatever packages you want to install, since it will help us &lt;a href=&quot;https://wiki.archlinux.org/index.php/Mirrors#List_by_speed&quot;&gt;rank the mirrors by download speed&lt;/a&gt;. Making a copy of the file is important, otherwise whenever you try to install something it will fail saying it can't find anything.&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;cp /etc/pacman.d/mirrorlist /etc/pacman.d/mirrorlist.backup
+sed -i 's/^#Server/Server/' /etc/pacman.d/mirrorlist.backup
+rankmirrors -n 6 /etc/pacman.d/mirrorlist.backup | tee /etc/pacman.d/mirrorlist
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This will take a while, but it should be well worth it. We're using &lt;code&gt;tee&lt;/code&gt; to see the progress as it goes.&lt;/p&gt;
+&lt;p&gt;Some other packages I installed after I had a working system in no particular order:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;xfce4&lt;/code&gt; and &lt;code&gt;xorg-server&lt;/code&gt;. I just love the simplicity of XFCE.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;xfce4-whiskermenu-plugin&lt;/code&gt;, a really nice start menu.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;xfce4-pulseaudio-plugin&lt;/code&gt; and &lt;code&gt;pavucontrol&lt;/code&gt;, to quickly adjust the audio with my mouse.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;xfce4-taskmanager&lt;/code&gt;, a GUI alternative I generally prefer to &lt;code&gt;htop&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;pulseaudio&lt;/code&gt; and &lt;code&gt;pulseaudio-alsa&lt;/code&gt; to get nice integration with XFCE4 and audio mixing.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;firefox&lt;/code&gt;, which comes with fonts too. A really good web browser.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;git&lt;/code&gt;, to commit &lt;del&gt;crimes&lt;/del&gt; code.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;code&lt;/code&gt;, a wonderful editor which I used to write this blog entry.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;nano&lt;/code&gt;, so much nicer to write a simple commit message.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;python&lt;/code&gt; and &lt;code&gt;python-pip&lt;/code&gt;, my favourite language to toy around ideas or use as a calculator.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;telegram-desktop&lt;/code&gt;, for my needs on sharing memes.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;cmus&lt;/code&gt;, a simple terminal music player.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;openssh&lt;/code&gt;, to connect into any VPS I have access to.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;base-devel&lt;/code&gt;, necessary to build most projects I'll find myself working with (or even compiling some projects Rust which I installed via &lt;code&gt;rustup&lt;/code&gt;).&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;flac&lt;/code&gt;, &lt;code&gt;libmad&lt;/code&gt;, &lt;code&gt;opus&lt;/code&gt;, and &lt;code&gt;libvorbis&lt;/code&gt;, to be able to play more audio files.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;inkscape&lt;/code&gt;, to make random drawings.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;ffmpeg&lt;/code&gt;, to convert media or record screen.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;xclip&lt;/code&gt;, to automatically copy screenshots to my clipboard.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;gvfs&lt;/code&gt;, needed by Thunar to handle mounting and having a trash (perma-deletion by default can be nasty sometimes).&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;noto-fonts&lt;/code&gt;, &lt;code&gt;noto-fonts-cjk&lt;/code&gt; and &lt;code&gt;noto-fonts-extra&lt;/code&gt;, if you don't want missing gliphs everywhere.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;xfce4-notifyd&lt;/code&gt; and &lt;code&gt;libnotify&lt;/code&gt;, for notifications.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;cronie&lt;/code&gt;, to be able to &lt;code&gt;crontab -e&lt;/code&gt;. Make sure to &lt;code&gt;system enable cronie&lt;/code&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After that, I configured my Super L key to launch &lt;code&gt;xfce4-popup-whiskermenu&lt;/code&gt; so that it opens the application menu, pretty much the same as it would on Windows, moved the panels around and configured them to my needs, and it feels like home once more.&lt;/p&gt;
+&lt;p&gt;I made some mistakes while &lt;a href=&quot;https://wiki.archlinux.org/index.php/Systemd-networkd&quot;&gt;configuring systemd-networkd&lt;/a&gt; and accidentally added a service that was incorrect, which caused boot to wait for it to timeout before completing. My boot time was taking 90 seconds longer because of this! &lt;a href=&quot;https://www.reddit.com/r/archlinux/comments/4nv9yi/my_arch_greets_me_now_with_a_start_job/&quot;&gt;The solution was to remove said service&lt;/a&gt;, so this is something to look out for.&lt;/p&gt;
+&lt;p&gt;In order to find what was taking long, I had to edit the &lt;a href=&quot;https://wiki.archlinux.org/index.php/kernel_parameters&quot;&gt;kernel parameters&lt;/a&gt; to remove the &lt;code&gt;quiet&lt;/code&gt; option. I prefer seeing the output on what my computer is doing anyway, because it gives me a sense of progress and most importantly is of great value when things go wrong. Another interesting option is &lt;code&gt;noauto,x-systemd.automount&lt;/code&gt;, which makes a disk lazily-mounted. If you have a slow disk, this could help speed things up.&lt;/p&gt;
+&lt;p&gt;If you see a service taking long, you can also use &lt;code&gt;systemd-analyze blame&lt;/code&gt; to see what takes the longest, and &lt;code&gt;systemctl list-dependencies&lt;/code&gt; is also helpful to find what services are active.&lt;/p&gt;
+&lt;p&gt;My &lt;code&gt;locale charmap&lt;/code&gt; was spitting out a bunch of warnings:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;$ locale charmap
+locale: Cannot set LC_CTYPE to default locale: No such file or directory
+locale: Cannot set LC_MESSAGES to default locale: No such file or directory
+locale: Cannot set LC_ALL to default locale: No such file or directory
+ANSI_X3.4-1968
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;…ANSI encoding? Immediately I added the following to &lt;code&gt;~/.bashrc&lt;/code&gt; and &lt;code&gt;~/.profile&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;export LC_ALL=en_US.UTF-8
+export LANG=en_US.UTF-8
+export LANGUAGE=en_US.UTF-8
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;For some reason, I also had to edit &lt;code&gt;xfce4-terminal&lt;/code&gt;'s preferences in advanced to change the default character encoding to UTF-8. This also solved my issues with pasting things into the terminal, and also proper rendering! I guess pastes were not working because it had some characters that could not be encoded.&lt;/p&gt;
+&lt;p&gt;To have working notifications, I added the following to &lt;code&gt;~/.bash_profile&lt;/code&gt; after &lt;code&gt;exec startx&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;systemctl --user start xfce4-notifyd.service
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;I'm pretty sure there's a better way to do this, or maybe it's not even necessary, but this works for me.&lt;/p&gt;
+&lt;p&gt;Some of the other things I had left to do was setting up &lt;code&gt;sccache&lt;/code&gt; to speed up Rust builds:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-sh&quot;&gt;cargo install sccache
+echo export RUSTC_WRAPPER=sccache &amp;gt;&amp;gt; ~/.bashrc
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Once I had &lt;code&gt;cargo&lt;/code&gt; ready, installed &lt;code&gt;hacksaw&lt;/code&gt; and &lt;code&gt;shotgun&lt;/code&gt; with it to perform screenshots.&lt;/p&gt;
+&lt;p&gt;I also disabled the security delay when downloading files in Firefox because it's just annoying, in &lt;code&gt;about:config&lt;/code&gt; setting &lt;code&gt;security.dialog_enable_delay&lt;/code&gt; to &lt;code&gt;0&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;The &lt;code&gt;utils-linux&lt;/code&gt; comes with a &lt;code&gt;fstrim&lt;/code&gt; utility to &lt;a href=&quot;https://wiki.archlinux.org/index.php/Solid_state_drive#Periodic_TRIM&quot;&gt;trim the SSD weekly&lt;/a&gt;, which I want enabled via &lt;code&gt;systemctl enable fstrim.timer&lt;/code&gt; (you may also want to &lt;code&gt;start&lt;/code&gt; it if you don't reboot often). For more SSD tips, check &lt;a href=&quot;https://easylinuxtipsproject.blogspot.com/p/ssd.html&quot;&gt;How to optimize your Solid State Drive&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;If the sound is funky prior to reboot, try &lt;code&gt;pulseaudio --kill&lt;/code&gt; and &lt;code&gt;pulseaudio --start&lt;/code&gt;, or delete &lt;code&gt;~/.config/pulse&lt;/code&gt;.&lt;/p&gt;
+&lt;h2 id=&quot;tuning_windows&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#tuning_windows&quot;&gt;¶&lt;/a&gt;Tuning Windows&lt;/h2&gt;
+&lt;p&gt;On the Windows side, I disabled the annoying Windows defender by running (&lt;kbd&gt;Ctrl+R&lt;/kbd&gt;) &lt;code&gt;gpedit.msc&lt;/code&gt; and editing:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;em&gt;Computer Configuration &amp;gt; Administrative Templates &amp;gt; Windows Components &amp;gt; Windows Defender » Turn off Windows Defender » Enable&lt;/em&gt;&lt;/li&gt;
+&lt;li&gt;&lt;em&gt;User Configuration &amp;gt; Administrative Templates &amp;gt; Start Menu and Taskbar » Remove Notifications and Action Center » Enable&lt;/em&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;I also updated the &lt;a href=&quot;https://github.com/WindowsLies/BlockWindows/raw/master/hosts&quot;&gt;&lt;code&gt;hosts&lt;/code&gt; file&lt;/a&gt; (located at &lt;code&gt;%windir%\system32\Drivers\etc\hosts&lt;/code&gt;) with the hope that it will stop some of the telemetry.&lt;/p&gt;
+&lt;p&gt;All this time, my laptop had the keyboard lights on, which have been quite annoying. Apparently, they also can cause &lt;a href=&quot;https://www.reddit.com/r/ValveIndex/comments/cm6pos/psa_uninstalldisable_aura_sync_lighting_if_you/&quot;&gt;massive FPS drops&lt;/a&gt;. I headed over to &lt;a href=&quot;https://rog.asus.com/downloads/&quot;&gt;Asus Rog downloads&lt;/a&gt;, selected Aura Sync…&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-md&quot;&gt;# Not Found
+
+The requested URL /campaign/aura/us/Sync.html was not found on this server.
+
+Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;…great! I'll just find the &lt;a href=&quot;https://www.asus.com/campaign/aura/global/&quot;&gt;Aura site&lt;/a&gt; somewhere else…&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-md&quot;&gt;# ASUS
+
+# We'll be back.
+
+Hi, our website is temporarily closed for service enhancements.
+
+We'll be back shortly.Thank you for your patience!
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Oh come on. After waiting for the next day, I headed over, downloaded their software, tried to install it and it was an awful experience. It felt like I was purposedly installing malware. It spammed and flashed a lot of &lt;code&gt;cmd&lt;/code&gt;'s on screen as if it was a virus. It was stuck at 100% doing that and then, Windows blue-screened with &lt;code&gt;KERNEL_MODE_HEAP_CORRUPTION&lt;/code&gt;. Amazing. How do you screw up this bad?&lt;/p&gt;
+&lt;p&gt;Well, at least rebooting worked. I tried to &lt;a href=&quot;https://answers.microsoft.com/en-us/windows/forum/all/unable-to-uninstall-asus-aura-sync-utility/e9bec36c-e62f-4773-80be-88fb68dace16&quot;&gt;uninstall Aura, but of course that failed&lt;/a&gt;. Using the &lt;a href=&quot;https://support.microsoft.com/en-us/help/17588/windows-fix-problems-that-block-programs-being-installed-or-removed&quot;&gt;troubleshooter to uninstall programs&lt;/a&gt; helped me remove most of the crap that was installed.&lt;/p&gt;
+&lt;p&gt;After searching around how to disable the lights (because &lt;a href=&quot;https://rog.asus.com/forum/showthread.php?112786-Option-to-Disable-Aura-Lights-on-Strix-G-series-(G531GT)-irrespective-of-OSes&quot;&gt;my BIOS did not have this setting&lt;/a&gt;), I stumbled upon &lt;a href=&quot;https://rog.asus.com/us/innovation/armoury_crate/&quot;&gt;&amp;quot;Armoury Crate&amp;quot;&lt;/a&gt;. Okay, fine, I will install that.&lt;/p&gt;
+&lt;p&gt;The experience wasn't much better. It did the same thing with a lot of consoles flashing on screen. And of course, it resulted in another blue-screen, this time &lt;code&gt;KERNEL_SECURITY_CHECK_FAILURE&lt;/code&gt;. To finish up, the BSOD kept happening as I rebooted the system. Time to reinstall Windows once more.&lt;/p&gt;
+&lt;p&gt;Asus software might be good, but the software is utter crap.&lt;/p&gt;
+&lt;p&gt;After trying out &lt;a href=&quot;https://github.com/wroberts/rogauracore&quot;&gt;rogauracore&lt;/a&gt; (which didn't list my model), it worked! I could disable the stupid lights from Linux, and &lt;a href=&quot;https://gitlab.com/CalcProgrammer1/OpenRGB/-/wikis/home&quot;&gt;OpenRGB&lt;/a&gt; also works on Windows which may be worth checking out too.&lt;/p&gt;
+&lt;p&gt;Because &lt;code&gt;rougauracore&lt;/code&gt; helped me and they linked to &lt;a href=&quot;https://github.com/linuxhw/hw-probe/blob/master/README.md#appimage&quot;&gt;hw-probe&lt;/a&gt;, I decided to &lt;a href=&quot;https://linux-hardware.org/?probe=0e3e48c501&quot;&gt;run it on my system&lt;/a&gt;, with the hopes it is useful for other people.&lt;/p&gt;
+&lt;h2 id=&quot;closing_words&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#closing_words&quot;&gt;¶&lt;/a&gt;Closing words&lt;/h2&gt;
+&lt;p&gt;I hope the installation journey is at least useful to someone, or that you enjoyed reading about it all. If not, sorry!&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Tips for Outpost</title><id>dist/tips-outpost/index.html</id><updated>2020-05-21T22:00:00+00:00</updated><published>2020-05-09T22:00:00+00:00</published><summary>Outpost</summary><content type="html" src="dist/tips-outpost/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Tips for Outpost&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;tips_for_outpost&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#tips_for_outpost&quot;&gt;¶&lt;/a&gt;Tips for Outpost&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-05-10&lt;br&gt;
+Modified 2020-05-22&lt;/div&gt;
+&lt;p&gt;&lt;a href=&quot;https://store.steampowered.com/app/1127110/Outpost/&quot;&gt;Outpost&lt;/a&gt; is a fun little game by Open Mid Interactive that has popped in recently in my recommended section of Steam, and I decided to give it a try.&lt;/p&gt;
+&lt;p&gt;It's a fun tower-defense game with progression, different graphics and random world generation which makes it quite fun for a few hours. In this post I want to talk about some tips I found useful to get past night 50.&lt;/p&gt;
+&lt;h2 id=&quot;build_pattern&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#build_pattern&quot;&gt;¶&lt;/a&gt;Build Pattern&lt;/h2&gt;
+&lt;p&gt;At first, you may be inclined to design a checkerboard pattern like the following, where &amp;quot;C&amp;quot; is the Crystal shrine, &amp;quot;S&amp;quot; is a stone launcher and &amp;quot;B&amp;quot; is a booster:&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;outpost-bad-pattern.svg&quot; alt=&quot;Bad Outpost build pattern&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;Indeed, this pattern will apply &lt;strong&gt;4&lt;/strong&gt; boosts to every turret, but unfortunately, the other 4 slots of the booster are wasted! This is because boosters are able to power 8 different towers, and you really want to maximize that. Here's a better design:&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;outpost-good-pattern.svg&quot; alt=&quot;Good Outpost build pattern&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;The shrine's tower does get boosted, but it's still not really worth it to boost it. This pattern works good, and it's really easy to tile: just repeat the same 3x3 pattern.&lt;/p&gt;
+&lt;p&gt;Nonetheless, we can do better. What if we applied multiple boosters to the same tower while still applying all 8 boosts?&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;outpost-best-pattern.svg&quot; alt=&quot;Best Outpost build pattern&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;That's what peak performance looks like. You can actually apply multiple boosters to the same tower, and it works great.&lt;/p&gt;
+&lt;p&gt;Now, is it really worth it building anywhere except around the shrine? Not really. You never know where a boss will come from, so all sides need a lot of defense if you want to stand a chance.&lt;/p&gt;
+&lt;p&gt;The addition of traps in 1.6 is amazing. You want to build these outside your strong &amp;quot;core&amp;quot;, mostly to slow the enemies down so your turrets have more time to finish them off. Don't waste boosters on the traps, and build them at a reasonable distance from the center (the sixth tile is a good spot):&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;outpost-trap-pattern.svg&quot; alt=&quot;Trap Outpost build pattern&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;If you gather enough materials, you can build more trap and cannon layers outside, roughly at enough distance to slow them for enough duration until they reach the next layer of traps, and so on. Probably a single gap of &amp;quot;cannon, booster, cannon&amp;quot; is enough between trap layers, just not in the center where you need a lot of fire power.&lt;/p&gt;
+&lt;h2 id=&quot;talents&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#talents&quot;&gt;¶&lt;/a&gt;Talents&lt;/h2&gt;
+&lt;p&gt;Talents are the way progression works in the game. Generally, after a run, you will have enough experience to upgrade nearly all talents of roughly the same tier. However, some are worth upgrading more than others (which provide basically no value).&lt;/p&gt;
+&lt;p&gt;The best ones to upgrade are:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Starting supplies. Amazing to get good tools early.&lt;/li&gt;
+&lt;li&gt;Shrine shield. Very useful to hold against tough bosses.&lt;/li&gt;
+&lt;li&gt;Better buildings (cannon, boosters, bed and traps). They're a must to deal the most damage.&lt;/li&gt;
+&lt;li&gt;Better pickaxe. Stone is limited, so better make good use of it.&lt;/li&gt;
+&lt;li&gt;Better chests. They provide an insane amount of resources early.&lt;/li&gt;
+&lt;li&gt;Winter slow. Turrets will have more time to deal damage, it's perfect.&lt;/li&gt;
+&lt;li&gt;More time. Useful if you're running out, although generally you enter nights early after having a good core anyway.&lt;/li&gt;
+&lt;li&gt;More rocks. Similar to a better pickaxe, more stone is always better.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Some decent ones:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;In-shrine turret. It's okay to get past the first night without building but not much beyond that.&lt;/li&gt;
+&lt;li&gt;Better axe and greaves. Great to save some energy and really nice quality of life to move around.&lt;/li&gt;
+&lt;li&gt;Tree growth. Normally there's enough trees for this not to be an issue but it can save some time gathering wood.&lt;/li&gt;
+&lt;li&gt;Wisps. They're half-decent since they can provide materials once you max out or max out expensive gear.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Some okay ones:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Extra XP while playing. Generally not needed due to the way XP scales per night, but can be a good boost.&lt;/li&gt;
+&lt;li&gt;Runestones. Not as reliable as chests but some can grant more energy per day.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Some crap ones:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Boosts for other seasons. I mean, winter is already the best, no use there.&lt;/li&gt;
+&lt;li&gt;Bow. The bow is very useless at the moment, it's not worth your experience.&lt;/li&gt;
+&lt;li&gt;More energy per bush. Not really worth hunting for bushes since you will have enough energy to do well.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;turrets&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#turrets&quot;&gt;¶&lt;/a&gt;Turrets&lt;/h2&gt;
+&lt;p&gt;Always build the highest tier, there's no point in anything lower than that. You will need to deal a lot of damage in a small area, which means space is a premium.&lt;/p&gt;
+&lt;h2 id=&quot;boosters&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#boosters&quot;&gt;¶&lt;/a&gt;Boosters&lt;/h2&gt;
+&lt;p&gt;If you're very early in the game, I recommend alternating both the flag and torch in a checkerboard pattern where the boosters should go in the pattern above. This way your towers will get extra speed and extra range, which works great.&lt;/p&gt;
+&lt;p&gt;When you're in mid-game (stone launchers, gears and campfires), I do not recommend using campfires. The issue is their range boost is way too long, and the turrets will miss quite a few shots. It's better to put all your power into fire speed for increased DPS, at least near the center. If you manage to build too far out and some of the turrets hardly ever shoot, you may put campfires there.&lt;/p&gt;
+&lt;p&gt;In end-game, of course alternate both of the highest tier upgrades. They are really good, and provide the best benefit / cost ratio.&lt;/p&gt;
+&lt;h2 id=&quot;gathering_materials&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#gathering_materials&quot;&gt;¶&lt;/a&gt;Gathering Materials&lt;/h2&gt;
+&lt;p&gt;It is &lt;strong&gt;very&lt;/strong&gt; important to use all your energy every day! Otherwise it will go to waste, and you will need a lot of materials.&lt;/p&gt;
+&lt;p&gt;As of 1.6, you can mine two things at once if they're close enough! I don't know if this is intended or a bug, but it sure is great.&lt;/p&gt;
+&lt;p&gt;Once you're in mid-game, your stone-based fort should stand pretty well against the nights on its own. After playing for a while you will notice, if your base can defend a boss, then it will have no issue carrying you through the nights until the next boss. You can (and should!) spend the nights gathering materials, but only when you're confident that the night won't run out.&lt;/p&gt;
+&lt;p&gt;Before the boss hits (every fifth night), come back to your base and use all of your materials. This is the next fort upgrade that will carry it the five next nights.&lt;/p&gt;
+&lt;p&gt;You may also speed up time during night, but make sure you use all your energy before hand. And also take care, in the current version of the game speeding up time only speeds up monster movement, not the fire rate or projectile speed of your turrets! This means they will miss more shots and can be pretty dangerous. If you're speeding up time, consider speeding it up for a little bit, then go back to normal until things are more calm, and repeat.&lt;/p&gt;
+&lt;p&gt;If you're in the end-game, try to rush for chests. They provide a huge amount of materials which is really helpful to upgrade all your tools early so you can make sure to get the most out of every rock left in the map.&lt;/p&gt;
+&lt;p&gt;In the end-game, after all stone has been collected, you don't really need to use all of your energy anymore. Just enough to have enough wood to build with the remaining stone. This will also be nice with the bow upgrades, which admitedly can get quite powerful, but it's best to have a strong fort first.&lt;/p&gt;
+&lt;h2 id=&quot;season&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#season&quot;&gt;¶&lt;/a&gt;Season&lt;/h2&gt;
+&lt;p&gt;In my opinion, winter is just the best of the seasons. You don't &lt;em&gt;really&lt;/em&gt; need that much energy (it gets tiresome), or extra tree drops, or luck. Slower movement means your turrets will be able to shoot enemies for longer, dealing more damage over time, giving them more chance to take enemies out before they reach the shrine.&lt;/p&gt;
+&lt;p&gt;Feel free to re-roll the map a few times (play and exit, or even restart the game) until you get winter if you want to go for The Play.&lt;/p&gt;
+&lt;h2 id=&quot;gear&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#gear&quot;&gt;¶&lt;/a&gt;Gear&lt;/h2&gt;
+&lt;p&gt;In my opinion, you really should rush for the best pickaxe you can afford. Stone is a limited resource that doesn't regrow like trees, so once you run out, it's over. Better to make the best use out of it with a good pickaxe!&lt;/p&gt;
+&lt;p&gt;You may also upgrade your greaves, we all known faster movement is a &lt;em&gt;really&lt;/em&gt; nice quality of life improvement.&lt;/p&gt;
+&lt;p&gt;Of course, you will eventually upgrade your axe to chop wood (otherwise it's wasted energy, really), but it's not as much of a priority as the pickaxe.&lt;/p&gt;
+&lt;p&gt;Now, the bow is completely useless. Don't bother with it. Your energy is better spent gathering materials to build permanent turrets that deal constant damage while you're away, and the damage adds up with every extra turret you build.&lt;/p&gt;
+&lt;p&gt;With regards to items you carry (like sword, or helmet), look for these (from best to worst):&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Less minion life.&lt;/li&gt;
+&lt;li&gt;Chance to not consume energy.&lt;/li&gt;
+&lt;li&gt;+1 turret damage.&lt;/li&gt;
+&lt;li&gt;Extra energy.&lt;/li&gt;
+&lt;li&gt;+1 drop from trees or stones.&lt;/li&gt;
+&lt;li&gt;+1 free wood or stone per day.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Less minion life, nothing to say. You will need it near end-game.&lt;/p&gt;
+&lt;p&gt;The chance to not consume energy is better the more energy you have. With a 25% chance not to consume energy, you can think of it as 1 extra energy for every 4 energy you have on average.&lt;/p&gt;
+&lt;p&gt;Turret damage is a tough one, it's &lt;em&gt;amazing&lt;/em&gt; mid-game (it basically doubles your damage) but falls short once you unlock the cannon where you may prefer other items. Definitely recommended if you're getting started. You may even try to roll it on low tiers by dying on the second night, because it's that good.&lt;/p&gt;
+&lt;p&gt;Extra energy is really good, because it means you can get more materials before it gets too rough. Make sure you have built at least two beds in the first night! This extra energy will pay of for the many nights to come.&lt;/p&gt;
+&lt;p&gt;The problem with free wood or stone per day is that you have, often, five times as much energy per day. By this I mean you can get easily 5 stone every day, which means 5 extra stone, whereas the other would provide just 1 per night. On a good run, you will get around 50 free stone or 250 extra stone. It's a clear winner.&lt;/p&gt;
+&lt;p&gt;In end-game, more quality of life are revealing chests so that you can rush them early, if you like to hunt for them try to make better use of the slot.&lt;/p&gt;
+&lt;h2 id=&quot;closing_words&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#closing_words&quot;&gt;¶&lt;/a&gt;Closing words&lt;/h2&gt;
+&lt;p&gt;I hope you enjoy the game as much as I do! Movement is sometimes janky and there's the occassional lag spikes, but despite this it should provide at least a few good hours of gameplay. Beware however a good run can take up to an hour!&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Installing NixOS, Take 2</title><id>dist/installing_nixos_2/index.html</id><updated>2019-02-15T23:00:00+00:00</updated><published>2019-02-14T23:00:00+00:00</published><summary>This is my second take at installing NixOS, after a while being frustrated with Arch Linux and the fact that a few kernel upgrades ago, the system crashed randomly from time to time. </summary><content type="html" src="dist/installing_nixos_2/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Installing NixOS, Take 2&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;installing_nixos_take_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#installing_nixos_take_2&quot;&gt;¶&lt;/a&gt;Installing NixOS, Take 2&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2019-02-15&lt;br&gt;
+Modified 2019-02-16&lt;/div&gt;
+&lt;p&gt;This is my second take at installing NixOS, after a while being frustrated with Arch Linux and the fact that a few kernel upgrades ago, the system crashed randomly from time to time. &lt;code&gt;journalctl&lt;/code&gt; did not have any helpful hints and I thought reinstalling could be worthwhile anyway.&lt;/p&gt;
+&lt;p&gt;This time, I started with more knowledge! The first step is heading to the &lt;a href=&quot;https://nixos.org&quot;&gt;NixOS website&lt;/a&gt; and downloading their minimal installation CD for 64 bits. I didn't go with their graphical live CD, because their &lt;a href=&quot;https://nixos.org/nixos/manual&quot;&gt;installation manual&lt;/a&gt; is a wonderful resource that guides you nicely.&lt;/p&gt;
+&lt;p&gt;Once you have downloaded their &lt;code&gt;.iso&lt;/code&gt;, you should probably verify it's &lt;code&gt;sha256sum&lt;/code&gt; and make sure that it matches. The easiest thing to do in my opinion is using an USB to burn the image in it. Plug it in and check its device name with &lt;code&gt;fdisk -l&lt;/code&gt;. In my case, it was &lt;code&gt;/dev/sdb&lt;/code&gt;, so I went ahead with it and ran &lt;code&gt;dd if=nixos.iso of=/dev/sdb status=progress&lt;/code&gt;. Make sure to run &lt;code&gt;sync&lt;/code&gt; once that's done.&lt;/p&gt;
+&lt;p&gt;If either &lt;code&gt;dd&lt;/code&gt; or &lt;code&gt;sync&lt;/code&gt; seem &amp;quot;stuck&amp;quot; in the end, they are just flushing the changes to disk to make sure all is good. This is normal, and depends on your drives.&lt;/p&gt;
+&lt;p&gt;Now, reboot your computer with the USB plugged in and make sure to boot into it. You should be welcome with a pretty screen. Just select the first option and wait until it logs you in as root. Once you're there you probably want to &lt;code&gt;loadkeys es&lt;/code&gt; or whatever your keyboard layout is, or you will have a hard time with passwords, since the characters are all over the place.&lt;/p&gt;
+&lt;p&gt;In a clean disk, you would normally create the partitions now. In my case, I already had the partitions made (100MB for the EFI system, where &lt;code&gt;/boot&lt;/code&gt; lives, 40GB for the root &lt;code&gt;/&lt;/code&gt; partition with my old Linux installation, and 700G for &lt;code&gt;/home&lt;/code&gt;), so I didn't need to do anything here. The manual showcases &lt;code&gt;parted&lt;/code&gt;, but I personally use &lt;code&gt;fdisk&lt;/code&gt;, which has very helpful help I check every time I use it.&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;Important&lt;/strong&gt;: The &lt;code&gt;XY&lt;/code&gt; in &lt;code&gt;/dev/sdXY&lt;/code&gt; is probably different in your system! Make sure you use &lt;code&gt;fdisk -l&lt;/code&gt; to see the correct letters and numbers!&lt;/p&gt;
+&lt;p&gt;With the partitions ready in my UEFI system, I formatted both &lt;code&gt;/&lt;/code&gt; and &lt;code&gt;/boot&lt;/code&gt; just to be safe with &lt;code&gt;mkfs.ext4 -L nixos /dev/sda2&lt;/code&gt; and &lt;code&gt;mkfs.fat -F 32 -n boot /dev/sda1&lt;/code&gt; (remember that these are the letters and numbers used in my partition scheme). Don't worry about the warning in the second command regarding lowercase letters and Windows. It's not really an issue.&lt;/p&gt;
+&lt;p&gt;Now, since we gave each partition a label, we can easily mount them through &lt;code&gt;mount /dev/disk/by-label/nixos /mnt&lt;/code&gt; and, in UEFI systems, be sure to &lt;code&gt;mkdir -p /mnt/boot&lt;/code&gt; and &lt;code&gt;mount /dev/disk/by-label/boot /mnt/boot&lt;/code&gt;. I didn't bother setting up swap, since I have 8GB of RAM in my laptop and that's really enough for my use case.&lt;/p&gt;
+&lt;p&gt;With that done, we will now ask the configuration wizard to do some work for us (in particular, generate a template) with &lt;code&gt;nixos-generate-config --root /mnt&lt;/code&gt;. This generates a very well documented file that we should edit right now (and this is important!) with whatever editor you prefer. I used &lt;code&gt;vim&lt;/code&gt;, but you can change it for &lt;code&gt;nano&lt;/code&gt; if you prefer.&lt;/p&gt;
+&lt;p&gt;On to the configuration file, we need to enable a few things, so &lt;code&gt;vim /mnt/etc/nixos/configuration.nix&lt;/code&gt; and start scrolling down. We want to make sure to uncomment:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;# We really want network!
+networking.wireless.enable = true;
+
+# This &amp;quot;fixes&amp;quot; the keyboard layout. Put the one you use.
+i18n = {
+consoleKeyMap = &amp;quot;es&amp;quot;;
+}
+
+# Timezones are tricky so let's get this right.
+time.timeZone = &amp;quot;Europe/Madrid&amp;quot;;
+
+# We *really* want some base packages installed, such as
+# wpa_supplicant, or we won't have a way to connect to the
+# network once we install...
+environment.systemPackages = with pkgs; [
+wpa_supplicant wget curl vim neovim cmus mpv firefox git tdesktop
+];
+
+# Printing is useful, sure, enable CUPS
+services.printing.enable = true;
+
+# We have speakers, let's make use of them.
+sound.enable = true;
+hardware.pulseaudio.enable = true;
+
+# We want the X11 windowing system enabled, in Spanish.
+services.xserver.enable = true;
+services.xserver.layout = &amp;quot;es&amp;quot;;
+
+# I want a desktop manager in my laptop.
+# I personally prefer XFCE, but the manual shows plenty
+# of other options, such as Plasma, i3 WM, or whatever.
+services.xserver.desktopManager.xfce.enable = true;
+services.xserver.desktopManager.default = &amp;quot;xfce&amp;quot;;
+
+# Touchpad is useful (although sometimes annoying) in a laptop
+services.xserver.libinput.enable = true;
+
+# We don't want to do everything as root!
+users.users.lonami = {
+isNormalUser = true;
+uid = 1000;
+home = &amp;quot;/home/lonami&amp;quot;;
+extraGroups = [ &amp;quot;wheel&amp;quot; &amp;quot;networkmanager&amp;quot; &amp;quot;audio&amp;quot; ];
+};
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;em&gt;(Fun fact, I overlooked the configuration file until I wrote this and hadn't noticed sound/pulseaudio was there. It wasn't hard to find online how to enable it though!)&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Now, let's modify &lt;code&gt;hardware-configuration.nix&lt;/code&gt;. But if you have &lt;code&gt;/home&lt;/code&gt; in a separate partition like me, you should run &lt;code&gt;blkid&lt;/code&gt; to figure out its UUID. To avoid typing it out myself, I just ran &lt;code&gt;blkid &amp;gt;&amp;gt; /mnt/etc/nixos/hardware-configuration.nix&lt;/code&gt; so that I could easily move it around with &lt;code&gt;vim&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;# (stuff...)
+
+fileSystems.&amp;quot;/home&amp;quot; =
+{ device = &amp;quot;/dev/disk/by-uuid/d344c686-cae7-4dd3-840e-308eddf86608&amp;quot;;
+fsType = &amp;quot;ext4&amp;quot;;
+};
+
+# (more stuff...)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Note that, obviously, you should put your own partition's UUID there. Modifying the configuration is where I think the current NixOS' manual should have made more emphasis, at this step of the installation. They do detail it below, but that was already too late in my first attempt. Anyway, you can boot from the USB and run &lt;code&gt;nixos-install&lt;/code&gt; as many times as you need until you get it working!&lt;/p&gt;
+&lt;p&gt;But before installing, we need to configure the network since there are plenty of things to download. If you want to work from WiFi, you should first figure out the name of your network card with &lt;code&gt;ip link show&lt;/code&gt;. In my case it's called &lt;code&gt;wlp3s0&lt;/code&gt;. So with that knowledge we can run &lt;code&gt;wpa_supplicant -B -i wlp3s0 -c &amp;lt;(wpa_passphrase SSID key)&lt;/code&gt;. Be sure to replace both &lt;code&gt;SSID&lt;/code&gt; and &lt;code&gt;key&lt;/code&gt; with the name of your network and password key, respectively. If they have spaces, surround them in quotes.&lt;/p&gt;
+&lt;p&gt;Another funny pitfall was typing &lt;code&gt;wpa_supplicant&lt;/code&gt; in the command above twice (instead of &lt;code&gt;wpa_passphrase&lt;/code&gt;). That sure spit out a few funny errors! Once you have ran that, wait a few seconds and &lt;code&gt;ping 1.1.1.1&lt;/code&gt; to make sure that you can reach the internet. If you do, &lt;code&gt;^C&lt;/code&gt; and let's install NixOS!&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;nixos-install
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Well, that was pretty painless. You can now &lt;code&gt;reboot&lt;/code&gt; and enjoy your new, functional system.&lt;/p&gt;
+&lt;h2 id=&quot;afterword&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#afterword&quot;&gt;¶&lt;/a&gt;Afterword&lt;/h2&gt;
+&lt;p&gt;The process of installing NixOS was really painless once you have made sense out of what things mean. I was far more pleased this time than in my previous attempt, despite the four attempts I needed to have it up and running.&lt;/p&gt;
+&lt;p&gt;However not all is so good. I'm not sure where I went wrong, but the first time I tried with &lt;code&gt;i3&lt;/code&gt; instead of &lt;code&gt;xfce&lt;/code&gt;, all I was welcome with was a white, small terminal in the top left corner. I even generated a configuration file with &lt;code&gt;i3-config-wizard&lt;/code&gt; to make sure it could detect my Mod1/Mod4 keys (which, it did), but even after rebooting, my commands weren't responding. For example, I couldn't manage to open another terminal with &lt;code&gt;Mod1+Enter&lt;/code&gt;. I'm not even sure that I was in &lt;code&gt;i3&lt;/code&gt;…&lt;/p&gt;
+&lt;p&gt;In my very first attempt, I pressed &lt;code&gt;Alt+F8&lt;/code&gt; as suggested in the welcome message. This took me an offline copy of the manual, which is really nicely done. Funny enough, though, I couldn't exit &lt;code&gt;w3m&lt;/code&gt;. Both &lt;code&gt;Q&lt;/code&gt; and &lt;code&gt;B&lt;/code&gt; to quit and take me back wouldn't work. Somehow, it kept throwing me back into &lt;code&gt;w3m&lt;/code&gt;, so I had to forcibly shutdown.&lt;/p&gt;
+&lt;p&gt;In my second attempt, I also forgot to configure network, so I had no way to download &lt;code&gt;wpa_supplicant&lt;/code&gt; without having &lt;code&gt;wpa_supplicant&lt;/code&gt; itself to connect my laptop to the network! So, it was important to do that through the USB before installing it (which comes with the program preinstalled), just by making sure to add it in the configuration file.&lt;/p&gt;
+&lt;p&gt;Some other notes, if you can't reach the internet, don't add any DNS in &lt;code&gt;/etc/resolv.conf&lt;/code&gt;. This should be done declaratively in &lt;code&gt;configuration.nix&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In the end, I spent the entire afternoon playing around with it, taking breaks and what-not. I still haven't figured out why &lt;code&gt;nvim&lt;/code&gt; was printing the literal escape character when going from normal to insert mode in the &lt;code&gt;xfce4-terminal&lt;/code&gt; (and other actions also made it print this &amp;quot;garbage&amp;quot; to the console), why sometimes the network can reach the internet (and only some sites!) and sometimes not, and how to setup dualboot.&lt;/p&gt;
+&lt;p&gt;But despite all of this, I think it was a worth installing it again. One sure sees things from a different perspective, and gets the chance to write another blog post!&lt;/p&gt;
+&lt;p&gt;If there's something I overlooked or that could be done better, or maybe you can explain it differently, please be sure to &lt;a href=&quot;https://lonami.dev/contact&quot;&gt;contact me&lt;/a&gt; to let me know!&lt;/p&gt;
+&lt;h2 id=&quot;update&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#update&quot;&gt;¶&lt;/a&gt;Update&lt;/h2&gt;
+&lt;p&gt;Well, that was surprisingly fast feedback. Thank you very much &lt;a href=&quot;https://bb010g.keybase.pub/&quot;&gt;@bb010g&lt;/a&gt; for it! As they rightfully pointed out, one can avoid adding &lt;code&gt;/home&lt;/code&gt; manually to &lt;code&gt;hardware-configuration.nix&lt;/code&gt; if you mount it before generating the configuration files. However, the installation process doesn't need &lt;code&gt;/home&lt;/code&gt; mounted, so I didn't do it.&lt;/p&gt;
+&lt;p&gt;The second weird issue with &lt;code&gt;w3m&lt;/code&gt; is actually a funny one. &lt;code&gt;Alt+F8&lt;/code&gt; &lt;em&gt;switches to another TTY&lt;/em&gt;! That's why quitting the program wouldn't do anything. You'd still be in a different TTY! Normally, this is &lt;code&gt;Ctrl+Alt+FX&lt;/code&gt;, so I hadn't even thought that this is what could be happening. Anyway, the solution is not quitting the program, but rather going back to the main TTY with &lt;code&gt;Alt+F1&lt;/code&gt;. You can switch back and forth all you need to consult the manual.&lt;/p&gt;
+&lt;p&gt;More suggestions are having &lt;a href=&quot;https://github.com/rycee/home-manager&quot;&gt;&lt;code&gt;home-manager&lt;/code&gt;&lt;/a&gt; manage the graphical sessions, since it should be easier to deal with than the alternatives.&lt;/p&gt;
+&lt;p&gt;Despite having followed the guide and having read it over and over several times, it seems like my thoughts in this blog post may be a bit messy. So I recommend you also reading through the guide to have two versions of all this, just in case.&lt;/p&gt;
+&lt;p&gt;Regarding network issues, they use &lt;code&gt;connman&lt;/code&gt; so that may be worth checking out.&lt;/p&gt;
+&lt;p&gt;Regarding terminal issues with &lt;code&gt;nvim&lt;/code&gt; printing the literal escape character, I was told off for not having checked what my &lt;code&gt;$TERM&lt;/code&gt; was. I hadn't really looked into it much myself, just complained about it here, so sorry for being annoying about that. A quick search in the &lt;code&gt;nixpkgs&lt;/code&gt; repository lets us find &lt;a href=&quot;https://github.com/NixOS/nixpkgs/blob/release-18.09/pkgs/applications/editors/neovim/default.nix&quot;&gt;neovim/default.nix&lt;/a&gt;, with version 0.3.1. Looking at &lt;a href=&quot;https://github.com/neovim/neovim&quot;&gt;Neovim's main repository&lt;/a&gt; we can see that this is a bit outdated, but that is fine.&lt;/p&gt;
+&lt;p&gt;If only I had bothered to look at &lt;a href=&quot;https://github.com/neovim/neovim/wiki/FAQ#nvim-shows-weird-symbols-2-q-when-changing-modes&quot;&gt;Neovim's wiki&lt;/a&gt;, (which they found through &lt;a href=&quot;https://github.com/neovim/neovim/issues/7749&quot;&gt;Neovim's GitHub issues&lt;/a&gt;) I would've seen that some terminals just don't support the program properly. The solution is, of course, to use a different terminal emulator with better support or to disable the &lt;code&gt;guicursor&lt;/code&gt; in Neovim's config.&lt;/p&gt;
+&lt;p&gt;This is a pretty good life lesson. 30 seconds of searching, maybe two minutes and a half for also checking XFCE issues, are often more than enough to troubleshoot your issues. The internet is a big place and more people have surely came across the problem before, so make sure to look online first. In my defense I'll say that it didn't bother me so much so I didn't bother looking for that soon either.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Installing NixOS</title><id>dist/installing_nixos/index.html</id><updated>2019-02-15T23:00:00+00:00</updated><published>2017-05-12T22:00:00+00:00</published><summary>Please see </summary><content type="html" src="dist/installing_nixos/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Installing NixOS&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;installing_nixos&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#installing_nixos&quot;&gt;¶&lt;/a&gt;Installing NixOS&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2017-05-13&lt;br&gt;
+Modified 2019-02-16&lt;/div&gt;
+&lt;h2 id=&quot;update&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#update&quot;&gt;¶&lt;/a&gt;Update&lt;/h2&gt;
+&lt;p&gt;&lt;em&gt;Please see &lt;a href=&quot;../installing_nixos_2/index.html&quot;&gt;my followup post with NixOS&lt;/a&gt; for a far better experience with it&lt;/em&gt;&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Today I decided to install &lt;a href=&quot;http://nixos.org/&quot;&gt;NixOS&lt;/a&gt; as a recommendation, a purely functional Linux distribution, since &lt;a href=&quot;https://xubuntu.org/&quot;&gt;Xubuntu&lt;/a&gt; kept crashing. Here's my journey, and how I managed to install it from a terminal for the first time in my life. Steps aren't hard, but they may not seem obvious at first.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;
+&lt;p&gt;Grab the Live CD, burn it on a USB stick and boot. I recommend using &lt;a href=&quot;https://etcher.io/&quot;&gt;Etcher&lt;/a&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Type &lt;code&gt;systemctl start display-manager&lt;/code&gt; and wait.&lt;sup class=&quot;footnote-reference&quot; id=&quot;r.1&quot;&gt;&lt;a href=&quot;#f.1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Open both the manual and the &lt;code&gt;konsole&lt;/code&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Connect to the network using the GUI.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Create the disk partitions by using &lt;code&gt;fdisk&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;You can list them with &lt;code&gt;fdisk -l&lt;/code&gt;, modify a certain drive with &lt;code&gt;fdisk /dev/sdX&lt;/code&gt; (for instance, &lt;code&gt;/dev/sda&lt;/code&gt;) and follow the instructions.&lt;/p&gt;
+&lt;p&gt;To create the file system, use &lt;code&gt;mkfs.ext4 -L &amp;lt;label&amp;gt; /dev/sdXY&lt;/code&gt; and swap with &lt;code&gt;mkswap -L &amp;lt;label&amp;gt; /dev/sdXY&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;The EFI partition should be done with &lt;code&gt;mkfs.vfat&lt;/code&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Mount the target to &lt;code&gt;/mnt&lt;/code&gt; e.g. if the label was &lt;code&gt;nixos&lt;/code&gt;, &lt;code&gt;mount /dev/disk/by-label/nixos /mnt&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;code&gt;mkdir /mnt/boot&lt;/code&gt; and then mount your EFI partition to it.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Generate a configuration template with &lt;code&gt;nixos-generate-config --root /mnt&lt;/code&gt;, and modify it with &lt;code&gt;nano /etc/nixos/configuration.nix&lt;/code&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;While modifying the configuration, make sure to add &lt;code&gt;boot.loader.grub.device = &amp;quot;/dev/sda&amp;quot;&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;More useful configuration things are:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Uncomment the whole &lt;code&gt;i18n&lt;/code&gt; block.&lt;/li&gt;
+&lt;li&gt;Add some essential packages like &lt;code&gt;environment.systemPackages = with pkgs; [wget git firefox pulseaudio networkmanagerapplet];&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;If you want to use XFCE, add &lt;code&gt;services.xserver.desktopManager.xfce.enable = true;&lt;/code&gt;, otherwise, you don't need &lt;code&gt;networkmanagerapplet&lt;/code&gt; either. Make sure to add &lt;code&gt;networking.networkmanager.enable = true;&lt;/code&gt; too.&lt;/li&gt;
+&lt;li&gt;Define some user for yourself (modify &lt;code&gt;guest&lt;/code&gt; name) and use a UID greater than 1000. Also, add yourself to &lt;code&gt;extraGroups = [&amp;quot;wheel&amp;quot; &amp;quot;networkmanager&amp;quot;];&lt;/code&gt; (the first to be able to &lt;code&gt;sudo&lt;/code&gt;, the second to use network related things).&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Run &lt;code&gt;nixos-install&lt;/code&gt;. If you ever modify that file again, to add more packages for instance (this is how they're installed), run &lt;code&gt;nixos-rebuild switch&lt;/code&gt; (or use &lt;code&gt;test&lt;/code&gt; to test but don't boot to it, or &lt;code&gt;boot&lt;/code&gt; not to switch but to use on next boot.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;code&gt;reboot&lt;/code&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Login as &lt;code&gt;root&lt;/code&gt;, and set a password for your user with &lt;code&gt;passwd &amp;lt;user&amp;gt;&lt;/code&gt;. Done!&lt;/p&gt;
+&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;I enjoyed the process of installing it, and it's really cool that it has versioning and is so clean to keep track of which packages you install. But not being able to run arbitrary binaries by default is something very limitting in my opinion, though they've done a good job.&lt;/p&gt;
+&lt;p&gt;I'm now back to Xubuntu, with a fresh install.&lt;/p&gt;
+&lt;h2 id=&quot;update_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#update_2&quot;&gt;¶&lt;/a&gt;Update&lt;/h2&gt;
+&lt;p&gt;It is not true that &amp;quot;they don't allow running arbitrary binaries by default&amp;quot;, as pointed out in their &lt;a href=&quot;https://nixos.org/nixpkgs/manual/#sec-fhs-environments&quot;&gt;manual, buildFHSUserEnv&lt;/a&gt;:&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;&lt;code&gt;buildFHSUserEnv&lt;/code&gt; provides a way to build and run FHS-compatible lightweight sandboxes. It creates an isolated root with bound &lt;code&gt;/nix/store&lt;/code&gt;, so its footprint in terms of disk space needed is quite small. This allows one to run software which is hard or unfeasible to patch for NixOS -- 3rd-party source trees with FHS assumptions, games distributed as tarballs, software with integrity checking and/or external self-updated binaries. It uses Linux namespaces feature to create temporary lightweight environments which are destroyed after all child processes exit, without root user rights requirement.&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Thanks to &lt;a href=&quot;https://github.com/bb010g&quot;&gt;@bb010g&lt;/a&gt; for pointing this out.&lt;/p&gt;
+&lt;h2 id=&quot;notes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#notes&quot;&gt;¶&lt;/a&gt;Notes&lt;/h2&gt;
+&lt;p class=&quot;footnote&quot; id=&quot;f.1&quot;&gt;&lt;sup&gt;1&lt;/sup&gt; The keyboard mapping is a bit strange. On my Spanish keyboard, the keys were as follows: &lt;a href=&quot;#r.1&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
+&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Keyboard&lt;/th&gt;&lt;th&gt;Maps to&lt;/th&gt;&lt;th&gt;Shift&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
+&lt;tr&gt;&lt;td&gt;'&lt;/td&gt;&lt;td&gt;-&lt;/td&gt;&lt;td&gt;_&lt;/td&gt;&lt;/tr&gt;
+&lt;tr&gt;&lt;td&gt;´&lt;/td&gt;&lt;td&gt;'&lt;/td&gt;&lt;td&gt;&amp;quot;&lt;/td&gt;&lt;/tr&gt;
+&lt;tr&gt;&lt;td&gt;`&lt;/td&gt;&lt;td&gt;[&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
+&lt;tr&gt;&lt;td&gt;+&lt;/td&gt;&lt;td&gt;]&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
+&lt;tr&gt;&lt;td&gt;¡&lt;/td&gt;&lt;td&gt;=&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
+&lt;tr&gt;&lt;td&gt;-&lt;/td&gt;&lt;td&gt;/&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
+&lt;tr&gt;&lt;td&gt;ñ&lt;/td&gt;&lt;td&gt;;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
+&lt;/tbody&gt;&lt;/table&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>WorldEdit Commands</title><id>dist/world_edit/index.html</id><updated>2018-07-10T22:00:00+00:00</updated><published>2018-07-10T22:00:00+00:00</published><summary>WorldEdit</summary><content type="html" src="dist/world_edit/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;WorldEdit Commands&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;worldedit_commands&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#worldedit_commands&quot;&gt;¶&lt;/a&gt;WorldEdit Commands&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2018-07-11&lt;/div&gt;
+&lt;p&gt;&lt;a href=&quot;https://dev.bukkit.org/projects/worldedit&quot;&gt;WorldEdit&lt;/a&gt; is an extremely powerful tool for modifying entire worlds within &lt;a href=&quot;https://minecraft.net&quot;&gt;Minecraft&lt;/a&gt;, which can be used as either a mod for your single-player worlds or as a plugin for your &lt;a href=&quot;https://getbukkit.org/&quot;&gt;Bukkit&lt;/a&gt; servers.&lt;/p&gt;
+&lt;p&gt;This command guide was written for Minecraft 1.12.1, version &lt;a href=&quot;https://dev.bukkit.org/projects/worldedit/files/2460562&quot;&gt;6.1.7.3&lt;/a&gt;, but should work for newer versions too. All WorldEdit commands can be used with a double slash (&lt;code&gt;//&lt;/code&gt;) so they don't conlict with built-in commands. This means you can get a list of all commands with &lt;code&gt;//help&lt;/code&gt;. Let's explore different categories!&lt;/p&gt;
+&lt;h2 id=&quot;movement&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#movement&quot;&gt;¶&lt;/a&gt;Movement&lt;/h2&gt;
+&lt;p&gt;In order to edit a world properly you need to learn how to move in said world properly. There are several straightforward commands that let you move:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;//ascend&lt;/code&gt; goes up one floor.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//descend&lt;/code&gt; goes down one floor.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//thru&lt;/code&gt; let's you pass through walls.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//jumpto&lt;/code&gt; to go wherever you are looking.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;information&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#information&quot;&gt;¶&lt;/a&gt;Information&lt;/h2&gt;
+&lt;p&gt;Knowing your world properly is as important as knowing how to move within it, and will also let you change the information in said world if you need to.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;//biomelist&lt;/code&gt; shows all known biomes.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//biomeinfo&lt;/code&gt; shows the current biome.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//setbiome&lt;/code&gt; lets you change the biome.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;blocks&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#blocks&quot;&gt;¶&lt;/a&gt;Blocks&lt;/h2&gt;
+&lt;p&gt;You can act over all blocks in a radius around you with quite a few commands. Some won't actually act over the entire range you specify, so 100 is often a good number.&lt;/p&gt;
+&lt;h3 id=&quot;filling&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#filling&quot;&gt;¶&lt;/a&gt;Filling&lt;/h3&gt;
+&lt;p&gt;You can fill pools with &lt;code&gt;//fill water 100&lt;/code&gt; or caves with &lt;code&gt;//fillr water 100&lt;/code&gt;, both of which act below your feet.&lt;/p&gt;
+&lt;h3 id=&quot;fixing&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#fixing&quot;&gt;¶&lt;/a&gt;Fixing&lt;/h3&gt;
+&lt;p&gt;If the water or lava is buggy use &lt;code&gt;//fixwater 100&lt;/code&gt; or &lt;code&gt;//fixlava 100&lt;/code&gt; respectively.&lt;/p&gt;
+&lt;p&gt;Some creeper removed the snow or the grass? Fear not, you can use &lt;code&gt;//snow 10&lt;/code&gt; or &lt;code&gt;//grass 10&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;emptying&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#emptying&quot;&gt;¶&lt;/a&gt;Emptying&lt;/h3&gt;
+&lt;p&gt;You can empty a pool completely with &lt;code&gt;//drain 100&lt;/code&gt;, remove the snow with &lt;code&gt;//thaw 10&lt;/code&gt;, and remove fire with &lt;code&gt;//ex 10&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;removing&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#removing&quot;&gt;¶&lt;/a&gt;Removing&lt;/h3&gt;
+&lt;p&gt;You can remove blocks above and below you in some area with the &lt;code&gt;//removeabove N&lt;/code&gt; and &lt;code&gt;//removebelow N&lt;/code&gt;. You probably want to set a limit though, or you could fall off the world with &lt;code&gt;//removebelow 1 10&lt;/code&gt; for radius and depth. You can also remove near blocks with &lt;code&gt;//removenear block 10&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;shapes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#shapes&quot;&gt;¶&lt;/a&gt;Shapes&lt;/h3&gt;
+&lt;p&gt;Making a cylinder (or circle) can be done with through &lt;code&gt;//cyl stone 10&lt;/code&gt;, a third argument for the height. The radius can be comma-separated to make a ellipses instead, such as &lt;code&gt;//cyl stone 5,10&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Spheres are done with &lt;code&gt;//sphere stone 5&lt;/code&gt;. This will build one right at your center, so you can raise it to be on your feet with &lt;code&gt;//sphere stone 5 yes&lt;/code&gt;. Similar to cylinders, you can comma separate the radius &lt;code&gt;x,y,z&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Pyramids can be done with &lt;code&gt;//pyramic stone 5&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;All these commands can be prefixed with &amp;quot;h&amp;quot; to make them hollow. For instance, &lt;code&gt;//hsphere stone 10&lt;/code&gt;.&lt;/p&gt;
+&lt;h2 id=&quot;regions&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#regions&quot;&gt;¶&lt;/a&gt;Regions&lt;/h2&gt;
+&lt;h3 id=&quot;basics&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#basics&quot;&gt;¶&lt;/a&gt;Basics&lt;/h3&gt;
+&lt;p&gt;Operating over an entire region is really important, and the first thing you need to work comfortably with them is a tool to make selections. The default wooden-axe tool can be obtained with &lt;code&gt;//wand&lt;/code&gt;, but you must be near the blocks to select. You can use a different tool, like a golden axe, to use as your &amp;quot;far wand&amp;quot; (wand usable over distance). Once you have one in your hand type &lt;code&gt;//farwand&lt;/code&gt; to use it as your &amp;quot;far wand&amp;quot;. You can select the two corners of your region with left and right click. If you have selected the wrong tool, use &lt;code&gt;//none&lt;/code&gt; to clear it.&lt;/p&gt;
+&lt;p&gt;If there are no blocks but you want to use your current position as a corner, use &lt;code&gt;//pos1&lt;/code&gt; or 2.&lt;/p&gt;
+&lt;p&gt;If you made a region too small, you can enlarge it with &lt;code&gt;//expand 10 up&lt;/code&gt;, or &lt;code&gt;//expand vert&lt;/code&gt; for the entire vertical range, etc., or make it smaller with &lt;code&gt;//contract 10 up&lt;/code&gt; etc., or &lt;code&gt;//inset&lt;/code&gt; it to contract in both directions. You can use short-names for the cardinal directions (NSEW).&lt;/p&gt;
+&lt;p&gt;Finally, if you want to move your selection, you can &lt;code&gt;//shift 1 north&lt;/code&gt; it to wherever you need.&lt;/p&gt;
+&lt;h3 id=&quot;information_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#information_2&quot;&gt;¶&lt;/a&gt;Information&lt;/h3&gt;
+&lt;p&gt;You can get the &lt;code&gt;//size&lt;/code&gt; of the selection or even &lt;code&gt;//count torch&lt;/code&gt; in some area. If you want to count all blocks, get their distribution &lt;code&gt;//distr&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;filling_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#filling_2&quot;&gt;¶&lt;/a&gt;Filling&lt;/h3&gt;
+&lt;p&gt;With a region selected, you can &lt;code&gt;//set&lt;/code&gt; it to be any block! For instance, you can use &lt;code&gt;//set air&lt;/code&gt; to clear it entirely. You can use more than one block evenly by separting them with a comma &lt;code&gt;//set stone,dirt&lt;/code&gt;, or with a custom chance &lt;code&gt;//set 20%stone,80%dirt&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;You can use &lt;code&gt;//replace from to&lt;/code&gt; instead if you don't want to override all blocks in your selection.&lt;/p&gt;
+&lt;p&gt;You can make an hollow set with &lt;code&gt;//faces&lt;/code&gt;, and if you just want the walls, use &lt;code&gt;//walls&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;cleaning&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#cleaning&quot;&gt;¶&lt;/a&gt;Cleaning&lt;/h3&gt;
+&lt;p&gt;If someone destroyed your wonderful snow landscape, fear not, you can use &lt;code&gt;//overlay snow&lt;/code&gt; over it (although for this you actually have &lt;code&gt;//snow N&lt;/code&gt; and its opposite &lt;code&gt;//thaw&lt;/code&gt;).&lt;/p&gt;
+&lt;p&gt;If you set some rough area, you can always &lt;code&gt;//smooth&lt;/code&gt; it, even more than one time with &lt;code&gt;//smooth 3&lt;/code&gt;. You can get your dirt and stone back with &lt;code&gt;//naturalize&lt;/code&gt; and put some plants with &lt;code&gt;//flora&lt;/code&gt; or &lt;code&gt;//forest&lt;/code&gt;, both of which support a density or even the type for the trees. If you already have the dirt use &lt;code&gt;//green&lt;/code&gt; instead. If you want some pumpkins, with &lt;code&gt;//pumpkins&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;moving&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#moving&quot;&gt;¶&lt;/a&gt;Moving&lt;/h3&gt;
+&lt;p&gt;You can repeat an entire selection many times by stacking them with &lt;code&gt;//stack N DIR&lt;/code&gt;. This is extremely useful to make things like corridors or elevators. For instance, you can make a small section of the corridor, select it entirely, and then repeat it 10 times with &lt;code&gt;//stack 10 north&lt;/code&gt;. Or you can make the elevator and then &lt;code&gt;//stack 10 up&lt;/code&gt;. If you need to also copy the air use &lt;code&gt;//stackair&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Finally, if you don't need to repeat it and simply move it just a bit towards the right direction, you can use &lt;code&gt;//move N&lt;/code&gt;. The default direction is &amp;quot;me&amp;quot; (towards where you are facing) but you can set one with &lt;code&gt;//move 1 up&lt;/code&gt; for example.&lt;/p&gt;
+&lt;h3 id=&quot;selecting&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#selecting&quot;&gt;¶&lt;/a&gt;Selecting&lt;/h3&gt;
+&lt;p&gt;You can not only select cuboids. You can also select different shapes, or even just points:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;//sel cuboid&lt;/code&gt; is the default.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//sel extend&lt;/code&gt; expands the default.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//sel poly&lt;/code&gt; first point with left click and right click to add new points.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//sel ellipsoid&lt;/code&gt; first point to select the center and right click to select the different radius.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//sel sphere&lt;/code&gt; first point to select the center and one more right click for the radius.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//sel cyl&lt;/code&gt; for cylinders, first click being the center.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;//sel convex&lt;/code&gt; for convex shapes. This one is extremely useful for &lt;code&gt;//curve&lt;/code&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;brushes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#brushes&quot;&gt;¶&lt;/a&gt;Brushes&lt;/h2&gt;
+&lt;p&gt;Brushes are a way to paint in 3D without first bothering about making a selection, and there are spherical and cylinder brushes with e.g. &lt;code&gt;//brush sphere stone 2&lt;/code&gt;, or the shorter form &lt;code&gt;//br s stone&lt;/code&gt;. For cylinder, one must use &lt;code&gt;cyl&lt;/code&gt; instead &lt;code&gt;sphere&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;There also exists a brush to smooth the terrain which can be enabled on the current item with &lt;code&gt;//br smooth&lt;/code&gt;, which can be used with right-click like any other brush.&lt;/p&gt;
+&lt;h2 id=&quot;clipboard&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#clipboard&quot;&gt;¶&lt;/a&gt;Clipboard&lt;/h2&gt;
+&lt;p&gt;Finally, you can copy and cut things around like you would do with normal text with &lt;code&gt;//copy&lt;/code&gt; and &lt;code&gt;//cut&lt;/code&gt;. The copy is issued from wherever you issue the command, so when you use &lt;code&gt;//paste&lt;/code&gt;, remember that if you were 4 blocks apart when copying, it will be 4 blocks apart when pasting.&lt;/p&gt;
+&lt;p&gt;The contents of the clipboard can be flipped to wherever you are looking via &lt;code&gt;//flip&lt;/code&gt;, and can be rotated via the &lt;code&gt;//rotate 90&lt;/code&gt; command (in degrees).&lt;/p&gt;
+&lt;p&gt;To remove the copy use &lt;code&gt;//clearclipboard&lt;/code&gt;.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>An Introduction to Asyncio</title><id>dist/asyncio/index.html</id><updated>2018-06-14T22:00:00+00:00</updated><published>2018-06-12T22:00:00+00:00</published><summary>After seeing some friends struggle with </summary><content type="html" src="dist/asyncio/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;An Introduction to Asyncio&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;an_introduction_to_asyncio&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#an_introduction_to_asyncio&quot;&gt;¶&lt;/a&gt;An Introduction to Asyncio&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2018-06-13&lt;br&gt;
+Modified 2018-06-15&lt;/div&gt;
+&lt;h2 id=&quot;index&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#index&quot;&gt;¶&lt;/a&gt;Index&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;#background&quot;&gt;Background&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#inputoutput&quot;&gt;Input / Output&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#divingin&quot;&gt;Diving In&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#toyexample&quot;&gt;A Toy Example&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#example&quot;&gt;A Real Example&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#extra&quot;&gt;Extra Material&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;background&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#background&quot;&gt;¶&lt;/a&gt;Background&lt;/h2&gt;
+&lt;p&gt;After seeing some friends struggle with &lt;code&gt;asyncio&lt;/code&gt; I decided that it could be a good idea to write a blog post using my own words to explain how I understand the world of asynchronous IO. I will focus on Python's &lt;code&gt;asyncio&lt;/code&gt; module but this post should apply to any other language easily.&lt;/p&gt;
+&lt;p&gt;So what is &lt;code&gt;asyncio&lt;/code&gt; and what makes it good? Why don't we just use the old and known threads to run several parts of the code concurrently, at the same time?&lt;/p&gt;
+&lt;p&gt;The first reason is that &lt;code&gt;asyncio&lt;/code&gt; makes your code easier to reason about, as opposed to using threads, because the amount of ways in which your code can run grows exponentially. Let's see that with an example. Imagine you have this code:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;def method():
+	line 1
+	line 2
+	line 3
+	line 4
+	line 5
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;And you start two threads to run the method at the same time. What is the order in which the lines of code get executed? The answer is that you can't know! The first thread can run the entire method before the second thread even starts. Or it could be the first thread that runs after the second thread. Perhaps both run the &amp;quot;line 1&amp;quot;, and then the line 2. Maybe the first thread runs lines 1 and 2, and then the second thread only runs the line 1 before the first thread finishes.&lt;/p&gt;
+&lt;p&gt;As you can see, any combination of the order in which the lines run is possible. If the lines modify some global shared state, that will get messy quickly.&lt;/p&gt;
+&lt;p&gt;Second, in Python, threads &lt;em&gt;won't&lt;/em&gt; make your code faster. It will only increase the concurrency of your program, allowing you to run several things at the same time, so using threads for speed isn't a real advantage. Indeed, your code will probably run slower under the most common Python implementation, CPython, which makes use of a Global Interpreter Lock (GIL) that only lets a thread run at once.&lt;/p&gt;
+&lt;h2 id=&quot;input_output&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#input_output&quot;&gt;¶&lt;/a&gt;Input / Output&lt;/h2&gt;
+&lt;p&gt;Before we go any further, let's first stop to talk about input and output, commonly known as &amp;quot;IO&amp;quot;. There are two main ways to perform IO operations, such as reading or writing from a file or a network socket.&lt;/p&gt;
+&lt;p&gt;The first one is known as &amp;quot;blocking IO&amp;quot;. What this means is that, when you try performing IO, the current application thread is going to &lt;em&gt;block&lt;/em&gt; until the Operative System can tell you it's done. Normally, this is not a problem, since disks are pretty fast anyway, but it can soon become a performance bottleneck. And network IO will be much slower than disk IO!&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;# &amp;quot;open&amp;quot; will block until the OS creates a new file in the disk.
+#        this can be really slow if the disk is under heavy load!
+with open('hello.txt', 'w') as fd:
+    fd.write('hello!\n')
+
+    # &amp;quot;flush&amp;quot; will block until the OS has written all data to disk*
+    fd.flush()
+
+# * the reality is a bit more complicated, since writes to disk are
+#   quite expensive, the OS will normally keep the data in RAM until
+#   it has more stuff to write to disk, and then it will `sync`
+#   everything after a few seconds
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Blocking IO offers timeouts, so that you can get control back in your code if the operation doesn't finish. Imagine that the remote host doesn't want to reply, your code would be stuck for as long as the connection remains alive!&lt;/p&gt;
+&lt;p&gt;But wait, what if we make the timeout small? Very, very small? If we do that, we will never block waiting for an answer. That's how asynchronous IO works, and it's the opposite of blocking IO (you can also call it non-blocking IO if you want to).&lt;/p&gt;
+&lt;p&gt;How does non-blocking IO work if the IO device needs a while to answer with the data? In that case, the operative system responds with &amp;quot;not ready&amp;quot;, and your application gets control back so it can do other stuff while the IO device completes your request. It works a bit like this:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;&amp;amp;lt;app&amp;amp;gt; Hey, I would like to read 16 bytes from this file
+&amp;amp;lt;OS&amp;amp;gt; Okay, but the disk hasn't sent me the data yet
+&amp;amp;lt;app&amp;amp;gt; Alright, I will do something else then
+(a lot of computer time passes)
+&amp;amp;lt;app&amp;amp;gt; Do you have my 16 bytes now?
+&amp;amp;lt;OS&amp;amp;gt; Yes, here they are! &amp;quot;Hello, world !!\n&amp;quot;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;In reality, you can tell the OS to notify you when the data is ready, as opposed to polling (constantly asking the OS whether the data is ready yet or not), which is more efficient.&lt;/p&gt;
+&lt;p&gt;But either way, that's the difference between blocking and non-blocking IO, and what matters is that your application gets to run more without ever needing to wait for data to arrive, because the data will be there immediately when you ask, and if it's not yet, your app can do more things meanwhile.&lt;/p&gt;
+&lt;h2 id=&quot;diving_in&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#diving_in&quot;&gt;¶&lt;/a&gt;Diving In&lt;/h2&gt;
+&lt;p&gt;Now we've seen what blocking and non-blocking IO is, and how threads make your code harder to reason about, but they give concurrency (yet not more speed). Is there any other way to achieve this concurrency that doesn't involve threads? Yes! The answer is &lt;code&gt;asyncio&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;So how does &lt;code&gt;asyncio&lt;/code&gt; help? First we need to understand a very crucial concept before we can dive any deeper, and I'm talking about the &lt;em&gt;event loop&lt;/em&gt;. What is it and why do we need it?&lt;/p&gt;
+&lt;p&gt;You can think of the event loop as a &lt;em&gt;loop&lt;/em&gt; that will be responsible for calling your &lt;code&gt;async&lt;/code&gt; functions:&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;eventloop.svg&quot; alt=&quot;The Event Loop&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;That's silly you may think. Now not only we run our code but we also have to run some &amp;quot;event loop&amp;quot;. It doesn't sound beneficial at all. What are these events? Well, they are the IO events we talked about before!&lt;/p&gt;
+&lt;p&gt;&lt;code&gt;asyncio&lt;/code&gt;'s event loop is responsible for handling those IO events, such as file is ready, data arrived, flushing is done, and so on. As we saw before, we can make these events non-blocking by setting their timeout to 0.&lt;/p&gt;
+&lt;p&gt;Let's say you want to read from 10 files at the same time. You will ask the OS to read data from 10 files, and at first none of the reads will be ready. But the event loop will be constantly asking the OS to know which are done, and when they are done, you will get your data.&lt;/p&gt;
+&lt;p&gt;This has some nice advantages. It means that, instead of waiting for a network request to send you a response or some file, instead of blocking there, the event loop can decide to run other code meanwhile. Whenever the contents are ready, they can be read, and your code can continue. Waiting for the contents to be received is done with the &lt;code&gt;await&lt;/code&gt; keyword, and it tells the loop that it can run other code meanwhile:&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;awaitkwd1.svg&quot; alt=&quot;Step 1, await keyword&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;awaitkwd2.svg&quot; alt=&quot;Step 2, await keyword&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;Start reading the code of the event loop and follow the arrows. You can see that, in the beginning, there are no events yet, so the loop calls one of your functions. The code runs until it has to &lt;code&gt;await&lt;/code&gt; for some IO operation to complete, such as sending a request over the network. The method is &amp;quot;paused&amp;quot; until an event occurs (for example, an &amp;quot;event&amp;quot; occurs when the request has been sent completely).&lt;/p&gt;
+&lt;p&gt;While the first method is busy, the event loop can enter the second method, and run its code until the first &lt;code&gt;await&lt;/code&gt;. But it can happen that the event of the second query occurs before the request on the first method, so the event loop can re-enter the second method because it has already sent the query, but the first method isn't done sending the request yet.&lt;/p&gt;
+&lt;p&gt;Then, the second method &lt;code&gt;await&lt;/code&gt;'s for an answer, and an event occurs telling the event loop that the request from the first method was sent. The code can be resumed again, until it has to &lt;code&gt;await&lt;/code&gt; for a response, and so on.&lt;/p&gt;
+&lt;p&gt;There are some important things to note here. The first is that we only need one thread to be running! The event loop decides when and which methods should run. The second is that we know when it may run other methods. Those are the &lt;code&gt;await&lt;/code&gt; keywords! Whenever there is one of those, we know that the loop is able to run other things until the resource (again, like network) becomes ready.&lt;/p&gt;
+&lt;p&gt;So far, we already have two advantages. We are only using a single thread so the cost for switching between methods is low, and we can easily reason about where our program may interleave operations.&lt;/p&gt;
+&lt;p&gt;Another advantage is that, with the event loop, you can easily schedule when a piece of code should run, such as using the method &lt;a href=&quot;https://docs.python.org/3/library/asyncio-eventloop.html#asyncio.loop.call_at&quot;&gt;&lt;code&gt;loop.call_at&lt;/code&gt;&lt;/a&gt;, without the need for spawning another thread at all.&lt;/p&gt;
+&lt;p&gt;To tell the &lt;code&gt;asyncio&lt;/code&gt; to run the two methods shown above, we can use &lt;a href=&quot;https://docs.python.org/3/library/asyncio-future.html#asyncio.ensure_future&quot;&gt;&lt;code&gt;asyncio.ensure_future&lt;/code&gt;&lt;/a&gt;, which is a way of saying &amp;quot;I want the future of my method to be ensured&amp;quot;. That is, you want to run your method in the future, whenever the loop is free to do so. This method returns a &lt;code&gt;Future&lt;/code&gt; object, so if your method returns a value, you can &lt;code&gt;await&lt;/code&gt; this future to retrieve its result.&lt;/p&gt;
+&lt;p&gt;What is a &lt;code&gt;Future&lt;/code&gt;? This object represents the value of something that will be there in the future, but might not be there yet. Just like you can &lt;code&gt;await&lt;/code&gt; your own &lt;code&gt;async def&lt;/code&gt; functions, you can &lt;code&gt;await&lt;/code&gt; these &lt;code&gt;Future&lt;/code&gt;'s.&lt;/p&gt;
+&lt;p&gt;The &lt;code&gt;async def&lt;/code&gt; functions are also called &amp;quot;coroutines&amp;quot;, and Python does some magic behind the scenes to turn them into such. The coroutines can be &lt;code&gt;await&lt;/code&gt;'ed, and this is what you normally do.&lt;/p&gt;
+&lt;h2 id=&quot;a_toy_example&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#a_toy_example&quot;&gt;¶&lt;/a&gt;A Toy Example&lt;/h2&gt;
+&lt;p&gt;That's all about &lt;code&gt;asyncio&lt;/code&gt;! Let's wrap up with some example code. We will create a server that replies with the text a client sends, but reversed. First, we will show what you could write with normal synchronous code, and then we will port it.&lt;/p&gt;
+&lt;p&gt;Here is the &lt;strong&gt;synchronous version&lt;/strong&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;# server.py
+import socket
+
+
+def server_method():
+	# create a new server socket to listen for connections
+	server = socket.socket()
+
+	# bind to localhost:6789 for new connections
+	server.bind(('localhost', 6789))
+
+	# we will listen for one client at most
+	server.listen(1)
+
+	# *block* waiting for a new client
+	client, _ = server.accept()
+
+	# *block* waiting for some data
+	data = client.recv(1024)
+
+	# reverse the data
+	data = data[::-1]
+
+	# *block* sending the data
+	client.sendall(data)
+
+	# close client and server
+	server.close()
+	client.close()
+
+
+if __name__ == '__main__':
+	# block running the server
+	server_method()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;# client.py
+import socket
+
+
+def client_method():
+	message = b'Hello Server!\n'
+	client = socket.socket()
+
+	# *block* trying to stabilish a connection
+	client.connect(('localhost', 6789))
+
+	# *block* trying to send the message
+	print('Sending', message)
+	client.sendall(message)
+
+	# *block* until we receive a response
+	response = client.recv(1024)
+	print('Server replied', response)
+
+	client.close()
+
+
+if __name__ == '__main__':
+	client_method()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;From what we've seen, this code will block on all the lines with a comment above them saying that they will block. This means that for running more than one client or server, or both in the same file, you will need threads. But we can do better, we can rewrite it into &lt;code&gt;asyncio&lt;/code&gt;!&lt;/p&gt;
+&lt;p&gt;The first step is to mark all your &lt;code&gt;def&lt;/code&gt;initions that may block with &lt;code&gt;async&lt;/code&gt;. This marks them as coroutines, which can be &lt;code&gt;await&lt;/code&gt;ed on.&lt;/p&gt;
+&lt;p&gt;Second, since we're using low-level sockets, we need to make use of the methods that &lt;code&gt;asyncio&lt;/code&gt; provides directly. If this was a third-party library, this would be just like using their &lt;code&gt;async def&lt;/code&gt;initions.&lt;/p&gt;
+&lt;p&gt;Here is the &lt;strong&gt;asynchronous version&lt;/strong&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;# server.py
+import asyncio
+import socket
+
+# get the default &amp;quot;event loop&amp;quot; that we will run
+loop = asyncio.get_event_loop()
+
+
+# notice our new &amp;quot;async&amp;quot; before the definition
+async def server_method():
+	server = socket.socket()
+	server.bind(('localhost', 6789))
+	server.listen(1)
+
+	# await for a new client
+	# the event loop can run other code while we wait here!
+	client, _ = await loop.sock_accept(server)
+
+	# await for some data
+	data = await loop.sock_recv(client, 1024)
+	data = data[::-1]
+
+	# await for sending the data
+	await loop.sock_sendall(client, data)
+
+	server.close()
+	client.close()
+
+
+if __name__ == '__main__':
+	# run the loop until &amp;quot;server method&amp;quot; is complete
+	loop.run_until_complete(server_method())
+&lt;/code&gt;&lt;/pre&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;# client.py
+import asyncio
+import socket
+
+loop = asyncio.get_event_loop()
+
+
+async def client_method():
+	message = b'Hello Server!\n'
+	client = socket.socket()
+
+	# await to stabilish a connection
+	await loop.sock_connect(client, ('localhost', 6789))
+
+	# await to send the message
+	print('Sending', message)
+	await loop.sock_sendall(client, message)
+
+	# await to receive a response
+	response = await loop.sock_recv(client, 1024)
+	print('Server replied', response)
+
+	client.close()
+
+
+if __name__ == '__main__':
+	loop.run_until_complete(client_method())
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;That's it! You can place these two files separately and run, first the server, then the client. You should see output in the client.&lt;/p&gt;
+&lt;p&gt;The big difference here is that you can easily modify the code to run more than one server or clients at the same time. Whenever you &lt;code&gt;await&lt;/code&gt; the event loop will run other of your code. It seems to &amp;quot;block&amp;quot; on the &lt;code&gt;await&lt;/code&gt; parts, but remember it's actually jumping to run more code, and the event loop will get back to you whenever it can.&lt;/p&gt;
+&lt;p&gt;In short, you need an &lt;code&gt;async def&lt;/code&gt; to &lt;code&gt;await&lt;/code&gt; things, and you run them with the event loop instead of calling them directly. So this…&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;def main():
+	...  # some code
+
+
+if __name__ == '__main__':
+	main()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;…becomes this:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;import asyncio
+
+
+async def main():
+	...  # some code
+
+
+if __name__ == '__main__':
+	asyncio.get_event_loop().run_until_complete(main)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This is pretty much how most of your &lt;code&gt;async&lt;/code&gt; scripts will start, running the main method until its completion.&lt;/p&gt;
+&lt;h2 id=&quot;a_real_example&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#a_real_example&quot;&gt;¶&lt;/a&gt;A Real Example&lt;/h2&gt;
+&lt;p&gt;Let's have some fun with a real library. We'll be using &lt;a href=&quot;https://github.com/LonamiWebs/Telethon&quot;&gt;Telethon&lt;/a&gt; to broadcast a message to our three best friends, all at the same time, thanks to the magic of &lt;code&gt;asyncio&lt;/code&gt;. We'll dive right into the code, and then I'll explain our new friend &lt;code&gt;asyncio.wait(...)&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;# broadcast.py
+import asyncio
+import sys
+
+from telethon import TelegramClient
+
+# (you need your own values here, check Telethon's documentation)
+api_id = 123
+api_hash = '123abc'
+friends = [
+	'@friend1__username',
+	'@friend2__username',
+	'@bestie__username'
+]
+
+# we will have to await things, so we need an async def
+async def main(message):
+	# start is a coroutine, so we need to await it to run it
+	client = await TelegramClient('me', api_id, api_hash).start()
+
+	# wait for all three client.send_message to complete
+	await asyncio.wait([
+		client.send_message(friend, message)
+		for friend in friends
+	])
+
+	# and close our client
+	await client.disconnect()
+
+
+if __name__ == '__main__':
+	if len(sys.argv) != 2:
+		print('You must pass the message to broadcast!')
+		quit()
+
+	message = sys.argv[1]
+	asyncio.get_event_loop().run_until_complete(main(message))
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Wait… how did that send a message to all three of
+my friends? The magic is done here:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;[
+	client.send_message(friend, message)
+	for friend in friends
+]
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This list comprehension creates another list with three
+coroutines, the three &lt;code&gt;client.send_message(...)&lt;/code&gt;.
+Then we just pass that list to &lt;code&gt;asyncio.wait&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code class=&quot;language-python&quot;&gt;await asyncio.wait([...])
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This method, by default, waits for the list of coroutines to run until they've all finished. You can read more on the Python &lt;a href=&quot;https://docs.python.org/3/library/asyncio-task.html#asyncio.wait&quot;&gt;documentation&lt;/a&gt;. Truly a good function to know about!&lt;/p&gt;
+&lt;p&gt;Now whenever you have some important news for your friends, you can simply &lt;code&gt;python3 broadcast.py 'I bought a car!'&lt;/code&gt; to tell all your friends about your new car! All you need to remember is that you need to &lt;code&gt;await&lt;/code&gt; on coroutines, and you will be good. &lt;code&gt;asyncio&lt;/code&gt; will warn you when you forget to do so.&lt;/p&gt;
+&lt;h2 id=&quot;extra_material&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#extra_material&quot;&gt;¶&lt;/a&gt;Extra Material&lt;/h2&gt;
+&lt;p&gt;If you want to understand how &lt;code&gt;asyncio&lt;/code&gt; works under the hood, I recommend you to watch this hour-long talk &lt;a href=&quot;https://youtu.be/M-UcUs7IMIM&quot;&gt;Get to grips with asyncio in Python 3&lt;/a&gt; by Robert Smallshire. In the video, they will explain the differences between concurrency and parallelism, along with others concepts, and how to implement your own &lt;code&gt;asyncio&lt;/code&gt; &amp;quot;scheduler&amp;quot; from scratch.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Sentences</title><id>dist/sentences/index.html</id><updated>2018-01-30T23:00:00+00:00</updated><published>2018-01-30T23:00:00+00:00</published><summary>Don't know English? </summary><content type="html" src="dist/sentences/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Sentences&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;sentences&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#sentences&quot;&gt;¶&lt;/a&gt;Sentences&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2018-01-31&lt;/div&gt;
+&lt;blockquote&gt;
+&lt;p&gt;Don't know English? &lt;a href=&quot;spanish.html&quot;&gt;Read the Spanish version instead&lt;/a&gt;.&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Just a few sentences that I've been gathering among the years and I think are worthy of being kept somewhere.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;So far, you've survived 100% of your worst days. You're doing great&lt;/li&gt;
+&lt;li&gt;Money is not a concern, perfection is&lt;/li&gt;
+&lt;li&gt;The only limit to our realization of tomorrow will be our doubts today&lt;/li&gt;
+&lt;li&gt;Not all cultures deserve respect.&lt;/li&gt;
+&lt;li&gt;It's not the same knowing that you're not free that not being free.&lt;/li&gt;
+&lt;li&gt;Being alive is not a biolgical matter, rather mental.&lt;/li&gt;
+&lt;li&gt;Every mountain starts off as a grain of sand.&lt;/li&gt;
+&lt;li&gt;Time goes against desire.&lt;/li&gt;
+&lt;li&gt;The only way to respect is fear.&lt;/li&gt;
+&lt;li&gt;For those who have nothing I have so much.&lt;/li&gt;
+&lt;li&gt;One isn't what they think, it's what they do.&lt;/li&gt;
+&lt;li&gt;When your goal seems impossible, don't change the goal. Find new ways to get to it.&lt;/li&gt;
+&lt;li&gt;Be the change you wish to see in the world.&lt;/li&gt;
+&lt;li&gt;Tell me something, I'll forget. Show me something, I'll remember. But make me part of it and I'll understand it.&lt;/li&gt;
+&lt;li&gt;If you want something to happen, go and do it. Or wait sitting like a stupid until it happens that it never happens.&lt;/li&gt;
+&lt;li&gt;I'd rather be happy than be right.&lt;/li&gt;
+&lt;li&gt;The engines don’t move the ship at all. The ship stays where it is and the engines move the universe around it.&lt;/li&gt;
+&lt;li&gt;If I never try getting there, I'll never get there.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Blog de Lonami</title><id>dist/index/index.html</id><updated>2018-01-30T23:00:00+00:00</updated><published>2016-03-03T23:00:00+00:00</published><summary>Hola | Hi.</summary><content type="html" src="dist/index/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Blog de Lonami&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;blog_de_lonami&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#blog_de_lonami&quot;&gt;¶&lt;/a&gt;Blog de Lonami&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2016-03-04&lt;br&gt;
+Modified 2018-01-31&lt;/div&gt;
+&lt;p&gt;Hola | Hi.&lt;/p&gt;
+&lt;p&gt;Choose your language below:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;#bienvenido-al-blog&quot;&gt;Leer entradas en español&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#welcome-to-the-blog&quot;&gt;Read English entries&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;bienvenido_al_blog&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#bienvenido_al_blog&quot;&gt;¶&lt;/a&gt;Bienvenido al blog&lt;/h2&gt;
+&lt;p&gt;Bienvenido al mejor (o no) blog del mundo. En esta sección publicaré de manera muy puntual algunas entradas que espero resulten interesantes para el gran público.&lt;/p&gt;
+&lt;h2 id=&quot;welcome_to_the_blog&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#welcome_to_the_blog&quot;&gt;¶&lt;/a&gt;Welcome to the blog&lt;/h2&gt;
+&lt;p&gt;Welcome to the best (or not) blog in the entire world. On this blog I will occasionally post new entries which I find interesting.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Graphs</title><id>dist/graphs/index.html</id><updated>2017-06-01T22:00:00+00:00</updated><published>2017-06-01T22:00:00+00:00</published><summary>There are a few things which won't render unless you enable</summary><content type="html" src="dist/graphs/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Graphs&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async&gt;&lt;/script&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2017-06-02&lt;/div&gt;
+&lt;noscript&gt;There are a few things which won't render unless you enable
+JavaScript. No tracking, I promise!&lt;/noscript&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;graphs&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#graphs&quot;&gt;¶&lt;/a&gt;Graphs&lt;/h1&gt;
+&lt;blockquote&gt;
+&lt;p&gt;Don't know English? &lt;a href=&quot;spanish.html&quot;&gt;Read the Spanish version instead&lt;/a&gt;.&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Let's imagine we have 5 bus stations, which we'll denote by \(s_i\):&lt;/p&gt;
+&lt;p&gt;(\begin{bmatrix}
+&amp;amp; s_1 &amp;amp; s_2 &amp;amp; s_3 &amp;amp; s_4 &amp;amp; s_5 \
+s_1   &amp;amp;   &amp;amp; V &amp;amp;   &amp;amp;   &amp;amp;       \
+s_2   &amp;amp; V &amp;amp;   &amp;amp;   &amp;amp;   &amp;amp; V     \
+s_3   &amp;amp;   &amp;amp;   &amp;amp;   &amp;amp; V &amp;amp;       \
+s_4   &amp;amp;   &amp;amp; V &amp;amp; V &amp;amp;   &amp;amp;       \
+s_5   &amp;amp; V &amp;amp;   &amp;amp;   &amp;amp; V &amp;amp; 
+\end{bmatrix})&lt;/p&gt;
+&lt;p&gt;This is known as a &lt;i&gt;&quot;table of direct interconnections&quot;&lt;/i&gt;.&lt;/p&gt;
+  &lt;p&gt;The \(V\) represent connected paths. For instance, on the first
+  row starting at \(s_1\), reaching the \(V\),
+  allows us to turn up to get to \(s_2\).&lt;/p&gt;
+&lt;p&gt;We can see the above table represented in a more graphical way:&lt;/p&gt;
+  &lt;img src=&quot;example1.svg&quot; /&gt;
+  &lt;p&gt;This type of graph is called, well, a &lt;i&gt;graph&lt;/i&gt;, and it's a directed
+  graph (or &lt;i&gt;digraph&lt;/i&gt;), since the direction on which the arrows go does
+  matter. It's made up of vertices, joined together by edges (also known as
+  lines or directed &lt;b&gt;arcs&lt;/b&gt;).&lt;/p&gt;
+&lt;p&gt;One can walk from a node to another through different &lt;b&gt;paths&lt;/b&gt;. For
+  example, \(s_4 \rightarrow s_2 \rightarrow s_5\) is an indirect path of &lt;b&gt;order&lt;/b&gt;
+  two, because we must use two edges to go from \(s_4\) to
+  \(s_5\).&lt;/p&gt;
+&lt;p&gt;Let's now represent its adjacency matrix called A which represents the
+  same table, but uses &lt;mark&gt;1&lt;/mark&gt; instead &lt;/mark&gt;V&lt;/mark&gt; to represent
+  a connection:&lt;/p&gt;
+&lt;p&gt;(\begin{bmatrix}
+0 &amp;amp; 1 &amp;amp; 0 &amp;amp; 0 &amp;amp; 0 \
+1 &amp;amp; 0 &amp;amp; 0 &amp;amp; 0 &amp;amp; 1 \
+0 &amp;amp; 0 &amp;amp; 0 &amp;amp; 1 &amp;amp; 0 \
+0 &amp;amp; 1 &amp;amp; 1 &amp;amp; 0 &amp;amp; 0 \
+1 &amp;amp; 0 &amp;amp; 0 &amp;amp; 1 &amp;amp; 0
+\end{bmatrix})&lt;/p&gt;
+&lt;p&gt;This way we can see how the \(a_{2,1}\) element represents the
+  connection \(s_2 \rightarrow s_1\), and the \(a_{5,1}\) element the
+  \(s_5 \rightarrow s_1\) connection, etc.&lt;/p&gt;
+&lt;p&gt;In general, \(a_{i,j}\) represents a connection from
+    \(s_i \rightarrow s_j\)as long as \(a_{i,j}\geq 1\).&lt;/p&gt;
+&lt;p&gt;Working with matrices allows us to have a computable representation of
+  any graph, which is very useful.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Graphs have a lot of interesting properties besides being representable
+  by a computer. What would happen if, for instance, we calculated
+  \(A^2\)? We obtain the following matrix:&lt;/p&gt;
+&lt;p&gt;(\begin{bmatrix}
+1 &amp;amp; 0 &amp;amp; 0 &amp;amp; 0 &amp;amp; 1 \
+1 &amp;amp; 1 &amp;amp; 0 &amp;amp; 1 &amp;amp; 0 \
+0 &amp;amp; 1 &amp;amp; 1 &amp;amp; 0 &amp;amp; 0 \
+1 &amp;amp; 0 &amp;amp; 0 &amp;amp; 1 &amp;amp; 1 \
+0 &amp;amp; 2 &amp;amp; 1 &amp;amp; 0 &amp;amp; 0
+\end{bmatrix})&lt;/p&gt;
+&lt;p&gt;We can interpret this as the paths of order &lt;b&gt;two&lt;/b&gt;.&lt;/p&gt;
+  &lt;p&gt;But what does the element \(a_{5,2}=2\) represent? It indicates
+  the amount of possible ways to go from  \(s_5 \rightarrow s_i \rightarrow s_2\).&lt;/p&gt;
+&lt;p&gt;One can manually multiply the involved row and column to determine which
+  element is the one we need to pass through, this way we have the row
+  \([1 0 0 1 0]\) and the column \([1 0 0 1 0]\) (on
+  vertical). The elements \(s_i\geq 1\) are \(s_1\) and
+  \(s_4\). This is, we can go from \(s_5\) to
+  \(s_2\) via \(s_5 \rightarrow s_1 \rightarrow s_2\) or via
+  \(s_5 \rightarrow s_4 \rightarrow s_2\):&lt;/p&gt;
+  &lt;img src=&quot;example2.svg&quot; /&gt;
+&lt;p&gt;It's important to note that graphs to not consider self-connections, this
+  is, \(s_i \rightarrow s_i\) is not allowed; neither we work with multigraphs
+  here (those which allow multiple connections, for instance, an arbitrary
+  number \(n\) of times).&lt;/p&gt;
+&lt;p&gt;(\begin{bmatrix}
+1 &amp;amp; 1 &amp;amp; 0          &amp;amp; 1 &amp;amp; 0 \
+1 &amp;amp; 2 &amp;amp; \textbf{1} &amp;amp; 0 &amp;amp; 1 \
+1 &amp;amp; 0 &amp;amp; 0          &amp;amp; 1 &amp;amp; 1 \
+1 &amp;amp; 2 &amp;amp; 1          &amp;amp; 1 &amp;amp; 0 \
+2 &amp;amp; 0 &amp;amp; 0          &amp;amp; 1 &amp;amp; 2
+\end{bmatrix})&lt;/p&gt;
+&lt;p&gt;We can see how the first \(1\) just appeared on the element
+    \(a_{2,3}\), which means that the shortest path to it is at least
+  of order three.&lt;/mark&gt;
+&lt;hr /&gt;
+&lt;p&gt;A graph is said to be &lt;b&gt;strongly connected&lt;/b&gt; as long as there is a
+  way to reach &lt;i&gt;all&lt;/i&gt; its elements.&lt;/p&gt;
+&lt;p&gt;We can see all the available paths until now by simply adding up all the
+  direct and indirect ways to reach a node, so for now, we can add
+  \(A+A^2+A^3\) in such a way that:&lt;/p&gt;
+&lt;p&gt;(\begin{bmatrix}
+2 &amp;amp; 2 &amp;amp; 0 &amp;amp; 1 &amp;amp; 1 \
+3 &amp;amp; 3 &amp;amp; 1 &amp;amp; 1 &amp;amp; 3 \
+1 &amp;amp; 1 &amp;amp; 1 &amp;amp; 2 &amp;amp; 1 \
+2 &amp;amp; 3 &amp;amp; 2 &amp;amp; 2 &amp;amp; 1 \
+3 &amp;amp; 2 &amp;amp; 1 &amp;amp; 2 &amp;amp; 2
+\end{bmatrix})&lt;/p&gt;
+&lt;p&gt;There isn't a connection between \(s_1\) and \(s_3\) yet.
+  If we were to calculate \(A^4\):&lt;/p&gt;
+&lt;p&gt;(\begin{bmatrix}
+1 &amp;amp; 2 &amp;amp; 1 &amp;amp;   &amp;amp;   \
+&amp;amp;   &amp;amp;   &amp;amp;   &amp;amp;   \
+&amp;amp;   &amp;amp;   &amp;amp;   &amp;amp;   \
+&amp;amp;   &amp;amp;   &amp;amp;   &amp;amp;   \
+&amp;amp;   &amp;amp;   &amp;amp;   &amp;amp;&lt;br /&gt;
+\end{bmatrix})&lt;/p&gt;
+&lt;p&gt;We don't need to calculate anymore. We now know that the graph is
+  strongly connected!&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Congratulations! You've completed this tiny introduction to graphs.
+  Now you can play around with them and design your own connections.&lt;/p&gt;
+&lt;p&gt;Hold the left mouse button on the above area and drag it down to create
+  a new node, or drag a node to this area to delete it.&lt;/p&gt;
+&lt;p&gt;To create new connections, hold the right mouse button on the node you
+  want to start with, and drag it to the node you want it to be connected to.&lt;/p&gt;
+&lt;p&gt;To delete the connections coming from a specific node, middle click it.&lt;/p&gt;
+&lt;table&gt;&lt;tr&gt;&lt;td style=&quot;width:100%;&quot;&gt;
+    &lt;button onclick=&quot;resetConnections()&quot;&gt;Reset connections&lt;/button&gt;
+    &lt;button onclick=&quot;clearNodes()&quot;&gt;Clear all the nodes&lt;/button&gt;
+    &lt;br /&gt;
+    &lt;br /&gt;
+    &lt;label for=&quot;matrixOrder&quot;&gt;Show matrix of order:&lt;/label&gt;
+    &lt;input id=&quot;matrixOrder&quot; type=&quot;number&quot; min=&quot;1&quot; max=&quot;5&quot;
+                            value=&quot;1&quot; oninput=&quot;updateOrder()&quot;&gt;
+    &lt;br /&gt;
+    &lt;label for=&quot;matrixAccum&quot;&gt;Show accumulated matrix&lt;/label&gt;
+    &lt;input id=&quot;matrixAccum&quot; type=&quot;checkbox&quot; onchange=&quot;updateOrder()&quot;&gt;
+    &lt;br /&gt;
+    &lt;br /&gt;
+    &lt;div class=&quot;matrix&quot;&gt;
+      &lt;table id=&quot;matrixTable&quot;&gt;&lt;/table&gt;
+    &lt;/div&gt;
+  &lt;/td&gt;&lt;td&gt;
+    &lt;canvas id=&quot;canvas&quot; width=&quot;400&quot; height=&quot;400&quot; oncontextmenu=&quot;return false;&quot;&gt;
+    Looks like your browser won't let you see this fancy example :(
+    &lt;/canvas&gt;
+    &lt;br /&gt;
+  &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
+&lt;script src=&quot;tinyparser.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;enhancements.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;graphs.js&quot;&gt;&lt;/script&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Apuntes de bachillerato de Filosofía</title><id>dist/filosofia/index.html</id><updated>2016-06-20T22:00:00+00:00</updated><published>2016-06-20T22:00:00+00:00</published><summary>Hay asignaturas que merecen la pena, y una de ellas es la filosofía. De verdad. Aprendes un montón de cosas y abres tu mente, comparas muchos puntos de vista y te das cuenta de grandes cosas. Por eso, quiero compartir mis apuntes con todo aquel interesado.</summary><content type="html" src="dist/filosofia/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Apuntes de bachillerato de Filosofía&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;apuntes_de_bachillerato_de_filosofía&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#apuntes_de_bachillerato_de_filosofía&quot;&gt;¶&lt;/a&gt;Apuntes de bachillerato de Filosofía&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2016-06-21&lt;/div&gt;
+&lt;p&gt;Hay asignaturas que merecen la pena, y una de ellas es la filosofía. De verdad. Aprendes un montón de cosas y abres tu mente, comparas muchos puntos de vista y te das cuenta de grandes cosas. Por eso, quiero compartir mis apuntes con todo aquel interesado.&lt;/p&gt;
+&lt;p&gt;Personalmente, mi autor favorito es Friedrich Nietzsche (se pronuncia &lt;em&gt;/niche/&lt;/em&gt;). Está en el tercer trimestre, el más interesante, aunque si prefieres algo de contexto, te recomiendo leerlo todo. Puedes leerlo como si fuera un libro cualquiera:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Descargar en .pdf
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;filo_trimestre1.pdf&quot;&gt;Filosofía - Primer trimestre&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;filo_trimestre2.pdf&quot;&gt;Filosofía - Segundo trimestre&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;filo_trimestre3.pdf&quot;&gt;Filosofía - Tercer trimestre&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;Descargar en .odt (lo puedes editar)
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;filo_trimestre1.odt&quot;&gt;Filosofía - Primer trimestre&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;filo_trimestre2.odt&quot;&gt;Filosofía - Segundo trimestre&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;filo_trimestre3.odt&quot;&gt;Filosofía - Tercer trimestre&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Nota: Hay algunas palabras un tanto soez. ¡Añaden emoción y no son para tanto, a lo sumo dos o tres! :)&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Reflexión sobre la Inteligencia artificial</title><id>dist/reflexion_ia/index.html</id><updated>2016-06-12T22:00:00+00:00</updated><published>2016-06-12T22:00:00+00:00</published><summary>Nota: esta reflexión ha sido sacada de una conversación en Telegram, aunque ha sido lo más adaptada posible a formato de blog.</summary><content type="html" src="dist/reflexion_ia/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Reflexión sobre la Inteligencia artificial&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;reflexión_sobre_la_inteligencia_artificial&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#reflexión_sobre_la_inteligencia_artificial&quot;&gt;¶&lt;/a&gt;Reflexión sobre la Inteligencia artificial&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2016-06-13&lt;/div&gt;
+&lt;blockquote&gt;
+&lt;p&gt;Nota: esta reflexión ha sido sacada de una conversación en Telegram, aunque ha sido lo más adaptada posible a formato de blog.&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;h2 id=&quot;conversación_del_12_03_16&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#conversación_del_12_03_16&quot;&gt;¶&lt;/a&gt;Conversación del 12.03.16&lt;/h2&gt;
+&lt;p&gt;Pienso que para conseguir una verdadera inteligencia artificial debemos abstraernos mucho. Es decir, siempre hay una pequeña parte de &lt;em&gt;Pero es que el ser humano, los sentimientos, tal, cual&lt;/em&gt;... Igual simplemente, absolutamente todo esté programado. Cuando actúas de manera que no sabes por qué por ejemplo, seguramente sea una serie de estímulos adecuados que producen esa respuesta porque se ha formado ese camino de neuronas en tu mente. Por ejemplo, el arco reflejo, que es un arco innato.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;em&gt;Sensación de quemar → retirar&lt;/em&gt;&lt;/li&gt;
+&lt;li&gt;&lt;em&gt;&lt;a href=&quot;https://es.wikipedia.org/wiki/Condicionamiento_cl%C3%A1sico&quot;&gt;Un estímulo X → una respuesta Y&lt;/a&gt;&lt;/em&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Es una ida y vuelta instantanea entre sensación y respuesta. El cerebro simplemente es capaz de trabajar con combinaciones más complejas, como por ejemplo la suma, este número con este otro → sale otro número, y se le añade a otro... Hay una especie de &lt;a href=&quot;https://es.wikipedia.org/wiki/Recursi%C3%B3n&quot;&gt;recursión&lt;/a&gt; también, aunque en realidad es que es el mismo estímulo el que &lt;a href=&quot;https://es.wikipedia.org/wiki/M%C3%A9todo_%28inform%C3%A1tica%29&quot;&gt;&amp;quot;llama&amp;quot;&lt;/a&gt; a un determinado camino.&lt;/p&gt;
+&lt;p&gt;Pero lo verdaderamente impresionante es la consciencia, igual no tenemos consciencia de verdad, igual es como lo sentimos. Siempre nos han hablado de la consciencia pero nadie ha sabido probarla, por lo que sólo tenemos una idea, un concepto. Es aún más impresionante es el hecho de recordar y &lt;a href=&quot;https://es.wikipedia.org/wiki/Memoria_de_trabajo&quot;&gt;trabajar&lt;/a&gt; con la información.&lt;/p&gt;
+&lt;p&gt;Cuando hablamos de consciencia, estamos simplemente tratando información sobre esa misma información, ¿cómo cojones sentimos lo que pensamos? Yo sé que estoy pensando porque hemos definido &lt;em&gt;pensar&lt;/em&gt; como este proceso. ¿Pero cómo coño entiendo yo eso? Es decir, ¿cómo me doy cuenta? por qué lo situo en mi cabeza? Probablemente, aunque el cerebro esté trabajando con todo eso, la sensación sea externa a nosotros, es decir, ocurre en mi cabeza. ¿Pero de verdad lo siento en mi cabeza?&lt;/p&gt;
+&lt;p&gt;Me estoy rayando.&lt;/p&gt;
+&lt;p&gt;El verdadero problema está en saber cómo sabemos que estamos pensando. El cerebro se compone de neuronas y conexiones, esa es la base a parte de donde se encuentra todo y tal la base es esa, y las sensaciones táctiles son igual de complejas, las procesa mi cerebro pero las siento en mi mano. ¿Será cosa de costumbre? Yo siento algo y lo situo ahí. Sin embargo sentimos ahí y no por encima o por debajo de, vamos a poner, los dedos de la mano, lo siento justo ahí. ¿Qué coño es realmente la &lt;a href=&quot;https://es.wikipedia.org/wiki/Memoria_a_corto_plazo&quot;&gt;memoria a corto plazo&lt;/a&gt;? (porque lo de la &lt;a href=&quot;https://es.wikipedia.org/wiki/Memoria_a_largo_plazo&quot;&gt;memoria a largo plazo&lt;/a&gt; se traslada ahí cuando la necesitamos para trabajar con ella, por eso es &lt;em&gt;MCP&lt;/em&gt; o memoria de trabajo según ciertas teorías).&lt;/p&gt;
+&lt;p&gt;En fin.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Inteligencia artificial</title><id>dist/inteligencia_artificial/index.html</id><updated>2016-03-04T23:00:00+00:00</updated><published>2016-02-23T23:00:00+00:00</published><summary>La inteligencia artificial es una rama apasionante que tiene su origen en la </summary><content type="html" src="dist/inteligencia_artificial/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Inteligencia artificial&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;inteligencia_artificial&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#inteligencia_artificial&quot;&gt;¶&lt;/a&gt;Inteligencia artificial&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2016-02-24&lt;br&gt;
+Modified 2016-03-05&lt;/div&gt;
+&lt;h2 id=&quot;índice&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#índice&quot;&gt;¶&lt;/a&gt;Índice&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;#qu%C3%A9_es&quot;&gt;Qué es&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#en_qu%C3%A9_consiste&quot;&gt;En qué consiste&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#l%C3%ADmites&quot;&gt;Límites&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#tipos_de_inteligencia_artificial&quot;&gt;Tipos de inteligencia artificial&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#aplicaciones_pr%C3%A1cticas&quot;&gt;Aplicaciones prácticas&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#implicaciones_%C3%A9ticas&quot;&gt;Implicaciones éticas&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#ejemplos&quot;&gt;Ejemplos&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#conceptos&quot;&gt;Conceptos&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;#fuentes&quot;&gt;Fuentes&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;qué_es&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#qué_es&quot;&gt;¶&lt;/a&gt;Qué es&lt;/h2&gt;
+&lt;p&gt;La inteligencia artificial es una rama apasionante que tiene su origen en la &lt;strong&gt;informática&lt;/strong&gt; y se basa en el concepto de conseguir &lt;em&gt;emular&lt;/em&gt;&lt;sup class=&quot;footnote-reference&quot; id=&quot;r.1&quot;&gt;&lt;a href=&quot;#f.1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt; al cerebro humano, mediante el desarrollo un programa que sea capaz de &lt;strong&gt;aprender y mejorar por sí sólo&lt;/strong&gt; (normalmente bajo algún tipo de supervisión)&lt;/p&gt;
+&lt;p&gt;Fue un concepto acuñado por &lt;em&gt;John McCarthy&lt;/em&gt; en un congreso de informática de 1956, y desde entonces este campo ha crecido de manera exponencial con unas buenas previsiones de futuro.&lt;/p&gt;&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;human_progress_edge.svg&quot; alt=&quot;Progreso humano en la inteligencia artificial&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;&lt;em&gt;Progreso humano en la inteligencia artificial. &lt;a href=&quot;http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1&quot;&gt;Fuente&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;en_qué_consiste&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#en_qué_consiste&quot;&gt;¶&lt;/a&gt;En qué consiste&lt;/h2&gt;
+&lt;p&gt;La inteligencia artificial no consiste en escribir unas pautas fijas y finitas al igual que hacen la gran mayoría de programas, en los cuales introduces unos datos y producen siempre la misma salida, una salida predecible, programada e invariable, que además, tiene sus límites, ya que si introduces datos para los que la aplicación no está programada, esta aplicación no será capaz de manejarlos. No los entenderá y no producirá ningún resultado.&lt;/p&gt;
+&lt;p&gt;La inteligencia artificial consiste en dar un paso &lt;strong&gt;más allá&lt;/strong&gt;. Una inteligencia artificial &lt;em&gt;entrenada&lt;/em&gt; es capaz de manejar datos para los cuales no ha sido programada de manera explícita&lt;sup class=&quot;footnote-reference&quot; id=&quot;r.2&quot;&gt;&lt;a href=&quot;#f.2&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/sup&gt;&lt;/p&gt;
+&lt;h2 id=&quot;límites&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#límites&quot;&gt;¶&lt;/a&gt;Límites&lt;/h2&gt;
+&lt;p&gt;Actualmente, la inteligencia artificial se ve limitada por la velocidad y capacidad de los dispositivos (ordenadores, teléfonos inteligentes).&lt;/p&gt;
+&lt;p&gt;A día de hoy, ya hemos conseguido emular el cerebro de un gusano de un milímetro de longitud, que consiste de un total de trescientas dos neuronas. El &lt;strong&gt;cerebro humano&lt;/strong&gt; contiene unas &lt;strong&gt;cien mil millones de neuronas&lt;/strong&gt;.&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;exponential_grow.gif&quot; alt=&quot;Progreso en la velocidad de los dispositivos&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;p&gt;&lt;em&gt;Crecimiento en la velocidad de procesado de los dispositivos. &lt;a href=&quot;http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1&quot;&gt;Fuente&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Comparado con las neuronas de un cerebro humano (cuya velocidad&lt;sup class=&quot;footnote-reference&quot; id=&quot;r.3&quot;&gt;&lt;a href=&quot;#f.3&quot;&gt;3&lt;/a&gt;&lt;/sup&gt; máxima oscilan entre los 200Hz), los procesadores de hoy en día (mucho más lentos que los que tendremos dentro de algunos años) ya tienen una velocidad superior a los 2Ghz, es decir, &lt;strong&gt;10 millones de veces&lt;/strong&gt; más rápidos que las neuronas. Y la comunicación interna del cerebro, que oscila entre los 120m/s, queda infinitamente distante de la velocidad de los ordenadores que se comunican de manera óptica a la &lt;strong&gt;velocidad de la luz&lt;/strong&gt;.&lt;/p&gt;
+&lt;p&gt;Además de todo esto, la capacidad de los dispositivos puede ser &lt;strong&gt;ampliada&lt;/strong&gt;, a diferencia del cerebro que tiene un tamaño ya determinado. Y, por último, un procesador puede estar &lt;strong&gt;trabajando sin parar&lt;/strong&gt; nunca, sin cansarse.&lt;/p&gt;&lt;/p&gt;
+&lt;!-- Boston dynamics artificial intelligence put some more examples, like Google or predicting models or big data, ocr --&gt;
+&lt;h2 id=&quot;tipos_de_inteligencia_artificial&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#tipos_de_inteligencia_artificial&quot;&gt;¶&lt;/a&gt;Tipos de inteligencia artificial&lt;/h2&gt;
+&lt;h3 id=&quot;según_el_tipo_de_aprendizaje&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#según_el_tipo_de_aprendizaje&quot;&gt;¶&lt;/a&gt;Según el tipo de aprendizaje&lt;/h3&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Aprendizaje supervisado&lt;/strong&gt;: se le presenta una entrada de datos y produce una salida de los datos procesados, y un &amp;quot;tutor&amp;quot; es el que determina si la salida es correcta o no.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Aprendizaje sin supervisar&lt;/strong&gt;: se le presenta una entrada de datos sin presentarle ningún otro tipo de información, para que encuentre la estructura de los datos por sí sóla.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Aprendizaje por refuerzo&lt;/strong&gt;: un ordenador interactua con un entorno variable en el que debe llevar a cabo una tarea concreta, sin que un tutor le indique cómo explícitamente.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id=&quot;según_la_forma_de_llevarlo_a_cabo_principales_métodos_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#según_la_forma_de_llevarlo_a_cabo_principales_métodos_&quot;&gt;¶&lt;/a&gt;Según la forma de llevarlo a cabo (principales métodos)&lt;/h3&gt;
+&lt;ul&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Aprendizaje por árbol de decisiones&lt;/strong&gt;. Este aprendizaje usa un árbol de decisiones, que almacena observaciones y conclusiones.&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;decision_tree.svg&quot; alt=&quot;Árbol de decisiones&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Aprendizaje por asociación de reglas&lt;/strong&gt;. Utilizado para descubrir relaciones en grandes bases de datos&lt;sup class=&quot;footnote-reference&quot; id=&quot;r.4&quot;&gt;&lt;a href=&quot;#f.4&quot;&gt;4&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Red neuronal artificial (RNA)&lt;/strong&gt;. Inspirado en redes neuronales biológicas**. Los cálculos se estructuran en un grupo de neuronas artificiales interconectadas.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Programación lógica inductiva (PLI)&lt;/strong&gt;. Se aproxima de manera hipotética, dado un transfondo lógico y una entrada, a una solución que no se le había presentado antes.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Máquinas de soporte vectorial (MSV)&lt;/strong&gt;. Se usan para clasificar y problemas que necesitan de regresión&lt;sup class=&quot;footnote-reference&quot; id=&quot;r.5&quot;&gt;&lt;a href=&quot;#f.5&quot;&gt;5&lt;/a&gt;&lt;/sup&gt;. Dado una serie de ejemplos, una entrada será clasificada de una forma u otra.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;em&gt;&lt;strong&gt;Clustering&lt;/strong&gt;&lt;/em&gt;. Este tipo de análisis consiste en asignar observaciones a ciertas subcategorías (denominadas &lt;em&gt;clústeres&lt;/em&gt;), para que aquellas que están en el mismo &lt;em&gt;clúster&lt;/em&gt; sean similares**. Este tipo de aprendizaje es una técnica común en análisis estadístico.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Redes bayesianas&lt;/strong&gt;. Es un modelo probabilístico que organiza variables al azar según unas determinadas condiciones mediante un gráfico**. Un ejemplo de red bayesiana es el siguiente:&lt;/p&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;bayesian_network.svg&quot; alt=&quot;Red bayesiana&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Algoritmos genéticos&lt;/strong&gt;. Imita el proceso evolutivo de la selección natural, y usa métodos como la mutación para generar nuevos &amp;quot;genotipos&amp;quot; que, con algo de suerte, serán mejores en encontrar la solución correcta.&lt;/p&gt;
+&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;aplicaciones_prácticas&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#aplicaciones_prácticas&quot;&gt;¶&lt;/a&gt;Aplicaciones prácticas&lt;/h2&gt;
+&lt;p&gt;La inteligencia artificial ya se encuentra desde hace algún tiempo entre nosotros, como por ejemplo el archiconocido &lt;strong&gt;buscador Google&lt;/strong&gt;, que filtra los resultados más relevantes mediante una inteligencia artificial. Otros ejemplos son el reconocimiento de caracteres a partir de una foto, o incluso reconocimiento del habla con &lt;strong&gt;asistentes virtuales como Cortana o Siri&lt;/strong&gt;, en los videojuegos, en bolsa, en los &lt;strong&gt;hospitales&lt;/strong&gt;, industria pesada, transportes, juguetes, música, aviación, robótica, filtros anti-spam... y un largo etcétera.&lt;/p&gt;
+&lt;h2 id=&quot;implicaciones_éticas&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#implicaciones_éticas&quot;&gt;¶&lt;/a&gt;Implicaciones éticas&lt;/h2&gt;
+&lt;p&gt;Una vez tengamos la tecnología necesaria para recrear un cerebro humano, si enseñáramos a esta inteligencia artificial al igual que un humano, ¿llegaría a tener &lt;strong&gt;sentimientos&lt;/strong&gt;? ¿Sería consciente de su existencia? ¿Podría sentir felicidad, alegría, tristeza, enfado? ¿Tendría &lt;strong&gt;creatividad&lt;/strong&gt;? ¿Derecho a propiedad? Si la respuesta es que sí, y es la respuesta más lógica, significa que, en realidad, los sentimientos no son nada más que una manera de entender las cosas. No tienen valor por sí mismos. Seríamos capaces de recrearlos, y tendrían el mismo valor que un sentimiento humano, aunque esa inteligencia viviera dentro de un ordenador. Y acabar con esta inteligencia sería acabar con esta vida, &lt;strong&gt;una vida&lt;/strong&gt; casi, por no decir enteramente, &lt;strong&gt;humana&lt;/strong&gt;. Además, todo esto implicaría que todo comportamiento humano es predecible. Por último, si esta inteligencia es realmente como un humano, al utilizarla, ¿la estaríamos esclavizando al obligarla a trabajar para nosotros? ¿En qué momento dejaremos de llamarlos &amp;quot;ordenadores&amp;quot; y comenzaremos a tratarles como &amp;quot;humanos&amp;quot;? ¿Será la humanidad capaz de adaptarse al cambio?&lt;/p&gt;
+&lt;!-- ¿y si sólo somos cerebro y logramos recrearlo? ¿tendría sentimientos? --&gt;
+&lt;h2 id=&quot;ejemplos&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#ejemplos&quot;&gt;¶&lt;/a&gt;Ejemplos&lt;/h2&gt;
+&lt;p&gt;En el siguiente algorítmo genético podemos ver como una figura aprende a saltar, obedeciendo a las leyes físicas (ver en &lt;a href=&quot;https://youtu.be/Gl3EjiVlz_4&quot;&gt;YouTube&lt;/a&gt;):&lt;/p&gt;
+&lt;iframe width=&quot;420&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/Gl3EjiVlz_4&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
+&lt;p&gt;Por el contrario, en el siguiente ejemplo, un algorítmo genético aprende a &amp;quot;luchar&amp;quot; contra otra figura: (ver en &lt;a href=&quot;https://youtu.be/u2t77mQmJiY&quot;&gt;YouTube&lt;/a&gt;):&lt;/p&gt;
+&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/u2t77mQmJiY&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
+&lt;p&gt;Estos cuatro increíbles ejemplos siguientes muestran un proceso evolutivo similar al sufrido por cualquier tipo de ser (ver en &lt;a href=&quot;https://youtu.be/GOFws_hhZs8&quot;&gt;YouTube&lt;/a&gt;):&lt;/p&gt;
+&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/GOFws_hhZs8&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
+&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/31dsH2Fs1IQ&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
+&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/IVcvvqxtNwE&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
+&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/KrTbJUJsDSw&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
+&lt;h2 id=&quot;conceptos&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#conceptos&quot;&gt;¶&lt;/a&gt;Conceptos&lt;/h2&gt;
+&lt;p class=&quot;footnote&quot; id=&quot;f.1&quot;&gt;&lt;sup&gt;1&lt;/sup&gt; &lt;strong&gt;Emular&lt;/strong&gt;. Tratar de imitar un modelo, aproximarse a este. Copiar su comportamiento o incluso mejorarlo. &lt;a href=&quot;#r.1&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
+
+&lt;p class=&quot;footnote&quot; id=&quot;f.2&quot;&gt;&lt;sup&gt;2&lt;/sup&gt; &lt;strong&gt;Explícito&lt;/strong&gt;. Suceso que ocurre de manera previamente avisada de una forma directa, anticipado &lt;em&gt;sin rodeos&lt;/em&gt;. &lt;a href=&quot;#r.2&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
+
+&lt;p class=&quot;footnote&quot; id=&quot;f.3&quot;&gt;&lt;sup&gt;3&lt;/sup&gt; &lt;strong&gt;Velocidad (en hercios)&lt;/strong&gt;. Número de cálculos realizados por segundo. Un procesador con una velocidad de 100Hz es capaz de realizar 100 cálculos por segundo. &lt;a href=&quot;#r.3&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
+
+&lt;p class=&quot;footnote&quot; id=&quot;f.4&quot;&gt;&lt;sup&gt;4&lt;/sup&gt; &lt;strong&gt;Base de datos&lt;/strong&gt;. Lugar en el que se almacena de manera estructurada una información, como por ejemplo un censo que indique el nombre de las personas, sus apellidos, edad, etcétera. &lt;a href=&quot;#r.4&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
+
+&lt;p class=&quot;footnote&quot; id=&quot;f.5&quot;&gt;&lt;sup&gt;5&lt;/sup&gt; &lt;strong&gt;Regresión&lt;/strong&gt;. Las pruebas de regresión consisten en someter a un programa a una serie de pruebas para descubrir fallos en este cometidos accidentalmente con anterioridad en versiones anteriores. &lt;a href=&quot;#r.5&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&quot;fuentes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#fuentes&quot;&gt;¶&lt;/a&gt;Fuentes&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1&quot;&gt;Evolución de la inteligencia artificial - Wait but why&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Machine_learning&quot;&gt;&lt;em&gt;Machine learning&lt;/em&gt; - Wikipedia&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry></feed>
A blog/breaking-ror/index.html 
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Breaking Risk of Rain</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="breaking_risk_of_rain"><a class="anchor" href="#breaking_risk_of_rain">¶</a>Breaking Risk of Rain</h1>
+<div class="date-created-modified">Created 2019-01-12<br>
+Modified 2020-07-03</div>
+<p><a href="https://riskofraingame.com/">Risk of Rain</a> is a fun little game you can spend a lot of hours on. It's incredibly challenging for new players, and fun once you have learnt the basics. This blog will go through what I've learnt and how to play the game correctly.</p>
+<h2 id="getting_started"><a class="anchor" href="#getting_started">¶</a>Getting Started</h2>
+<p>If you're new to the game, you may find it frustrating. You must learn very well to dodge.</p>
+<p>Your first <a href="http://riskofrain.wikia.com/wiki/Category:Characters">character</a> will be <a href="http://riskofrain.wikia.com/wiki/Commando">Commando</a>. He's actually a very nice character. Use your third skill (dodge) to move faster, pass through large groups of enemies, and negate fall damage.</p>
+<p>If there are a lot of monsters, remember to <strong>leave</strong> from there! It's really important for survival. Most enemies <strong>don't do body damage</strong>. Not even the body of the <a href="http://riskofrain.wikia.com/wiki/Magma_Worm">Magma Worm</a> or the <a href="http://riskofrain.wikia.com/wiki/Wandering_Vagrant">Wandering Vagrant</a> (just dodge the head and projectiles respectively).</p>
+<p>The first thing you must do is always <strong>rush for the teleporter</strong>. Completing the levels quick will make the game easier. But make sure to take note of <strong>where the chests are</strong>! When you have time (even when the countdown finishes), go back for them and buy as many as you can. Generally, prefer <a href="http://riskofrain.wikia.com/wiki/Chest">chests</a> over <a href="http://riskofrain.wikia.com/wiki/Shrine">shrines</a> since they may eat all your money.</p>
+<p>Completing the game on <a href="http://riskofrain.wikia.com/wiki/Difficulty">Drizzle</a> is really easy if you follow these tips.</p>
+<h2 id="requisites"><a class="anchor" href="#requisites">¶</a>Requisites</h2>
+<p>Before breaking the game, you must obtain several <a href="http://riskofrain.wikia.com/wiki/Item#Artifacts">artifacts</a>. We are interested in particular in the following:</p>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Sacrifice">Sacrifice</a>. You really need this one, and may be a bit hard to get. With it, you will be able to farm the first level for 30 minutes and kill the final boss in 30 seconds.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Command">Command</a>. You need this unless you want to grind for hours to get enough of the items you really need for the rest of the game. Getting this one is easy.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Glass">Glass</a>. Your life will be very small (at the beginning…), but you will be able to one-shot everything easily.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Kin">Kin</a> (optional). It makes it easier to obtain a lot of boxes if you restart the first level until you get <a href="http://riskofrain.wikia.com/wiki/Lemurian">lemurians</a> or <a href="http://riskofrain.wikia.com/wiki/Jellyfish">jellyfish</a> as the monster, since they're cheap to spawn.</li>
+</ul>
+<p>With those, the game becomes trivial. Playing as <a href="http://riskofrain.wikia.com/wiki/Huntress">Huntress</a> is excellent since she can move at high speed while killing everything on screen.</p>
+<h2 id="breaking_the_game"><a class="anchor" href="#breaking_the_game">¶</a>Breaking the Game</h2>
+<p>The rest is easy! With the command artifact you want the following items.</p>
+<h3 id="<a href="http://riskofrain.wikia.com/wiki/Category:Common_Items">common_items"><a class="anchor" href="#common_items">¶</a>Common Items</a></h3>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Soldier&#x27;s_Syringe">Soldier's Syringe</a>. <strong>Stack 13</strong> of these and you will triple your attack speed. You can get started with 4 or so.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Paul&#x27;s_Goat_Hoof">Paul's Goat Hoof</a>. <strong>Stack +30</strong> of these and your movement speed will be insane. You can get a very good speed with 8 or so.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Crowbar">Crowbar</a>. <strong>Stack +20</strong> to guarantee you can one-shot bosses.</li>
+</ul>
+<p>If you want to be safer:</p>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Hermit&#x27;s_Scarf">Hermit's Scarf</a>. <strong>Stack 6</strong> of these to dodge 1/3 of the attacks.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Monster_Tooth">Monster Tooth</a>. <strong>Stack 9</strong> of these to recover 50 life on kill. This is plenty, since you will be killing <em>a lot</em>.</li>
+</ul>
+<p>If you don't have enough and want more fun, get one of these:</p>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Gasoline">Gasoline</a>. Burn the ground on kill, and more will die!</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Headstompers">Headstompers</a>. They make a pleasing sound on fall, and hurt.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Lens-Maker&#x27;s_Glasses">Lens-Maker's Glasses</a>. <strong>Stack 14</strong> and you will always deal a critical strike for double the damage.</li>
+</ul>
+<h3 id="<a href="http://riskofrain.wikia.com/wiki/Category:Uncommon_Items">uncommon_items"><a class="anchor" href="#uncommon_items">¶</a>Uncommon Items</a></h3>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Infusion">Infusion</a>. You only really need one of this. Your life will skyrocket after a while, since this gives you 1HP per kill.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Hopoo_Feather">Hopoo Feather</a>. <strong>Stack +10</strong> of these. You will pretty much be able to fly with so many jumps.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Guardian&#x27;s_Heart">Guardian's Heart</a>. Not really necessary, but useful for early and late game, since it will absorb infinite damage the first hit.</li>
+</ul>
+<p>If, again, you want more fun, get one of these:</p>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Ukulele">Ukelele</a>. Spazz your enemies!</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Will-o&#x27;-the-wisp">Will-o'-the-wisp</a>. Explode your enemies!</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Chargefield_Generator">Chargefield Generator</a>. It should cover your entire screen after a bit, hurting all enemies without moving a finger.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Golden_Gun">Golden Gun</a>. You will be rich, so this gives you +40% damage.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Predatory_Instincts">Predatory Instincts</a>. If you got 14 glasses, you will always be doing critical strikes, and this will give even more attack speed.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/56_Leaf_Clover">56 Leaf Clover</a>. More drops, in case you didn't have enough.</li>
+</ul>
+<h3 id="<a href="http://riskofrain.wikia.com/wiki/Category:Rare_Items">rare_items"><a class="anchor" href="#rare_items">¶</a>Rare Items</a></h3>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Ceremonial_Dagger">Ceremonial Dagger</a>. <strong>Stack +3</strong>, then killing one thing kills another thing and makes a chain reaction.</li>
+<li><a href="http://riskofrain.wikia.com/wiki/Alien_Head">Alien Head</a>. <strong>Stack 3</strong>, and you will be able to use your abilities more often.</li>
+</ul>
+<p>For more fun:</p>
+<ul>
+<li><a href="http://riskofrain.wikia.com/wiki/Brilliant_Behemoth">Brilliant Behemoth</a>. Boom boom.</li>
+</ul>
+<h2 id="closing_words"><a class="anchor" href="#closing_words">¶</a>Closing Words</h2>
+<p>You can now beat the game in Monsoon solo with any character. Have fun! And be careful with the sadly common crashes.</p>
+</main>
+</body>
+</html>
+
A blog/css/style.css 
@@ -0,0 +1,130 @@
+/* containers */
+
+body {
+    background-color: #fffff0;
+    margin: 0;
+}
+
+main {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 10px 20px;
+    background-color: #fffff0;
+}
+
+/* titles and special */
+
+h1.title {
+    text-align: center;
+    font-family: serif;
+    font-size: 2.5em;
+    font-weight: lighter;
+    font-variant-caps: small-caps;
+    border-bottom: 4px double #000;
+}
+
+h1, h2 {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #000;
+}
+
+h1:not(.title):hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
+    opacity: 1;
+}
+
+.anchor {
+    float: left;
+    padding-right: 0.4ch;
+    margin-left: -1.3ch;
+    opacity: 0;
+    transition: opacity 150ms;
+}
+
+/* body text */
+
+p, li {
+    font-family: sans-serif;
+    font-size: 1.1em;
+    line-height: 1.5;
+    text-align: justify;
+}
+
+a {
+    text-decoration: none;
+    color: #f74c00;
+    border-bottom: 0 dashed rgba(0, 0, 0, 0);
+    transition: color 300ms, border-bottom 300ms;
+}
+
+a:hover {
+    color: #e33b26;
+    border-bottom: 1px solid #e33b26;
+}
+
+blockquote {
+    border-left: 4px solid #000;
+    padding-left: 8px;
+    font-style: italic;
+    color: #444;
+}
+
+.footnote:target {
+    background-color: rgba(255, 255, 0, 0.2);
+}
+
+/* code listing */
+
+pre {
+    background-color: #eee;
+    padding: 4px;
+    overflow: auto;
+    max-height: 480px;
+}
+
+/* tables */
+
+table {
+    border-collapse: collapse;
+}
+
+th {
+    background-color: #f7f7e8;
+}
+
+th, td {
+    padding: 0.5em;
+    border: 1px solid #aaa;
+}
+
+tr:nth-child(even) {
+    background-color: #f7f7e8;
+}
+
+/* misc */
+
+p.time {
+    text-align: right;
+    font-style: italic;
+    color: #777;
+    font-size: 0.9em;
+}
+
+hr {
+    border: 0;
+    border-bottom: 2px dashed #aaa;
+}
+
+kbd {
+    padding: 3px 5px;
+    font: 0.9em monospace;
+    color: #333;
+    background-color: #fafafa;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    box-shadow: 0 2px 0 #ddd;
+}
+
+::selection {
+    background-color: #f74c00;
+    color: #fff;
+}
A blog/ctypes-and-windows/index.html 
@@ -0,0 +1,283 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Python ctypes and Windows</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="python_ctypes_and_windows"><a class="anchor" href="#python_ctypes_and_windows">¶</a>Python ctypes and Windows</h1>
+<div class="date-created-modified">Created 2019-06-19<br>
+Modified 2020-07-03</div>
+<p><a href="https://www.python.org/">Python</a>'s <a href="https://docs.python.org/3/library/ctypes.html"><code>ctypes</code></a> is quite a nice library to easily load and invoke C methods available in already-compiled <a href="https://en.wikipedia.org/wiki/Dynamic-link_library"><code>.dll</code> files</a> without any additional dependencies. And I <em>love</em> depending on as little as possible.</p>
+<p>In this blog post, we will walk through my endeavors to use <code>ctypes</code> with the <a href="https://docs.microsoft.com/en-us/windows/desktop/api/">Windows API</a>, and do some cool stuff with it.</p>
+<p>We will assume some knowledge of C/++ and Python, since we will need to read and write a bit of both. Please note that this post is only an introduction to <code>ctypes</code>, and if you need more information you should consult the <a href="https://docs.python.org/3/library/ctypes.html">Python's documentation for <code>ctypes</code></a>.</p>
+<p>While the post focuses on Windows' API, the code here probably applies to unix-based systems with little modifications.</p>
+<h2 id="basics"><a class="anchor" href="#basics">¶</a>Basics</h2>
+<p>First of all, let's learn how to load a library. Let's say we want to load <code>User32.dll</code>:</p>
+<pre><code class="language-python">import ctypes
+
+ctypes.windll.user32
+</code></pre>
+<p>Yes, it's that simple. When you access an attribute of <code>windll</code>, said library will load. Since Windows is case-insensitive, we will use lowercase consistently.</p>
+<p>Calling a function is just as simple. Let's say you want to call <a href="https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-setcursorpos"><code>SetCursorPos</code></a>, which is defined as follows:</p>
+<pre><code class="language-c">BOOL SetCursorPos(
+    int X,
+    int Y
+);
+</code></pre>
+<p>Okay, it returns a <code>bool</code> and takes two inputs, <code>x</code> and <code>y</code>. So we can call it like so:</p>
+<pre><code class="language-python">ctypes.windll.user32.SetCursorPos(100, 100)
+</code></pre>
+<p>Try it! Your cursor will move!</p>
+<h2 id="funky_stuff"><a class="anchor" href="#funky_stuff">¶</a>Funky Stuff</h2>
+<p>We can go a bit more crazy and make it form a spiral:</p>
+<pre><code class="language-python">import math
+import time
+
+for i in range(200):
+    x = int(500 + math.cos(i / 5) * i)
+    y = int(500 + math.sin(i / 5) * i)
+    ctypes.windll.user32.SetCursorPos(x, y)
+    time.sleep(0.05)
+</code></pre>
+<p>Ah, it's always so pleasant to do random stuff when programming. Sure makes it more fun.</p>
+<h2 id="complex_structures"><a class="anchor" href="#complex_structures">¶</a>Complex Structures</h2>
+<p><code>SetCursorPos</code> was really simple. It took two parameters and they both were integers. Let's go with something harder. Let's go with <a href="https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-sendinput"><code>SendInput</code></a>! Emulating input will be a fun exercise:</p>
+<pre><code class="language-c">UINT SendInput(
+    UINT    cInputs,
+    LPINPUT pInputs,
+    int     cbSize
+);
+</code></pre>
+<p>Okay, <code>LPINPUT</code>, what are you? Microsoft likes to prefix types with what they are. In this case, <code>LP</code> stands for &quot;Long Pointer&quot; (I guess?), so <code>LPINPUT</code> is just a Long Pointer to <a href="https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-taginput"><code>INPUT</code></a>:</p>
+<pre><code class="language-c">typedef struct tagINPUT {
+    DWORD type;
+    union {
+        MOUSEINPUT    mi;
+        KEYBDINPUT    ki;
+        HARDWAREINPUT hi;
+    } DUMMYUNIONNAME;
+} INPUT, *PINPUT, *LPINPUT;
+</code></pre>
+<p>Alright, that's new. We have a <code>struct</code> and <code>union</code>, two different concepts. We can define both with <code>ctypes</code>:</p>
+<pre><code class="language-python">INPUT_MOUSE = 0
+INPUT_KEYBOARD = 1
+INPUT_HARDWARE = 2
+
+class INPUT(ctypes.Structure):
+    _fields_ = [
+        ('type', ctypes.c_long),
+        ...
+    ]
+</code></pre>
+<p>Structures are classes that subclass <code>ctypes.Structure</code>, and you define their fields in the <code>_fields_</code> class-level variable, which is a list of tuples <code>(field name, field type)</code>.</p>
+<p>The C structure had a <code>DWORD type</code>. <code>DWORD</code> is a <code>c_long</code>, and <code>type</code> is a name like any other, which is why we did <code>('type', ctypes.c_long)</code>.</p>
+<p>But what about the union? It's anonymous, and we can't make anonymous unions (<em>citation needed</em>) with <code>ctypes</code>. We will give it a concrete name and a type.</p>
+<p>Before defining the union, we need to define its inner structures, <a href="https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-tagmouseinput"><code>MOUSEINPUT</code></a>, <a href="https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-tagkeybdinput"><code>KEYBDINPUT</code></a> and <a href="https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-taghardwareinput"><code>HARDWAREINPUT</code></a>. We won't be using them all, but since they count towards the final struct size (C will choose the largest structure as the final size), we need them, or Windows' API will get confused and refuse to work (personal experience):</p>
+<pre><code class="language-python">class MOUSEINPUT(ctypes.Structure):
+    _fields_ = [
+        ('dx', ctypes.c_long),
+        ('dy', ctypes.c_long),
+        ('mouseData', ctypes.c_long),
+        ('dwFlags', ctypes.c_long),
+        ('time', ctypes.c_long),
+        ('dwExtraInfo', ctypes.POINTER(ctypes.c_ulong))
+    ]
+
+
+class KEYBDINPUT(ctypes.Structure):
+    _fields_ = [
+        ('wVk', ctypes.c_short),
+        ('wScan', ctypes.c_short),
+        ('dwFlags', ctypes.c_long),
+        ('time', ctypes.c_long),
+        ('dwExtraInfo', ctypes.POINTER(ctypes.c_ulong))
+    ]
+
+
+class HARDWAREINPUT(ctypes.Structure):
+    _fields_ = [
+        ('uMsg', ctypes.c_long),
+        ('wParamL', ctypes.c_short),
+        ('wParamH', ctypes.c_short)
+    ]
+
+
+class INPUTUNION(ctypes.Union):
+    _fields_ = [
+        ('mi', MOUSEINPUT),
+        ('ki', KEYBDINPUT),
+        ('hi', HARDWAREINPUT)
+    ]
+
+
+class INPUT(ctypes.Structure):
+    _fields_ = [
+        ('type', ctypes.c_long),
+        ('value', INPUTUNION)
+    ]
+</code></pre>
+<p>Some things to note:</p>
+<ul>
+<li>Pointers are defined as <code>ctypes.POINTER(inner type)</code>.</li>
+<li>The field names can be anything you want. You can make them more &quot;pythonic&quot; if you want (such as changing <code>dwExtraInfo</code> for just <code>extra_info</code>), but I chose to stick with the original naming.</li>
+<li>The union is very similar, but it uses <code>ctypes.Union</code> instead of <code>ctypes.Structure</code>.</li>
+<li>We gave a name to the anonymous union, <code>INPUTUNION</code>, and used it inside <code>INPUT</code> with also a made-up name, <code>('value', INPUTUNION)</code>.</li>
+</ul>
+<p>Now that we have all the types we need defined, we can use them:</p>
+<pre><code class="language-python">KEYEVENTF_KEYUP = 0x0002
+
+def press(vk, down):
+    inputs = INPUT(type=INPUT_KEYBOARD, value=INPUTUNION(ki=KEYBDINPUT(
+        wVk=vk,
+        wScan=0,
+        dwFlags=0 if down else KEYEVENTF_KEYUP,
+        time=0,
+        dwExtraInfo=None
+    )))
+    ctypes.windll.user32.SendInput(1, ctypes.byref(inputs), ctypes.sizeof(inputs))
+
+
+for char in 'HELLO':
+    press(ord(char), down=True)
+    press(ord(char), down=False)
+</code></pre>
+<p>Run it! It will press and release the keys <code>hello</code> to type the word <code>&quot;hello&quot;</code>!</p>
+<p><code>vk</code> stands for &quot;virtual key&quot;. Letters correspond with their upper-case ASCII value, which is what we did above. You can find all the available keys in the page with all the <a href="https://docs.microsoft.com/en-us/windows/desktop/inputdev/virtual-key-codes">Virtual Key Codes</a>.</p>
+<h2 id="dynamic_inputs_and_pointers"><a class="anchor" href="#dynamic_inputs_and_pointers">¶</a>Dynamic Inputs and Pointers</h2>
+<p>What happens if a method wants something by reference? That is, a pointer to your thing? For example, <a href="https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-getcursorpos"><code>GetCursorPos</code></a>:</p>
+<pre><code class="language-c">typedef struct tagPOINT {
+    LONG x;
+    LONG y;
+} POINT, *PPOINT, *NPPOINT, *LPPOINT;
+
+BOOL GetCursorPos(
+    LPPOINT lpPoint
+);
+</code></pre>
+<p>It wants a Long Pointer to <a href="https://docs.microsoft.com/en-us/windows/desktop/api/windef/ns-windef-point"><code>POINT</code></a>. We can do just that with <code>ctypes.byref</code>:</p>
+<pre><code class="language-python">class POINT(ctypes.Structure):
+    _fields_ = [
+        ('x', ctypes.c_long),
+        ('y', ctypes.c_long)
+    ]
+
+
+def get_mouse():
+    point = POINT()
+    ctypes.windll.user32.GetCursorPos(ctypes.byref(point))
+    #                  pass our point by ref ^^^^^
+    # this lets GetCursorPos fill its x and y fields
+
+    return point.x, point.y
+
+
+while True:
+    print(get_mouse())
+    time.sleep(0.05)
+</code></pre>
+<p>Now you can track the mouse position! Make sure to <code>Ctrl+C</code> the program when you're tired of it.</p>
+<p>What happens if a method wants a dynamically-sized input?</p>
+<pre><code class="language-python">buffer = ctypes.create_string_buffer(size)
+</code></pre>
+<p>In that case, you can create an in-memory <code>buffer</code> of <code>size</code> with <code>ctypes.create_string_buffer</code>. It will return a character array of that size, which you can pass as a pointer directly (without <code>ctypes.byref</code>).</p>
+<p>To access the buffer's contents, you can use either <code>.raw</code> or <code>.value</code>:</p>
+<pre><code class="language-python">entire_buffer_as_bytes = buffer.raw
+up_until_null = buffer.value
+</code></pre>
+<p>When the method fills in the data, you can <code>cast</code> your buffer back into a pointer of a concrete type:</p>
+<pre><code class="language-python">result_ptr = ctypes.cast(buffer, ctypes.POINTER(ctypes.c_long))
+</code></pre>
+<p>And you can de-reference pointers with <code>.contents</code>:</p>
+<pre><code class="language-python">first_result = result_ptr.contents
+</code></pre>
+<h2 id="arrays"><a class="anchor" href="#arrays">¶</a>Arrays</h2>
+<p>Arrays are defined as <code>type * size</code>. Your linter may not like that, and if you don't know the size beforehand, consider creating a 0-sized array. For example:</p>
+<pre><code class="language-python"># 10 longs
+ten_longs = (ctypes.c_long * 10)()
+for i in range(10):
+    ten_longs[i] = 2 ** i
+
+# Unknown size of longs, e.g. inside some Structure
+longs = (ctypes.c_long * 0)
+
+# Now you know how many longs it actually was
+known_longs = ctypes.cast(
+    ctypes.byref(longs),
+    ctypes.POINTER(ctypes.c_long * size)
+).contents
+</code></pre>
+<p>If there's a better way to initialize arrays, please let me know.</p>
+<h2 id="wintypes"><a class="anchor" href="#wintypes">¶</a>wintypes</h2>
+<p>Under Windows, the <code>ctypes</code> module has a <code>wintypes</code> submodule. This one contains definitions like <code>HWND</code> which may be useful and can be imported as:</p>
+<pre><code class="language-python">from ctypes.wintypes import HWND, LPCWSTR, UINT
+</code></pre>
+<h2 id="callbacks"><a class="anchor" href="#callbacks">¶</a>Callbacks</h2>
+<p>Some functions (I'm looking at you, <a href="https://docs.microsoft.com/en-us/windows/win32/api/winuser/nf-winuser-enumwindows"><code>EnumWindows</code></a>) ask us to pass a callback. In this case, it wants a <a href="https://docs.microsoft.com/en-us/previous-versions/windows/desktop/legacy/ms633498(v=vs.85)"><code>EnumWindowsProc</code></a>:</p>
+<pre><code class="language-c">BOOL EnumWindows(
+    WNDENUMPROC lpEnumFunc,
+    LPARAM      lParam
+);
+
+BOOL CALLBACK EnumWindowsProc(
+    _In_ HWND   hwnd,
+    _In_ LPARAM lParam
+);
+</code></pre>
+<p>The naive approach won't work:</p>
+<pre><code class="language-python">def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+# ctypes.ArgumentError: argument 1: &lt;class 'TypeError'&gt;: Don't know how to convert parameter 1
+# Aww.
+</code></pre>
+<p>Instead, you must wrap your function as a C definition like so:</p>
+<pre><code class="language-python">from ctypes.wintypes import BOOL, HWND, LPARAM
+
+EnumWindowsProc = ctypes.WINFUNCTYPE(BOOL, HWND, LPARAM)
+
+def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+# Wrap the function in the C definition
+callback = EnumWindowsProc(callback)
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+# Yay, it works.
+</code></pre>
+<p>You may have noticed this is what decorators do, wrap the function. So…</p>
+<pre><code class="language-python">from ctypes.wintypes import BOOL, HWND, LPARAM
+
+@ctypes.WINFUNCTYPE(BOOL, HWND, LPARAM)
+def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+</code></pre>
+<p>…will also work. And it is a <em>lot</em> fancier.</p>
+<h2 id="closing_words"><a class="anchor" href="#closing_words">¶</a>Closing Words</h2>
+<p>With the knowledge above and some experimentation, you should be able to call and do (almost) anything you want. That was pretty much all I needed on my project anyway :)</p>
+<p>We have been letting Python convert Python values into C values, but you can do so explicitly too. For example, you can use <code>ctypes.c_short(17)</code> to make sure to pass that <code>17</code> as a <code>short</code>. And if you have a <code>c_short</code>, you can convert or cast it to its Python <code>.value</code> as <code>some_short.value</code>. The same applies for integers, longs, floats, doubles… pretty much anything, char pointers (strings) included.</p>
+<p>If you can't find something in their online documentation, you can always <a href="https://github.com/BurntSushi/ripgrep"><code>rg</code></a> for it in the <code>C:\Program Files (x86)\Windows Kits\10\Include\*</code> directory.</p>
+<p>Note that the <code>ctypes.Structure</code>'s that you define can have more methods of your own. For example, you can write them a <code>__str__</code> to easily view its fields, or define a <code>@property</code> to re-interpret some data in a meaningful way.</p>
+<p>For enumerations, you can pass just the right integer number, make a constant for it, or if you prefer, use a <a href="https://docs.python.org/3/library/enum.html#enum.IntEnum"><code>enum.IntEnum</code></a>. For example, <a href="https://docs.microsoft.com/en-us/windows-hardware/manufacture/desktop/dism/dismloglevel-enumeration"><code>DismLogLevel</code></a> would be:</p>
+<pre><code class="language-python">class DismLogLevel(enum.IntEnum):
+    DismLogErrors = 0
+    DismLogErrorsWarnings = 1
+    DismLogErrorsWarningsInfo = 2
+</code></pre>
+<p>And you <em>should</em> be able to pass <code>DismLogLevel.DismLogErrors</code> as the parameter now.</p>
+<p>If you see a function definition like <code>Function(void)</code>, that's C's way of saying it takes no parameters, so just call it as <code>Function()</code>.</p>
+<p>Make sure to pass all parameters, even if they seem optional they probably still want a <code>NULL</code> at least, and of course, read the documentation well. Some methods have certain pre-conditions.</p>
+<p>Have fun hacking!</p>
+</main>
+</body>
+</html>
+
A blog/filosofia/index.html 
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Apuntes de bachillerato de Filosofía</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="apuntes_de_bachillerato_de_filosofía"><a class="anchor" href="#apuntes_de_bachillerato_de_filosofía">¶</a>Apuntes de bachillerato de Filosofía</h1>
+<div class="date-created-modified">2016-06-21</div>
+<p>Hay asignaturas que merecen la pena, y una de ellas es la filosofía. De verdad. Aprendes un montón de cosas y abres tu mente, comparas muchos puntos de vista y te das cuenta de grandes cosas. Por eso, quiero compartir mis apuntes con todo aquel interesado.</p>
+<p>Personalmente, mi autor favorito es Friedrich Nietzsche (se pronuncia <em>/niche/</em>). Está en el tercer trimestre, el más interesante, aunque si prefieres algo de contexto, te recomiendo leerlo todo. Puedes leerlo como si fuera un libro cualquiera:</p>
+<ul>
+<li>Descargar en .pdf
+<ul>
+<li><a href="filo_trimestre1.pdf">Filosofía - Primer trimestre</a></li>
+<li><a href="filo_trimestre2.pdf">Filosofía - Segundo trimestre</a></li>
+<li><a href="filo_trimestre3.pdf">Filosofía - Tercer trimestre</a></li>
+</ul>
+</li>
+<li>Descargar en .odt (lo puedes editar)
+<ul>
+<li><a href="filo_trimestre1.odt">Filosofía - Primer trimestre</a></li>
+<li><a href="filo_trimestre2.odt">Filosofía - Segundo trimestre</a></li>
+<li><a href="filo_trimestre3.odt">Filosofía - Tercer trimestre</a></li>
+</ul>
+</li>
+</ul>
+<p>Nota: Hay algunas palabras un tanto soez. ¡Añaden emoción y no son para tanto, a lo sumo dos o tres! :)</p>
+</main>
+</body>
+</html>
+
A blog/graphs/enhancements.js 
@@ -0,0 +1,207 @@
+// Enhancing prototypes
+CanvasRenderingContext2D.prototype.clear = function() {
+  // http://stackoverflow.com/a/9722502/4759433
+  this.clearRect(0, 0, this.canvas.width, this.canvas.height);
+  this.beginPath(); // Clear strokes
+};
+
+var TWOPI = 2 * Math.PI;
+CanvasRenderingContext2D.prototype.circle = function(x, y, r) {
+  this.beginPath();
+  this.arc(x, y, r, 0, TWOPI);
+  this.fill();
+  this.beginPath();
+};
+
+var SIXTHPI = Math.PI / 6.0;
+CanvasRenderingContext2D.prototype.arrow = function(
+    x0, y0, x1, y1, headLen=10) {
+  // http://stackoverflow.com/a/6333775
+  var angle = Math.atan2(y1 - y0, x1 - x0);
+  this.moveTo(x0, y0);
+
+  this.lineTo(x1, y1);
+  this.lineTo(x1 - headLen * Math.cos(angle - SIXTHPI),
+              y1 - headLen * Math.sin(angle - SIXTHPI));
+
+  this.moveTo(x1, y1);
+  this.lineTo(x1 - headLen * Math.cos(angle + SIXTHPI),
+              y1 - headLen * Math.sin(angle + SIXTHPI));
+
+  this.stroke();
+}
+
+String.prototype.format = function() {
+  // http://stackoverflow.com/a/4673436/4759433
+  var args = arguments;
+  return this.replace(/{(\d+)}/g, function(match, number) {
+    return typeof args[number] != 'undefined' ? args[number] : match;
+  });
+};
+
+String.prototype.lpad = function(pad) {
+  return String(pad + this).slice(-pad.length);
+};
+
+Array.matrix = function(numrows, numcols, initial) {
+  // http://stackoverflow.com/a/30056867/4759433
+  var arr = [];
+  for (var i = 0; i != numrows; ++i) {
+    var columns = [];
+    for (var j = 0; j != numcols; ++j)
+      columns[j] = initial;
+    arr[i] = columns;
+  }
+  return arr;
+}
+
+function matrixCpy(src, dst) {
+  // Ensure it has at least one item
+  if (src.length != 0 && dst.length != 0) {
+    var ii = Math.min(src.length,    dst.length);
+    var jj = Math.min(src[0].length, dst[0].length);
+
+    for (var i = 0; i != ii; ++i)
+      for (var j = 0; j != jj; ++j)
+        dst[i][j] = src[i][j];
+  }
+}
+
+function matrixAdd(src, dst) {
+  // Ensure it has at least one item
+  if (src.length != 0 && dst.length != 0) {
+    var ii = Math.min(src.length,    dst.length);
+    var jj = Math.min(src[0].length, dst[0].length);
+
+    for (var i = 0; i != ii; ++i)
+      for (var j = 0; j != jj; ++j)
+        dst[i][j] += src[i][j];
+  }
+}
+
+function matrixMul(a, b) {
+  var ii = a.length;
+  var jj = b[0].length;
+  var c = Array.matrix(ii, jj, 0);
+
+  var kk = a[0].length;
+  if (kk == b.length) // Ensure nxp times pxm
+    for (var i = 0; i != ii; ++i)
+      for (var j = 0; j != jj; ++j)
+        for (var k = 0; k != kk; ++k)
+          c[i][j] += a[i][k] * b[k][j];
+
+  return c;
+}
+
+// Pops the i'th row and j'th column off the matrix
+function matrixPop(matrix, i, j) {
+  if (!matrix || !matrix[0])
+    return Array.matrix(0, 0, 0);
+
+  var ii = matrix.length;
+  var jj = matrix[0].length;
+  if (i < 0 || i >= ii || j < 0 || j >= jj)
+    return matrix;
+
+  var srci, srcj, dsti, dstj;
+  var result = Array.matrix(ii-1, jj-1, 0);
+
+  dsti = 0;
+  for (srci = 0; srci < ii; ++srci) {
+    dstj = 0;
+    if (srci != i) {
+      for (srcj = 0; srcj < jj; ++srcj) {
+        if (srcj != j) {
+          result[dsti][dstj] = matrix[srci][srcj];
+          ++dstj;
+        }
+      }
+      ++dsti;
+    }
+  }
+
+  return result;
+}
+
+function matrixStr(a) {
+  if (!a || !a[0])
+    return '[]';
+
+  var ii = a.length;
+  var jj = a[0].length;
+  var jjm1 = jj - 1;
+
+  var max = a[0][0];
+  for (var i = 0; i != ii; ++i)
+    for (var j = 0; j != jj; ++j)
+      if (a[i][j] > max)
+        max = a[i][j];
+
+  var result = '';
+  max = '' + max;
+  var pad = '';
+  for (var i = 0; i != max; ++i)
+    pad += ' ';
+
+  for (var i = 0; i != ii; ++i) {
+    result += '[';
+    for (var j = 0; j != jjm1; ++j) {
+      result += ('' + a[i][j]).lpad(pad);
+      result += ',';
+    }
+    result += ('' + a[i][jjm1]).lpad(pad);
+    result += ']\n';
+  }
+
+  return result;
+}
+
+// highlight = [belowRow, belowCol, color]
+function matrixRepr(matrix, table, highlight=null) {
+  if (!matrix || !matrix[0]) {
+    table.innerHTML = '';
+    return;
+  }
+
+  if (!highlight)
+    highlight = [-1, -1, '#000'];
+
+  var result = '';
+  var ii = matrix.length;
+  var jj = matrix[0].length;
+
+  result += '<tr><td></td>';
+  for (var j = 0; j != jj; ++j)
+    result += '<td><b>' + (j+1) + '</b></td>';
+  result += '</tr>';
+
+  for (var i = 0; i != ii; ++i) {
+    result += '<tr><td><b>' + (i+1) + '</b></td>';
+    for (var j = 0; j != jj; ++j) {
+      // We want to higlight 0..col on row and 0..row on col
+      if ((i <= highlight[0] && j == highlight[1]) ||
+          (i == highlight[0] && j <= highlight[1])) {
+        result += '<td style="background-color:' + highlight[2] +
+                  ';">' + matrix[i][j] + '</td>';
+      } else {
+        result += '<td>' + matrix[i][j] + '</td>';
+      }
+    }
+    result += '</tr>';
+  }
+
+  table.innerHTML = result;
+}
+
+function lerp(start, end, t) {
+  return start + t * (end - start);
+}
+
+function lerpArray(start, end, t) {
+  var result = [];
+  var ii = Math.min(start.length, end.length);
+  for (var i = 0; i != ii; ++i)
+    result.push(start[i] + t * (end[i] - start[i]));
+  return result;
+}
A blog/graphs/example1.svg 
@@ -0,0 +1,306 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 52.916665 51.064584"
+   height="193"
+   width="200"
+   sodipodi:docname="example1.svg"
+   inkscape:version="0.92.1 r15371">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     id="namedview53"
+     showgrid="false"
+     inkscape:zoom="1.0697256"
+     inkscape:cx="60.504485"
+     inkscape:cy="128.85834"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <defs
+     id="defs2">
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker5335"
+       style="overflow:visible">
+      <path
+         id="path5333"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lstart"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4579"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker5041"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path5039"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4989"
+       style="overflow:visible">
+      <path
+         id="path4987"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker4943"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4941"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4903"
+       style="overflow:visible">
+      <path
+         id="path4901"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4869"
+       style="overflow:visible">
+      <path
+         id="path4867"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4582"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2350865,0,0,1.2350865,-4.4147099e-8,-315.75609)"
+     id="layer1">
+    <g
+       transform="translate(-58.254533,115.25159)"
+       id="g4513">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path4485"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4489"><tspan
+           id="tspan4487"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   style="font-size:3.52777767px"
+   id="tspan4491"
+   dx="0"
+   dy="2">2</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-73.657062,129.99266)"
+       id="g4523">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4515"
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4521"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4519">s<tspan
+   dy="2"
+   id="tspan4555"
+   style="font-size:3.52777767px">1</tspan></tspan></text>
+    </g>
+    <g
+       id="g4533"
+       transform="translate(-39.450217,127.53582)">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4525"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4531"><tspan
+           id="tspan4529"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4563"
+   style="font-size:3.52777767px">3</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-65.530574,147.56855)"
+       id="g4543">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4535"
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4541"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4539">s<tspan
+   dy="2"
+   id="tspan4557"
+   style="font-size:3.52777767px">5</tspan></tspan></text>
+    </g>
+    <g
+       id="g4553"
+       transform="translate(-49.183104,147.75754)">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4545"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4551"><tspan
+           id="tspan4549"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4561"
+   style="font-size:3.52777767px">4</tspan></tspan></text>
+    </g>
+    <path
+       id="path4565"
+       d="m 15.511855,264.18427 -7.2162772,6.81537"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#Arrow1Lstart);marker-end:url(#marker5041)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4567"
+       d="m 18.719089,265.25335 -5.078121,21.11429"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4903)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4571"
+       d="M 27.208867,287.23737 22.130745,265.98945"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4943)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4573"
+       d="m 31.147124,287.57035 4.543581,-10.28987"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker5335);marker-end:url(#marker4989)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4575"
+       d="m 17.650011,292.24757 h 5.479026"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4869)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4577"
+       d="m 8.9637538,288.63943 -3.073601,-8.15172"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
A blog/graphs/example2.svg 
@@ -0,0 +1,350 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 52.916665 51.064584"
+   height="193"
+   width="200"
+   sodipodi:docname="example2.svg"
+   inkscape:version="0.92.1 r15371">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     id="namedview53"
+     showgrid="false"
+     inkscape:zoom="1.5128205"
+     inkscape:cx="65.358647"
+     inkscape:cy="121.33424"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <defs
+     id="defs2">
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker5335"
+       style="overflow:visible">
+      <path
+         id="path5333"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lstart"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4579"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker5041"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path5039"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4989"
+       style="overflow:visible">
+      <path
+         id="path4987"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker4943"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4941"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4903"
+       style="overflow:visible">
+      <path
+         id="path4901"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4869"
+       style="overflow:visible">
+      <path
+         id="path4867"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4582"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2350865,0,0,1.2350865,-4.4147099e-8,-315.75609)"
+     id="layer1">
+    <g
+       transform="translate(-58.254533,115.25159)"
+       id="g4513">
+      <circle
+         style="fill:#5fbcd3;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path4485"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4489"><tspan
+           id="tspan4487"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   style="font-size:3.52777767px"
+   id="tspan4491"
+   dx="0"
+   dy="2">2</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-73.657062,129.99266)"
+       id="g4523">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4515"
+         style="fill:#ffb380;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4521"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4519">s<tspan
+   dy="2"
+   id="tspan4555"
+   style="font-size:3.52777767px">1</tspan></tspan></text>
+    </g>
+    <g
+       id="g4533"
+       transform="translate(-39.450217,127.53582)">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4525"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4531"><tspan
+           id="tspan4529"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4563"
+   style="font-size:3.52777767px">3</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-65.530574,147.56855)"
+       id="g4543">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4535"
+         style="fill:#00ff00;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4541"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4539">s<tspan
+   dy="2"
+   id="tspan4557"
+   style="font-size:3.52777767px">5</tspan></tspan></text>
+    </g>
+    <g
+       id="g4553"
+       transform="translate(-49.183104,147.75754)">
+      <circle
+         style="fill:#ffb380;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4545"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4551"><tspan
+           id="tspan4549"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4561"
+   style="font-size:3.52777767px">4</tspan></tspan></text>
+    </g>
+    <path
+       id="path4565"
+       d="m 15.511855,264.18427 -7.2162772,6.81537"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#Arrow1Lstart);marker-end:url(#marker5041)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4567"
+       d="m 18.719089,265.25335 -5.078121,21.11429"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4903)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4571"
+       d="M 27.208867,287.23737 22.130745,265.98945"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4943)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4573"
+       d="m 31.147124,287.57035 4.543581,-10.28987"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker5335);marker-end:url(#marker4989)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4575"
+       d="m 17.650011,292.24757 h 5.479026"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4869)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4577"
+       d="m 8.9637538,288.63943 -3.073601,-8.15172"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)"
+       inkscape:connector-curvature="0" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     x="6.2450199"
+     y="47.761745"
+     id="text4579"><tspan
+       sodipodi:role="line"
+       id="tspan4577"
+       x="6.2450199"
+       y="47.761745"
+       style="stroke-width:0.22780183">1</tspan></text>
+  <text
+     id="text4631"
+     y="7.4923263"
+     x="30.73904"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     xml:space="preserve"><tspan
+       style="stroke-width:0.22780183"
+       y="7.4923263"
+       x="30.73904"
+       id="tspan4629"
+       sodipodi:role="line">3</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     x="1.26939"
+     y="17.198946"
+     id="text4583"><tspan
+       sodipodi:role="line"
+       id="tspan4581"
+       x="1.26939"
+       y="17.198946"
+       style="stroke-width:0.22780183">2.1</tspan></text>
+  <text
+     id="text4635"
+     y="46.231361"
+     x="41.495026"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     xml:space="preserve"><tspan
+       style="stroke-width:0.22780183"
+       y="46.231361"
+       x="41.495026"
+       id="tspan4633"
+       sodipodi:role="line">2.2</tspan></text>
+</svg>
A blog/graphs/graphs.js 
@@ -0,0 +1,405 @@
+// -------------------------------------------------------------------------- //
+// Constants
+var INTERPOLATION = 0.6;
+
+var BOX_HEIGHT = 0.15; // %, from and to which drop the items
+var BOX_HOVER = [255, 0, 0];
+var BOX_NORMAL = [255, 200, 200];
+
+var NODE_NORMAL = '#000';
+var NODE_TEXT = '#fff';
+var NODE_FONT = 'px Georgia';
+
+var FRAME_DURATION = 25; // ms
+
+// -------------------------------------------------------------------------- //
+// Retrieve used HTML elements
+canvas = document.getElementById('canvas');
+matrixTable = document.getElementById('matrixTable');
+matrixOrder = document.getElementById('matrixOrder');
+matrixAccum = document.getElementById('matrixAccum');
+matrixTableWrapper = document.getElementById('matrixTableWrapper');
+
+// -------------------------------------------------------------------------- //
+// Variables
+var orderShown, accumShown;
+c = canvas.getContext('2d');
+
+// Box color, from which and to which nodes should be dragged
+var boxColor = BOX_NORMAL.slice();
+
+// Available nodes and their connection matrix- these should be kept in sync
+var nodes = [];
+var connMatrix = Array.matrix(0, 0, 0);
+
+// Which node was the first we right clicked to create a new connection?
+var startConn = null;
+
+// Are we dragging any node yet?
+var anyDragging = false;
+
+// Highlight mode [row, col, color] for the matrix representing the graph
+var highlight = [-1, -1, '#fff'];
+
+function updateOrder() {
+  orderShown = Number(matrixOrder.value);
+  accumShown = matrixAccum.checked;
+  calcShowConnMatrix();
+}
+updateOrder();
+
+// -------------------------------------------------------------------------- //
+// Declare a prototype (Node) to render the selectable elements
+function Node(x, y, r, id) {
+  this.x = x;
+  this.y = y;
+  this.r = r;
+  this.id = id;
+  this.color = null;
+  this.dragging = false;
+
+  this.draw = function() {
+    if (this.dragging) {
+      c.fillStyle = NODE_NORMAL;
+      this.x = lerp(this.x, canvas.mouseX, INTERPOLATION);
+      this.y = lerp(this.y, canvas.mouseY, INTERPOLATION);
+    } else {
+      c.fillStyle = this.color;
+    }
+    c.circle(this.x, this.y, this.r);
+
+    c.fillStyle = NODE_TEXT;
+    c.font = ''+r+NODE_FONT;
+    // Arbitrary but nice
+    var x = this.x - r * 0.3;
+    var y = this.y + r * 0.3;
+
+    c.fillText(""+this.id, x, y);
+  }
+
+  this.resetColor = function() {
+    this.color = '#777';
+  }
+  this.resetColor();
+
+  this.inBounds = function(x, y) {
+    return Math.abs(this.x - x) < this.r &&
+           Math.abs(this.y - y) < this.r;
+  }
+}
+
+// -------------------------------------------------------------------------- //
+// Node handling
+function addNode(x, y) {
+  nodes.push(new Node(x, y, 20, nodes.length + 1));
+  limitOrder(nodes.length);
+
+  var newMatrix = Array.matrix(nodes.length, nodes.length, 0);
+  matrixCpy(connMatrix, newMatrix);
+  setConnMatrix(newMatrix);
+}
+
+function deleteNode(at) {
+  nodes.splice(at, 1);
+  limitOrder(nodes.length);
+
+  // Re-set the nodes IDs
+  for (var i = 0; i != nodes.length; ++i) {
+    nodes[i].id = i+1;
+  }
+
+  // Pop the at'th row (connections from the node we deleted)
+  // and also the at'th column (connections to the node we deleted)
+  setConnMatrix(matrixPop(connMatrix, at, at));
+}
+
+function clearNodes() {
+  nodes.length = 0;
+  limitOrder(1);
+  resetConnections();
+}
+
+// -------------------------------------------------------------------------- //
+// Connection matrix handling
+function setConnMatrix(matrix) {
+  connMatrix = matrix;
+  makeNodesHighlightable(matrixTable, connMatrix);
+  calcShowConnMatrix();
+}
+
+function resetConnections() {
+  setConnMatrix(Array.matrix(nodes.length, nodes.length, 0));
+}
+
+// -------------------------------------------------------------------------- //
+// Matrix representation
+function calcShowConnMatrix() {
+  if (orderShown > 1) {
+    var multiplied = Array.matrix(nodes.length, nodes.length, 0);
+    matrixCpy(connMatrix, multiplied);
+
+    if (accumShown) {
+      var shown = Array.matrix(nodes.length, nodes.length, 0);
+      matrixCpy(connMatrix, shown);
+    }
+
+    for (var i = 1; i != orderShown; ++i) {
+      multiplied = matrixMul(connMatrix, multiplied);
+      if (accumShown) {
+        matrixAdd(multiplied, shown);
+      }
+    }
+    if (accumShown) {
+      matrixRepr(shown, matrixTable, highlight);
+    } else {
+      matrixRepr(multiplied, matrixTable, highlight);
+    }
+  } else {
+    matrixRepr(connMatrix, matrixTable, highlight);
+  }
+}
+
+// Makes a table "highlightable" (when the mouse hovers,
+// it will be redrawn) by using the specified matrix.
+function makeNodesHighlightable(table, matrix) {
+  table.matrix = matrix;
+  table.addEventListener('mousemove', function(e) {
+    if (!table.matrix && !table.matrix[0])
+      return;
+
+    // TODO I know, this shouldn't have to go here and I should make a
+    //      better script to show the whole path and stuff... oh well.
+    if (orderShown > 1) {
+      if (highlight[0] != -1 || highlight[1] != -1) {
+        highlight[0] = highlight[1] = -1;
+        for (var i = 0; i != nodes.length; ++i)
+          nodes[i].resetColor();
+        calcShowConnMatrix();
+      }
+      return;
+    }
+
+    var rect = table.getBoundingClientRect();
+    var x = e.clientX - rect.left;
+    var y = e.clientY - rect.top;
+
+    var colWidth = rect.width / (table.matrix[0].length+1);
+    var col = Math.floor(x / colWidth)-1;
+    
+    var rowHeight = rect.height / (table.matrix.length+1);
+    var row = Math.floor(y / rowHeight)-1;
+
+    if (row != highlight[0] || col != highlight[1]) {
+      highlight[0] = row;
+      highlight[1] = col;
+      if (row >= 0 && col >= 0) {
+        if (table.matrix[row][col]) {
+          // there is a connection so color them
+          nodes[row].color = '#77f';
+          nodes[col].color = '#7f7';
+          highlight[2] = '#afa';
+        } else {
+          // no connection so reset its colors
+          for (var i = 0; i != nodes.length; ++i)
+            nodes[i].resetColor();
+
+          highlight[2] = '#faa';
+        }
+      }
+      calcShowConnMatrix();
+    }
+
+  }, false);
+}
+
+// -------------------------------------------------------------------------- //
+// Canvas rendering
+function renderElements() {
+  c.clear();
+  if (canvas.mouseDown && canvas.mouseY < canvas.height * BOX_HEIGHT) {
+    boxColor = lerpArray(boxColor, BOX_HOVER, 0.2);
+  } else {
+    boxColor = lerpArray(boxColor, BOX_NORMAL, 0.2);
+  }
+  c.rect(0, 0, canvas.width, canvas.height * BOX_HEIGHT);
+  c.fillStyle = 'rgb(' +
+                  Math.round(boxColor[0]) + ',' +
+                  Math.round(boxColor[1]) + ',' +
+                  Math.round(boxColor[2]) + ')';
+  c.fill();
+  
+  
+  if (nodes.length == 0)
+    return;
+
+  for (var i = 0; i != nodes.length; ++i)
+    nodes[i].draw();
+
+  c.strokeStyle = '#f00';
+
+  var ii = connMatrix.length;
+  var jj = connMatrix.length;
+
+  var x0, y0, x1, y1, cos, sin;
+  var rsq = Math.pow(nodes[0].r + 40, 2); // Radius SQuared + some margin
+  for (var i = 0; i != ii; ++i) {
+    for (var j = 0; j != jj; ++j) {
+      if (connMatrix[i][j]) {
+        // Non-zero item, this implies a connection between nodes.
+        // An element on the matrix connects row (i) -> column (j)
+        x0 = nodes[i].x;
+        y0 = nodes[i].y;
+        x1 = nodes[j].x;
+        y1 = nodes[j].y;
+
+        // Interpolate a bit to exit the radius unless we're too close
+        if (Math.pow(y1 - y0, 2) + Math.pow(x1 - x0, 2) > rsq) {
+          var angle = Math.atan2(y1 - y0, x1 - x0);
+          cos = Math.cos(angle) * nodes[0].r;
+          sin = Math.sin(angle) * nodes[0].r;
+          x0 += cos;
+          y0 += sin;
+          x1 -= cos;
+          y1 -= sin;
+        }
+        c.arrow(x0, y0, x1, y1);
+      }
+    }
+  }
+
+  if (startConn != null) {
+    c.arrow(nodes[startConn].x, nodes[startConn].y,
+            canvas.mouseX, canvas.mouseY);
+  }
+}
+
+function renderLoop() {
+  renderElements();
+  setTimeout(renderLoop, FRAME_DURATION);
+}
+
+// -------------------------------------------------------------------------- //
+// HTML interaction
+
+// To limit the maximum orden which can be specified on the HTML and
+// also clamp the currently shown order to the limit if it's exceeded
+function limitOrder(value) {
+  matrixOrder.max = value;
+  if (orderShown > value) {
+    orderShown = value;
+    matrixOrder.value = '' + value;
+  }
+}
+
+canvas.addEventListener('mousedown', function(e) {
+  if (e.button == 0) {
+      if (canvas.mouseY < canvas.height * BOX_HEIGHT) {
+        // Add node
+        addNode(canvas.mouseX, 0);
+        nodes[nodes.length - 1].dragging = true;
+        anyDragging = true;
+      } else {
+        // Drag nodes
+        for (var i = nodes.length; i--;) {
+          if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+            nodes[i].dragging = true;
+            anyDragging = true;
+            break;
+          }
+        }
+    }
+    canvas.style.cursor = anyDragging ? "crosshair" : "default";
+
+  } else if (e.button == 2) {
+    // Right button, select two nodes to join
+    if (startConn == null) {
+      for (var i = nodes.length; i--;) {
+        if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+          startConn = i;
+          break;
+        }
+      }
+    }
+  } else if (e.button == 1) {
+    // Middle click, clear the connections from and to a given node
+    for (var i = nodes.length; i--;) {
+      if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+        for (var j = 0; j != nodes.length; ++j)
+          connMatrix[i][j] = 0;
+        break;
+      }
+    }
+  }
+
+  canvas.mouseDown = e.button == 0 ? 'L' : 'R';
+}, false);
+
+canvas.addEventListener('mouseup', function(e) {
+  canvas.mouseDown = '';
+
+  if (anyDragging) {
+    anyDragging = false;
+    for (var i = nodes.length; i--; ) {
+      if (nodes[i].dragging) {
+        if (canvas.mouseY < canvas.height * BOX_HEIGHT) {
+          deleteNode(i);
+        } else {
+          nodes[i].dragging = false;
+        }
+      }
+    }
+  } else if (startConn != null) {
+    for (var i = nodes.length; i--;) {
+      if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+        // Node row connected to node column
+        if (i != startConn)
+          connMatrix[startConn][i] = 1;
+        break;
+      }
+    }
+    startConn = null;
+  }
+
+  calcShowConnMatrix();
+}, false);
+
+canvas.addEventListener('mousemove', function(e) {
+  var rect = canvas.getBoundingClientRect();
+  canvas.mouseX = e.clientX - rect.left;
+  canvas.mouseY = e.clientY - rect.top;
+
+}, false);
+
+// -------------------------------------------------------------------------- //
+// Represent the example we walked through
+function lilNoise() {
+  return (Math.random() - 0.5) * canvas.width * 0.05;
+}
+
+function getNoiseX(relative) {
+  return canvas.width * relative + lilNoise();
+}
+
+function getNoiseY(relative) {
+  return canvas.height * relative + lilNoise();
+}
+
+addNode(getNoiseX(0.2), getNoiseY(0.5));
+addNode(getNoiseX(0.5), getNoiseY(0.3));
+addNode(getNoiseX(0.8), getNoiseY(0.5));
+addNode(getNoiseX(0.7), getNoiseY(0.7));
+addNode(getNoiseX(0.3), getNoiseY(0.7));
+
+setConnMatrix([
+  [0, 1, 0, 0, 0],
+  [1, 0, 0, 0, 1],
+  [0, 0, 0, 1, 0],
+  [0, 1, 1, 0, 0],
+  [1, 0, 0, 1, 0]
+]);
+
+calcShowConnMatrix();
+
+
+// Let's go!
+renderLoop();
A blog/graphs/index.html 
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Graphs</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
+<div class="date-created-modified">2017-06-02</div>
+<noscript>There are a few things which won't render unless you enable
+JavaScript. No tracking, I promise!</noscript>
+<h1 class="title" id="graphs"><a class="anchor" href="#graphs">¶</a>Graphs</h1>
+<blockquote>
+<p>Don't know English? <a href="spanish.html">Read the Spanish version instead</a>.</p>
+</blockquote>
+<p>Let's imagine we have 5 bus stations, which we'll denote by \(s_i\):</p>
+<p>(\begin{bmatrix}
+&amp; s_1 &amp; s_2 &amp; s_3 &amp; s_4 &amp; s_5 \
+s_1   &amp;   &amp; V &amp;   &amp;   &amp;       \
+s_2   &amp; V &amp;   &amp;   &amp;   &amp; V     \
+s_3   &amp;   &amp;   &amp;   &amp; V &amp;       \
+s_4   &amp;   &amp; V &amp; V &amp;   &amp;       \
+s_5   &amp; V &amp;   &amp;   &amp; V &amp; 
+\end{bmatrix})</p>
+<p>This is known as a <i>"table of direct interconnections"</i>.</p>
+  <p>The \(V\) represent connected paths. For instance, on the first
+  row starting at \(s_1\), reaching the \(V\),
+  allows us to turn up to get to \(s_2\).</p>
+<p>We can see the above table represented in a more graphical way:</p>
+  <img src="example1.svg" />
+  <p>This type of graph is called, well, a <i>graph</i>, and it's a directed
+  graph (or <i>digraph</i>), since the direction on which the arrows go does
+  matter. It's made up of vertices, joined together by edges (also known as
+  lines or directed <b>arcs</b>).</p>
+<p>One can walk from a node to another through different <b>paths</b>. For
+  example, \(s_4 \rightarrow s_2 \rightarrow s_5\) is an indirect path of <b>order</b>
+  two, because we must use two edges to go from \(s_4\) to
+  \(s_5\).</p>
+<p>Let's now represent its adjacency matrix called A which represents the
+  same table, but uses <mark>1</mark> instead </mark>V</mark> to represent
+  a connection:</p>
+<p>(\begin{bmatrix}
+0 &amp; 1 &amp; 0 &amp; 0 &amp; 0 \
+1 &amp; 0 &amp; 0 &amp; 0 &amp; 1 \
+0 &amp; 0 &amp; 0 &amp; 1 &amp; 0 \
+0 &amp; 1 &amp; 1 &amp; 0 &amp; 0 \
+1 &amp; 0 &amp; 0 &amp; 1 &amp; 0
+\end{bmatrix})</p>
+<p>This way we can see how the \(a_{2,1}\) element represents the
+  connection \(s_2 \rightarrow s_1\), and the \(a_{5,1}\) element the
+  \(s_5 \rightarrow s_1\) connection, etc.</p>
+<p>In general, \(a_{i,j}\) represents a connection from
+    \(s_i \rightarrow s_j\)as long as \(a_{i,j}\geq 1\).</p>
+<p>Working with matrices allows us to have a computable representation of
+  any graph, which is very useful.</p>
+<hr />
+<p>Graphs have a lot of interesting properties besides being representable
+  by a computer. What would happen if, for instance, we calculated
+  \(A^2\)? We obtain the following matrix:</p>
+<p>(\begin{bmatrix}
+1 &amp; 0 &amp; 0 &amp; 0 &amp; 1 \
+1 &amp; 1 &amp; 0 &amp; 1 &amp; 0 \
+0 &amp; 1 &amp; 1 &amp; 0 &amp; 0 \
+1 &amp; 0 &amp; 0 &amp; 1 &amp; 1 \
+0 &amp; 2 &amp; 1 &amp; 0 &amp; 0
+\end{bmatrix})</p>
+<p>We can interpret this as the paths of order <b>two</b>.</p>
+  <p>But what does the element \(a_{5,2}=2\) represent? It indicates
+  the amount of possible ways to go from  \(s_5 \rightarrow s_i \rightarrow s_2\).</p>
+<p>One can manually multiply the involved row and column to determine which
+  element is the one we need to pass through, this way we have the row
+  \([1 0 0 1 0]\) and the column \([1 0 0 1 0]\) (on
+  vertical). The elements \(s_i\geq 1\) are \(s_1\) and
+  \(s_4\). This is, we can go from \(s_5\) to
+  \(s_2\) via \(s_5 \rightarrow s_1 \rightarrow s_2\) or via
+  \(s_5 \rightarrow s_4 \rightarrow s_2\):</p>
+  <img src="example2.svg" />
+<p>It's important to note that graphs to not consider self-connections, this
+  is, \(s_i \rightarrow s_i\) is not allowed; neither we work with multigraphs
+  here (those which allow multiple connections, for instance, an arbitrary
+  number \(n\) of times).</p>
+<p>(\begin{bmatrix}
+1 &amp; 1 &amp; 0          &amp; 1 &amp; 0 \
+1 &amp; 2 &amp; \textbf{1} &amp; 0 &amp; 1 \
+1 &amp; 0 &amp; 0          &amp; 1 &amp; 1 \
+1 &amp; 2 &amp; 1          &amp; 1 &amp; 0 \
+2 &amp; 0 &amp; 0          &amp; 1 &amp; 2
+\end{bmatrix})</p>
+<p>We can see how the first \(1\) just appeared on the element
+    \(a_{2,3}\), which means that the shortest path to it is at least
+  of order three.</mark>
+<hr />
+<p>A graph is said to be <b>strongly connected</b> as long as there is a
+  way to reach <i>all</i> its elements.</p>
+<p>We can see all the available paths until now by simply adding up all the
+  direct and indirect ways to reach a node, so for now, we can add
+  \(A+A^2+A^3\) in such a way that:</p>
+<p>(\begin{bmatrix}
+2 &amp; 2 &amp; 0 &amp; 1 &amp; 1 \
+3 &amp; 3 &amp; 1 &amp; 1 &amp; 3 \
+1 &amp; 1 &amp; 1 &amp; 2 &amp; 1 \
+2 &amp; 3 &amp; 2 &amp; 2 &amp; 1 \
+3 &amp; 2 &amp; 1 &amp; 2 &amp; 2
+\end{bmatrix})</p>
+<p>There isn't a connection between \(s_1\) and \(s_3\) yet.
+  If we were to calculate \(A^4\):</p>
+<p>(\begin{bmatrix}
+1 &amp; 2 &amp; 1 &amp;   &amp;   \
+&amp;   &amp;   &amp;   &amp;   \
+&amp;   &amp;   &amp;   &amp;   \
+&amp;   &amp;   &amp;   &amp;   \
+&amp;   &amp;   &amp;   &amp;<br />
+\end{bmatrix})</p>
+<p>We don't need to calculate anymore. We now know that the graph is
+  strongly connected!</p>
+<hr />
+<p>Congratulations! You've completed this tiny introduction to graphs.
+  Now you can play around with them and design your own connections.</p>
+<p>Hold the left mouse button on the above area and drag it down to create
+  a new node, or drag a node to this area to delete it.</p>
+<p>To create new connections, hold the right mouse button on the node you
+  want to start with, and drag it to the node you want it to be connected to.</p>
+<p>To delete the connections coming from a specific node, middle click it.</p>
+<table><tr><td style="width:100%;">
+    <button onclick="resetConnections()">Reset connections</button>
+    <button onclick="clearNodes()">Clear all the nodes</button>
+    <br />
+    <br />
+    <label for="matrixOrder">Show matrix of order:</label>
+    <input id="matrixOrder" type="number" min="1" max="5"
+                            value="1" oninput="updateOrder()">
+    <br />
+    <label for="matrixAccum">Show accumulated matrix</label>
+    <input id="matrixAccum" type="checkbox" onchange="updateOrder()">
+    <br />
+    <br />
+    <div class="matrix">
+      <table id="matrixTable"></table>
+    </div>
+  </td><td>
+    <canvas id="canvas" width="400" height="400" oncontextmenu="return false;">
+    Looks like your browser won't let you see this fancy example :(
+    </canvas>
+    <br />
+  </td></tr></table>
+<script src="tinyparser.js"></script>
+<script src="enhancements.js"></script>
+<script src="graphs.js"></script>
+</main>
+</body>
+</html>
+
A blog/graphs/tinyparser.js 
@@ -0,0 +1,63 @@
+// Custom tiny parser for csv tables. They're more comfortable.
+var tables = document.getElementsByClassName('csv');
+for (var i = 0; i != tables.length; ++i) {
+  var lines = tables[i].innerHTML.split('\n');
+  var result = ['<table>'];
+  var line = null;
+  for (var j = 0; j != lines.length; ++j) {
+    line = lines[j].trim();
+    if (line) {
+      result.push('<tr><td>');
+      result.push(lines[j].replace(/\s*;\s*/g, '</td><td>'));
+      result.push('</td></tr>');
+    }
+  }
+  result.push('</table>');
+  tables[i].innerHTML = result.join('');
+}
+
+// Custom tiny math parser. I like writing parsers.
+// 'x^2n ' becomes 'x<sup>2n</sup> '
+// 'x_5n ' becomes 'x<sub>5n</sub> '
+// 'a * b' becomes 'a × b'
+// ' '     becomes '&nbsp;'
+function mathify(element) {
+  var c = null;
+  var closeOnSpace = null;
+  var content = element.innerHTML.split('');
+  for (var j = 0; j != content.length; ++j) {
+    c = content[j];
+    if (c == '*') {
+      content[j] = '×';
+    } else if (c == '^') {
+      content[j] = '<sup>';
+      closeOnSpace = '</sup>';
+    } else if (c == '_') {
+      content[j] = '<sub>';
+      closeOnSpace = '</sub>';
+    } else if (c == ' ') {
+      if (closeOnSpace == null) {
+        content[j] = '&nbsp;';
+      } else {
+        content[j] = closeOnSpace + ' ';
+        closeOnSpace = null;
+      }
+    } else if (c == '\n' && closeOnSpace != null) {
+        content[j] = closeOnSpace + '\n';
+        closeOnSpace = null;
+    }
+  }
+  if (closeOnSpace != null) {
+    content.push(closeOnSpace.trim());
+  }
+
+  element.innerHTML = content.join('');
+}
+
+var maths = document.getElementsByTagName('mark');
+for (var i = 0; i != maths.length; ++i)
+  mathify(maths[i]);
+
+var maths = document.getElementsByClassName('math');
+for (var i = 0; i != maths.length; ++i)
+  mathify(maths[i]);
A blog/index.html 
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>pagong</title>
+<link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+<main>
+<ul><li><a href="university/index.html">University posts</a></li><li><a href="posts/index.html">Atemporal Blog Posts</a></li><li><a href="ctypes-and-windows/index.html">Python ctypes and Windows</a></li><li><a href="pixel-dungeon/index.html">Shattered Pixel Dungeon</a></li><li><a href="breaking-ror/index.html">Breaking Risk of Rain</a></li><li><a href="new-computer/index.html">My new computer</a></li><li><a href="tips-outpost/index.html">Tips for Outpost</a></li><li><a href="installing_nixos_2/index.html">Installing NixOS, Take 2</a></li><li><a href="installing_nixos/index.html">Installing NixOS</a></li><li><a href="world_edit/index.html">WorldEdit Commands</a></li><li><a href="asyncio/index.html">An Introduction to Asyncio</a></li><li><a href="sentences/index.html">Sentences</a></li><li><a href="index/index.html">Blog de Lonami</a></li><li><a href="graphs/index.html">Graphs</a></li><li><a href="filosofia/index.html">Apuntes de bachillerato de Filosofía</a></li><li><a href="reflexion_ia/index.html">Reflexión sobre la Inteligencia artificial</a></li><li><a href="inteligencia_artificial/index.html">Inteligencia artificial</a></li></ul></main>
+</body>
+</html>
+
A blog/index/index.html 
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Blog de Lonami</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="blog_de_lonami"><a class="anchor" href="#blog_de_lonami">¶</a>Blog de Lonami</h1>
+<div class="date-created-modified">Created 2016-03-04<br>
+Modified 2018-01-31</div>
+<p>Hola | Hi.</p>
+<p>Choose your language below:</p>
+<ul>
+<li><a href="#bienvenido-al-blog">Leer entradas en español</a></li>
+<li><a href="#welcome-to-the-blog">Read English entries</a></li>
+</ul>
+<h2 id="bienvenido_al_blog"><a class="anchor" href="#bienvenido_al_blog">¶</a>Bienvenido al blog</h2>
+<p>Bienvenido al mejor (o no) blog del mundo. En esta sección publicaré de manera muy puntual algunas entradas que espero resulten interesantes para el gran público.</p>
+<h2 id="welcome_to_the_blog"><a class="anchor" href="#welcome_to_the_blog">¶</a>Welcome to the blog</h2>
+<p>Welcome to the best (or not) blog in the entire world. On this blog I will occasionally post new entries which I find interesting.</p>
+</main>
+</body>
+</html>
+
A blog/installing_nixos/index.html 
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Installing NixOS</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="installing_nixos"><a class="anchor" href="#installing_nixos">¶</a>Installing NixOS</h1>
+<div class="date-created-modified">Created 2017-05-13<br>
+Modified 2019-02-16</div>
+<h2 id="update"><a class="anchor" href="#update">¶</a>Update</h2>
+<p><em>Please see <a href="../installing_nixos_2/index.html">my followup post with NixOS</a> for a far better experience with it</em></p>
+<hr />
+<p>Today I decided to install <a href="http://nixos.org/">NixOS</a> as a recommendation, a purely functional Linux distribution, since <a href="https://xubuntu.org/">Xubuntu</a> kept crashing. Here's my journey, and how I managed to install it from a terminal for the first time in my life. Steps aren't hard, but they may not seem obvious at first.</p>
+<ul>
+<li>
+<p>Grab the Live CD, burn it on a USB stick and boot. I recommend using <a href="https://etcher.io/">Etcher</a>.</p>
+</li>
+<li>
+<p>Type <code>systemctl start display-manager</code> and wait.<sup class="footnote-reference" id="r.1"><a href="#f.1">1</a></sup></p>
+</li>
+<li>
+<p>Open both the manual and the <code>konsole</code>.</p>
+</li>
+<li>
+<p>Connect to the network using the GUI.</p>
+</li>
+<li>
+<p>Create the disk partitions by using <code>fdisk</code>.</p>
+<p>You can list them with <code>fdisk -l</code>, modify a certain drive with <code>fdisk /dev/sdX</code> (for instance, <code>/dev/sda</code>) and follow the instructions.</p>
+<p>To create the file system, use <code>mkfs.ext4 -L &lt;label&gt; /dev/sdXY</code> and swap with <code>mkswap -L &lt;label&gt; /dev/sdXY</code>.</p>
+<p>The EFI partition should be done with <code>mkfs.vfat</code>.</p>
+</li>
+<li>
+<p>Mount the target to <code>/mnt</code> e.g. if the label was <code>nixos</code>, <code>mount /dev/disk/by-label/nixos /mnt</code></p>
+</li>
+<li>
+<p><code>mkdir /mnt/boot</code> and then mount your EFI partition to it.</p>
+</li>
+<li>
+<p>Generate a configuration template with <code>nixos-generate-config --root /mnt</code>, and modify it with <code>nano /etc/nixos/configuration.nix</code>.</p>
+</li>
+<li>
+<p>While modifying the configuration, make sure to add <code>boot.loader.grub.device = &quot;/dev/sda&quot;</code></p>
+</li>
+<li>
+<p>More useful configuration things are:</p>
+<ul>
+<li>Uncomment the whole <code>i18n</code> block.</li>
+<li>Add some essential packages like <code>environment.systemPackages = with pkgs; [wget git firefox pulseaudio networkmanagerapplet];</code>.</li>
+<li>If you want to use XFCE, add <code>services.xserver.desktopManager.xfce.enable = true;</code>, otherwise, you don't need <code>networkmanagerapplet</code> either. Make sure to add <code>networking.networkmanager.enable = true;</code> too.</li>
+<li>Define some user for yourself (modify <code>guest</code> name) and use a UID greater than 1000. Also, add yourself to <code>extraGroups = [&quot;wheel&quot; &quot;networkmanager&quot;];</code> (the first to be able to <code>sudo</code>, the second to use network related things).</li>
+</ul>
+</li>
+<li>
+<p>Run <code>nixos-install</code>. If you ever modify that file again, to add more packages for instance (this is how they're installed), run <code>nixos-rebuild switch</code> (or use <code>test</code> to test but don't boot to it, or <code>boot</code> not to switch but to use on next boot.</p>
+</li>
+<li>
+<p><code>reboot</code>.</p>
+</li>
+<li>
+<p>Login as <code>root</code>, and set a password for your user with <code>passwd &lt;user&gt;</code>. Done!</p>
+</li>
+</ul>
+<p>I enjoyed the process of installing it, and it's really cool that it has versioning and is so clean to keep track of which packages you install. But not being able to run arbitrary binaries by default is something very limitting in my opinion, though they've done a good job.</p>
+<p>I'm now back to Xubuntu, with a fresh install.</p>
+<h2 id="update_2"><a class="anchor" href="#update_2">¶</a>Update</h2>
+<p>It is not true that &quot;they don't allow running arbitrary binaries by default&quot;, as pointed out in their <a href="https://nixos.org/nixpkgs/manual/#sec-fhs-environments">manual, buildFHSUserEnv</a>:</p>
+<blockquote>
+<p><code>buildFHSUserEnv</code> provides a way to build and run FHS-compatible lightweight sandboxes. It creates an isolated root with bound <code>/nix/store</code>, so its footprint in terms of disk space needed is quite small. This allows one to run software which is hard or unfeasible to patch for NixOS -- 3rd-party source trees with FHS assumptions, games distributed as tarballs, software with integrity checking and/or external self-updated binaries. It uses Linux namespaces feature to create temporary lightweight environments which are destroyed after all child processes exit, without root user rights requirement.</p>
+</blockquote>
+<p>Thanks to <a href="https://github.com/bb010g">@bb010g</a> for pointing this out.</p>
+<h2 id="notes"><a class="anchor" href="#notes">¶</a>Notes</h2>
+<p class="footnote" id="f.1"><sup>1</sup> The keyboard mapping is a bit strange. On my Spanish keyboard, the keys were as follows: <a href="#r.1">↩</a></p>
+<table><thead><tr><th>Keyboard</th><th>Maps to</th><th>Shift</th></tr></thead><tbody>
+<tr><td>'</td><td>-</td><td>_</td></tr>
+<tr><td>´</td><td>'</td><td>&quot;</td></tr>
+<tr><td>`</td><td>[</td><td></td></tr>
+<tr><td>+</td><td>]</td><td></td></tr>
+<tr><td>¡</td><td>=</td><td></td></tr>
+<tr><td>-</td><td>/</td><td></td></tr>
+<tr><td>ñ</td><td>;</td><td></td></tr>
+</tbody></table>
+</main>
+</body>
+</html>
+
A blog/installing_nixos_2/index.html 
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Installing NixOS, Take 2</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="installing_nixos_take_2"><a class="anchor" href="#installing_nixos_take_2">¶</a>Installing NixOS, Take 2</h1>
+<div class="date-created-modified">Created 2019-02-15<br>
+Modified 2019-02-16</div>
+<p>This is my second take at installing NixOS, after a while being frustrated with Arch Linux and the fact that a few kernel upgrades ago, the system crashed randomly from time to time. <code>journalctl</code> did not have any helpful hints and I thought reinstalling could be worthwhile anyway.</p>
+<p>This time, I started with more knowledge! The first step is heading to the <a href="https://nixos.org">NixOS website</a> and downloading their minimal installation CD for 64 bits. I didn't go with their graphical live CD, because their <a href="https://nixos.org/nixos/manual">installation manual</a> is a wonderful resource that guides you nicely.</p>
+<p>Once you have downloaded their <code>.iso</code>, you should probably verify it's <code>sha256sum</code> and make sure that it matches. The easiest thing to do in my opinion is using an USB to burn the image in it. Plug it in and check its device name with <code>fdisk -l</code>. In my case, it was <code>/dev/sdb</code>, so I went ahead with it and ran <code>dd if=nixos.iso of=/dev/sdb status=progress</code>. Make sure to run <code>sync</code> once that's done.</p>
+<p>If either <code>dd</code> or <code>sync</code> seem &quot;stuck&quot; in the end, they are just flushing the changes to disk to make sure all is good. This is normal, and depends on your drives.</p>
+<p>Now, reboot your computer with the USB plugged in and make sure to boot into it. You should be welcome with a pretty screen. Just select the first option and wait until it logs you in as root. Once you're there you probably want to <code>loadkeys es</code> or whatever your keyboard layout is, or you will have a hard time with passwords, since the characters are all over the place.</p>
+<p>In a clean disk, you would normally create the partitions now. In my case, I already had the partitions made (100MB for the EFI system, where <code>/boot</code> lives, 40GB for the root <code>/</code> partition with my old Linux installation, and 700G for <code>/home</code>), so I didn't need to do anything here. The manual showcases <code>parted</code>, but I personally use <code>fdisk</code>, which has very helpful help I check every time I use it.</p>
+<p><strong>Important</strong>: The <code>XY</code> in <code>/dev/sdXY</code> is probably different in your system! Make sure you use <code>fdisk -l</code> to see the correct letters and numbers!</p>
+<p>With the partitions ready in my UEFI system, I formatted both <code>/</code> and <code>/boot</code> just to be safe with <code>mkfs.ext4 -L nixos /dev/sda2</code> and <code>mkfs.fat -F 32 -n boot /dev/sda1</code> (remember that these are the letters and numbers used in my partition scheme). Don't worry about the warning in the second command regarding lowercase letters and Windows. It's not really an issue.</p>
+<p>Now, since we gave each partition a label, we can easily mount them through <code>mount /dev/disk/by-label/nixos /mnt</code> and, in UEFI systems, be sure to <code>mkdir -p /mnt/boot</code> and <code>mount /dev/disk/by-label/boot /mnt/boot</code>. I didn't bother setting up swap, since I have 8GB of RAM in my laptop and that's really enough for my use case.</p>
+<p>With that done, we will now ask the configuration wizard to do some work for us (in particular, generate a template) with <code>nixos-generate-config --root /mnt</code>. This generates a very well documented file that we should edit right now (and this is important!) with whatever editor you prefer. I used <code>vim</code>, but you can change it for <code>nano</code> if you prefer.</p>
+<p>On to the configuration file, we need to enable a few things, so <code>vim /mnt/etc/nixos/configuration.nix</code> and start scrolling down. We want to make sure to uncomment:</p>
+<pre><code># We really want network!
+networking.wireless.enable = true;
+
+# This &quot;fixes&quot; the keyboard layout. Put the one you use.
+i18n = {
+consoleKeyMap = &quot;es&quot;;
+}
+
+# Timezones are tricky so let's get this right.
+time.timeZone = &quot;Europe/Madrid&quot;;
+
+# We *really* want some base packages installed, such as
+# wpa_supplicant, or we won't have a way to connect to the
+# network once we install...
+environment.systemPackages = with pkgs; [
+wpa_supplicant wget curl vim neovim cmus mpv firefox git tdesktop
+];
+
+# Printing is useful, sure, enable CUPS
+services.printing.enable = true;
+
+# We have speakers, let's make use of them.
+sound.enable = true;
+hardware.pulseaudio.enable = true;
+
+# We want the X11 windowing system enabled, in Spanish.
+services.xserver.enable = true;
+services.xserver.layout = &quot;es&quot;;
+
+# I want a desktop manager in my laptop.
+# I personally prefer XFCE, but the manual shows plenty
+# of other options, such as Plasma, i3 WM, or whatever.
+services.xserver.desktopManager.xfce.enable = true;
+services.xserver.desktopManager.default = &quot;xfce&quot;;
+
+# Touchpad is useful (although sometimes annoying) in a laptop
+services.xserver.libinput.enable = true;
+
+# We don't want to do everything as root!
+users.users.lonami = {
+isNormalUser = true;
+uid = 1000;
+home = &quot;/home/lonami&quot;;
+extraGroups = [ &quot;wheel&quot; &quot;networkmanager&quot; &quot;audio&quot; ];
+};
+</code></pre>
+<p><em>(Fun fact, I overlooked the configuration file until I wrote this and hadn't noticed sound/pulseaudio was there. It wasn't hard to find online how to enable it though!)</em></p>
+<p>Now, let's modify <code>hardware-configuration.nix</code>. But if you have <code>/home</code> in a separate partition like me, you should run <code>blkid</code> to figure out its UUID. To avoid typing it out myself, I just ran <code>blkid &gt;&gt; /mnt/etc/nixos/hardware-configuration.nix</code> so that I could easily move it around with <code>vim</code>:</p>
+<pre><code># (stuff...)
+
+fileSystems.&quot;/home&quot; =
+{ device = &quot;/dev/disk/by-uuid/d344c686-cae7-4dd3-840e-308eddf86608&quot;;
+fsType = &quot;ext4&quot;;
+};
+
+# (more stuff...)
+</code></pre>
+<p>Note that, obviously, you should put your own partition's UUID there. Modifying the configuration is where I think the current NixOS' manual should have made more emphasis, at this step of the installation. They do detail it below, but that was already too late in my first attempt. Anyway, you can boot from the USB and run <code>nixos-install</code> as many times as you need until you get it working!</p>
+<p>But before installing, we need to configure the network since there are plenty of things to download. If you want to work from WiFi, you should first figure out the name of your network card with <code>ip link show</code>. In my case it's called <code>wlp3s0</code>. So with that knowledge we can run <code>wpa_supplicant -B -i wlp3s0 -c &lt;(wpa_passphrase SSID key)</code>. Be sure to replace both <code>SSID</code> and <code>key</code> with the name of your network and password key, respectively. If they have spaces, surround them in quotes.</p>
+<p>Another funny pitfall was typing <code>wpa_supplicant</code> in the command above twice (instead of <code>wpa_passphrase</code>). That sure spit out a few funny errors! Once you have ran that, wait a few seconds and <code>ping 1.1.1.1</code> to make sure that you can reach the internet. If you do, <code>^C</code> and let's install NixOS!</p>
+<pre><code>nixos-install
+</code></pre>
+<p>Well, that was pretty painless. You can now <code>reboot</code> and enjoy your new, functional system.</p>
+<h2 id="afterword"><a class="anchor" href="#afterword">¶</a>Afterword</h2>
+<p>The process of installing NixOS was really painless once you have made sense out of what things mean. I was far more pleased this time than in my previous attempt, despite the four attempts I needed to have it up and running.</p>
+<p>However not all is so good. I'm not sure where I went wrong, but the first time I tried with <code>i3</code> instead of <code>xfce</code>, all I was welcome with was a white, small terminal in the top left corner. I even generated a configuration file with <code>i3-config-wizard</code> to make sure it could detect my Mod1/Mod4 keys (which, it did), but even after rebooting, my commands weren't responding. For example, I couldn't manage to open another terminal with <code>Mod1+Enter</code>. I'm not even sure that I was in <code>i3</code>…</p>
+<p>In my very first attempt, I pressed <code>Alt+F8</code> as suggested in the welcome message. This took me an offline copy of the manual, which is really nicely done. Funny enough, though, I couldn't exit <code>w3m</code>. Both <code>Q</code> and <code>B</code> to quit and take me back wouldn't work. Somehow, it kept throwing me back into <code>w3m</code>, so I had to forcibly shutdown.</p>
+<p>In my second attempt, I also forgot to configure network, so I had no way to download <code>wpa_supplicant</code> without having <code>wpa_supplicant</code> itself to connect my laptop to the network! So, it was important to do that through the USB before installing it (which comes with the program preinstalled), just by making sure to add it in the configuration file.</p>
+<p>Some other notes, if you can't reach the internet, don't add any DNS in <code>/etc/resolv.conf</code>. This should be done declaratively in <code>configuration.nix</code>.</p>
+<p>In the end, I spent the entire afternoon playing around with it, taking breaks and what-not. I still haven't figured out why <code>nvim</code> was printing the literal escape character when going from normal to insert mode in the <code>xfce4-terminal</code> (and other actions also made it print this &quot;garbage&quot; to the console), why sometimes the network can reach the internet (and only some sites!) and sometimes not, and how to setup dualboot.</p>
+<p>But despite all of this, I think it was a worth installing it again. One sure sees things from a different perspective, and gets the chance to write another blog post!</p>
+<p>If there's something I overlooked or that could be done better, or maybe you can explain it differently, please be sure to <a href="https://lonami.dev/contact">contact me</a> to let me know!</p>
+<h2 id="update"><a class="anchor" href="#update">¶</a>Update</h2>
+<p>Well, that was surprisingly fast feedback. Thank you very much <a href="https://bb010g.keybase.pub/">@bb010g</a> for it! As they rightfully pointed out, one can avoid adding <code>/home</code> manually to <code>hardware-configuration.nix</code> if you mount it before generating the configuration files. However, the installation process doesn't need <code>/home</code> mounted, so I didn't do it.</p>
+<p>The second weird issue with <code>w3m</code> is actually a funny one. <code>Alt+F8</code> <em>switches to another TTY</em>! That's why quitting the program wouldn't do anything. You'd still be in a different TTY! Normally, this is <code>Ctrl+Alt+FX</code>, so I hadn't even thought that this is what could be happening. Anyway, the solution is not quitting the program, but rather going back to the main TTY with <code>Alt+F1</code>. You can switch back and forth all you need to consult the manual.</p>
+<p>More suggestions are having <a href="https://github.com/rycee/home-manager"><code>home-manager</code></a> manage the graphical sessions, since it should be easier to deal with than the alternatives.</p>
+<p>Despite having followed the guide and having read it over and over several times, it seems like my thoughts in this blog post may be a bit messy. So I recommend you also reading through the guide to have two versions of all this, just in case.</p>
+<p>Regarding network issues, they use <code>connman</code> so that may be worth checking out.</p>
+<p>Regarding terminal issues with <code>nvim</code> printing the literal escape character, I was told off for not having checked what my <code>$TERM</code> was. I hadn't really looked into it much myself, just complained about it here, so sorry for being annoying about that. A quick search in the <code>nixpkgs</code> repository lets us find <a href="https://github.com/NixOS/nixpkgs/blob/release-18.09/pkgs/applications/editors/neovim/default.nix">neovim/default.nix</a>, with version 0.3.1. Looking at <a href="https://github.com/neovim/neovim">Neovim's main repository</a> we can see that this is a bit outdated, but that is fine.</p>
+<p>If only I had bothered to look at <a href="https://github.com/neovim/neovim/wiki/FAQ#nvim-shows-weird-symbols-2-q-when-changing-modes">Neovim's wiki</a>, (which they found through <a href="https://github.com/neovim/neovim/issues/7749">Neovim's GitHub issues</a>) I would've seen that some terminals just don't support the program properly. The solution is, of course, to use a different terminal emulator with better support or to disable the <code>guicursor</code> in Neovim's config.</p>
+<p>This is a pretty good life lesson. 30 seconds of searching, maybe two minutes and a half for also checking XFCE issues, are often more than enough to troubleshoot your issues. The internet is a big place and more people have surely came across the problem before, so make sure to look online first. In my defense I'll say that it didn't bother me so much so I didn't bother looking for that soon either.</p>
+</main>
+</body>
+</html>
+
A blog/inteligencia_artificial/bayesian_network.svg 
@@ -0,0 +1,893 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="480"
+   height="230"
+   viewBox="0 0 480 230"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="bayesian_network.svg">
+  <defs
+     id="defs4">
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible"
+       id="marker5391"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         id="path5393"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker5075"
+       style="overflow:visible"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path5077"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lend"
+       style="overflow:visible"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path4680"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="111.75179"
+     inkscape:cy="243.66335"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="745"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-822.36216)">
+    <g
+       id="g5777">
+      <rect
+         style="opacity:1;fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:1.38805318;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4331"
+         width="160.26018"
+         height="86.903847"
+         x="319.04575"
+         y="823.05615"
+         ry="18.212736" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4470"
+         d="m 449.26648,872.37344 c -0.81362,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.6083 -1.07846,-4.0136 0.81362,-1.4053 6.15631,-4.75688 6.15631,-4.75688 0,0 -0.23935,6.28974 -1.05298,7.69504 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 447.79543,882.40525 c -0.55786,0.96354 -1.7934,1.29367 -2.75965,0.73737 -0.96624,-0.5563 -1.2973,-1.78837 -0.73944,-2.75191 0.55786,-0.96354 4.22106,-3.26154 4.22106,-3.26154 0,0 -0.16411,4.31254 -0.72197,5.27608 z"
+         id="path4472"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4474"
+         d="m 454.61642,879.47845 c -0.61483,1.06195 -1.97655,1.4258 -3.04149,0.81269 -1.06494,-0.61312 -1.4298,-1.97104 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79572,5.81496 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 455.97486,893.5466 c -0.7587,1.31045 -2.43906,1.75944 -3.75318,1.00285 -1.31413,-0.75658 -1.76437,-2.43224 -1.00567,-3.74268 0.7587,-1.31045 5.74076,-4.4358 5.74076,-4.4358 0,0 -0.22318,5.86519 -0.98191,7.17563 z"
+         id="path4476"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4478"
+         d="m 473.94035,882.58467 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50154 -1.16958,-1.61232 -0.66665,-2.481 0.50294,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88799 -0.6509,4.75667 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 473.94035,882.58467 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50154 -1.16958,-1.61232 -0.66665,-2.481 0.50294,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88799 -0.6509,4.75667 z"
+         id="path4480"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4405"
+         d="m 378.22829,839.53921 c -0.81362,1.40531 -2.61563,1.8868 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.6083 -1.07847,-4.0136 0.81363,-1.4053 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23935,6.28974 -1.05298,7.69504 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 376.75723,849.57102 c -0.55785,0.96354 -1.79339,1.29367 -2.75964,0.73737 -0.96625,-0.5563 -1.2973,-1.78837 -0.73944,-2.75191 0.55786,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31254 -0.72197,5.27608 z"
+         id="path4408"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4410"
+         d="m 383.57823,846.64422 c -0.61483,1.06195 -1.97656,1.4258 -3.04149,0.81269 -1.06494,-0.61312 -1.42981,-1.97104 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18087,4.75301 -0.79572,5.81496 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 384.93667,860.71237 c -0.7587,1.31045 -2.43907,1.75944 -3.75319,1.00285 -1.31413,-0.75658 -1.76437,-2.43224 -1.00567,-3.74268 0.7587,-1.31045 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22317,5.86518 -0.9819,7.17562 z"
+         id="path4412"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4414"
+         d="m 402.90216,849.75044 c -0.50294,0.86868 -1.61684,1.16631 -2.48796,0.66478 -0.87111,-0.50154 -1.16957,-1.61231 -0.66664,-2.481 0.50294,-0.86868 3.80549,-2.94044 3.80549,-2.94044 0,0 -0.14793,3.88798 -0.65089,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 402.90216,849.75044 c -0.50294,0.86868 -1.61684,1.16631 -2.48796,0.66478 -0.87111,-0.50154 -1.16957,-1.61231 -0.66664,-2.481 0.50294,-0.86868 3.80549,-2.94044 3.80549,-2.94044 0,0 -0.14793,3.88798 -0.65089,4.75666 z"
+         id="path4416"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         id="path4391"
+         d="m 383.19525,823.05708 a 27.030959,26.955273 0 0 0 -1.16873,7.76705 27.030959,26.955273 0 0 0 27.03007,26.95438 27.030959,26.955273 0 0 0 4.45589,-0.37525 27.030959,26.955273 0 0 0 25.92306,19.37197 27.030959,26.955273 0 0 0 20.04557,-8.91663 27.030959,26.955273 0 0 0 19.08392,7.89016 27.030959,26.955273 0 0 0 0.74065,-0.0357 l 0,-34.44348 c 0,-10.08985 -8.14542,-18.21247 -18.26361,-18.21247 l -77.84682,0 z"
+         style="opacity:1;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:connector-curvature="0" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 392.60914,864.40831 c -0.81363,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.6083 -1.07847,-4.0136 0.81363,-1.40531 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23936,6.28974 -1.05298,7.69504 z"
+         id="path4428"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4430"
+         d="m 391.13808,874.44012 c -0.55786,0.96354 -1.79339,1.29367 -2.75964,0.73737 -0.96625,-0.5563 -1.2973,-1.78837 -0.73944,-2.75192 0.55785,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31255 -0.72197,5.27609 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 397.95908,871.51332 c -0.61483,1.06195 -1.97656,1.4258 -3.0415,0.81268 -1.06494,-0.61311 -1.4298,-1.97103 -0.81497,-3.03298 0.61483,-1.06196 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79571,5.81496 z"
+         id="path4432"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4434"
+         d="m 399.31751,885.58147 c -0.7587,1.31044 -2.43906,1.75943 -3.75318,1.00285 -1.31413,-0.75659 -1.76437,-2.43224 -1.00567,-3.74269 0.7587,-1.31044 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22318,5.86519 -0.98191,7.17563 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 417.283,874.61953 c -0.50293,0.86869 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         id="path4436"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4438"
+         d="m 417.283,874.61953 c -0.50293,0.86869 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4442"
+         d="m 410.37705,882.71132 c -0.81363,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.60831 -1.07847,-4.01361 0.81363,-1.4053 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23936,6.28974 -1.05298,7.69505 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 408.90599,892.74312 c -0.55786,0.96354 -1.79339,1.29368 -2.75964,0.73738 -0.96625,-0.5563 -1.2973,-1.78838 -0.73944,-2.75192 0.55785,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31254 -0.72197,5.27608 z"
+         id="path4444"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4446"
+         d="m 415.72699,889.81632 c -0.61483,1.06196 -1.97656,1.42581 -3.0415,0.81269 -1.06494,-0.61312 -1.4298,-1.97103 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79571,5.81496 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 417.08542,903.88448 c -0.7587,1.31044 -2.43906,1.75943 -3.75318,1.00285 -1.31413,-0.75659 -1.76437,-2.43225 -1.00567,-3.74269 0.7587,-1.31045 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22318,5.86518 -0.98191,7.17563 z"
+         id="path4448"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4450"
+         d="m 435.05091,892.92254 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86869 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 435.05091,892.92254 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86869 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         id="path4452"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 423.92847,879.86919 c -0.81363,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.60831 -1.07847,-4.01361 0.81363,-1.4053 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23936,6.28974 -1.05298,7.69505 z"
+         id="path4456"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4458"
+         d="m 422.45741,889.90099 c -0.55786,0.96354 -1.79339,1.29368 -2.75964,0.73738 -0.96625,-0.5563 -1.2973,-1.78838 -0.73944,-2.75192 0.55785,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31254 -0.72197,5.27608 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 429.27841,886.97419 c -0.61483,1.06196 -1.97656,1.42581 -3.0415,0.81269 -1.06493,-0.61312 -1.4298,-1.97103 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79571,5.81496 z"
+         id="path4460"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4462"
+         d="m 430.63684,901.04235 c -0.7587,1.31044 -2.43906,1.75943 -3.75318,1.00285 -1.31413,-0.75659 -1.76437,-2.43225 -1.00567,-3.74269 0.7587,-1.31044 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22318,5.86518 -0.98191,7.17563 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 448.60233,890.08041 c -0.50293,0.86868 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66664,-2.48099 0.50294,-0.86869 3.80549,-2.94045 3.80549,-2.94045 0,0 -0.14793,3.88798 -0.6509,4.75666 z"
+         id="path4464"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4466"
+         d="m 448.60233,890.08041 c -0.50293,0.86868 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66664,-2.48099 0.50294,-0.86869 3.80549,-2.94045 3.80549,-2.94045 0,0 -0.14793,3.88798 -0.6509,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#00ccff;fill-opacity:1;stroke:#000000;stroke-width:1.9121151;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4333"
+         width="305.96002"
+         height="86.380524"
+         x="113.66848"
+         y="965.02557"
+         ry="18.10306" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4370"
+         d="m 118.77951,1001.0521 c 0,0 -3.178,5.2584 -5.11094,10.0106 l 0,22.2409 c 0,10.0291 8.09684,18.1033 18.1541,18.1033 l 269.65155,0 c 10.05726,0 18.15411,-8.0742 18.15411,-18.1033 l 0,-3.1668 c -0.43795,-1.6775 -0.89918,-3.7771 -0.9756,-5.589 0.0131,-0.2181 0.0183,-0.453 0.0418,-0.6472 0.12229,-1.0125 0.52123,-2.3698 0.93379,-3.6036 l 0,-2.8888 c -1.52518,2.1843 -3.04758,4.5989 -3.76502,6.4924 -0.39102,1.0319 -0.71148,2.1643 -0.98555,3.2978 l -0.81632,-4.5824 -1.20655,8.9027 c -0.57242,-3.0292 -1.20135,-7.4171 -0.85415,-10.9557 0.10051,-1.0241 0.36666,-2.2535 0.69088,-3.5301 1.50735,-3.2279 3.42853,-6.2263 3.42853,-6.2263 0,0 -1.20555,1.4921 -2.63212,3.397 1.27942,-4.1111 2.88896,-8.0172 2.88896,-8.0172 0,0 -3.51145,5.8176 -5.39565,10.7472 -1.22277,1.7299 -2.49455,3.8123 -2.84118,5.4262 -0.0633,0.2949 -0.11053,0.6117 -0.14336,0.9431 -1.6219,4.5766 -2.09853,10.7532 -2.09853,10.7532 0,0 -0.30446,-1.1813 -0.65704,-2.9663 -0.0312,-0.9478 -0.0192,-1.8499 0.0677,-2.5691 0.27915,-2.3111 2.05871,-6.6751 2.05871,-6.6751 0,0 -1.96311,2.0987 -2.94869,3.816 -0.21812,-2.0648 -0.32851,-4.2196 -0.14137,-6.127 0.48903,-4.9842 4.37626,-14.3746 4.37626,-14.3746 0,0 -5.48674,9.0358 -6.43497,14.1184 -0.68266,3.6593 -0.77998,8.4116 -0.58536,13.3323 l -0.95966,-5.3746 -1.2862,9.4984 c 0,0 -2.22415,-6.6463 -1.80188,-10.0106 0.5151,-4.1039 5.14878,-11.2952 5.14878,-11.2952 0,0 -6.2743,7.5585 -7.982,12.0655 -0.4087,1.0786 -0.744,2.2659 -1.02536,3.4507 -0.81419,-3.2131 -1.81375,-7.8563 -1.86759,-11.3984 1.30668,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.48524,0.8099 -1.16275,2.0112 0.49058,-0.9801 0.90591,-1.7551 0.90591,-1.7551 0,0 -4.68942,5.3862 -5.40761,8.73 -0.18297,0.8519 -0.22749,1.8736 -0.18516,2.9682 -0.25591,0.7688 -0.46367,1.5032 -0.58735,2.1662 -0.50191,2.6902 -0.68006,5.9798 -0.66898,9.4824 l -0.87406,0.272 c 0,0 -0.86519,-5.8344 -0.51567,-8.728 0.27915,-2.3111 2.05871,-6.675 2.05871,-6.675 0,0 -2.66743,2.845 -3.3469,4.6201 -0.31086,0.8121 -0.53229,1.85 -0.71279,2.9484 -0.74346,-3.4279 -1.38439,-7.4115 -1.08908,-10.1357 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -2.70166,3.1101 -4.31654,6.0714 -0.65726,0.8509 -1.35545,1.7709 -2.16224,2.9087 0.17926,-0.4669 0.30064,-0.7644 0.30064,-0.7644 0,0 -2.66742,2.8451 -3.3469,4.6202 -0.21525,0.5623 -0.38738,1.238 -0.53757,1.9556 -0.18649,0.3888 -0.35691,0.7698 -0.49179,1.1258 -0.48483,1.2795 -0.86653,2.7056 -1.17469,4.1059 l -1.14284,-6.417 -0.97561,7.2111 c -0.13564,-1.4199 -0.17501,-2.7552 -0.0537,-3.8736 0.29798,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -2.08686,2.4164 -3.69136,5.0152 0.0112,-0.5733 0.0347,-1.1375 0.0876,-1.6777 0.22492,-2.2924 1.17056,-5.5004 2.12442,-8.315 0.83423,-1.4659 1.47933,-2.4679 1.47933,-2.4679 0,0 -0.44556,0.5453 -1.10701,1.3858 0.97949,-2.7804 1.87952,-4.9795 1.87952,-4.9795 0,0 -2.45762,4.0742 -4.37029,8.2893 -1.7159,2.3871 -3.56755,5.2198 -4.38223,7.3699 -1.6434,4.3373 -2.16081,10.2275 -2.21799,10.9259 -0.0119,0.069 -0.0244,0.1351 -0.0359,0.2045 -0.0354,-0.1373 -1.66945,-6.5112 -1.70431,-12.0894 0.64553,-1.105 1.12692,-1.8643 1.12692,-1.8643 0,0 -0.45394,0.5539 -1.12095,1.4017 0.007,-0.6557 0.0313,-1.3016 0.0915,-1.9159 0.48902,-4.9842 4.37625,-14.3766 4.37625,-14.3766 0,0 -5.48873,9.0378 -6.43695,14.1205 -0.31067,1.6652 -0.4989,3.5616 -0.59731,5.591 -1.69097,2.3615 -3.49183,5.1314 -4.29264,7.2449 -0.50238,1.3259 -0.89124,2.8084 -1.20456,4.2568 -0.92135,-3.7544 -1.97676,-9.0115 -1.63264,-12.3972 0.40415,-1.4258 0.86886,-2.8813 1.33199,-4.2151 0.84093,-1.9138 1.76206,-3.5618 1.76206,-3.5618 0,0 -0.33054,0.3851 -0.81234,0.9828 0.58954,-1.5632 1.06918,-2.7797 1.06918,-2.7797 0,0 -1.37726,2.2695 -2.87106,5.1721 -1.20757,1.7161 -2.44938,3.7623 -2.7914,5.3548 -0.09,0.419 -0.13926,0.8883 -0.16923,1.3778 -0.26355,0.7863 -0.47703,1.5391 -0.60328,2.2158 -0.57487,3.0814 -0.73461,6.9412 -0.65704,11.0192 l -0.88799,0.276 c 0,0 -0.8652,-5.8344 -0.51567,-8.728 0.27914,-2.3111 2.0607,-6.6751 2.0607,-6.6751 0,0 -2.66743,2.8451 -3.3469,4.6202 -0.23377,0.6107 -0.41381,1.3585 -0.57143,2.1482 -0.56271,-2.9494 -0.96073,-6.0585 -0.71677,-8.3091 0.29798,-2.7489 3.09007,-7.7015 3.09007,-7.7015 0,0 -4.68743,5.3841 -5.40562,8.728 -0.37064,1.7257 -0.1841,4.1419 0.18119,6.4626 l -1.08311,7.9875 -0.39025,0.1211 c -0.45834,-1.4848 -1.46667,-5.0062 -1.58286,-7.7611 0.0131,-0.2182 0.0183,-0.453 0.0418,-0.6473 0.22309,-1.847 1.36805,-4.9055 1.83373,-6.0993 1.48757,-3.1283 3.31504,-5.9682 3.31504,-5.9682 0,0 -6.27229,7.5605 -7.98,12.0675 -0.39102,1.032 -0.71148,2.1643 -0.98555,3.2978 l -0.81632,-4.5824 -1.20655,8.9008 c -0.57231,-3.0292 -1.20127,-7.4159 -0.85415,-10.9537 0.10072,-1.0262 0.36768,-2.2587 0.69287,-3.5381 1.50686,-3.2251 3.42654,-6.2184 3.42654,-6.2184 0,0 -1.20495,1.4933 -2.63212,3.3991 1.27951,-4.1119 2.89096,-8.0192 2.89096,-8.0192 0,0 -4.46061,7.3545 -6.0288,12.5261 -0.15867,0.2517 -0.3074,0.4947 -0.45794,0.7446 -0.41228,-2.4864 -0.66964,-4.9742 -0.46589,-6.8538 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -4.68743,5.3861 -5.40562,8.73 -0.56135,2.6136 0.14706,6.784 0.83423,9.8279 -0.49151,1.4202 -0.87674,2.9618 -1.17072,4.4435 l -1.98106,0.6174 c 0,0 -0.86518,-5.8344 -0.51567,-8.728 0.27916,-2.3111 2.0607,-6.675 2.0607,-6.675 0,0 -0.37851,0.4198 -0.84021,0.9589 1.30876,-4.4219 3.15776,-8.9166 3.15776,-8.9166 0,0 -5.48874,9.0358 -6.43697,14.1185 -0.52346,2.8059 -0.69649,6.2645 -0.66698,9.9371 l -1.9074,-10.7075 -1.2862,9.4984 c 0,0 -2.22414,-6.6462 -1.80187,-10.0106 0.5151,-4.1039 5.14679,-11.2972 5.14679,-11.2972 0,0 -6.27231,7.5606 -7.98001,12.0676 -0.40912,1.0797 -0.74384,2.2686 -1.02537,3.4546 -0.81433,-3.213 -1.81357,-7.8586 -1.86758,-11.4024 1.30667,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.48695,0.8136 -1.16674,2.0192 0.49272,-0.9849 0.9099,-1.763 0.9099,-1.763 0,0 -4.68942,5.3841 -5.40761,8.728 -0.18307,0.8524 -0.22762,1.8748 -0.18516,2.9702 -0.25591,0.7687 -0.46367,1.5011 -0.58735,2.1641 -0.5019,2.6903 -0.68205,5.9819 -0.67098,9.4845 l -0.87207,0.272 c 0,0 -0.86518,-5.8344 -0.51567,-8.728 0.27916,-2.3111 2.05872,-6.6751 2.05872,-6.6751 0,0 -2.66744,2.845 -3.34691,4.6201 -0.23375,0.6107 -0.41182,1.3586 -0.56943,2.1483 -0.56272,-2.9494 -0.96073,-6.0585 -0.71677,-8.3091 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -4.68941,5.3841 -5.4076,8.728 -0.37065,1.7257 -0.18213,4.1418 0.18317,6.4626 l -1.08311,7.9874 -0.38825,0.1212 c -0.45785,-1.4829 -1.46858,-5.0044 -1.58485,-7.7611 0.0131,-0.2185 0.0183,-0.4548 0.0418,-0.6493 0.21906,-1.8135 1.33361,-4.8146 1.81581,-6.0556 1.49105,-3.1446 3.33296,-6.0099 3.33296,-6.0099 0,0 -6.27229,7.5585 -7.97999,12.0655 -0.3912,1.0325 -0.71141,2.1658 -0.98556,3.2998 l -0.81632,-4.5824 -1.20655,8.9027 c -0.55706,-2.9479 -1.16175,-7.1774 -0.87406,-10.6658 0.78125,-1.7165 1.56494,-3.1151 1.56494,-3.1151 0,0 -0.63266,0.767 -1.39969,1.7531 0.12618,-0.7605 0.32803,-1.6015 0.54554,-2.4579 1.50735,-3.228 3.42853,-6.2264 3.42853,-6.2264 0,0 -1.20516,1.4886 -2.63013,3.3911 1.27912,-4.1089 2.88698,-8.0112 2.88698,-8.0112 0,0 -4.4619,7.3583 -6.02881,12.5301 -0.92604,1.4693 -1.74188,2.9253 -2.20803,4.1555 -0.39399,1.0399 -0.7162,2.1815 -0.99153,3.3237 -0.37208,0.4075 -1.42336,1.5874 -2.27972,2.855 -0.47912,-2.8827 -0.88555,-6.5175 -0.59132,-9.5162 0.48902,-4.9842 4.37624,-14.3766 4.37624,-14.3766 0,0 -5.48674,9.0378 -6.43497,14.1205 -0.064,0.343 -0.10315,0.7306 -0.15728,1.092 -1.4924,1.8551 -5.8862,7.4745 -7.30904,11.2297 -0.83983,2.2165 -1.38495,4.8778 -1.73019,7.0542 -0.31999,-1.0785 -1.46708,-5.1044 -2.19211,-9.5122 0.0159,-0.2964 0.0337,-0.5935 0.0617,-0.8796 0.48902,-4.9842 4.37625,-14.3746 4.37625,-14.3746 0,0 -3.01515,4.9697 -4.96161,9.6115 0.008,-0.3992 0.0308,-0.7804 0.0697,-1.1396 0.29799,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -4.68941,5.3841 -5.40761,8.728 -0.42923,1.9985 -0.10448,4.9101 0.37431,7.5387 -0.20327,2.0287 -0.279,4.2629 -0.27077,6.5976 l -2.41909,0.7525 c 0,0 -0.86518,-5.8344 -0.51568,-8.728 0.27916,-2.3111 2.05871,-6.6751 2.05871,-6.6751 0,0 -2.15663,2.3115 -3.0801,4.0682 0.31859,-2.756 3.0801,-7.6618 3.0801,-7.6618 0,0 -4.68742,5.3841 -5.40561,8.728 -0.54841,2.5534 0.11873,6.5889 0.79044,9.6135 -0.0192,1.2438 -0.0179,2.1959 -0.0179,2.1959 l -1.98903,-11.1641 c 0.24803,-0.6578 0.44399,-1.1575 0.44399,-1.1575 0,0 -2.54004,2.7168 -3.28716,4.497 -0.28365,-1.5325 -0.46207,-3.0817 -0.31658,-4.2409 0.5151,-4.1039 5.14878,-11.2952 5.14878,-11.2952 0,0 -6.27231,7.5586 -7.98001,12.0655 -1.74579,4.6075 -2.24188,11.184 -2.24188,11.184 0,0 -0.62044,-2.4402 -1.11697,-5.6049 -0.0404,-0.6247 -0.0519,-1.2204 0.0119,-1.7293 0.5151,-4.1039 5.14877,-11.2952 5.14877,-11.2952 0,0 -3.24703,3.9268 -5.70625,7.8068 -0.0599,-1.2731 -0.0723,-2.5362 0.0418,-3.6989 0.48902,-4.9842 4.37626,-14.3766 4.37626,-14.3766 0,0 -5.48675,9.0378 -6.43497,14.1205 -0.50077,2.6842 -0.68111,5.9649 -0.67097,9.4586 -0.17465,0.5554 -0.33276,1.1169 -0.47785,1.6916 -0.76639,-2.9529 -1.7699,-7.3677 -1.9731,-10.9874 1.30864,-4.6465 3.37875,-9.6632 3.37875,-9.6632 0,0 -1.47315,2.4361 -3.02435,5.4799 0.80382,-2.7501 2.76752,-6.2482 2.76752,-6.2482 0,0 -4.68744,5.3841 -5.40562,8.728 -0.23148,1.0778 -0.2455,2.4279 -0.13539,3.8537 -0.2778,0.8188 -0.50613,1.605 -0.63712,2.3071 -0.4532,2.4292 -0.6545,5.3378 -0.68093,8.458 l -0.8641,0.27 c 0,0 -0.86518,-5.8344 -0.51568,-8.728 0.27916,-2.3111 2.06071,-6.6751 2.06071,-6.6751 0,0 -2.66743,2.8471 -3.3469,4.6222 -1.47683,3.8581 -1.28819,12.3216 -1.28819,12.3216 l -2.05871,-11.5533 -1.28819,9.4984 c 0,0 -2.22415,-6.6462 -1.80187,-10.0106 0.5151,-4.1039 5.14877,-11.2952 5.14877,-11.2952 0,0 -6.2723,7.5586 -7.98,12.0655 -0.40913,1.0798 -0.74384,2.2686 -1.02537,3.4547 -0.8144,-3.2133 -1.81372,-7.8585 -1.86758,-11.4024 1.30668,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.47863,0.7956 -1.14683,1.9795 0.48279,-0.9628 0.88799,-1.7234 0.88799,-1.7234 0,0 -4.68743,5.3862 -5.40561,8.73 -0.18319,0.8529 -0.22975,1.8761 -0.18716,2.9722 -0.25527,0.7673 -0.46188,1.5003 -0.58536,2.1622 -0.5019,2.6903 -0.68204,5.9798 -0.67097,9.4825 l -0.87406,0.272 c 0,0 -0.86319,-5.8345 -0.51368,-8.7281 0.27915,-2.3111 2.05871,-6.675 2.05871,-6.675 0,0 -2.66743,2.845 -3.3469,4.6201 -0.23339,0.6098 -0.41394,1.3561 -0.57142,2.1443 -0.56228,-2.9481 -0.95862,-6.0556 -0.71478,-8.3051 0.29799,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -4.68742,5.3841 -5.40561,8.728 -0.37064,1.7257 -0.1841,4.1419 0.18118,6.4626 l -1.08112,7.9854 -0.39024,0.1231 c -0.45866,-1.4858 -1.46788,-5.0115 -1.58286,-7.767 0.0131,-0.2159 0.0186,-0.4489 0.0418,-0.6413 0.21905,-1.8136 1.33361,-4.8166 1.81581,-6.0576 1.49104,-3.1446 3.33296,-6.0099 3.33296,-6.0099 0,0 -6.27429,7.5605 -7.98199,12.0675 -0.39123,1.0325 -0.7094,2.1657 -0.98356,3.2998 l -0.81831,-4.5844 -1.20656,8.9067 c -0.57259,-3.0293 -1.19949,-7.4196 -0.85215,-10.9597 0.10048,-1.024 0.36666,-2.2535 0.69088,-3.5301 1.50734,-3.2279 3.42853,-6.2263 3.42853,-6.2263 0,0 -1.20694,1.4932 -2.63411,3.3991 1.27951,-4.1119 2.89095,-8.0193 2.89095,-8.0193 0,0 -4.46424,7.3603 -6.03079,12.5322 -0.92543,1.4684 -1.74213,2.9239 -2.20804,4.1535 -1.74579,4.6075 -2.23989,11.184 -2.23989,11.184 0,0 -2.20854,-8.5302 -1.62069,-14.5215 0.48903,-4.9842 4.37625,-14.3746 4.37625,-14.3746 0,0 -5.48674,9.0358 -6.43497,14.1185 -0.61057,3.2727 -0.75918,7.4167 -0.64509,11.7756 -0.65467,-3.2038 -1.16918,-6.7247 -0.89994,-9.2085 0.29799,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -4.68742,5.3842 -5.40561,8.728 -0.96076,4.4733 1.80187,13.6063 1.80187,13.6063 l -4.11942,1.2845 c 0,0 -0.86319,-5.8344 -0.51368,-8.728 0.27915,-2.3111 2.05871,-6.675 2.05871,-6.675 0,0 -2.66743,2.845 -3.3469,4.6201 -1.47683,3.8582 -1.2862,12.3217 -1.2862,12.3217 l -2.0607,-11.5513 -1.2862,9.4983 c 0,0 -2.22415,-6.6482 -1.80187,-10.0126 0.5151,-4.1038 5.14877,-11.2952 5.14877,-11.2952 0,0 -6.27429,7.5586 -7.98199,12.0656 -0.52252,1.379 -0.91963,2.9268 -1.23841,4.4295 -0.738,-3.4148 -1.37078,-7.3673 -1.07714,-10.0761 0.29798,-2.7489 3.08807,-7.7016 3.08807,-7.7016 0,0 -1.85965,2.1396 -3.41659,4.5586 1.30885,-4.4238 3.15975,-8.9226 3.15975,-8.9226 0,0 -4.61258,7.6014 -6.10646,12.7823 -0.46678,0.5091 -2.55592,2.8349 -3.16173,4.4176 -1.10212,2.8793 -1.27482,8.3127 -1.29217,10.8902 -0.17383,-0.595 -0.37492,-1.2953 -0.72872,-2.6823 l -1.32601,-7.4375 -0.0916,0.673 c -0.38427,-2.3932 -0.61828,-4.7679 -0.4221,-6.5777 0.0932,-0.8601 0.43862,-1.9357 0.85813,-3.008 0.94295,-1.6852 1.71626,-2.8967 1.71626,-2.8967 0,0 -0.40771,0.4926 -1.03533,1.2885 0.77676,-1.7029 1.54901,-3.0854 1.54901,-3.0854 0,0 -4.11962,4.732 -5.22642,8.0788 -0.78676,1.1573 -1.52857,2.3459 -2.15429,3.4805 0.573,-1.7557 1.20258,-3.3455 1.20258,-3.3455 0,0 -2.66743,2.847 -3.3469,4.6221 -1.35907,3.5506 -1.30516,10.7151 -1.28819,11.8809 -0.0541,-0.2152 -0.15697,-0.6411 -0.35042,-1.5407 l -0.79424,-4.4494 c -0.38098,-2.6283 -0.65005,-5.635 -0.3982,-8.2018 0.48902,-4.9842 4.37625,-14.3766 4.37625,-14.3766 0,0 -1.81852,3.0193 -3.54401,6.5341 -1.5478,1.9282 -5.86168,7.4705 -7.26722,11.18 -0.1745,0.4606 -0.32955,0.9501 -0.47983,1.4414 -0.83802,-3.6364 -1.65093,-8.1802 -1.32403,-11.1959 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -0.78672,0.9471 -1.70829,2.1582 0.52368,-1.376 0.93578,-2.4163 0.93578,-2.4163 0,0 -1.41195,2.3295 -2.9268,5.2832 -0.72578,1.1767 -1.35092,2.3822 -1.63064,3.4269 -0.85433,1.9259 -1.58703,3.8532 -1.87753,5.4103 -0.45434,2.4354 -0.6553,5.3528 -0.68093,8.4819 -0.23152,-1.8662 -0.60066,-5.3836 -0.35042,-7.4554 0.27915,-2.3111 2.0607,-6.675 2.0607,-6.675 0,0 -2.66743,2.847 -3.3469,4.6221 -1.47683,3.8582 -1.28819,12.3216 -1.28819,12.3216 l -2.05871,-11.5533 -1.2862,9.5004 c 0,0 -2.22614,-6.6482 -1.80386,-10.0126 0.5151,-4.1039 5.14877,-11.2952 5.14877,-11.2952 0,0 -6.2723,7.5586 -7.98,12.0655 -0.40913,1.0798 -0.74384,2.2687 -1.02537,3.4547 -0.8144,-3.2132 -1.81372,-7.8585 -1.86758,-11.4024 1.30668,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.48524,0.8099 -1.16276,2.0113 0.49059,-0.9802 0.90392,-1.7552 0.90392,-1.7552 0,0 -4.68742,5.3862 -5.40561,8.73 -0.18319,0.853 -0.22975,1.8761 -0.18716,2.9722 -0.25527,0.7673 -0.46188,1.5004 -0.58536,2.1622 -0.5019,2.6903 -0.68204,5.9799 -0.67097,9.4825 l -0.87406,0.272 c 0,0 -0.86319,-5.8345 -0.51368,-8.728 0.27915,-2.3111 2.05871,-6.6751 2.05871,-6.6751 0,0 -2.66743,2.845 -3.3469,4.6201 -0.23375,0.6107 -0.41181,1.3586 -0.56943,2.1483 -0.56271,-2.9494 -0.96073,-6.0585 -0.71677,-8.3091 0.29799,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -4.68742,5.3841 -5.40561,8.728 -0.37064,1.7257 -0.1841,4.1419 0.18118,6.4626 l -1.08112,7.9855 -0.39024,0.1231 c -0.45834,-1.4848 -1.46667,-5.0062 -1.58286,-7.7612 0.0131,-0.2181 0.0183,-0.4529 0.0418,-0.6472 0.21905,-1.8135 1.33361,-4.8166 1.81581,-6.0576 1.49104,-3.1446 3.33296,-6.0099 3.33296,-6.0099 0,0 -6.2723,7.5605 -7.98,12.0675 -0.39123,1.0325 -0.71139,2.1657 -0.98555,3.2998 l -0.81831,-4.5844 -1.20656,8.9067 c -0.57258,-3.0293 -1.19949,-7.4196 -0.85215,-10.9596 0.10048,-1.0241 0.36666,-2.2536 0.69088,-3.5301 1.50734,-3.228 3.42853,-6.2264 3.42853,-6.2264 0,0 -1.2063,1.4913 -2.63212,3.3951 1.27933,-4.1105 2.88896,-8.0152 2.88896,-8.0152 z m 42.10605,15.1727 c -0.99577,2.161 -1.87499,4.3819 -2.20206,6.135 -0.5064,2.7144 -0.6858,6.0398 -0.67098,9.5778 -0.55442,-2.1777 -1.10455,-4.9181 -0.87405,-6.7544 0.3296,-2.6261 2.33788,-6.497 3.74709,-8.9584 z m 220.4535,0.6671 c -0.42619,2.2552 0.0186,5.5804 0.58137,8.3647 l -0.77251,5.6903 -0.86211,0.27 c -0.62836,-2.2131 -1.51998,-5.8276 -1.23642,-8.0867 0.22377,-1.7828 1.2289,-4.1327 2.28967,-6.2383 z m -97.23138,0.2184 c -0.71166,5.0963 -0.51995,11.8041 0.006,18.1946 l -1.34593,-7.5546 -1.28818,9.4984 c 0,0 -2.22415,-6.6482 -1.80188,-10.0126 0.3883,-3.0937 3.11014,-7.9263 4.43002,-10.1258 z m -107.288,4.231 c -0.0388,0.1683 -0.0855,0.3435 -0.11548,0.5043 -0.70059,3.7553 -0.78731,8.6607 -0.57142,13.7194 l -0.45993,0.143 c 0,0 -0.86319,-5.8345 -0.51368,-8.728 0.19673,-1.6287 1.1212,-4.2169 1.66051,-5.6387 z m 112.23369,2.0768 c -0.79563,3.6291 -1.06121,7.0443 -1.06121,7.0443 0,0 -0.2089,-0.8354 -0.47386,-2.0867 0.31634,-1.6095 1.0613,-3.7072 1.53507,-4.9576 z m -138.68238,0.274 c 0.58178,3.6926 1.6187,7.1396 1.6187,7.1396 l -1.09506,0.3415 c -0.35541,-2.3538 -0.63183,-5.0473 -0.52364,-7.4811 z m -25.13461,0.7068 c 0.28153,1.0881 0.49377,1.8107 0.49377,1.8107 l -0.16326,0.05 -0.33051,-1.8603 z m 42.31511,0.131 c 0.29728,4.1591 1.61656,8.7681 1.8397,9.5262 l -0.0557,0.4189 -0.29467,0.091 c -0.46221,-1.4636 -1.96617,-6.5038 -1.60476,-9.3832 0.0262,-0.2084 0.0692,-0.4302 0.11548,-0.6532 z m 95.01138,1.0603 -1.16275,8.5771 c 0,0 -0.13745,-0.4184 -0.32454,-1.0404 -0.0305,-0.9418 -0.0186,-1.8382 0.0677,-2.5533 0.17063,-1.4126 0.87664,-3.5024 1.4196,-4.9834 z m 42.36888,0.3673 c 0.27938,1.0787 0.48979,1.7928 0.48979,1.7928 l -0.16128,0.05 -0.32851,-1.8425 z m 56.46726,0.012 c -0.0749,4.1838 0.17489,8.7786 0.56545,13.1575 l -0.16326,1.2052 c 0,0 -2.22415,-6.6482 -1.80187,-10.0126 0.15799,-1.2589 0.71924,-2.8069 1.39968,-4.3501 z m -228.19059,0.3852 c 0.0994,0.3532 0.24489,0.8835 0.24489,0.8835 l -0.1095,0.034 c -0.0449,-0.3081 -0.0944,-0.5994 -0.13539,-0.9173 z m 87.28026,0.6194 c 0.28085,1.0851 0.49377,1.8048 0.49377,1.8048 l -0.16326,0.05 -0.33051,-1.8544 z m 92.41112,0.9213 c 0.0994,0.3532 0.2449,0.8835 0.2449,0.8835 l -0.10952,0.034 c -0.0448,-0.308 -0.0944,-0.5994 -0.13538,-0.9173 z m -84.43908,1.0265 c 0.0994,0.3532 0.24489,0.8835 0.24489,0.8835 l -0.1095,0.034 c -0.0449,-0.3081 -0.0944,-0.5994 -0.13539,-0.9173 z m 162.70003,2.5671 c 0.0994,0.3532 0.24489,0.8836 0.24489,0.8836 l -0.1095,0.034 c -0.0448,-0.3081 -0.0944,-0.5994 -0.13539,-0.9173 z m -144.33687,0.415 c 0.244,0.9261 0.4181,1.497 0.4181,1.497 l -0.25485,0.079 c -0.0658,-0.5142 -0.11216,-1.0465 -0.16325,-1.5764 z m 98.78238,2.7796 c 0.27983,1.0807 0.49178,1.7968 0.49178,1.7968 l -0.16327,0.052 -0.32851,-1.8484 z"
+         style="fill:#00aa00;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <text
+         transform="scale(1.0014029,0.99859906)"
+         sodipodi:linespacing="125%"
+         id="text4234"
+         y="1024.4113"
+         x="265.60812"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.71892548px;line-height:125%;font-family:Aileron;-inkscape-font-specification:Aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           y="1024.4113"
+           x="265.60812"
+           id="tspan4236"
+           sodipodi:role="line">Hierba húmeda</tspan></text>
+      <rect
+         ry="18.159618"
+         y="823.18292"
+         x="0.8209275"
+         height="86.650398"
+         width="224.88033"
+         id="rect4329"
+         style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:1.641855;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         transform="scale(1.0014029,0.99859906)"
+         sodipodi:linespacing="125%"
+         id="text4230"
+         y="882.40289"
+         x="397.9498"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.71892548px;line-height:125%;font-family:Aileron;-inkscape-font-specification:Aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           y="882.40289"
+           x="397.9498"
+           id="tspan4232"
+           sodipodi:role="line">Lluvia</tspan></text>
+      <path
+         id="rect4512"
+         d="m 0.82020767,891.66605 0,0.008 c 0,10.06043 8.12317003,18.15887 18.21185033,18.15887 l 188.457832,0 c 10.08868,0 18.21185,-8.09844 18.21185,-18.15887 l 0,-0.008 -224.88153233,0 z"
+         style="opacity:1;fill:#808080;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:connector-curvature="0" />
+      <rect
+         ry="2.0241551"
+         y="884.09607"
+         x="103.97713"
+         height="9.4393644"
+         width="18.567665"
+         id="rect4517"
+         style="opacity:1;fill:#808000;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="874.37567"
+         cx="47.838871"
+         id="path4519"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4521"
+         cx="177.44792"
+         cy="883.78241" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="876.44196"
+         cx="184.28316"
+         id="circle4523"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4525"
+         cx="33.469151"
+         cy="878.19641" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4527"
+         cx="30.643055"
+         cy="887.11475" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="874.6228"
+         cx="74.616142"
+         id="circle4529"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4531"
+         cx="19.679264"
+         cy="891.38293" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="855.85492"
+         cx="87.801125"
+         id="circle4533"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="865.89838"
+         cx="43.000645"
+         id="circle4535"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4537"
+         cx="61.099461"
+         cy="882.01807" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="882.133"
+         cx="163.95946"
+         id="circle4539"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4541"
+         cx="82.706062"
+         cy="845.0896" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4543"
+         cx="94.593269"
+         cy="872.27783" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.59332"
+         cx="49.030384"
+         id="circle4545"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4547"
+         cx="178.4698"
+         cy="875.96783" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="879.55194"
+         cx="116.26012"
+         id="circle4549"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="890.22119"
+         cx="44.396305"
+         id="circle4551"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4553"
+         cx="45.705967"
+         cy="879.98785" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="840.94855"
+         cx="143.11592"
+         id="circle4555"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4557"
+         cx="53.901478"
+         cy="884.62781" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4559"
+         cx="209.43462"
+         cy="871.9281" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="879.08624"
+         cx="201.1263"
+         id="circle4561"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4563"
+         cx="43.964039"
+         cy="889.69244" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="881.84027"
+         cx="49.856373"
+         id="circle4565"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.57916"
+         cx="16.237385"
+         id="circle4567"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4569"
+         cx="133.77803"
+         cy="884.23138" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="878.41895"
+         cx="176.10667"
+         id="circle4571"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4573"
+         cx="174.37386"
+         cy="883.27612" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4575"
+         cx="199.62434"
+         cy="887.39838" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="870.50201"
+         cx="77.127922"
+         id="circle4577"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4579"
+         cx="136.62419"
+         cy="857.6756" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="859.68036"
+         cx="102.93819"
+         id="circle4581"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="862.31866"
+         cx="123.20824"
+         id="circle4583"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4585"
+         cx="149.65666"
+         cy="870.02258" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="884.09174"
+         cx="201.19298"
+         id="circle4587"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4589"
+         cx="107.67751"
+         cy="844.36407" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4591"
+         cx="35.460438"
+         cy="885.48853" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="862.33563"
+         cx="47.575352"
+         id="circle4593"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4595"
+         cx="159.09386"
+         cy="888.82471" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="882.99445"
+         cx="213.20641"
+         id="circle4597"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="881.94281"
+         cx="192.40041"
+         id="circle4599"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4601"
+         cx="183.87141"
+         cy="864.2027" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="843.72821"
+         cx="139.69835"
+         id="circle4603"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4605"
+         cx="193.07372"
+         cy="892.599" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4607"
+         cx="97.447273"
+         cy="875.99255" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="874.26556"
+         cx="190.96544"
+         id="circle4609"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4611"
+         cx="15.090428"
+         cy="890.4538" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.85785"
+         cx="69.627007"
+         id="circle4613"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="875.13007"
+         cx="179.52736"
+         id="circle4615"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4617"
+         cx="37.392857"
+         cy="887.22388" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="844.81134"
+         cx="124.71972"
+         id="circle4619"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4621"
+         cx="143.52824"
+         cy="869.26886" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4623"
+         cx="121.59261"
+         cy="868.32147" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="846.16119"
+         cx="138.12941"
+         id="circle4625"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4627"
+         cx="160.31245"
+         cy="842.13684" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="847.33124"
+         cx="161.41139"
+         id="circle4629"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="889.40601"
+         cx="175.26646"
+         id="circle4631"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4633"
+         cx="108.81359"
+         cy="868.89734" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="888.61377"
+         cx="50.881107"
+         id="circle4635"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4637"
+         cx="155.37907"
+         cy="863.96887" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4639"
+         cx="117.3785"
+         cy="882.84583" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="852.88269"
+         cx="148.6971"
+         id="circle4641"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4643"
+         cx="145.36333"
+         cy="860.38068" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="844.05261"
+         cx="109.7109"
+         id="circle4645"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="864.93878"
+         cx="204.14308"
+         id="circle4647"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4649"
+         cx="166.79225"
+         cy="888.90369" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="888.47974"
+         cx="105.70071"
+         id="circle4651"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4653"
+         cx="184.02208"
+         cy="883.57819" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4655"
+         cx="115.05871"
+         cy="870.26837" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.42896"
+         cx="23.000599"
+         id="circle4657"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4659"
+         cx="149.80882"
+         cy="873.91669" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="854.1792"
+         cx="152.18968"
+         id="circle4661"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         transform="scale(1.0014029,0.99859906)"
+         sodipodi:linespacing="125%"
+         id="text4226"
+         y="882.40289"
+         x="111.31236"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.71892548px;line-height:125%;font-family:Aileron;-inkscape-font-specification:Aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           y="882.40289"
+           x="111.31237"
+           id="tspan4228"
+           sodipodi:role="line">Rociador</tspan></text>
+      <path
+         inkscape:connector-curvature="0"
+         id="path4671"
+         d="m 299.64598,868.04839 -59.21066,0"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.01797318px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)" />
+      <path
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="path5073"
+         d="M 365.03515,922.47237 345.4699,955.33214"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.01797318px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker5075)" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.01797318px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker5391)"
+         d="m 164.75456,922.47237 19.56524,32.85977"
+         id="path5389"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+    </g>
+  </g>
+</svg>
A blog/inteligencia_artificial/decision_tree.svg 
@@ -0,0 +1,638 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1400"
+   height="800"
+   viewBox="0 0 1400 800.00001"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="decission_tree.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="666.52844"
+     inkscape:cy="513.1507"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="745"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-252.36216)">
+    <g
+       id="g4537">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4335"
+         d="m 619.45408,462.04855 -4.84255,150.25129"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4271"
+         d="m 352.68783,613.19378 35.22036,141.00547"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4249"
+         d="m 616.84054,301.80669 1.95669,152.75593"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4251"
+         d="M 597.27367,462.39626 356.6012,587.73445"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4253"
+         d="M 648.14753,454.56262 871.20983,575.984"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4255"
+         d="M 916.21362,587.73445 1025.7881,856.03654"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4257"
+         d="M 904.4735,558.35832 1113.839,679.77969"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4259"
+         d="m 1166.6695,705.23902 125.228,127.29661"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4261"
+         d="m 1139.2759,720.90629 58.7006,283.96941"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4263"
+         d="M 642.27747,652.36196 830.1194,771.82493"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4265"
+         d="m 605.10042,634.73628 3.91337,186.04889"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4267"
+         d="M 648.14753,832.53563 789.02898,955.91542"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4269"
+         d="M 597.27367,832.53563 485.74253,977.45792"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4273"
+         d="M 319.42411,601.44332 100.27526,762.03289"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4275"
+         d="M 315.51075,628.86105 188.32614,899.12154"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="302.78589"
+         cx="621.7323"
+         id="path4155"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4147"
+         y="317.12897"
+         x="622.75885"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="317.12897"
+           x="622.75885"
+           id="tspan4149"
+           sodipodi:role="line">Consulta</tspan></text>
+      <rect
+         y="401.80957"
+         x="535.74707"
+         height="103.86034"
+         width="168.79756"
+         id="rect4157"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4159"
+         width="168.79756"
+         height="103.86034"
+         x="263.76752"
+         y="548.69025" />
+      <rect
+         y="580.02478"
+         x="527.92023"
+         height="103.86034"
+         width="168.79756"
+         id="rect4161"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4163"
+         width="168.79756"
+         height="103.86034"
+         x="790.11627"
+         y="519.31409" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4165"
+         width="168.79756"
+         height="103.86034"
+         x="527.92023"
+         y="775.86572" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4167"
+         cx="484.76419"
+         cy="962.7699"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="962.7699"
+         cx="791.96405"
+         id="ellipse4169"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4171"
+         cx="838.92456"
+         cy="774.76257"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="764.97052"
+         cx="97.340225"
+         id="ellipse4173"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4175"
+         cx="369.31967"
+         cy="761.05371"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="898.14233"
+         cx="191.26115"
+         id="ellipse4177"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="878.55829"
+         cx="1034.5933"
+         id="ellipse4179"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         y="642.69391"
+         x="1032.7455"
+         height="103.86034"
+         width="168.79756"
+         id="rect4183"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4185"
+         cx="1196.9982"
+         cy="1001.9381"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4187"
+         cx="1302.6593"
+         cy="845.26532"
+         rx="96.855988"
+         ry="49.939438" />
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="618.84381"
+         y="467.86017"
+         id="text4189"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4191"
+           x="618.84381"
+           y="467.86017"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Color</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4193"
+         y="589.22815"
+         x="869.40991"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="589.22815"
+           x="869.40991"
+           id="tspan4195"
+           sodipodi:role="line">Tamaño</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1121.9336"
+         y="708.63855"
+         id="text4197"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4199"
+           x="1121.9336"
+           y="708.63855"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Sabor</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4201"
+         y="647.95453"
+         x="607.09851"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="647.95453"
+           x="607.09851"
+           id="tspan4203"
+           sodipodi:role="line">Forma</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="348.70215"
+         y="616.63379"
+         id="text4205"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4207"
+           x="348.70215"
+           y="616.63379"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Tamaño</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4209"
+         y="781.06781"
+         x="100.09353"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="781.06781"
+           x="100.09353"
+           id="tspan4211"
+           sodipodi:role="line">Sandía</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="366.32004"
+         y="771.28009"
+         id="text4213"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4215"
+           x="366.32004"
+           y="771.28009"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Uvas</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4217"
+         y="910.26599"
+         x="192.09828"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="910.26599"
+           x="192.09828"
+           id="tspan4219"
+           sodipodi:role="line">Manzana</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="607.09845"
+         y="839.79425"
+         id="text4221"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4223"
+           x="607.09845"
+           y="839.79425"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Tamaño</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4225"
+         y="972.90747"
+         x="479.85785"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="972.90747"
+           x="479.85785"
+           id="tspan4227"
+           sodipodi:role="line">Pomelo</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="834.17401"
+         y="790.85553"
+         id="text4229"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4231"
+           x="834.17401"
+           y="790.85553"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Plátano</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4233"
+         y="972.90747"
+         x="783.27777"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="972.90747"
+           x="783.27777"
+           id="tspan4235"
+           sodipodi:role="line">Limón</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1033.8439"
+         y="890.69049"
+         id="text4237"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4239"
+           x="1033.8439"
+           y="890.69049"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Manzana</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4241"
+         y="859.36969"
+         x="1303.9855"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="859.36969"
+           x="1303.9855"
+           id="tspan4243"
+           sodipodi:role="line">Uva</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1192.4053"
+         y="1012.0584"
+         id="text4245"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4247"
+           x="1192.4053"
+           y="1012.0584"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Cereza</tspan></text>
+      <text
+         transform="matrix(0.81157269,-0.58401192,0.58349823,0.81228716,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4277"
+         y="668.25781"
+         x="-229.80688"
+         style="font-style:normal;font-weight:normal;font-size:21.05917931px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="668.25781"
+           x="-229.80688"
+           id="tspan4279"
+           sodipodi:role="line">Grande</tspan></text>
+      <text
+         transform="matrix(0.34225715,0.93996493,-0.93913815,0.34255846,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:26.32293129px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1005.8774"
+         y="-676.61884"
+         id="text4289"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4291"
+           x="1005.8774"
+           y="-676.61884"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Mediano</tspan></text>
+      <text
+         transform="matrix(0.9160891,0.40022848,-0.39987645,0.91689559,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4293"
+         y="149.85788"
+         x="1174.7745"
+         style="font-style:normal;font-weight:normal;font-size:20.7318058px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="149.85788"
+           x="1174.7745"
+           id="tspan4295"
+           sodipodi:role="line">Pequeño</tspan></text>
+      <text
+         transform="matrix(0.88742856,-0.46039514,0.45999018,0.88820982,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4307"
+         y="674.89526"
+         x="185.33745"
+         style="font-style:normal;font-weight:normal;font-size:21.76940536px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="674.89526"
+           x="185.33745"
+           id="tspan4309"
+           sodipodi:role="line">Verde</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:20.46263123px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="572.30908"
+         y="554.45374"
+         id="text4311"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4313"
+           x="572.30908"
+           y="554.45374"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Amarillo</tspan></text>
+      <text
+         transform="matrix(0.94064864,0.33838128,-0.33808364,0.94147675,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4315"
+         y="216.6124"
+         x="871.52502"
+         style="font-style:normal;font-weight:normal;font-size:26.06164169px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="216.6124"
+           x="871.52502"
+           id="tspan4317"
+           sodipodi:role="line">Rojo</tspan></text>
+      <text
+         transform="matrix(0.70679573,0.70741797,-0.70679573,0.70741797,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4319"
+         y="-344.22678"
+         x="1420.978"
+         style="font-style:normal;font-weight:normal;font-size:24.88329887px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="-344.22678"
+           x="1420.978"
+           id="tspan4321"
+           sodipodi:role="line">Agrio</tspan></text>
+      <text
+         transform="matrix(0.2695615,0.96337374,-0.96252637,0.26979881,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:26.99650192px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1189.4249"
+         y="-900.60632"
+         id="text4323"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4325"
+           x="1189.4249"
+           y="-900.60632"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Dulce</tspan></text>
+      <text
+         transform="matrix(0.89536218,0.44474125,-0.44435006,0.89615043,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4327"
+         y="298.39502"
+         x="986.5733"
+         style="font-style:normal;font-weight:normal;font-size:23.97977066px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="298.39502"
+           x="986.5733"
+           id="tspan4329"
+           sodipodi:role="line">Delgado</tspan></text>
+      <text
+         transform="matrix(0.99955996,5.4236004e-4,-5.4188299e-4,1.0004399,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4331"
+         y="739.12512"
+         x="558.90198"
+         style="font-style:normal;font-weight:normal;font-size:22.1249485px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="739.12512"
+           x="558.90198"
+           id="tspan4333"
+           sodipodi:role="line">Redondo</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4337"
+         y="902.26685"
+         x="498.11777"
+         style="font-style:normal;font-weight:normal;font-size:19.15585709px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="902.26685"
+           x="498.11777"
+           id="tspan4339"
+           sodipodi:role="line">Mediano</tspan></text>
+      <text
+         transform="matrix(0.74827729,0.66330624,-0.66272279,0.74893605,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:18.89144516px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1134.3363"
+         y="177.04033"
+         id="text4341"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4343"
+           x="1134.3363"
+           y="177.04033"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Pequeño</tspan></text>
+      <text
+         transform="matrix(0.99953094,-0.00764342,0.0076367,1.0004109,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4345"
+         y="689.33502"
+         x="422.7298"
+         style="font-style:normal;font-weight:normal;font-size:23.94909096px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="689.33502"
+           x="422.7298"
+           id="tspan4347"
+           sodipodi:role="line">Pequeño</tspan></text>
+      <text
+         transform="matrix(0.41556212,-0.90988147,0.90908115,0.41592797,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:23.52765274px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="-594.17133"
+         y="537.99622"
+         id="text4349"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4351"
+           x="-594.17133"
+           y="537.99622"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Mediano</tspan></text>
+    </g>
+  </g>
+</svg>
A blog/inteligencia_artificial/human_progress_edge.svg 
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="600"
+   height="427"
+   viewBox="0 0 600.00001 427.00001"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="drawing.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="294.66008"
+     inkscape:cy="242.60004"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="745"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-625.36216)">
+    <g
+       id="g4201"
+       transform="matrix(1.0858252,0,0,1.1801734,-100.88655,293.00672)">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4147"
+         d="m 138.3909,281.61581 0,314.15745 507.09658,0"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <text
+         transform="matrix(0,-1,1,0,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4149"
+         y="118.0612"
+         x="-436.6539"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.98496246px;line-height:125%;font-family:aileron;-inkscape-font-specification:aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#800141;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:aileron;-inkscape-font-specification:aileron;fill:#800141;fill-opacity:1"
+           y="118.0612"
+           x="-436.6539"
+           id="tspan4151"
+           sodipodi:role="line">Progreso humano</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.98496246px;line-height:125%;font-family:aileron;-inkscape-font-specification:aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#800141;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="397.81177"
+         y="636.76599"
+         id="text4153"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4155"
+           x="397.81177"
+           y="636.76599"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:aileron;-inkscape-font-specification:aileron;fill:#800141;fill-opacity:1">Tiempo</tspan></text>
+      <path
+         sodipodi:nodetypes="ccccccccccccccccccc"
+         inkscape:connector-curvature="0"
+         id="path4157"
+         d="m 137.9028,591.22079 c 13.7989,-0.22636 27.92645,1.01015 40.71429,-2.14286 27.72067,-2.86282 57.26327,-0.28419 85.43004,-2.14285 15.99648,-0.45263 32.42354,0.91867 48.14139,-0.71429 5.72845,-1.0112 11.1394,-1.56887 17.14285,-1.42857 7.21766,-2.25049 14.7175,-3.24615 22.85715,-2.85714 8.67613,-1.09828 17.33661,-0.73193 25.71428,-2.85715 19.64199,-2.40443 40.40392,-1.11356 60.71429,-1.42857 15.21116,-4.97803 34.05281,-2.08855 50.97128,-2.85714 9.30387,1.57985 16.53986,-3.01249 25.20766,-3.57143 9.54217,-0.39466 19.76332,0.84988 28.82106,-0.71428 5.81038,-3.79658 15.43012,-5.01928 21.89322,-7.85715 5.197,0.83489 10.91718,-1.37604 19.28572,-2.14285 9.6979,2.47098 12.57335,-5.29998 13.82106,-10.71429 1.17819,-8.67754 2.44634,-16.6896 4.28571,-25 0.40885,-3.66551 1.55773,-10.04969 3.79613,-19.50668 1.97168,-4.00856 2.92821,-46.54217 6.20387,-72.63618 4.39723,-17.97642 0.56595,-38.8502 2.98282,-58.188 1.18644,-21.31693 3.9398,-42.57798 3.44576,-63.95485"
+         style="fill:none;fill-rule:evenodd;stroke:#31c700;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4162"
+         d="m 612.42837,319.45866 c 0.92593,-0.89675 1.13939,-2.28735 2.09536,-3.16156 0.71531,-1.36676 1.61726,-2.62787 2.19515,-4.06343 0.74302,-1.66435 1.82927,-3.1575 2.41751,-4.89341 0.25358,-0.57085 0.49901,-1.82642 0.91484,-0.66484 0.65592,1.06746 1.06559,2.26602 1.26276,3.49816 0.25904,1.12137 0.40522,2.33952 1.15854,3.26189 0.34204,1.49848 0.96357,3.0829 2.37272,3.87918 0.27103,0.17045 0.55635,0.32338 0.79737,0.53683"
+         style="fill:none;fill-rule:evenodd;stroke:#31c700;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4169"
+         d="m 580.26888,540.41722 c -1.29504,-0.0304 -2.76029,1.10183 -2.4902,2.49837 0.42493,1.6662 2.66317,2.52501 4.07385,1.51711 0.98406,-0.75056 0.86948,-2.24494 0.16896,-3.14875 -0.43502,-0.6157 -1.07433,-0.94235 -1.88115,-0.85634"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4171"
+         d="m 580.35816,545.14937 c 0.7349,2.44499 0.13044,5.01896 0.4795,7.50992 -0.0449,1.5878 0.23077,3.2213 -0.25634,4.76684"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4173"
+         d="m 578.21531,552.96187 c 0.60692,-1.16446 2.20743,-1.91413 3.38778,-1.12902 0.46439,0.25767 0.66163,0.74584 0.98701,1.129"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4179"
+         d="m 578.46915,559.77056 c 0.66126,-0.86601 1.0905,-2.05193 2.14966,-2.51299 0.84539,-0.2873 1.26127,0.66796 1.91512,0.94024 0.13563,0.0734 0.26977,0.14971 0.39917,0.23366"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
A blog/inteligencia_artificial/index.html 
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Inteligencia artificial</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="inteligencia_artificial"><a class="anchor" href="#inteligencia_artificial">¶</a>Inteligencia artificial</h1>
+<div class="date-created-modified">Created 2016-02-24<br>
+Modified 2016-03-05</div>
+<h2 id="índice"><a class="anchor" href="#índice">¶</a>Índice</h2>
+<ul>
+<li><a href="#qu%C3%A9_es">Qué es</a></li>
+<li><a href="#en_qu%C3%A9_consiste">En qué consiste</a></li>
+<li><a href="#l%C3%ADmites">Límites</a></li>
+<li><a href="#tipos_de_inteligencia_artificial">Tipos de inteligencia artificial</a></li>
+<li><a href="#aplicaciones_pr%C3%A1cticas">Aplicaciones prácticas</a></li>
+<li><a href="#implicaciones_%C3%A9ticas">Implicaciones éticas</a></li>
+<li><a href="#ejemplos">Ejemplos</a></li>
+<li><a href="#conceptos">Conceptos</a></li>
+<li><a href="#fuentes">Fuentes</a></li>
+</ul>
+<h2 id="qué_es"><a class="anchor" href="#qué_es">¶</a>Qué es</h2>
+<p>La inteligencia artificial es una rama apasionante que tiene su origen en la <strong>informática</strong> y se basa en el concepto de conseguir <em>emular</em><sup class="footnote-reference" id="r.1"><a href="#f.1">1</a></sup> al cerebro humano, mediante el desarrollo un programa que sea capaz de <strong>aprender y mejorar por sí sólo</strong> (normalmente bajo algún tipo de supervisión)</p>
+<p>Fue un concepto acuñado por <em>John McCarthy</em> en un congreso de informática de 1956, y desde entonces este campo ha crecido de manera exponencial con unas buenas previsiones de futuro.</p></p>
+<div class="image-container">
+<img src="human_progress_edge.svg" alt="Progreso humano en la inteligencia artificial" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p><em>Progreso humano en la inteligencia artificial. <a href="http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1">Fuente</a></em></p>
+<h2 id="en_qué_consiste"><a class="anchor" href="#en_qué_consiste">¶</a>En qué consiste</h2>
+<p>La inteligencia artificial no consiste en escribir unas pautas fijas y finitas al igual que hacen la gran mayoría de programas, en los cuales introduces unos datos y producen siempre la misma salida, una salida predecible, programada e invariable, que además, tiene sus límites, ya que si introduces datos para los que la aplicación no está programada, esta aplicación no será capaz de manejarlos. No los entenderá y no producirá ningún resultado.</p>
+<p>La inteligencia artificial consiste en dar un paso <strong>más allá</strong>. Una inteligencia artificial <em>entrenada</em> es capaz de manejar datos para los cuales no ha sido programada de manera explícita<sup class="footnote-reference" id="r.2"><a href="#f.2">2</a></sup></sup></p>
+<h2 id="límites"><a class="anchor" href="#límites">¶</a>Límites</h2>
+<p>Actualmente, la inteligencia artificial se ve limitada por la velocidad y capacidad de los dispositivos (ordenadores, teléfonos inteligentes).</p>
+<p>A día de hoy, ya hemos conseguido emular el cerebro de un gusano de un milímetro de longitud, que consiste de un total de trescientas dos neuronas. El <strong>cerebro humano</strong> contiene unas <strong>cien mil millones de neuronas</strong>.</p>
+<div class="image-container">
+<img src="exponential_grow.gif" alt="Progreso en la velocidad de los dispositivos" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p><em>Crecimiento en la velocidad de procesado de los dispositivos. <a href="http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1">Fuente</a></em></p>
+<p>Comparado con las neuronas de un cerebro humano (cuya velocidad<sup class="footnote-reference" id="r.3"><a href="#f.3">3</a></sup> máxima oscilan entre los 200Hz), los procesadores de hoy en día (mucho más lentos que los que tendremos dentro de algunos años) ya tienen una velocidad superior a los 2Ghz, es decir, <strong>10 millones de veces</strong> más rápidos que las neuronas. Y la comunicación interna del cerebro, que oscila entre los 120m/s, queda infinitamente distante de la velocidad de los ordenadores que se comunican de manera óptica a la <strong>velocidad de la luz</strong>.</p>
+<p>Además de todo esto, la capacidad de los dispositivos puede ser <strong>ampliada</strong>, a diferencia del cerebro que tiene un tamaño ya determinado. Y, por último, un procesador puede estar <strong>trabajando sin parar</strong> nunca, sin cansarse.</p></p>
+<!-- Boston dynamics artificial intelligence put some more examples, like Google or predicting models or big data, ocr -->
+<h2 id="tipos_de_inteligencia_artificial"><a class="anchor" href="#tipos_de_inteligencia_artificial">¶</a>Tipos de inteligencia artificial</h2>
+<h3 id="según_el_tipo_de_aprendizaje"><a class="anchor" href="#según_el_tipo_de_aprendizaje">¶</a>Según el tipo de aprendizaje</h3>
+<ul>
+<li><strong>Aprendizaje supervisado</strong>: se le presenta una entrada de datos y produce una salida de los datos procesados, y un &quot;tutor&quot; es el que determina si la salida es correcta o no.</li>
+<li><strong>Aprendizaje sin supervisar</strong>: se le presenta una entrada de datos sin presentarle ningún otro tipo de información, para que encuentre la estructura de los datos por sí sóla.</li>
+<li><strong>Aprendizaje por refuerzo</strong>: un ordenador interactua con un entorno variable en el que debe llevar a cabo una tarea concreta, sin que un tutor le indique cómo explícitamente.</li>
+</ul>
+<h3 id="según_la_forma_de_llevarlo_a_cabo_principales_métodos_"><a class="anchor" href="#según_la_forma_de_llevarlo_a_cabo_principales_métodos_">¶</a>Según la forma de llevarlo a cabo (principales métodos)</h3>
+<ul>
+<li>
+<p><strong>Aprendizaje por árbol de decisiones</strong>. Este aprendizaje usa un árbol de decisiones, que almacena observaciones y conclusiones.</p>
+<div class="image-container">
+<img src="decision_tree.svg" alt="Árbol de decisiones" />
+<div class="image-caption"></div>
+</div>
+<p>
+</li>
+<li>
+<p><strong>Aprendizaje por asociación de reglas</strong>. Utilizado para descubrir relaciones en grandes bases de datos<sup class="footnote-reference" id="r.4"><a href="#f.4">4</a></sup>.</p>
+</li>
+<li>
+<p><strong>Red neuronal artificial (RNA)</strong>. Inspirado en redes neuronales biológicas**. Los cálculos se estructuran en un grupo de neuronas artificiales interconectadas.</p>
+</li>
+<li>
+<p><strong>Programación lógica inductiva (PLI)</strong>. Se aproxima de manera hipotética, dado un transfondo lógico y una entrada, a una solución que no se le había presentado antes.</p>
+</li>
+<li>
+<p><strong>Máquinas de soporte vectorial (MSV)</strong>. Se usan para clasificar y problemas que necesitan de regresión<sup class="footnote-reference" id="r.5"><a href="#f.5">5</a></sup>. Dado una serie de ejemplos, una entrada será clasificada de una forma u otra.</p>
+</li>
+<li>
+<p><em><strong>Clustering</strong></em>. Este tipo de análisis consiste en asignar observaciones a ciertas subcategorías (denominadas <em>clústeres</em>), para que aquellas que están en el mismo <em>clúster</em> sean similares**. Este tipo de aprendizaje es una técnica común en análisis estadístico.</p>
+</li>
+<li>
+<p><strong>Redes bayesianas</strong>. Es un modelo probabilístico que organiza variables al azar según unas determinadas condiciones mediante un gráfico**. Un ejemplo de red bayesiana es el siguiente:</p>
+<div class="image-container">
+<img src="bayesian_network.svg" alt="Red bayesiana" />
+<div class="image-caption"></div>
+</div>
+<p>
+</li>
+<li>
+<p><strong>Algoritmos genéticos</strong>. Imita el proceso evolutivo de la selección natural, y usa métodos como la mutación para generar nuevos &quot;genotipos&quot; que, con algo de suerte, serán mejores en encontrar la solución correcta.</p>
+</li>
+</ul>
+<h2 id="aplicaciones_prácticas"><a class="anchor" href="#aplicaciones_prácticas">¶</a>Aplicaciones prácticas</h2>
+<p>La inteligencia artificial ya se encuentra desde hace algún tiempo entre nosotros, como por ejemplo el archiconocido <strong>buscador Google</strong>, que filtra los resultados más relevantes mediante una inteligencia artificial. Otros ejemplos son el reconocimiento de caracteres a partir de una foto, o incluso reconocimiento del habla con <strong>asistentes virtuales como Cortana o Siri</strong>, en los videojuegos, en bolsa, en los <strong>hospitales</strong>, industria pesada, transportes, juguetes, música, aviación, robótica, filtros anti-spam... y un largo etcétera.</p>
+<h2 id="implicaciones_éticas"><a class="anchor" href="#implicaciones_éticas">¶</a>Implicaciones éticas</h2>
+<p>Una vez tengamos la tecnología necesaria para recrear un cerebro humano, si enseñáramos a esta inteligencia artificial al igual que un humano, ¿llegaría a tener <strong>sentimientos</strong>? ¿Sería consciente de su existencia? ¿Podría sentir felicidad, alegría, tristeza, enfado? ¿Tendría <strong>creatividad</strong>? ¿Derecho a propiedad? Si la respuesta es que sí, y es la respuesta más lógica, significa que, en realidad, los sentimientos no son nada más que una manera de entender las cosas. No tienen valor por sí mismos. Seríamos capaces de recrearlos, y tendrían el mismo valor que un sentimiento humano, aunque esa inteligencia viviera dentro de un ordenador. Y acabar con esta inteligencia sería acabar con esta vida, <strong>una vida</strong> casi, por no decir enteramente, <strong>humana</strong>. Además, todo esto implicaría que todo comportamiento humano es predecible. Por último, si esta inteligencia es realmente como un humano, al utilizarla, ¿la estaríamos esclavizando al obligarla a trabajar para nosotros? ¿En qué momento dejaremos de llamarlos &quot;ordenadores&quot; y comenzaremos a tratarles como &quot;humanos&quot;? ¿Será la humanidad capaz de adaptarse al cambio?</p>
+<!-- ¿y si sólo somos cerebro y logramos recrearlo? ¿tendría sentimientos? -->
+<h2 id="ejemplos"><a class="anchor" href="#ejemplos">¶</a>Ejemplos</h2>
+<p>En el siguiente algorítmo genético podemos ver como una figura aprende a saltar, obedeciendo a las leyes físicas (ver en <a href="https://youtu.be/Gl3EjiVlz_4">YouTube</a>):</p>
+<iframe width="420" height="315" src="https://www.youtube.com/embed/Gl3EjiVlz_4" frameborder="0" allowfullscreen></iframe>
+<p>Por el contrario, en el siguiente ejemplo, un algorítmo genético aprende a &quot;luchar&quot; contra otra figura: (ver en <a href="https://youtu.be/u2t77mQmJiY">YouTube</a>):</p>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/u2t77mQmJiY" frameborder="0" allowfullscreen></iframe>
+<p>Estos cuatro increíbles ejemplos siguientes muestran un proceso evolutivo similar al sufrido por cualquier tipo de ser (ver en <a href="https://youtu.be/GOFws_hhZs8">YouTube</a>):</p>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/GOFws_hhZs8" frameborder="0" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/31dsH2Fs1IQ" frameborder="0" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/IVcvvqxtNwE" frameborder="0" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KrTbJUJsDSw" frameborder="0" allowfullscreen></iframe>
+<h2 id="conceptos"><a class="anchor" href="#conceptos">¶</a>Conceptos</h2>
+<p class="footnote" id="f.1"><sup>1</sup> <strong>Emular</strong>. Tratar de imitar un modelo, aproximarse a este. Copiar su comportamiento o incluso mejorarlo. <a href="#r.1">↩</a></p>
+
+<p class="footnote" id="f.2"><sup>2</sup> <strong>Explícito</strong>. Suceso que ocurre de manera previamente avisada de una forma directa, anticipado <em>sin rodeos</em>. <a href="#r.2">↩</a></p>
+
+<p class="footnote" id="f.3"><sup>3</sup> <strong>Velocidad (en hercios)</strong>. Número de cálculos realizados por segundo. Un procesador con una velocidad de 100Hz es capaz de realizar 100 cálculos por segundo. <a href="#r.3">↩</a></p>
+
+<p class="footnote" id="f.4"><sup>4</sup> <strong>Base de datos</strong>. Lugar en el que se almacena de manera estructurada una información, como por ejemplo un censo que indique el nombre de las personas, sus apellidos, edad, etcétera. <a href="#r.4">↩</a></p>
+
+<p class="footnote" id="f.5"><sup>5</sup> <strong>Regresión</strong>. Las pruebas de regresión consisten en someter a un programa a una serie de pruebas para descubrir fallos en este cometidos accidentalmente con anterioridad en versiones anteriores. <a href="#r.5">↩</a></p>
+
+<h2 id="fuentes"><a class="anchor" href="#fuentes">¶</a>Fuentes</h2>
+<ul>
+<li><a href="http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1">Evolución de la inteligencia artificial - Wait but why</a></li>
+<li><a href="https://en.wikipedia.org/wiki/Machine_learning"><em>Machine learning</em> - Wikipedia</a></li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/a-practical-example-with-hadoop/index.html 
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>A practical example with Hadoop</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>In our <a href="/blog/mdad/introduction-to-hadoop-and-its-mapreduce/">previous Hadoop post</a>, we learnt what it is, how it originated, and how it works, from a theoretical standpoint. Here we will instead focus on a more practical example with Hadoop.</p>
+<div class="date-created-modified">Created 2020-03-30<br>
+Modified 2020-04-18</div>
+<p>This post will reproduce the example on Chapter 2 of the book <a href="http://www.hadoopbook.com/">Hadoop: The Definitive Guide, Fourth Edition</a> (<a href="http://grut-computing.com/HadoopBook.pdf">pdf,</a><a href="http://www.hadoopbook.com/code.html">code</a>), that is, finding the maximum global-wide temperature for a given year.</p>
+<h2 class="title" id="installation"><a class="anchor" href="#installation">¶</a>Installation</h2>
+<p>Before running any piece of software, its executable code must first be downloaded into our computers so that we can run it. Head over to <a href="http://hadoop.apache.org/releases.html">Apache Hadoop’s releases</a> and download the <a href="https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz">latest binary version</a> at the time of writing (3.2.1).</p>
+<p>We will be using the <a href="https://linuxmint.com/">Linux Mint</a> distribution because I love its simplicity, although the process shown here should work just fine on any similar Linux distribution such as <a href="https://ubuntu.com/">Ubuntu</a>.</p>
+<p>Once the archive download is complete, extract it with any tool of your choice (graphical or using the terminal) and execute it. Make sure you have a version of Java installed, such as <a href="https://openjdk.java.net/">OpenJDK</a>.</p>
+<p>Here are all the three steps in the command line:</p>
+<pre><code>wget https://apache.brunneis.com/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz
+tar xf hadoop-3.2.1.tar.gz
+hadoop-3.2.1/bin/hadoop version
+</code></pre>
+<p>We will be using the two example data files that they provide in <a href="https://github.com/tomwhite/hadoop-book/tree/master/input/ncdc/all">their GitHub repository</a>, although the full dataset is offered by the <a href="https://www.ncdc.noaa.gov/">National Climatic Data Center</a> (NCDC).</p>
+<p>We will also unzip and concatenate both files into a single text file, to make it easier to work with. As a single command pipeline:</p>
+<pre><code>curl https://raw.githubusercontent.com/tomwhite/hadoop-book/master/input/ncdc/all/190{1,2}.gz | gunzip &gt; 190x
+</code></pre>
+<p>This should create a <code>190x</code> text file in the current directory, which will be our input data.</p>
+<h2 id="processing_data"><a class="anchor" href="#processing_data">¶</a>Processing data</h2>
+<p>To take advantage of Hadoop, we have to design our code to work in the MapReduce model. Both the map and reduce phase work on key-value pairs as input and output, and both have a programmer-defined function.</p>
+<p>We will use Java, because it’s a dependency that we already have anyway, so might as well.</p>
+<p>Our map function needs to extract the year and air temperature, which will prepare the data for later use (finding the maximum temperature for each year). We will also drop bad records here (if the temperature is missing, suspect or erroneous).</p>
+<p>Copy or reproduce the following code in a file called <code>MaxTempMapper.java</code>, using any text editor of your choice:</p>
+<pre><code>import java.io.IOException;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.LongWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Mapper;
+
+public class MaxTempMapper extends Mapper&lt;LongWritable, Text, Text, IntWritable&gt; {
+    private static final int TEMP_MISSING = 9999;
+    private static final String GOOD_QUALITY_RE = &quot;[01459]&quot;;
+
+    @Override
+    public void map(LongWritable key, Text value, Context context)
+            throws IOException, InterruptedException {
+        String line = value.toString();
+        String year = line.substring(15, 19);
+        String temp = line.substring(87, 92).replaceAll(&quot;^\\+&quot;, &quot;&quot;);
+        String quality = line.substring(92, 93);
+
+        int airTemperature = Integer.parseInt(temp);
+        if (airTemperature != TEMP_MISSING &amp;&amp; quality.matches(GOOD_QUALITY_RE)) {
+            context.write(new Text(year), new IntWritable(airTemperature));
+        }
+    }
+}
+</code></pre>
+<p>Now, let’s create the <code>MaxTempReducer.java</code> file. Its job is to reduce the data from multiple values into just one. We do that by keeping the maximum out of all the values we receive:</p>
+<pre><code>import java.io.IOException;
+import java.util.Iterator;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Reducer;
+
+public class MaxTempReducer extends Reducer&lt;Text, IntWritable, Text, IntWritable&gt; {
+    @Override
+    public void reduce(Text key, Iterable&lt;IntWritable&gt; values, Context context)
+            throws IOException, InterruptedException {
+        Iterator&lt;IntWritable&gt; iter = values.iterator();
+        if (iter.hasNext()) {
+            int maxValue = iter.next().get();
+            while (iter.hasNext()) {
+                maxValue = Math.max(maxValue, iter.next().get());
+            }
+            context.write(key, new IntWritable(maxValue));
+        }
+    }
+}
+</code></pre>
+<p>Except for some Java weirdness (…why can’t we just iterate over an <code>Iterator</code>? Or why can’t we just manually call <code>next()</code> on an <code>Iterable</code>?), our code is correct. There can’t be a maximum if there are no elements, and we want to avoid dummy values such as <code>Integer.MIN_VALUE</code>.</p>
+<p>We can also take a moment to appreciate how absolutely tiny this code is, and it’s Java! Hadoop’s API is really awesome and lets us write such concise code to achieve what we need.</p>
+<p>Last, let’s write the <code>main</code> method, or else we won’t be able to run it. In our new file <code>MaxTemp.java</code>:</p>
+<pre><code>import org.apache.hadoop.fs.Path;
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Job;
+import org.apache.hadoop.mapreduce.lib.input.FileInputFormat;
+import org.apache.hadoop.mapreduce.lib.output.FileOutputFormat;
+
+public class MaxTemp {
+    public static void main(String[] args) throws Exception {
+        if (args.length != 2) {
+            System.err.println(&quot;usage: java MaxTemp &lt;input path&gt; &lt;output path&gt;&quot;);
+            System.exit(-1);
+        }
+
+        Job job = Job.getInstance();
+
+        job.setJobName(&quot;Max temperature&quot;);
+        job.setJarByClass(MaxTemp.class);
+        job.setMapperClass(MaxTempMapper.class);
+        job.setReducerClass(MaxTempReducer.class);
+        job.setOutputKeyClass(Text.class);
+        job.setOutputValueClass(IntWritable.class);
+
+        FileInputFormat.addInputPath(job, new Path(args[0]));
+        FileOutputFormat.setOutputPath(job, new Path(args[1]));
+
+        boolean result = job.waitForCompletion(true);
+
+        System.exit(result ? 0 : 1);
+    }
+}
+</code></pre>
+<p>And compile by including the required <code>.jar</code> dependencies in Java’s classpath with the <code>-cp</code> switch:</p>
+<pre><code>javac -cp &quot;hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/mapreduce/*&quot; *.java
+</code></pre>
+<p>At last, we can run it (also specifying the dependencies in the classpath, this one’s a mouthful):</p>
+<pre><code>java -cp &quot;.:hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/common/lib/*:hadoop-3.2.1/share/hadoop/mapreduce/*:hadoop-3.2.1/share/hadoop/mapreduce/lib/*:hadoop-3.2.1/share/hadoop/yarn/*:hadoop-3.2.1/share/hadoop/yarn/lib/*:hadoop-3.2.1/share/hadoop/hdfs/*:hadoop-3.2.1/share/hadoop/hdfs/lib/*&quot; MaxTemp 190x results
+</code></pre>
+<p>Hooray! We should have a new <code>results/</code> folder along with the following files:</p>
+<pre><code>$ ls results
+part-r-00000  _SUCCESS
+$ cat results/part-r-00000 
+1901	317
+1902	244
+</code></pre>
+<p>It worked! Now this example was obviously tiny, but hopefully enough to demonstrate how to get the basics running on real world data.</p>
+</main>
+</body>
+</html>
+
A blog/mdad/atom.xml 
@@ -0,0 +1,1642 @@
+<feed xmlns="http://www.w3.org/2005/Atom"><title>pagong</title><id>pagong</id><updated>2020-07-02T22:00:00+00:00</updated><entry><title>Data Mining and Data Warehousing</title><id>dist/index/index.html</id><updated>2020-07-02T22:00:00+00:00</updated><published>2020-07-02T22:00:00+00:00</published><summary>During 2020 at university, this subject ("Minería de Datos y Almacenes de Datos") had us write</summary><content type="html" src="dist/index/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Data Mining and Data Warehousing&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;data_mining_and_data_warehousing&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#data_mining_and_data_warehousing&quot;&gt;¶&lt;/a&gt;Data Mining and Data Warehousing&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2020-07-03&lt;/div&gt;
+&lt;p&gt;During 2020 at university, this subject (&amp;quot;Minería de Datos y Almacenes de Datos&amp;quot;) had us write
+blog posts as assignments. I think it would be really fun and I wanted to preserve that work
+here, with the hopes it's interesting to someone.&lt;/p&gt;
+&lt;p&gt;The posts were auto-generated from the original HTML files and manually anonymized later.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Privado: Final NoSQL evaluation</title><id>dist/final-nosql-evaluation/index.html</id><updated>2020-05-13T22:00:00+00:00</updated><published>2020-05-12T22:00:00+00:00</published><summary>This evaluation is a bit different to my </summary><content type="html" src="dist/final-nosql-evaluation/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Privado: Final NoSQL evaluation&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This evaluation is a bit different to my &lt;a href=&quot;/blog/mdad/nosql-evaluation/&quot;&gt;previous one&lt;/a&gt; because this time I have been tasked to evaluate student &lt;code&gt;a(i - 2)&lt;/code&gt;, and because I am &lt;code&gt;i = 11&lt;/code&gt; that happens to be &lt;code&gt;a(9) =&lt;/code&gt; a classmate.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-05-13&lt;br&gt;
+Modified 2020-05-14&lt;/div&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;classmate_s_evaluation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation&quot;&gt;¶&lt;/a&gt;Classmate’s Evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: A.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;The post I have evaluated is Trabajo en grupo – Bases de datos NoSQL, 3ª entrada: Aplicación con una Base de datos NoSQL seleccionada.&lt;/p&gt;
+&lt;p&gt;It starts with a very brief introduction with who has written the post, what data they will be using, and what database they have chosen.&lt;/p&gt;
+&lt;p&gt;They properly describe their objective, how they will do it and what library will be used.&lt;/p&gt;
+&lt;p&gt;They also explain where they obtain the data from, and what other things the site can do, which is a nice bonus.&lt;/p&gt;
+&lt;p&gt;The post continues listing and briefly explaining all the tools used and what they are for, including commands to execute.&lt;/p&gt;
+&lt;p&gt;At last, they list what files their project uses, what they do, and contains a showcase of images which lets the reader know what the application does.&lt;/p&gt;
+&lt;p&gt;All in all, in my opinion, it’s clear they have put work into this entry and I have not noticed any major flaws, so they deserve the highest grade.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>A practical example with Hadoop</title><id>dist/a-practical-example-with-hadoop/index.html</id><updated>2020-04-17T22:00:00+00:00</updated><published>2020-03-29T22:00:00+00:00</published><summary>In our </summary><content type="html" src="dist/a-practical-example-with-hadoop/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;A practical example with Hadoop&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;In our &lt;a href=&quot;/blog/mdad/introduction-to-hadoop-and-its-mapreduce/&quot;&gt;previous Hadoop post&lt;/a&gt;, we learnt what it is, how it originated, and how it works, from a theoretical standpoint. Here we will instead focus on a more practical example with Hadoop.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-30&lt;br&gt;
+Modified 2020-04-18&lt;/div&gt;
+&lt;p&gt;This post will reproduce the example on Chapter 2 of the book &lt;a href=&quot;http://www.hadoopbook.com/&quot;&gt;Hadoop: The Definitive Guide, Fourth Edition&lt;/a&gt; (&lt;a href=&quot;http://grut-computing.com/HadoopBook.pdf&quot;&gt;pdf,&lt;/a&gt;&lt;a href=&quot;http://www.hadoopbook.com/code.html&quot;&gt;code&lt;/a&gt;), that is, finding the maximum global-wide temperature for a given year.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;installation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#installation&quot;&gt;¶&lt;/a&gt;Installation&lt;/h2&gt;
+&lt;p&gt;Before running any piece of software, its executable code must first be downloaded into our computers so that we can run it. Head over to &lt;a href=&quot;http://hadoop.apache.org/releases.html&quot;&gt;Apache Hadoop’s releases&lt;/a&gt; and download the &lt;a href=&quot;https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz&quot;&gt;latest binary version&lt;/a&gt; at the time of writing (3.2.1).&lt;/p&gt;
+&lt;p&gt;We will be using the &lt;a href=&quot;https://linuxmint.com/&quot;&gt;Linux Mint&lt;/a&gt; distribution because I love its simplicity, although the process shown here should work just fine on any similar Linux distribution such as &lt;a href=&quot;https://ubuntu.com/&quot;&gt;Ubuntu&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;Once the archive download is complete, extract it with any tool of your choice (graphical or using the terminal) and execute it. Make sure you have a version of Java installed, such as &lt;a href=&quot;https://openjdk.java.net/&quot;&gt;OpenJDK&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;Here are all the three steps in the command line:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;wget https://apache.brunneis.com/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz
+tar xf hadoop-3.2.1.tar.gz
+hadoop-3.2.1/bin/hadoop version
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;We will be using the two example data files that they provide in &lt;a href=&quot;https://github.com/tomwhite/hadoop-book/tree/master/input/ncdc/all&quot;&gt;their GitHub repository&lt;/a&gt;, although the full dataset is offered by the &lt;a href=&quot;https://www.ncdc.noaa.gov/&quot;&gt;National Climatic Data Center&lt;/a&gt; (NCDC).&lt;/p&gt;
+&lt;p&gt;We will also unzip and concatenate both files into a single text file, to make it easier to work with. As a single command pipeline:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;curl https://raw.githubusercontent.com/tomwhite/hadoop-book/master/input/ncdc/all/190{1,2}.gz | gunzip &amp;gt; 190x
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This should create a &lt;code&gt;190x&lt;/code&gt; text file in the current directory, which will be our input data.&lt;/p&gt;
+&lt;h2 id=&quot;processing_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#processing_data&quot;&gt;¶&lt;/a&gt;Processing data&lt;/h2&gt;
+&lt;p&gt;To take advantage of Hadoop, we have to design our code to work in the MapReduce model. Both the map and reduce phase work on key-value pairs as input and output, and both have a programmer-defined function.&lt;/p&gt;
+&lt;p&gt;We will use Java, because it’s a dependency that we already have anyway, so might as well.&lt;/p&gt;
+&lt;p&gt;Our map function needs to extract the year and air temperature, which will prepare the data for later use (finding the maximum temperature for each year). We will also drop bad records here (if the temperature is missing, suspect or erroneous).&lt;/p&gt;
+&lt;p&gt;Copy or reproduce the following code in a file called &lt;code&gt;MaxTempMapper.java&lt;/code&gt;, using any text editor of your choice:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import java.io.IOException;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.LongWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Mapper;
+
+public class MaxTempMapper extends Mapper&amp;lt;LongWritable, Text, Text, IntWritable&amp;gt; {
+    private static final int TEMP_MISSING = 9999;
+    private static final String GOOD_QUALITY_RE = &amp;quot;[01459]&amp;quot;;
+
+    @Override
+    public void map(LongWritable key, Text value, Context context)
+            throws IOException, InterruptedException {
+        String line = value.toString();
+        String year = line.substring(15, 19);
+        String temp = line.substring(87, 92).replaceAll(&amp;quot;^\\+&amp;quot;, &amp;quot;&amp;quot;);
+        String quality = line.substring(92, 93);
+
+        int airTemperature = Integer.parseInt(temp);
+        if (airTemperature != TEMP_MISSING &amp;amp;&amp;amp; quality.matches(GOOD_QUALITY_RE)) {
+            context.write(new Text(year), new IntWritable(airTemperature));
+        }
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Now, let’s create the &lt;code&gt;MaxTempReducer.java&lt;/code&gt; file. Its job is to reduce the data from multiple values into just one. We do that by keeping the maximum out of all the values we receive:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import java.io.IOException;
+import java.util.Iterator;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Reducer;
+
+public class MaxTempReducer extends Reducer&amp;lt;Text, IntWritable, Text, IntWritable&amp;gt; {
+    @Override
+    public void reduce(Text key, Iterable&amp;lt;IntWritable&amp;gt; values, Context context)
+            throws IOException, InterruptedException {
+        Iterator&amp;lt;IntWritable&amp;gt; iter = values.iterator();
+        if (iter.hasNext()) {
+            int maxValue = iter.next().get();
+            while (iter.hasNext()) {
+                maxValue = Math.max(maxValue, iter.next().get());
+            }
+            context.write(key, new IntWritable(maxValue));
+        }
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Except for some Java weirdness (…why can’t we just iterate over an &lt;code&gt;Iterator&lt;/code&gt;? Or why can’t we just manually call &lt;code&gt;next()&lt;/code&gt; on an &lt;code&gt;Iterable&lt;/code&gt;?), our code is correct. There can’t be a maximum if there are no elements, and we want to avoid dummy values such as &lt;code&gt;Integer.MIN_VALUE&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;We can also take a moment to appreciate how absolutely tiny this code is, and it’s Java! Hadoop’s API is really awesome and lets us write such concise code to achieve what we need.&lt;/p&gt;
+&lt;p&gt;Last, let’s write the &lt;code&gt;main&lt;/code&gt; method, or else we won’t be able to run it. In our new file &lt;code&gt;MaxTemp.java&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import org.apache.hadoop.fs.Path;
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Job;
+import org.apache.hadoop.mapreduce.lib.input.FileInputFormat;
+import org.apache.hadoop.mapreduce.lib.output.FileOutputFormat;
+
+public class MaxTemp {
+    public static void main(String[] args) throws Exception {
+        if (args.length != 2) {
+            System.err.println(&amp;quot;usage: java MaxTemp &amp;lt;input path&amp;gt; &amp;lt;output path&amp;gt;&amp;quot;);
+            System.exit(-1);
+        }
+
+        Job job = Job.getInstance();
+
+        job.setJobName(&amp;quot;Max temperature&amp;quot;);
+        job.setJarByClass(MaxTemp.class);
+        job.setMapperClass(MaxTempMapper.class);
+        job.setReducerClass(MaxTempReducer.class);
+        job.setOutputKeyClass(Text.class);
+        job.setOutputValueClass(IntWritable.class);
+
+        FileInputFormat.addInputPath(job, new Path(args[0]));
+        FileOutputFormat.setOutputPath(job, new Path(args[1]));
+
+        boolean result = job.waitForCompletion(true);
+
+        System.exit(result ? 0 : 1);
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;And compile by including the required &lt;code&gt;.jar&lt;/code&gt; dependencies in Java’s classpath with the &lt;code&gt;-cp&lt;/code&gt; switch:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;javac -cp &amp;quot;hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/mapreduce/*&amp;quot; *.java
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;At last, we can run it (also specifying the dependencies in the classpath, this one’s a mouthful):&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;java -cp &amp;quot;.:hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/common/lib/*:hadoop-3.2.1/share/hadoop/mapreduce/*:hadoop-3.2.1/share/hadoop/mapreduce/lib/*:hadoop-3.2.1/share/hadoop/yarn/*:hadoop-3.2.1/share/hadoop/yarn/lib/*:hadoop-3.2.1/share/hadoop/hdfs/*:hadoop-3.2.1/share/hadoop/hdfs/lib/*&amp;quot; MaxTemp 190x results
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Hooray! We should have a new &lt;code&gt;results/&lt;/code&gt; folder along with the following files:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ ls results
+part-r-00000  _SUCCESS
+$ cat results/part-r-00000 
+1901	317
+1902	244
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;It worked! Now this example was obviously tiny, but hopefully enough to demonstrate how to get the basics running on real world data.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Developing a Python application for Cassandra</title><id>dist/developing-a-python-application-for-cassandra/index.html</id><updated>2020-04-15T22:00:00+00:00</updated><published>2020-03-22T23:00:00+00:00</published><summary>Warning</summary><content type="html" src="dist/developing-a-python-application-for-cassandra/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Developing a Python application for Cassandra&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;&lt;em&gt;&lt;strong&gt;Warning&lt;/strong&gt;: this post is, in fact, a shameless self-plug to my own library. If you continue reading, you accept that you are okay with this. Otherwise, please close the tab, shut down your computer, and set it on fire.__(Also, that was a joke. Please don’t do that.)&lt;/em&gt;&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-23&lt;br&gt;
+Modified 2020-04-16&lt;/div&gt;
+&lt;p&gt;Let’s do some programming! Today we will be making a tiny CLI application in &lt;a href=&quot;http://python.org/&quot;&gt;Python&lt;/a&gt; that queries &lt;a href=&quot;https://core.telegram.org/api&quot;&gt;Telegram’s API&lt;/a&gt; and stores the data in &lt;a href=&quot;http://cassandra.apache.org/&quot;&gt;Cassandra&lt;/a&gt;.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;our_goal&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#our_goal&quot;&gt;¶&lt;/a&gt;Our goal&lt;/h2&gt;
+&lt;p&gt;Our goal is to make a Python console application. This application will connect to &lt;a href=&quot;https://telegram.org/&quot;&gt;Telegram&lt;/a&gt;, and ask for your account credentials. Once you have logged in, the application will fetch all of your open conversations and we will store these in Cassandra.&lt;/p&gt;
+&lt;p&gt;With the data saved in Cassandra, we can now very efficiently query information about your conversations given their identifier offline (no need to query Telegram anymore).&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;In short&lt;/strong&gt;, we are making an application that performs efficient offline queries to Cassandra to print out information about your Telegram conversations given the ID you want to query.&lt;/p&gt;
+&lt;h2 id=&quot;data_model&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#data_model&quot;&gt;¶&lt;/a&gt;Data model&lt;/h2&gt;
+&lt;p&gt;The application itself is really simple, and we only need one table to store all the relevant information we will be needing. This table called &lt;code&gt;**users**&lt;/code&gt; will contain the following columns:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;**id**&lt;/code&gt;, of type &lt;code&gt;int&lt;/code&gt;. This will also be the &lt;code&gt;primary key&lt;/code&gt; and we’ll use it to query the database later on.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;**first_name**&lt;/code&gt;, of type &lt;code&gt;varchar&lt;/code&gt;. This field contains the first name of the stored user.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;**last_name**&lt;/code&gt;, of type &lt;code&gt;varchar&lt;/code&gt;. This field contains the last name of the stored user.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;**username**&lt;/code&gt;, of type &lt;code&gt;varchar&lt;/code&gt;. This field contains the username of the stored user.
+Because Cassandra uses a &lt;a href=&quot;https://cassandra.apache.org/doc/latest/architecture/overview.html&quot;&gt;wide column storage model&lt;/a&gt;, direct access through a key is the most efficient way to query the database. In our case, the key is the primary key of the &lt;code&gt;users&lt;/code&gt; table, using the &lt;code&gt;id&lt;/code&gt; column. The index for the primary key is ready to be used as soon as we create the table, so we don’t need to create it on our own.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;dependencies&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#dependencies&quot;&gt;¶&lt;/a&gt;Dependencies&lt;/h2&gt;
+&lt;p&gt;Because we will program it in Python, you need Python installed. You can install it using a package manager of your choice or heading over to the &lt;a href=&quot;https://www.python.org/downloads/&quot;&gt;Python downloads section&lt;/a&gt;, but if you’re on Linux, chances are you have it installed already.&lt;/p&gt;
+&lt;p&gt;Once Python 3.5 or above is installed, get a copy of the Cassandra driver for Python and Telethon through &lt;code&gt;pip&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;pip install cassandra-driver telethon
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;For more details on that, see the &lt;a href=&quot;https://docs.datastax.com/en/developer/python-driver/3.22/installation/&quot;&gt;installation guide for &lt;code&gt;cassandra-driver&lt;/code&gt;&lt;/a&gt;, or the &lt;a href=&quot;https://docs.telethon.dev/en/latest/basic/installation.html&quot;&gt;installation guide for &lt;code&gt;telethon&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;As we did in our &lt;a href=&quot;/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/&quot;&gt;previous post&lt;/a&gt;, we will setup a new keyspace for this application with &lt;code&gt;cqlsh&lt;/code&gt;. We will also create a table to store the users into. This could all be automated in the Python code, but because it’s a one-time thing, we prefer to use &lt;code&gt;cqlsh&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Make sure that Cassandra is running in the background. We can’t make queries to it if it’s not running.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ bin/cqlsh
+Connected to Test Cluster at 127.0.0.1:9042.
+[cqlsh 5.0.1 | Cassandra 3.11.6 | CQL spec 3.4.4 | Native protocol v4]
+Use HELP for help.
+cqlsh&amp;gt; create keyspace mdad with replication = {'class': 'SimpleStrategy', 'replication_factor': 3};
+cqlsh&amp;gt; use mdad;
+cqlsh:mdad&amp;gt; create table users(id int primary key, first_name varchar, last_name varchar, username varchar);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Python installed? Check. Python dependencies? Check. Cassandra ready? Check.&lt;/p&gt;
+&lt;h2 id=&quot;the_code&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#the_code&quot;&gt;¶&lt;/a&gt;The code&lt;/h2&gt;
+&lt;h3 id=&quot;getting_users&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#getting_users&quot;&gt;¶&lt;/a&gt;Getting users&lt;/h3&gt;
+&lt;p&gt;The first step is connecting to &lt;a href=&quot;https://core.telegram.org/api&quot;&gt;Telegram’s API&lt;/a&gt;, for which we’ll use &lt;a href=&quot;https://telethon.dev/&quot;&gt;Telethon&lt;/a&gt;, a wonderful (wink, wink) Python library to interface with it.&lt;/p&gt;
+&lt;p&gt;As with most APIs, we need to supply &lt;a href=&quot;https://my.telegram.org/&quot;&gt;our API key&lt;/a&gt; in order to use it (here &lt;code&gt;API_ID&lt;/code&gt; and &lt;code&gt;API_HASH&lt;/code&gt;). We will refer to them as constants. At the end, you may download the entire code and use my own key for this example. But please don’t use those values for your other applications!&lt;/p&gt;
+&lt;p&gt;It’s pretty simple: we create a client, and for every dialog (that is, open conversation) we have, do some checks:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;If it’s an user, we just store that in a dictionary mapping &lt;code&gt;ID → User&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;Else if it’s a group, we iterate over the participants and store those users instead.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code&gt;async def load_users():
+    from telethon import TelegramClient
+
+    users = {}
+
+    async with TelegramClient(SESSION, API_ID, API_HASH) as client:
+        async for dialog in client.iter_dialogs():
+            if dialog.is_user:
+                user = dialog.entity
+                users[user.id] = user
+                print('found user:', user.id, file=sys.stderr)
+
+            elif dialog.is_group:
+                async for user in client.iter_participants(dialog):
+                    users[user.id] = user
+                    print('found member:', user.id, file=sys.stderr)
+
+    return list(users.values())
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;With this we have a mapping ID to user, so we know we won’t have duplicates. We simply return the list of user values, because that’s all we care about.&lt;/p&gt;
+&lt;h3 id=&quot;saving_users&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#saving_users&quot;&gt;¶&lt;/a&gt;Saving users&lt;/h3&gt;
+&lt;p&gt;Inserting users into Cassandra is pretty straightforward. We take the list of &lt;code&gt;User&lt;/code&gt; objects as input, and prepare a new &lt;code&gt;INSERT&lt;/code&gt; statement that we can reuse (because we will be using it in a loop, this is the best way to do it).&lt;/p&gt;
+&lt;p&gt;For each user, execute the statement with the user data as input parameters. Simple as that.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def save_users(session, users):
+    insert_stmt = session.prepare(
+        'INSERT INTO users (id, first_name, last_name, username) ' 
+        'VALUES (?, ?, ?, ?)')
+
+    for user in users:
+        row = (user.id, user.first_name, user.last_name, user.username)
+        session.execute(insert_stmt, row)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;fetching_users&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#fetching_users&quot;&gt;¶&lt;/a&gt;Fetching users&lt;/h3&gt;
+&lt;p&gt;Given a list of users, yield all of them from the database. Similar to before, we prepare a &lt;code&gt;SELECT&lt;/code&gt; statement and just execute it repeatedly over the input user IDs.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def fetch_users(session, users):
+    select_stmt = session.prepare('SELECT * FROM users WHERE id = ?')
+
+    for user_id in users:
+        yield session.execute(select_stmt, (user_id,)).one()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;parsing_arguments&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#parsing_arguments&quot;&gt;¶&lt;/a&gt;Parsing arguments&lt;/h3&gt;
+&lt;p&gt;We’ll be making a little CLI application, so we need to parse console arguments. It won’t be anything fancy, though. For that we’ll be using &lt;a href=&quot;https://docs.python.org/3/library/argparse.html&quot;&gt;Python’s &lt;code&gt;argparse&lt;/code&gt; module&lt;/a&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def parse_args():
+    import argparse
+
+    parser = argparse.ArgumentParser(
+        description='Dump and query Telegram users')
+
+    parser.add_argument('users', type=int, nargs='*',
+        help='one or more user IDs to query for')
+
+    parser.add_argument('--load-users', action='store_true',
+        help='load users from Telegram (do this first run)')
+
+    return parser.parse_args()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;all_together&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#all_together&quot;&gt;¶&lt;/a&gt;All together&lt;/h3&gt;
+&lt;p&gt;Last, the entry point. We import a Cassandra Cluster, and connect to some default keyspace (we called it &lt;code&gt;mdad&lt;/code&gt; earlier).&lt;/p&gt;
+&lt;p&gt;If the user wants to load the users into the database, we’ll do just that first.&lt;/p&gt;
+&lt;p&gt;Then, for each user we fetch from the database, we print it. Last names and usernames are optional, so don’t print those if they’re missing (&lt;code&gt;None&lt;/code&gt;).&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;async def main(args):
+    from cassandra.cluster import Cluster
+
+    cluster = Cluster(CLUSTER_NODES)
+    session = cluster.connect(KEYSPACE)
+
+    if args.load_users:
+        users = await load_users()
+        save_users(session, users)
+
+    for user in fetch_users(session, args.users):
+        print('User', user.id, ':')
+        print('  First name:', user.first_name)
+        if user.last_name:
+            print('  Last name:', user.last_name)
+        if user.username:
+            print('  Username:', user.username)
+
+        print()
+
+if __name__ == '__main__':
+    asyncio.run(main(parse_args()))
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Because Telethon is an &lt;code&gt;[asyncio](https://docs.python.org/3/library/asyncio.html)&lt;/code&gt; library, we define it as &lt;code&gt;async def main(...)&lt;/code&gt; and run it with &lt;code&gt;asyncio.run(main(...))&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Here’s what it looks like in action:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ python data.py --help
+usage: data.py [-h] [--load-users] [users [users ...]]
+
+Dump and query Telegram users
+
+positional arguments:
+  users         one or more user IDs to query for
+
+optional arguments:
+  -h, --help    show this help message and exit
+  --load-users  load users from Telegram (do this first run)
+
+$ python data.py --load-users
+found user: 487158
+found member: 59794114
+found member: 487158
+found member: 191045991
+(...a lot more output)
+
+$ python data.py 487158 59794114
+User 487158 :
+  First name: Rick
+  Last name: Pickle
+
+User 59794114 :
+  Firt name: Peter
+  Username: pete
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Telegram’s data now persists in Cassandra, and we can efficiently query it whenever we need to! I would’ve shown a video presenting its usage, but I’m afraid that would leak some of the data I want to keep private :-).&lt;/p&gt;
+&lt;p&gt;Feel free to download the code and try it yourself:&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;download removed&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://docs.datastax.com/en/developer/python-driver/3.22/getting_started/&quot;&gt;DataStax Python Driver for Apache Cassandra – Getting Started&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://docs.telethon.dev/en/latest/&quot;&gt;Telethon’s Documentation&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Introduction to Hadoop and its MapReduce</title><id>dist/introduction-to-hadoop-and-its-mapreduce/index.html</id><updated>2020-03-31T22:00:00+00:00</updated><published>2020-03-29T22:00:00+00:00</published><summary>Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.</summary><content type="html" src="dist/introduction-to-hadoop-and-its-mapreduce/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Introduction to Hadoop and its MapReduce&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-30&lt;br&gt;
+Modified 2020-04-01&lt;/div&gt;
+&lt;p&gt;Hadoop also offers a distributed filesystem (HDFS) enabling for fast transfer among nodes, and a way to program with MapReduce.&lt;/p&gt;
+&lt;p&gt;It aims to strive for the 4 V’s: Volume, Variety, Veracity and Velocity. For veracity, it is a secure environment that can be trusted.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;milestones&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#milestones&quot;&gt;¶&lt;/a&gt;Milestones&lt;/h2&gt;
+&lt;p&gt;The creators of Hadoop are Doug Cutting and Mike Cafarella, who just wanted to design a search engine, Nutch, and quickly found the problems of dealing with large amounts of data. They found their solution with the papers Google published.&lt;/p&gt;
+&lt;p&gt;The name comes from the plush of Cutting’s child, a yellow elephant.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;In July 2005, Nutch used GFS to perform MapReduce operations.&lt;/li&gt;
+&lt;li&gt;In February 2006, Nutch started a Lucene subproject which led to Hadoop.&lt;/li&gt;
+&lt;li&gt;In April 2007, Yahoo used Hadoop in a 1 000-node cluster.&lt;/li&gt;
+&lt;li&gt;In January 2008, Apache took over and made Hadoop a top-level project.&lt;/li&gt;
+&lt;li&gt;In July 2008, Apache tested a 4000-node cluster. The performance was the fastest compared to other technologies that year.&lt;/li&gt;
+&lt;li&gt;In May 2009, Hadoop sorted a petabyte of data in 17 hours.&lt;/li&gt;
+&lt;li&gt;In December 2011, Hadoop reached 1.0.&lt;/li&gt;
+&lt;li&gt;In May 2012, Hadoop 2.0 was released with the addition of YARN (Yet Another Resource Navigator) on top of HDFS, splitting MapReduce and other processes into separate components, greatly improving the fault tolerance.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;From here onwards, many other alternatives have born, like Spark, Hive &amp;amp; Drill, Kafka, HBase, built around the Hadoop ecosystem.&lt;/p&gt;
+&lt;p&gt;As of 2017, Amazon has clusters between 1 and 100 nodes, Yahoo has over 100 000 CPUs running Hadoop, AOL has clusters with 50 machines, and Facebook has a 320-machine (2 560 cores) and 1.3PB of raw storage.&lt;/p&gt;
+&lt;h2 id=&quot;why_not_use_rdbms_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#why_not_use_rdbms_&quot;&gt;¶&lt;/a&gt;Why not use RDBMS?&lt;/h2&gt;
+&lt;p&gt;Relational database management systems simply cannot scale horizontally, and vertical scaling will require very expensive servers. Similar to RDBMS, Hadoop has a notion of jobs (analogous to transactions), but without ACID or concurrency control. Hadoop supports any form of data (unstructured or semi-structured) in read-only mode, and failures are common but there’s a simple yet efficient fault tolerance.&lt;/p&gt;
+&lt;p&gt;So what problems does Hadoop solve? It solves the way we should think about problems, and distributing them, which is key to do anything related with BigData nowadays. We start working with clusters of nodes, and coordinating the jobs between them. Hadoop’s API makes this really easy.&lt;/p&gt;
+&lt;p&gt;Hadoop also takes very seriously the loss of data with replication, and if a node falls, they are moved to a different node.&lt;/p&gt;
+&lt;h2 id=&quot;major_components&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#major_components&quot;&gt;¶&lt;/a&gt;Major components&lt;/h2&gt;
+&lt;p&gt;The previously-mentioned HDFS runs on commodity machine, which are cost-friendly. It is very fault-tolerant and efficient enough to process huge amounts of data, because it splits large files into smaller chunks (or blocks) that can be more easily handled. Multiple nodes can work on multiple chunks at the same time.&lt;/p&gt;
+&lt;p&gt;NameNode stores the metadata of the various datablocks (map of blocks) along with their location. It is the brain and the master in Hadoop’s master-slave architecture, also known as the namespace, and makes use of the DataNode.&lt;/p&gt;
+&lt;p&gt;A secondary NameNode is a replica that can be used if the first NameNode dies, so that Hadoop doesn’t shutdown and can restart.&lt;/p&gt;
+&lt;p&gt;DataNode stores the blocks of data, and are the slaves in the architecture. This data is split into one or more files. Their only job is to manage this access to the data. They are often distributed among racks to avoid data lose.&lt;/p&gt;
+&lt;p&gt;JobTracker creates and schedules jobs from the clients for either map or reduce operations.&lt;/p&gt;
+&lt;p&gt;TaskTracker runs MapReduce tasks assigned to the current data node.&lt;/p&gt;
+&lt;p&gt;When clients need data, they first interact with the NameNode and replies with the location of the data in the correct DataNode. Client proceeds with interaction with the DataNode.&lt;/p&gt;
+&lt;h2 id=&quot;mapreduce&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#mapreduce&quot;&gt;¶&lt;/a&gt;MapReduce&lt;/h2&gt;
+&lt;p&gt;MapReduce, as the name implies, is split into two steps: the map and the reduce. The map stage is the «divide and conquer» strategy, while the reduce part is about combining and reducing the results.&lt;/p&gt;
+&lt;p&gt;The mapper has to process the input data (normally a file or directory), commonly line-by-line, and produce one or more outputs. The reducer uses all the results from the mapper as its input to produce a new output file itself.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;bitmap.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;When reading the data, some may be junk that we can choose to ignore. If it is valid data, however, we label it with a particular type that can be useful for the upcoming process. Hadoop is responsible for splitting the data accross the many nodes available to execute this process in parallel.&lt;/p&gt;
+&lt;p&gt;There is another part to MapReduce, known as the Shuffle-and-Sort. In this part, types or categories from one node get moved to a different node. This happens with all nodes, so that every node can work on a complete category. These categories are known as «keys», and allows Hadoop to scale linearly.&lt;/p&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/oT7kczq5A-0&quot;&gt;YouTube – Hadoop Tutorial For Beginners | What Is Hadoop? | Hadoop Tutorial | Hadoop Training | Simplilearn&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/bcjSe0xCHbE&quot;&gt;YouTube – Learn MapReduce with Playing Cards&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/j8ehT1_G5AY?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi&quot;&gt;YouTube – Video Post #2: Hadoop para torpes (I)-¿Qué es y para qué sirve?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/NQ8mjVPCDvk?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi&quot;&gt;Video Post #3: Hadoop para torpes (II)-¿Cómo funciona? HDFS y MapReduce&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://hadoop.apache.org/old/releases.html&quot;&gt;Apache Hadoop Releases&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/20qWx2KYqYg?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi&quot;&gt;Video Post #4: Hadoop para torpes (III y fin)- Ecosistema y distribuciones&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://www.hadoopbook.com/&quot;&gt;Chapter 2 – Hadoop: The Definitive Guide, Fourth Edition&lt;/a&gt; (&lt;a href=&quot;http://grut-computing.com/HadoopBook.pdf&quot;&gt;pdf,&lt;/a&gt;&lt;a href=&quot;http://www.hadoopbook.com/code.html&quot;&gt;code&lt;/a&gt;)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Data Warehousing and OLAP</title><id>dist/data-warehousing-and-olap/index.html</id><updated>2020-03-31T22:00:00+00:00</updated><published>2020-03-22T23:00:00+00:00</published><summary>Business intelligence (BI) refers to systems used to gain insights from data, traditionally taken from relational databases and being used to build a data warehouse. Performance and scalability are key aspects of BI systems.</summary><content type="html" src="dist/data-warehousing-and-olap/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Data Warehousing and OLAP&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Business intelligence (BI) refers to systems used to gain insights from data, traditionally taken from relational databases and being used to build a data warehouse. Performance and scalability are key aspects of BI systems.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-23&lt;br&gt;
+Modified 2020-04-01&lt;/div&gt;
+&lt;p&gt;Commonly, the data in the warehouse is a transformation of the original, operational data into a form better suited for reporting and analysis.&lt;/p&gt;
+&lt;p&gt;This whole process is known as Online Analytical Processing (OLAP), and is different to the approach taken by relational databases, which is known as Online Transaction Processing (OLTP) and is optimized for individual transactions. OLAP is based on multidimensional databases simply by the way it works.&lt;/p&gt;
+&lt;p&gt;The Business Intelligence Semantic Model (BISM) refers to the different semantics in which data can be accessed and queried.&lt;/p&gt;
+&lt;p&gt;On the one hand, MDX is the language used for Microsoft’s BISM of multidimensional mode, and on the other, DAX is the language of tabular mode, based on Excel’s formula language and designed to be easy to use by those familiar with Excel.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;types_of_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#types_of_data&quot;&gt;¶&lt;/a&gt;Types of data&lt;/h2&gt;
+&lt;p&gt;The business data is often called detail data or &lt;em&gt;fact&lt;/em&gt; data, goes in a de-normalized table called the fact table. The term «facts» literally refers to the facts, such as number of products sold and amount received for products sold. Different tables will often represent different dimensions of the data, where «dimensions» simply means different ways to look at the data.&lt;/p&gt;
+&lt;p&gt;Data can also be referred to as measures, because most of it is numbers and subject to aggregations. By measures, we refer to these values and numbers.&lt;/p&gt;
+&lt;p&gt;Multidimensional databases are formed with separate fact and dimension tables, grouped to create a «cube» with both facts and dimensions.&lt;/p&gt;
+&lt;h2 id=&quot;places_to_store_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#places_to_store_data&quot;&gt;¶&lt;/a&gt;Places to store data&lt;/h2&gt;
+&lt;p&gt;Three different terms are often heard when talking about the places where data is stored: data lakes, data warehouses, and data marts. All of these have different target users, cost, size and growth.&lt;/p&gt;
+&lt;p&gt;The data lake contains &lt;strong&gt;all&lt;/strong&gt; the data generated by your business. Nothing is filtered out, not even cancelled or invalid transactions. If there are future plans to use the data, or a need to analyze it in various ways, a data lake is often necessary.&lt;/p&gt;
+&lt;p&gt;The data warehouse contains &lt;strong&gt;structured&lt;/strong&gt; data, or has already been modelled. It’s also multi-purpose, but often of a lot smaller scale. Operational users are able to easily evaluate reports or analyze performance here, since it is built for their needs.&lt;/p&gt;
+&lt;p&gt;The data mart contains a &lt;strong&gt;small portion&lt;/strong&gt; of the data, and is often part of data warehouses themselves. It can be seen as a subsection built for specific departments, and as a benefit, users get isolated security and performance. The data here is clean, and subject-oriented.&lt;/p&gt;
+&lt;h2 id=&quot;ways_to_store_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#ways_to_store_data&quot;&gt;¶&lt;/a&gt;Ways to store data&lt;/h2&gt;
+&lt;p&gt;Data is often stored de-normalized, because it would not be feasible to store otherwise.&lt;/p&gt;
+&lt;p&gt;There are two main techniques to implement data warehouses, known as Inmon approach and Kimball approach. They are named after Ralph Kimball &lt;em&gt;et al.&lt;/em&gt; for their work on «The Data Warehouse Lifecycle Toolkit», and Bill Inmon &lt;em&gt;et al.&lt;/em&gt; for their work on «Corporate Information Factory» respectively.&lt;/p&gt;
+&lt;p&gt;When several independent systems identify and store data in different ways, we face what’s known as the problem of the stovepipe. Something as simple as trying to connect these systems or use their data in a warehouse results in an overly complicated system.&lt;/p&gt;
+&lt;p&gt;To tackle this issue, Kimball advocates the use of «conformed dimensions», that is, some dimensions will be «of interest», and have the same attributes and rollups (or at least a subset) in different data marts. This way, warehouses contain dimensional databases to ease analysis in the data marts it is composed of, and users query the warehouse.&lt;/p&gt;
+&lt;p&gt;The Inmon approach on the other hand has the warehouse laid out in third normal form, and users query the data marts, not the warehouse (so the data marts are dimensional in nature).&lt;/p&gt;
+&lt;h2 id=&quot;key_takeaways&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#key_takeaways&quot;&gt;¶&lt;/a&gt;Key takeaways&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;«BI» stands for «Business Intelligence» and refers to the system that &lt;em&gt;perform&lt;/em&gt; data analysis.&lt;/li&gt;
+&lt;li&gt;«BISM» stands for «Business Intelligence Semantic Model», and Microsoft has two languages to query data: MDX and DAX.&lt;/li&gt;
+&lt;li&gt;«OLAP» stands for «Online Analytical Processing», and «OLTP» for «Online Transaction Processing».&lt;/li&gt;
+&lt;li&gt;Data mart, warehouse and lake refer to places at different scales and with different needs to store data.&lt;/li&gt;
+&lt;li&gt;Inmon and Kimbal are different ways to implement data warehouses.&lt;/li&gt;
+&lt;li&gt;Data facts contains various measures arranged into different dimensions, which together form a data cube.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://media.wiley.com/product_data/excerpt/03/11181011/1118101103-157.pdf&quot;&gt;Chapter 1 – Professional Microsoft SQL Server 2012 Analysis Services with MDX and DAX (Harinath et al., 2012)&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/m_DzhW-2pWI&quot;&gt;YouTube – Data Mining in SQL Server Analysis Services&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;Almacenes de Datos y Procesamiento Analítico On-Line (Félix R.)&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/qkJOace9FZg&quot;&gt;YouTube – What are Dimensions and Measures?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.holistics.io/blog/data-lake-vs-data-warehouse-vs-data-mart/&quot;&gt;Data Lake vs Data Warehouse vs Data Mart&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Cassandra: Introducción</title><id>dist/cassandra-introduccion/index.html</id><updated>2020-03-29T22:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>Este es el primer post en la serie sobre Cassandra, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.</summary><content type="html" src="dist/cassandra-introduccion/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Cassandra: Introducción&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;&lt;img src=&quot;1200px-Cassandra_logo.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-03-30&lt;/div&gt;
+&lt;p&gt;Este es el primer post en la serie sobre Cassandra, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.&lt;/p&gt;
+&lt;p&gt;Otros posts en esta serie:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/cassandra-introduccion/&quot;&gt;Cassandra: Introducción&lt;/a&gt; (este post)&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/&quot;&gt;Cassandra: Operaciones Básicas y Arquitectura&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Este post está hecho en colaboración con un compañero.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;finalidad_de_la_tecnología&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#finalidad_de_la_tecnología&quot;&gt;¶&lt;/a&gt;Finalidad de la tecnología&lt;/h2&gt;
+&lt;p&gt;Apache Cassandra es una base de datos NoSQL distribuida y de código abierto (&lt;a href=&quot;https://github.com/apache/cassandra&quot;&gt;con un espejo en GitHub&lt;/a&gt;). Su filosofía es de tipo «clave-valor», y puede manejar grandes volúmenes de datos&lt;/p&gt;
+&lt;p&gt;Entre sus objetivos, busca ser escalable horizontalmente (puede replicarse en varios centros manteniendo la latencia baja) y alta disponibilidad sin ceder en rendimiento.&lt;/p&gt;
+&lt;h2 id=&quot;cómo_funciona&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#cómo_funciona&quot;&gt;¶&lt;/a&gt;Cómo funciona&lt;/h2&gt;
+&lt;p&gt;Instancias de Cassandra se distribuyen en nodos iguales (es decir, no hay maestro-esclavo) que se comunican entre sí (P2P). De este modo, da buen soporte entre varios centros de datos, con redundancia y réplicas síncronas.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;multiple-data-centers-and-data-replication-in-cassandra.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;Con respecto al modelo de datos, Cassandra particiona las filas con el objetivo de re-organizarla a lo largo distintas tablas. Como clave primaria, se usa un primer componente conocido como «clave de la partición». Dentro de cada partición, las filas se agrupan según el resto de columnas de la clave. Cualquier otra columna se puede indexar independientemente de la clave primaria.&lt;/p&gt;
+&lt;p&gt;Las tablas se pueden crear, borrar, actualizar y consultar sin bloqueos. No hay soporte para JOIN o subconsultas, pero Cassandra prefiere de-normalizar los datos haciendo uso de características como coleciones.&lt;/p&gt;
+&lt;p&gt;Para realizar las operaciones sobre cassandra se usa CQL (Cassandra Query Language), que tiene una sintaxis muy similar a SQL.&lt;/p&gt;
+&lt;h2 id=&quot;características&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#características&quot;&gt;¶&lt;/a&gt;Características&lt;/h2&gt;
+&lt;p&gt;Como ya hemos mencionado antes, la arquitectura de Cassandra es &lt;strong&gt;decentralizada&lt;/strong&gt;. No tiene un único punto que pudiera fallar porque todos los nodos son iguales (sin maestros), y por lo tanto, cualquiera puede dar servicio a la petición.&lt;/p&gt;
+&lt;p&gt;Los datos se encuentran &lt;strong&gt;replicados&lt;/strong&gt; entre los distintos nodos del clúster (lo que ofrece gran &lt;strong&gt;tolerancia a fallos&lt;/strong&gt; sin necesidad de interrumpir la aplicación), y es trivial &lt;strong&gt;escalar&lt;/strong&gt; añadiendo más nodos al sistema.&lt;/p&gt;
+&lt;p&gt;El nivel de &lt;strong&gt;consistencia&lt;/strong&gt; para lecturas y escrituras es configurable.&lt;/p&gt;
+&lt;p&gt;Siendo de la familia Apache, Cassandra ofrece integración con Apache Hadoop para tener soporte MapReduce.&lt;/p&gt;
+&lt;h2 id=&quot;arista_dentro_del_teorema_cap&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#arista_dentro_del_teorema_cap&quot;&gt;¶&lt;/a&gt;Arista dentro del Teorema CAP&lt;/h2&gt;
+&lt;p&gt;Cassandra se encuentra dentro de la esquina «AP» junto con CouchDB y otros, porque garantiza tanto la disponibilidad como la tolerancia a fallos.&lt;/p&gt;
+&lt;p&gt;Sin embargo, puede configurarse como un sistema «CP» si se prefiere respetar la consistencia en todo momento.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;0.jpeg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;h2 id=&quot;descarga&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#descarga&quot;&gt;¶&lt;/a&gt;Descarga&lt;/h2&gt;
+&lt;p&gt;Se pueden seguir las instrucciones de la página oficial para &lt;a href=&quot;https://cassandra.apache.org/download/&quot;&gt;descargar Cassandra&lt;/a&gt;. Para ello, se debe clicar en la &lt;a href=&quot;https://www.apache.org/dyn/closer.lua/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz&quot;&gt;última versión para descargar el archivo&lt;/a&gt;. En nuestro caso, esto es el enlace nombrado «3.11.6», versión que utilizamos.&lt;/p&gt;
+&lt;h2 id=&quot;instalación&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#instalación&quot;&gt;¶&lt;/a&gt;Instalación&lt;/h2&gt;
+&lt;p&gt;Cassandra no ofrece binarios para Windows, por lo que usaremos Linux para instalarlo. En nuestro caso, tenemos un sistema Linux Mint (derivado de Ubuntu), pero una máquina virtual con cualquier Linux debería funcionar.&lt;/p&gt;
+&lt;p&gt;Debemos asegurarnos de tener Java y Python 2 instalado mediante el siguiente comando:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;apt install openjdk-8-jdk openjdk-8-jre python2.7
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Para verificar que la instalación ha sido correcta, podemos mostrar las versiones de los programas:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ java -version
+openjdk version &amp;quot;1.8.0_242&amp;quot;
+OpenJDK Runtime Environment (build 1.8.0_242-8u242-b08-0ubuntu3~18.04-b08)
+OpenJDK 64-Bit Server VM (build 25.242-b08, mixed mode)
+
+$ python2 --version
+Python 2.7.17
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Una vez las dependencias estén instaladas, extraemos el fichero descargado o bien mediante la interfaz gráfica de nuestro sistema, o bien mediante un comando:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;tar xf apache-cassandra-3.11.6-bin.tar.gz
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Y finalmente, lanzar la ejecución de Cassandra:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;apache-cassandra-3.11.6/bin/cassandra
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Es posible que tarde un poco en abrirse, pero luego debería haber muchas líneas de log indicando. Para apagar el servidor, simplemente basta con pulsar &lt;code&gt;Ctrl+C&lt;/code&gt;.&lt;/p&gt;
+&lt;h2 id=&quot;referencias&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#referencias&quot;&gt;¶&lt;/a&gt;Referencias&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/&quot;&gt;Apache Cassandra Architecture Fundamentals – The Distributed SQL Blog&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://cassandra.apache.org/&quot;&gt;Apache Cassandra&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.datastax.com/blog/2019/05/how-apache-cassandratm-balances-consistency-availability-and-performance&quot;&gt;How Apache Cassandra™ Balances Consistency, Availability, and Performance – Datasax&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/&quot;&gt;Apache Cassandra Architecture Fundamentals&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Privado: NoSQL evaluation</title><id>dist/nosql-evaluation/index.html</id><updated>2020-03-27T23:00:00+00:00</updated><published>2020-03-15T23:00:00+00:00</published><summary>This evaluation is based on the criteria for the first delivery described by Trabajos en grupo sobre Bases de Datos NoSQL.</summary><content type="html" src="dist/nosql-evaluation/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Privado: NoSQL evaluation&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This evaluation is based on the criteria for the first delivery described by Trabajos en grupo sobre Bases de Datos NoSQL.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-16&lt;br&gt;
+Modified 2020-03-28&lt;/div&gt;
+&lt;p&gt;I have chosen to evaluate the following people and works:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;a12: Classmate (username) with Druid.&lt;/li&gt;
+&lt;li&gt;a21: Classmate (username) with Neo4J.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;classmate_s_evaluation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation&quot;&gt;¶&lt;/a&gt;Classmate’s Evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: A.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;The post evaluated is Bases de datos NoSQL – Apache Druid – Primera entrega.&lt;/p&gt;
+&lt;p&gt;It is a very well-written, complete post, with each section meeting one of the points in the required criteria. The only thing that bothered me a little is the abuse of strong emphasis in the text, which I found quite distracting. However, the content deserves the highest grading.&lt;/p&gt;
+&lt;h2 id=&quot;classmate_s_evaluation_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation_2&quot;&gt;¶&lt;/a&gt;Classmate’s Evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: A.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;The post evaluated is Bases de datos NoSQL – Neo4j – Primera entrega.&lt;/p&gt;
+&lt;p&gt;Well-written post, although a bit smaller than Classmate’s, but that’s not really an issue. It still talks about everything it should talk and includes photos to go along the text which help. There is no noticeable wrong things in it, so it gets the highest grading as well.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Mining of Massive Datasets</title><id>dist/mining-of-massive-datasets/index.html</id><updated>2020-03-27T23:00:00+00:00</updated><published>2020-03-15T23:00:00+00:00</published><summary>In this post we will talk about the Chapter 1 of the book Mining of Massive Datasets Leskovec, J. et al., available online, and I will summarize and share my thoughts on it.</summary><content type="html" src="dist/mining-of-massive-datasets/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Mining of Massive Datasets&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;In this post we will talk about the Chapter 1 of the book Mining of Massive Datasets Leskovec, J. et al., available online, and I will summarize and share my thoughts on it.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-16&lt;br&gt;
+Modified 2020-03-28&lt;/div&gt;
+&lt;p&gt;Data mining often refers to the discovery of models for data, where the model can be for statistics, machine learning, summarizing, extracting features, or other computational approaches to perform complex queries on the data.&lt;/p&gt;
+&lt;p&gt;Commonly, problems related to data mining involve discovering unusual events hidden in massive data sets. There is another problem when trying to achieve Total Information Awareness (TIA), though, a project that was proposed by the Bush administration but shut down. The problem is, if you look at so much data, and try to find activities that look like (for example) terrorist behavior, inevitably one will find other illicit activities that are not terrorism with bad consequences. So it is important to narrow the activities we are looking for, in this case.&lt;/p&gt;
+&lt;p&gt;When looking at data, even completely random data, for a certain event type, the event will likely occur. With more data, it will occur more times. However, these are bogus results. The Bonferroni correction gives a statistically sound way to avoid most of these bogus results, however, the Bonferroni’s Principle can be used as an informal version to achieve the same thing.&lt;/p&gt;
+&lt;p&gt;For that, we calculate the expected number of occurrences of the events you are looking for on the assumption that data is random. If this number is way larger than the number of real instances one hoped to find, then nearly everything will be Bogus.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;When analysing documents, some words will be more important than others, and can help determine the topic of the document. One could think the most repeated words are the most important, but that’s far from the truth. The most common words are the stop-words, which carry no meaning, reason why we should remove them prior to processing. We are mostly looking for rare nouns.&lt;/p&gt;
+&lt;p&gt;There are of course formal measures for how concentrated into relatively few documents are the occurrences of a given word, known as TF.IDF (Term Frequency times In-verse Document Frequency). We won’t go into details on how to compute it, because there are multiple ways.&lt;/p&gt;
+&lt;p&gt;Hash functions are also frequently used, because they can turn hash keys into a bucket number (the index of the bucket where this hash key belongs). They «randomize» and spread the universe of keys into a smaller number of buckets, useful for storage and access.&lt;/p&gt;
+&lt;p&gt;An index is an efficient structure to query for values given a key, and can be built with hash functions and buckets.&lt;/p&gt;
+&lt;p&gt;Having all of these is important when analysing documents when doing data mining, because otherwise it would take far too long.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>MongoDB: Operaciones Básicas y Arquitectura</title><id>dist/mongodb-operaciones-basicas-y-arquitectura/index.html</id><updated>2020-03-19T23:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>Este es el segundo post en la serie sobre MongoDB, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.</summary><content type="html" src="dist/mongodb-operaciones-basicas-y-arquitectura/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;MongoDB: Operaciones Básicas y Arquitectura&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Este es el segundo post en la serie sobre MongoDB, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-03-20&lt;/div&gt;
+&lt;p&gt;Otros posts en esta serie:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/mongodb-introduction/&quot;&gt;MongoDB: Introducción&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/mongodb-operaciones-basicas-y-arquitectura/&quot;&gt;MongoDB: Operaciones Básicas y Arquitectura&lt;/a&gt; (este post)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Este post está hecho en colaboración con un compañero, y en él veremos algunos ejemplos de las operaciones básicas (&lt;a href=&quot;https://stackify.com/what-are-crud-operations/&quot;&gt;CRUD&lt;/a&gt;) sobre MongoDB.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Empezaremos viendo cómo creamos una nueva base de datos dentro de MongoDB y una nueva colección donde poder insertar nuestros documentos.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;creación_de_una_base_de_datos_e_inserción_de_un_primer_documento&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#creación_de_una_base_de_datos_e_inserción_de_un_primer_documento&quot;&gt;¶&lt;/a&gt;Creación de una base de datos e inserción de un primer documento&lt;/h2&gt;
+&lt;p&gt;Podemos ver las bases de datos que tenemos disponibles ejecutando el comando:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Para crear una nueva base de datos, o utilizar una de las que tenemos creadas ejecutamos &lt;code&gt;use&lt;/code&gt; junto con el nombre que le vamos a dar:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; use new_DB
+switched to db new_DB
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Una vez hecho esto, podemos ver que si volvemos a ejecutar «show databases», la nueva base de datos no aparece. Esto es porque para que Mongo registre una base de datos en la lista de las existentes, necesitamos insertar al menos un nuevo documento en una colección de esta. Lo podemos hacer de la siguiente forma:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.movie.insert({&amp;quot;name&amp;quot;:&amp;quot;tutorials point&amp;quot;})
+WriteResult({ &amp;quot;nInserted&amp;quot; : 1 })
+
+&amp;gt; show databases
+admin       0.000GB
+config      0.000GB
+local       0.000GB
+movie       0.000GB
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Al igual que podemos ver las bases de datos existentes, también podemos consultar las colecciones que existen dentro de estas. Siguiendo la anterior ejecución, si ejecutamos:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; show collections
+movie
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;borrar_base_de_datos&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#borrar_base_de_datos&quot;&gt;¶&lt;/a&gt;Borrar base de datos&lt;/h3&gt;
+&lt;p&gt;Para borrar una base de datos tenemos que ejecutar el siguiente comando:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.dropDatabase()
+{ &amp;quot;dropped&amp;quot; : &amp;quot;new_DB&amp;quot;, &amp;quot;ok&amp;quot; : 1 }
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;crear_colección&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#crear_colección&quot;&gt;¶&lt;/a&gt;Crear colección&lt;/h3&gt;
+&lt;p&gt;Para crear una colección podemos hacerlo de dos formas. O bien mediante el comando:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.createCollection(&amp;lt;nombre de la colección&amp;gt;, opciones)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Donde el primer parámetro es el nombre que le queremos asignar a la colección, y los siguientes, todos opcionales, pueden ser (entre otros):&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;thead&gt;
+  &lt;tr&gt;
+   &lt;th&gt;
+    Campo
+   &lt;/th&gt;
+   &lt;th&gt;
+    Tipo
+   &lt;/th&gt;
+   &lt;th&gt;
+    Descripción
+   &lt;/th&gt;
+  &lt;/tr&gt;
+ &lt;/thead&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     capped
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    Booleano
+   &lt;/td&gt;
+   &lt;td&gt;
+    Si es
+    &lt;code&gt;
+     true
+    &lt;/code&gt;
+    ,
+ permite una colección limitada. Una colección limitada es una colección
+ de tamaño fijo que sobrescribe automáticamente sus entradas más 
+antiguas cuando alcanza su tamaño máximo. Si especifica
+    &lt;code&gt;
+     true
+    &lt;/code&gt;
+    , también debe especificar el parámetro de
+    &lt;code&gt;
+     size
+    &lt;/code&gt;
+    .
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     autoIndexId
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    Booleano
+   &lt;/td&gt;
+   &lt;td&gt;
+    Si es
+    &lt;code&gt;
+     true
+    &lt;/code&gt;
+    crea automáticamente un índice en el campo
+    &lt;code&gt;
+     _id
+    &lt;/code&gt;
+    . Por defecto es
+    &lt;code&gt;
+     false
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     size
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    Número
+   &lt;/td&gt;
+   &lt;td&gt;
+    Especifica el tamaño máximo en bytes para una colección limitada. Es obligatorio si el campo
+    &lt;code&gt;
+     capped
+    &lt;/code&gt;
+    está a
+    &lt;code&gt;
+     true
+    &lt;/code&gt;
+    .
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     max
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    Número
+   &lt;/td&gt;
+   &lt;td&gt;
+    Especifica el número máximo de documentos que están permitidos en la colección limitada.
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; use test
+switched to db test
+
+&amp;gt; db.createCollection(&amp;quot;mycollection&amp;quot;)
+{ &amp;quot;ok&amp;quot; : 1 }
+
+&amp;gt; db.createCollection(&amp;quot;mycol&amp;quot;, {capped : true, autoIndexId: true, size: 6142800, max: 10000})
+{
+    &amp;quot;note&amp;quot; : &amp;quot;the autoIndexId option is deprecated and will be removed in a future release&amp;quot;,
+    &amp;quot;ok&amp;quot; : 1
+}
+
+&amp;gt; show collections
+mycol
+mycollection
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Como se ha visto anteriormente al crear la base de datos, podemos insertar un documento en una colección sin que la hayamos creado anteriormente. Esto es porque MongoDB crea automáticamente una colección cuando insertas algún documento en ella:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.tutorialspoint.insert({&amp;quot;name&amp;quot;:&amp;quot;tutorialspoint&amp;quot;})
+WriteResult({ &amp;quot;nInserted&amp;quot; : 1 })
+
+&amp;gt; show collections
+mycol
+mycollection
+tutorialspoint
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;borrar_colección&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#borrar_colección&quot;&gt;¶&lt;/a&gt;Borrar colección&lt;/h3&gt;
+&lt;p&gt;Para borrar una colección basta con situarnos en la base de datos que la contiene, y ejecutar lo siguiente:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.&amp;lt;nombre_de_la_colección&amp;gt;.drop()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.mycollection.drop()
+true
+
+&amp;gt; show collections
+mycol
+tutorialspoint
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;insertar_documento&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#insertar_documento&quot;&gt;¶&lt;/a&gt;Insertar documento&lt;/h3&gt;
+&lt;p&gt;Para insertar datos en una colección de MongoDB necesitaremos usar el método &lt;code&gt;insert()&lt;/code&gt; o &lt;code&gt;save()&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Ejemplo del método &lt;code&gt;insert&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.colection.insert({
+... title: 'Esto es una prueba para MDAD',
+... description: 'MongoDB es una BD no SQL',
+... by: 'Classmate and Me',
+... tags: ['mongodb', 'database'],
+... likes: 100
+... })
+WriteResults({ &amp;quot;nInserted&amp;quot; : 1 })
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;En este ejemplo solo se ha insertado un único documento, pero podemos insertar los que queramos separándolos de la siguiente forma:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.collection.insert({documento}, {documento2}, {documento3})
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;No hace falta especificar un ID ya que el propio mongo asigna un ID a cada documento automáticamente, aunque nos da la opción de poder asignarle uno mediante el atributo &lt;code&gt;_id&lt;/code&gt; en la inserción de los datos&lt;/p&gt;
+&lt;p&gt;Como se indica en el título de este apartado también se puede insertar mediante el método &lt;code&gt;db.coleccion.save(documento)&lt;/code&gt;, funcionando este como el método &lt;code&gt;insert&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;método_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#método_&quot;&gt;¶&lt;/a&gt;Método &lt;code&gt;find()&lt;/code&gt;&lt;/h3&gt;
+&lt;p&gt;El método find en MongoDB es el que nos permite realizar consultas a las colecciones de nuestra base de datos:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.&amp;lt;nombre_de_la_colección&amp;gt;.find()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Este método mostrará de una forma no estructurada todos los documentos de la colección. Si le añadimos la función &lt;code&gt;pretty&lt;/code&gt; a este método, se mostrarán de una manera más «bonita».&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.colection.find()
+{ &amp;quot;_id&amp;quot;: ObjectId(&amp;quot;5e738f0989f85a7eafdf044a&amp;quot;), &amp;quot;title&amp;quot; : &amp;quot;Esto es una prueba para MDAD&amp;quot;, &amp;quot;description&amp;quot; : &amp;quot;MongoDB es una BD no SQL&amp;quot;, &amp;quot;by&amp;quot; : &amp;quot;Classmate and Me&amp;quot;, &amp;quot;tags&amp;quot; : [ &amp;quot;mongodb&amp;quot;, &amp;quot;database&amp;quot; ], &amp;quot;likes&amp;quot; : 100 }
+
+&amp;gt; db.colection.find().pretty()
+{
+    &amp;quot;_id&amp;quot;: ObjectId(&amp;quot;5e738f0989f85a7eafdf044a&amp;quot;),
+    &amp;quot;title&amp;quot; : &amp;quot;Esto es una prueba para MDAD&amp;quot;,
+    &amp;quot;description&amp;quot; : &amp;quot;MongoDB es una BD no SQL&amp;quot;,
+    &amp;quot;by&amp;quot; : &amp;quot;Classmate and Me&amp;quot;,
+    &amp;quot;tags&amp;quot; : [
+        &amp;quot;mongodb&amp;quot;,
+        &amp;quot;database&amp;quot;
+    ],
+    &amp;quot;likes&amp;quot; : 100
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Los equivalentes del &lt;code&gt;where&lt;/code&gt; en las bases de datos relacionales son:&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;thead&gt;
+  &lt;tr&gt;
+   &lt;th&gt;
+    Operación
+   &lt;/th&gt;
+   &lt;th&gt;
+    Sintaxis
+   &lt;/th&gt;
+   &lt;th&gt;
+    Ejemplo
+   &lt;/th&gt;
+   &lt;th&gt;
+    Equivalente en RDBMS
+   &lt;/th&gt;
+  &lt;/tr&gt;
+ &lt;/thead&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Igual
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {&amp;lt;clave&amp;gt;:&amp;lt;valor&amp;gt;}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     db.mycol.find({&quot;by&quot;:&quot;Classmate and Me&quot;})
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where by = 'Classmate and Me'
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Menor que
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {&amp;lt;clave&amp;gt;:{$lt:&amp;lt;valor&amp;gt;}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     db.mycol.find({&quot;likes&quot;:{$lt:60}})
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where likes &amp;lt; 60
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Menor o igual que
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {&amp;lt;clave&amp;gt;:{$lte:&amp;lt;valor&amp;gt;}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     db.mycol.find({&quot;likes&quot;:{$lte:60}})
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where likes &amp;lt;= 60
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Mayor que
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {&amp;lt;clave&amp;gt;:{$gt:&amp;lt;valor&amp;gt;}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     db.mycol.find({&quot;likes&quot;:{$gt:60}})
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where likes &amp;gt; 60
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Mayor o igual que
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {&amp;lt;clave&amp;gt;:{$gte:&amp;lt;valor&amp;gt;}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     db.mycol.find({&quot;likes&quot;:{$gte:60}})
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where likes &amp;gt;= 60
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    No igual
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {&amp;lt;clave&amp;gt;:{$ne:&amp;lt;valor&amp;gt;}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     db.mycol.find({&quot;likes&quot;:{$ne:60}})
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where likes != 60
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;En el método &lt;code&gt;find()&lt;/code&gt; podemos añadir condiciones AND y OR de la siguiente manera:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;(AND)
+&amp;gt; db.colection.find({$and:[{&amp;quot;by&amp;quot;:&amp;quot;Classmate and Me&amp;quot;},{&amp;quot;title&amp;quot;: &amp;quot;Esto es una prueba para MDAD&amp;quot;}]}).pretty()
+
+(OR)
+&amp;gt; db.colection.find({$or:[{&amp;quot;by&amp;quot;:&amp;quot;Classmate and Me&amp;quot;},{&amp;quot;title&amp;quot;: &amp;quot;Esto es una prueba para MDAD&amp;quot;}]}).pretty()
+
+(Ambos a la vez)
+&amp;gt; db.colection.find({&amp;quot;likes&amp;quot;: {$gt:10}, $or: [{&amp;quot;by&amp;quot;: &amp;quot;Classmate and Me&amp;quot;}, {&amp;quot;title&amp;quot;: &amp;quot;Esto es una prueba para MDAD&amp;quot;}]}).pretty()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;La última llamada con ambos a la vez equivalente en una consulta SQL a:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;where likes&amp;gt;10 AND (by = 'Classmate and Me' OR title = 'Esto es una prueba para MDAD')
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;actualizar_un_documento&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#actualizar_un_documento&quot;&gt;¶&lt;/a&gt;Actualizar un documento&lt;/h3&gt;
+&lt;p&gt;En MongoDB se hace utilizando el método &lt;code&gt;update&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.&amp;lt;nombre_colección&amp;gt;.update(&amp;lt;criterio_de_selección&amp;gt;, &amp;lt;dato_actualizado&amp;gt;)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Para este ejemplo vamos a actualizar el documento que hemos insertado en el apartado anterior:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.colection.update({'title':'Esto es una prueba para MDAD'},{$set:{'title':'Título actualizado'}})
+WriteResult({ &amp;quot;nMatched&amp;quot; : 1, &amp;quot;nUpserted&amp;quot; : 0, &amp;quot;nModified&amp;quot; : 1 })
+&amp;gt; db.colection.find().pretty()
+{
+    &amp;quot;_id&amp;quot;: ObjectId(&amp;quot;5e738f0989f85a7eafdf044a&amp;quot;),
+    &amp;quot;title&amp;quot; : &amp;quot;Título actualizado&amp;quot;,
+    &amp;quot;description&amp;quot; : &amp;quot;MongoDB es una BD no SQL&amp;quot;,
+    &amp;quot;by&amp;quot; : &amp;quot;Classmate and Me&amp;quot;,
+    &amp;quot;tags&amp;quot; : [
+        &amp;quot;mongodb&amp;quot;,
+        &amp;quot;database&amp;quot;
+    ],
+    &amp;quot;likes&amp;quot; : 100
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Anteriormente se ha mencionado el método &lt;code&gt;save()&lt;/code&gt; para la inserción de documentos, pero también podemos utilizarlo para sustituir documentos enteros por uno nuevo:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.&amp;lt;nombre_de_la_colección&amp;gt;.save({_id:ObjectId(), &amp;lt;nuevo_documento&amp;gt;})
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Con nuestro documento:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.colection.save(
+...   {
+...     &amp;quot;_id&amp;quot;: ObjectId(&amp;quot;5e738f0989f85a7eafdf044a&amp;quot;), &amp;quot;title&amp;quot;: &amp;quot;Este es el nuevo título&amp;quot;, &amp;quot;by&amp;quot;: &amp;quot;MDAD&amp;quot;
+...   }
+... )
+WriteResult({ &amp;quot;nMatched&amp;quot; : 1, &amp;quot;nUpserted&amp;quot; : 0, &amp;quot;nModified&amp;quot; : 1 })
+
+&amp;gt; db.colection.find()
+{
+    &amp;quot;_id&amp;quot;: ObjectId(&amp;quot;5e738f0989f85a7eafdf044a&amp;quot;),
+    &amp;quot;title&amp;quot;: &amp;quot;Este es el nuevo título&amp;quot;,
+    &amp;quot;by&amp;quot;: &amp;quot;MDAD&amp;quot;
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;borrar_documento&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#borrar_documento&quot;&gt;¶&lt;/a&gt;Borrar documento&lt;/h3&gt;
+&lt;p&gt;Para borrar un documento utilizaremos el método &lt;code&gt;remove()&lt;/code&gt; de la siguiente manera:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.&amp;lt;nombre_de_la_colección&amp;gt;.remove(&amp;lt;criterio_de_borrado&amp;gt;)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Considerando la colección del apartado anterior borraremos el único documento que tenemos:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.colection.remove({'title': 'Este es el nuevo título'})
+WriteResult({ &amp;quot;nRemoved&amp;quot; : 1 })
+&amp;gt; db.colection.find().pretty()
+&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Para borrar todos los documentos de una colección usamos:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.&amp;lt;colección&amp;gt;.remove({})
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;indexación&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#indexación&quot;&gt;¶&lt;/a&gt;Indexación&lt;/h3&gt;
+&lt;p&gt;MongDB nos permite crear índices sobre atributos de una colección de la siguiente forma:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db.&amp;lt;colección&amp;gt;.createIndex( {&amp;lt;atributo&amp;gt;:&amp;lt;opciones&amp;gt;})
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Como ejemplo:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.mycol.createIndex({&amp;quot;title&amp;quot;:1})
+{
+    &amp;quot;createdCollectionAutomatically&amp;quot; : false,
+    &amp;quot;numIndexesBefore&amp;quot; : 1,
+    &amp;quot;numIndexesAfter&amp;quot; : 2,
+    &amp;quot;ok&amp;quot; : 1
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Si queremos más de un atributo en el índice lo haremos así:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.mycol.ensureIndex({&amp;quot;title&amp;quot;:1,&amp;quot;description&amp;quot;:-1})
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Los valores que puede tomar son &lt;code&gt;+1&lt;/code&gt; para ascendente o &lt;code&gt;-1&lt;/code&gt; para descendente.&lt;/p&gt;
+&lt;h3 id=&quot;referencias&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#referencias&quot;&gt;¶&lt;/a&gt;Referencias&lt;/h3&gt;
+&lt;ul&gt;
+&lt;li&gt;Manual MongoDB. (n.d.). &lt;a href=&quot;https://docs.mongodb.com/manual/&quot;&gt;https://docs.mongodb.com/manual/&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;MongoDB Tutorial – Tutorialspoint. (n.d.). – &lt;a href=&quot;https://www.tutorialspoint.com/mongodb/index.htm&quot;&gt;https://www.tutorialspoint.com/mongodb/index.htm&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>MongoDB: Introducción</title><id>dist/mongodb-introduction/index.html</id><updated>2020-03-19T23:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>Este es el primer post en la serie sobre Mongo, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.</summary><content type="html" src="dist/mongodb-introduction/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;MongoDB: Introducción&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Este es el primer post en la serie sobre Mongo, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-03-20&lt;/div&gt;
+&lt;p&gt;Otros posts en esta serie:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/mongodb-introduction/&quot;&gt;MongoDB: Introducción&lt;/a&gt; (este post)&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/mongodb-operaciones-basicas-y-arquitectura/&quot;&gt;MongoDB: Operaciones Básicas y Arquitectura&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Este post está hecho en colaboración con un compañero.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;&lt;img src=&quot;0LRP4__jIIkJ-0gl8j2RDzWscL1Rto-NwvdqzmYk0jmYBIVbJ78n1ZLByPgV.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;definición&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#definición&quot;&gt;¶&lt;/a&gt;Definición&lt;/h2&gt;
+&lt;p&gt;MongoDB es una base de datos orientada a documentos. Esto quiere decir que en lugar de guardar los datos en registros, guarda los datos en documentos. Estos documentos son almacenados en BSON, que es una representación binaria de JSON. Una de las principales diferencias respecto a las bases de datos relacionales es que no necesita seguir ningún esquema, los documentos de una misma colección pueden tener esquemas diferentes.&lt;/p&gt;
+&lt;p&gt;MongoDB está escrito en C++, aunque las consultas se hacen pasando objetos JSON como parámetro.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;{
+        &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;52f602d787945c344bb4bda5&amp;quot;),
+        &amp;quot;name&amp;quot; : &amp;quot;Tyrion&amp;quot;,
+        &amp;quot;hobbies&amp;quot; : [ 
+            &amp;quot;books&amp;quot;, 
+            &amp;quot;girls&amp;quot;, 
+            &amp;quot;wine&amp;quot;
+        ],
+        &amp;quot;friends&amp;quot; : [ 
+            {
+                &amp;quot;name&amp;quot; : &amp;quot;Bronn&amp;quot;,
+                &amp;quot;ocuppation&amp;quot; : &amp;quot;sellsword&amp;quot;
+            }, 
+            {
+                &amp;quot;name&amp;quot; : &amp;quot;Shae&amp;quot;,
+                &amp;quot;ocuppation&amp;quot; : &amp;quot;handmaiden&amp;quot;
+            }
+        ]
+ }
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;características&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#características&quot;&gt;¶&lt;/a&gt;Características&lt;/h2&gt;
+&lt;p&gt;&lt;img src=&quot;WxZenSwSsimGvXVu5XH4cFUd3kr3Is_arrdSZGX8Hi0Ligqgw_ZTvGSIeXZm.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;MongoDB alcanza un balance perfecto entre rendimiento y funcionalidad gracias a su sistema de consulta de contenidos. Pero sus características principales no se limitan solo a esto, también cuenta con otras que lo posicionan como el preferido de muchos desarrolladores de aplicaciones como aplicaciones móviles, gaming, logging o e-commerce.&lt;/p&gt;
+&lt;p&gt;Algunas de las principales características de esta base de datos son:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Almacenamiento orientado a documentos (documentos JSON con esquemas dinámicos).&lt;/li&gt;
+&lt;li&gt;Soporte Full index: puede crear índices sobre cualquier atributo y añadir múltiples índices secundarios.&lt;/li&gt;
+&lt;li&gt;Replicación y alta disponibilidad: espejos entre LANs y WANs.&lt;/li&gt;
+&lt;li&gt;Auto-Sharding: escalabilidad horizontal sin comprometer la funcionalidad, está limitada, actualmente, a 20 nodos, aunque el objetivo es alcanzar una cifra cercana a los 1000.&lt;/li&gt;
+&lt;li&gt;Consultas ricas y basadas en documentos.&lt;/li&gt;
+&lt;li&gt;Rápidas actualizaciones en el contexto.&lt;/li&gt;
+&lt;li&gt;Soporte comercial, capacitación y consultoría disponibles.&lt;/li&gt;
+&lt;li&gt;También puede ser utilizada para el almacenamiento de archivos aprovechando la capacidad de MongoDB para el balanceo de carga y la replicación de datos.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;En cuanto a la arquitectura, podríamos decir que divide en tres partes: las bases de datos, las colecciones y los documentos (que contienen los campos de cada entrada).&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Base de datos&lt;/strong&gt;: cada una de las bases de datos tiene un conjunto propio de archivos en el sistema de archivos con diversas bases de datos existentes en un solo servidor.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Colección&lt;/strong&gt;: un conjunto de documentos de base de datos. El equivalente RDBMS de la colección es una tabla. Toda colección existe dentro de una única base de datos.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Documento&lt;/strong&gt;: un conjunto de pares clave/valor. Los documentos están asociados con esquemas dinámicos. La ventaja de tener esquemas dinámicos es que el documento en una sola colección no tiene que tener la misma estructura o campos. &lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;arista_dentro_del_teorema_cap&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#arista_dentro_del_teorema_cap&quot;&gt;¶&lt;/a&gt;Arista dentro del Teorema CAP&lt;/h2&gt;
+&lt;p&gt;&lt;img src=&quot;t73Q1t-HXfWij-Q1o5AYEnO39Kz2oyLLCdQz6lWQQPaSQWamlDMjmptAn97h.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;MongoDB es CP por defecto, es decir, garantiza consistencia y tolerancia a particiones (fallos). Pero también podemos configurar el nivel de consistencia, eligiendo el número de nodos a los que se replicarán los datos. O podemos configurar si se pueden leer datos de los nodos secundarios (en MongoDB solo hay un servidor principal, que es el único que acepta inserciones o modificaciones). Si permitimos leer de un nodo secundario mediante la replicación, sacrificamos consistencia, pero ganamos disponibilidad.&lt;/p&gt;
+&lt;h2 id=&quot;descarga_e_instalación&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#descarga_e_instalación&quot;&gt;¶&lt;/a&gt;Descarga e instalación&lt;/h2&gt;
+&lt;h3 id=&quot;windows&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#windows&quot;&gt;¶&lt;/a&gt;Windows&lt;/h3&gt;
+&lt;p&gt;Descargar el archivo desde &lt;a href=&quot;https://www.mongodb.com/download-center#production&quot;&gt;https://www.mongodb.com/download-center#production&lt;/a&gt;&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Doble clic en el archivo &lt;code&gt;.msi&lt;/code&gt;&lt;/li&gt;
+&lt;li&gt;El instalador de Windows lo guía a través del proceso de instalación.
+Si elige la opción de instalación personalizada, puede especificar un directorio de instalación. 
+MongoDB no tiene ninguna otra dependencia del sistema. Puede instalar y ejecutar MongoDB desde cualquier carpeta que elija.&lt;/li&gt;
+&lt;li&gt;Ejecutar el &lt;code&gt;.exe&lt;/code&gt; que hemos instalado.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;h3 id=&quot;linux&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#linux&quot;&gt;¶&lt;/a&gt;Linux&lt;/h3&gt;
+&lt;p&gt;Abrimos una terminal y ejecutamos:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;sudo apt-get update
+sudo apt install -y mongodb-org
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Luego comprobamos el estado del servicio:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;sudo systemctl start mongod
+sudo systemctl status mongod
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Finalmente ejecutamos la base de datos con el comando:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;sudo mongo
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;macos&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#macos&quot;&gt;¶&lt;/a&gt;macOS&lt;/h3&gt;
+&lt;p&gt;Abrimos una terminal y ejecutamos:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;brew update
+brew install mongodb
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Iniciamos el servicio:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;brew services start mongodb
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;referencias&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#referencias&quot;&gt;¶&lt;/a&gt;Referencias&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://expertoenbigdata.com/que-es-mongodb/#La_arquitectura_de_MongoDB&quot;&gt;Todo lo que debes saber sobre MongoDB&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.ecured.cu/MongoDB&quot;&gt;MongoDB – EcuRed&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://mappinggis.com/2014/07/mongodb-y-gis/&quot;&gt;Bases de datos NoSQL, MongoDB y GIS – MappingGIS&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://es.slideshare.net/maxfontana90/caractersticas-mongo-db&quot;&gt;Características MONGO DB&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://openwebinars.net/blog/que-es-mongodb&quot;&gt;Qué es MongoDB y características&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.genbeta.com/desarrollo/mongodb-que-es-como-funciona-y-cuando-podemos-usarlo-o-no&quot;&gt;MongoDB. Qué es, cómo funciona y cuándo podemos usarlo (o no)&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://docs.mongodb.com/&quot;&gt;MongoDB Documentation&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.genbeta.com/desarrollo/nosql-clasificacion-de-las-bases-de-datos-segun-el-teorema-cap&quot;&gt;NoSQL: Clasificación de las bases de datos según el teorema CAP&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Cassandra: Operaciones Básicas y Arquitectura</title><id>dist/cassandra-operaciones-basicas-y-arquitectura/index.html</id><updated>2020-03-19T23:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>Este es el segundo post en la serie sobre Cassandra, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.</summary><content type="html" src="dist/cassandra-operaciones-basicas-y-arquitectura/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Cassandra: Operaciones Básicas y Arquitectura&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Este es el segundo post en la serie sobre Cassandra, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-03-20&lt;/div&gt;
+&lt;p&gt;Otros posts en esta serie:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/cassandra-introduccion/&quot;&gt;Cassandra: Introducción&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/&quot;&gt;Cassandra: Operaciones Básicas y Arquitectura&lt;/a&gt; (este post)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Este post está hecho en colaboración con un compañero.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Antes de poder ejecutar ninguna consulta, debemos lanzar la base de datos en caso de que no se encuentre en ejecución aún. Para ello, en una terminal, lanzamos el binario de &lt;code&gt;cassandra&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ cassandra-3.11.6/bin/cassandra
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Sin cerrar esta consola, abrimos otra en la que podamos usar la &lt;a href=&quot;https://cassandra.apache.org/doc/latest/tools/cqlsh.html&quot;&gt;CQL shell&lt;/a&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ cassandra-3.11.6/bin/cqlsh
+Connected to Test Cluster at 127.0.0.1:9042.
+[cqlsh 5.0.1 | Cassandra 3.11.6 | CQL spec 3.4.4 | Native protocol v4]
+Use HELP for help.
+cqlsh&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;crear&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#crear&quot;&gt;¶&lt;/a&gt;Crear&lt;/h2&gt;
+&lt;h3 id=&quot;crear_una_base_de_datos&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#crear_una_base_de_datos&quot;&gt;¶&lt;/a&gt;Crear una base de datos&lt;/h3&gt;
+&lt;p&gt;Cassandra denomina a las «bases de datos» como «espacio de claves» (keyspace en inglés).&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh&amp;gt; create keyspace helloworld with replication = {'class': 'SimpleStrategy', 'replication_factor': 3};
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Cuando creamos un nuevo &lt;em&gt;keyspace&lt;/em&gt;, indicamos el nombre y la estrategia de replicación a usar. Nosotros usamos la estrategia simple con un factor 3 de replicación.&lt;/p&gt;
+&lt;h3 id=&quot;crear_una_tabla&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#crear_una_tabla&quot;&gt;¶&lt;/a&gt;Crear una tabla&lt;/h3&gt;
+&lt;p&gt;Una vez estemos dentro de un &lt;em&gt;keyspace&lt;/em&gt;, podemos crear tablas. Vamos a crear una tabla llamada «greetings» con identificador (número entero), mensaje (texto) y lenguaje (&lt;code&gt;varchar&lt;/code&gt;).&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh&amp;gt; use helloworld;
+cqlsh:helloworld&amp;gt; create table greetings(id int primary key, message text, lang varchar);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;crear_una_fila&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#crear_una_fila&quot;&gt;¶&lt;/a&gt;Crear una fila&lt;/h3&gt;
+&lt;p&gt;Insertar nuevas filas es similar a otros sistemas gestores de datos, mediante la sentencia &lt;code&gt;INSERT&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh:helloworld&amp;gt; insert into greetings(id, message, lang) values(1, '¡Bienvenido!', 'es');
+cqlsh:helloworld&amp;gt; insert into greetings(id, message, lang) values(2, 'Welcome!', 'es');
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;leer&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#leer&quot;&gt;¶&lt;/a&gt;Leer&lt;/h2&gt;
+&lt;p&gt;La lectura se lleva a cabo mediante la sentencia &lt;code&gt;SELECT&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh:helloworld&amp;gt; select * from greetings;
+
+ id | lang | message
+----+------+--------------
+  1 |   es | ¡Bienvenido!
+  2 |   es |     Welcome!
+
+(2 rows)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;code&gt;cqlsh&lt;/code&gt; colorea la salida, lo cuál resulta muy útil para identificar la clave primaria y distintos tipos de datos como texto, cadenas o números:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;image.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;h2 id=&quot;actualizar&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#actualizar&quot;&gt;¶&lt;/a&gt;Actualizar&lt;/h2&gt;
+&lt;p&gt;La actualización se lleva a cabo con la sentencia &lt;code&gt;UPDATE&lt;/code&gt;. Vamos a arreglar el fallo que hemos cometido al insertar «Welcome!» como español:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh:helloworld&amp;gt; update greetings set lang = 'en' where id = 2;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;indexar&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#indexar&quot;&gt;¶&lt;/a&gt;Indexar&lt;/h2&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh:helloworld&amp;gt; create index langIndex on greetings(lang);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;borrar&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#borrar&quot;&gt;¶&lt;/a&gt;Borrar&lt;/h2&gt;
+&lt;p&gt;Finalmente, el borrado se lleva a cabo con la sentencia &lt;code&gt;DELETE&lt;/code&gt;. Es posible borrar solo campos individuales, lo cuál los pone a nulos:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh:helloworld&amp;gt; delete message from greetings where id = 1;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Para eliminar la fila entera, basta con no especificar la columna:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;cqlsh:helloworld&amp;gt; delete from greetings where id = 1;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;referencias&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#referencias&quot;&gt;¶&lt;/a&gt;Referencias&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.tutorialspoint.com/cassandra/cassandra_create_keyspace.htm&quot;&gt;tutorialspoint – Creating a Keyspace using Cqlsh&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.tutorialspoint.com/cassandra/cassandra_cql_datatypes.htm&quot;&gt;tutorialspoint – Cassandra – CQL Datatypes&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.tutorialspoint.com/cassandra/cassandra_create_table.htm&quot;&gt;tutorialspoint – Cassandra – Create Table&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://data-flair.training/blogs/cassandra-crud-operation/&quot;&gt;Data Flair – Cassandra Crud Operation – Create, Update, Read &amp;amp; Delete&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://cassandra.apache.org/doc/latest/cql/indexes.html&quot;&gt;Cassandra Documentation – Secondary Indexes&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Visualizing Cáceres’ OpenData</title><id>dist/visualizing-caceres-opendata/index.html</id><updated>2020-03-18T23:00:00+00:00</updated><published>2020-03-08T23:00:00+00:00</published><summary>The city of Cáceres has online services to provide </summary><content type="html" src="dist/visualizing-caceres-opendata/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Visualizing Cáceres’ OpenData&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;The city of Cáceres has online services to provide &lt;a href=&quot;http://opendata.caceres.es/&quot;&gt;Open Data&lt;/a&gt; over a wide range of &lt;a href=&quot;http://opendata.caceres.es/dataset&quot;&gt;categories&lt;/a&gt;, all of which are very interesting to explore!&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-09&lt;br&gt;
+Modified 2020-03-19&lt;/div&gt;
+&lt;p&gt;We have chosen two different datasets, and will explore four different ways to visualize the data.&lt;/p&gt;
+&lt;p&gt;This post is co-authored with Classmate.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;obtain_the_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#obtain_the_data&quot;&gt;¶&lt;/a&gt;Obtain the data&lt;/h2&gt;
+&lt;p&gt;We are interested in the JSON format for the &lt;a href=&quot;http://opendata.caceres.es/dataset/informacion-del-padron-de-caceres-2017&quot;&gt;census in 2017&lt;/a&gt; and those for the &lt;a href=&quot;http://opendata.caceres.es/dataset/vias-urbanas-caceres&quot;&gt;vias of the city&lt;/a&gt;. This way, we can explore the population and their location in interesting ways! You may follow those two links and select the JSON format under Resources to download it.&lt;/p&gt;
+&lt;p&gt;Why JSON? We will be using &lt;a href=&quot;https://python.org/&quot;&gt;Python&lt;/a&gt; (3.7 or above) and &lt;a href=&quot;https://matplotlib.org/&quot;&gt;matplotlib&lt;/a&gt; for quick iteration, and loading the data with &lt;a href=&quot;https://docs.python.org/3/library/json.html&quot;&gt;Python’s &lt;code&gt;json&lt;/code&gt; module&lt;/a&gt; will be trivial.&lt;/p&gt;
+&lt;h2 id=&quot;implementation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#implementation&quot;&gt;¶&lt;/a&gt;Implementation&lt;/h2&gt;
+&lt;h3 id=&quot;imports_and_constants&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#imports_and_constants&quot;&gt;¶&lt;/a&gt;Imports and constants&lt;/h3&gt;
+&lt;p&gt;We are going to need a lot of things in this code, such as &lt;code&gt;json&lt;/code&gt; to load the data, &lt;code&gt;matplotlib&lt;/code&gt; to visualize it, and other data types and type hinting for use in the code.&lt;/p&gt;
+&lt;p&gt;We also want automatic download of the JSON files if they’re missing, so we add their URLs and download paths as constants.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import json
+import re
+import os
+import sys
+import urllib.request
+import matplotlib.pyplot as plt
+from dataclasses import dataclass
+from collections import namedtuple
+from datetime import date
+from pathlib import Path
+from typing import Optional
+
+CENSUS_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionCENSUS&amp;amp;year=2017&amp;amp;format=json'
+VIAS_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:Via&amp;amp;format=json'
+
+CENSUS_JSON = Path('data/demografia/Padrón_Cáceres_2017.json')
+VIAS_JSON = Path('data/via/Vías_Cáceres.json')
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;data_classes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#data_classes&quot;&gt;¶&lt;/a&gt;Data classes&lt;/h3&gt;
+&lt;p&gt;&lt;a href=&quot;https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/&quot;&gt;Parse, don’t validate&lt;/a&gt;. By defining a clear data model, we will be able to tell at a glance what information we have available. It will also be typed, so we won’t be confused as to what is what! Python 3.7 introduces &lt;code&gt;[dataclasses](https://docs.python.org/3/library/dataclasses.html)&lt;/code&gt;, which are a wonderful feature to define… well, data classes concisely.&lt;/p&gt;
+&lt;p&gt;We also have a &lt;code&gt;[namedtuple](https://docs.python.org/3/library/collections.html#collections.namedtuple)&lt;/code&gt; for points, because it’s extremely common to represent them as tuples.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;Point = namedtuple('Point', 'long lat')
+
+@dataclass
+class Census:
+    year: int
+    via: int
+    count_per_year: dict
+    count_per_city: dict
+    count_per_gender: dict
+    count_per_nationality: dict
+    time_year: int
+
+@dataclass
+class Via:
+    name: str
+    kind: str
+    code: int
+    history: Optional[str]
+    old_name: Optional[str]
+    length: Optional[float]
+    start: Optional[Point]
+    middle: Optional[Point]
+    end: Optional[Point]
+    geometry: Optional[list]
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;helper_methods&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#helper_methods&quot;&gt;¶&lt;/a&gt;Helper methods&lt;/h3&gt;
+&lt;p&gt;We will have a little helper method to automatically download the JSON when missing. This is just for convenience, we could as well just download it manually. But it is fun to automate things.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def ensure_file(file, url):
+    if not file.is_file():
+        print('Downloading', file.name, 'because it was missing...', end='', flush=True, file=sys.stderr)
+        file.parent.mkdir(parents=True, exist_ok=True)
+        urllib.request.urlretrieve(url, file)
+        print(' Done.', file=sys.stderr)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;parsing_the_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#parsing_the_data&quot;&gt;¶&lt;/a&gt;Parsing the data&lt;/h3&gt;
+&lt;p&gt;I will be honest, parsing Cáceres’ OpenData is a pain in the neck! The official descriptions are huge and not all that helpful. Maybe if one needs documentation for a specific field. But luckily for us, the names are pretty self-descriptive, and we can explore the data to get a feel for what we will find.&lt;/p&gt;
+&lt;p&gt;We define two methods, one to iterate over &lt;code&gt;Census&lt;/code&gt; values, and another to iterate over &lt;code&gt;Via&lt;/code&gt; values. Here’s where our friend &lt;code&gt;[re](https://docs.python.org/3/library/re.html)&lt;/code&gt; comes in, and oh boy the format of the data…&lt;/p&gt;
+&lt;p&gt;For example, the year and via identifier are best extracted from the URI! The information is also available in the &lt;code&gt;rdfs_label&lt;/code&gt; field, but that’s just a Spanish text! At least the URI will be more reliable… hopefully.&lt;/p&gt;
+&lt;p&gt;Birth date. They could have used a JSON list, but nah, that would’ve been too simple. Instead, you are given a string separated by semicolons. The values? They could have been dictionaries with names for «year» and «age», but nah! That would’ve been too simple! Instead, you are given strings that look like «2001 (7)», and that’s the year and the count.&lt;/p&gt;
+&lt;p&gt;The birth place? Sometimes it’s «City (Province) (Count)», but sometimes the province is missing. Gender? Semicolon-separated. And there are only two genders. I know a few people who would be upset just reading this, but it’s not my data, it’s theirs. Oh, and plenty of things are optional. That was a lot of &lt;code&gt;AttributeError: 'NoneType' object has no attribute 'foo'&lt;/code&gt; to work through!&lt;/p&gt;
+&lt;p&gt;But as a reward, we have nicely typed data, and we no longer have to deal with this mess when trying to visualize it. For brevity, we will only be showing how to parse the census data, and not the data for the vias. This post is already long enough on its own.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def iter_census(file):
+    with file.open() as fd:
+        data = json.load(fd)
+
+    for row in data['results']['bindings']:
+        year, via = map(int, row['uri']['value'].split('/')[-1].split('-'))
+
+        count_per_year = {}
+        for item in row['schema_birthDate']['value'].split(';'):
+            y, c = map(int, re.match(r'(\d+) \((\d+)\)', item).groups())
+            count_per_year[y] = c
+
+        count_per_city = {}
+        for item in row['schema_birthPlace']['value'].split(';'):
+            match = re.match(r'([^(]+) \(([^)]+)\) \((\d+)\)', item)
+            if match:
+                l, _province, c = match.groups()
+            else:
+                l, c = re.match(r'([^(]+) \((\d+)\)', item).groups()
+
+            count_per_city[l] = int(c)
+
+        count_per_gender = {}
+        for item in row['foaf_gender']['value'].split(';'):
+            g, c = re.match(r'([^(]+) \((\d+)\)', item).groups()
+            count_per_gender[g] = int(c)
+
+        count_per_nationality = {}
+        for item in row['schema_nationality']['value'].split(';'):
+            match = re.match(r'([^(]+) \((\d+)\)', item)
+            if match:
+                g, c = match.groups()
+            else:
+                g, _alt_name, c = re.match(r'([^(]+) \(([^)]+)\) \((\d+)\)', item).groups()
+
+            count_per_nationality[g] = int(c)
+        time_year = int(row['time_year']['value'])
+
+        yield Census(
+            year=year,
+            via=via,
+            count_per_year=count_per_year,
+            count_per_city=count_per_city,
+            count_per_gender=count_per_gender,
+            count_per_nationality=count_per_nationality,
+            time_year=time_year,
+        )
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;visualizing_the_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#visualizing_the_data&quot;&gt;¶&lt;/a&gt;Visualizing the data&lt;/h2&gt;
+&lt;p&gt;Here comes the fun part! After parsing all the desired data from the mentioned JSON files, we plotted the data in four different graphics making use of Python’s &lt;a href=&quot;https://matplotlib.org/&quot;&gt;&lt;code&gt;matplotlib&lt;/code&gt; library.&lt;/a&gt; This powerful library helps with the creation of different visualizations in Python.&lt;/p&gt;
+&lt;h3 id=&quot;visualizing_the_genders_in_a_pie_chart&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#visualizing_the_genders_in_a_pie_chart&quot;&gt;¶&lt;/a&gt;Visualizing the genders in a pie chart&lt;/h3&gt;
+&lt;p&gt;After seeing that there are only two genders in the data of the census, we, displeased, started work in a chart for it. The pie chart was the best option since we wanted to show only the percentages of each gender. The result looks like this:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;pie_chart.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;Pretty straight forward, isn’t it? To display this wonderful graphic, we used the following code:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def pie_chart(ax, data):
+    lists = sorted(data.items())
+
+    x, y = zip(*lists)
+    ax.pie(y, labels=x, autopct='%1.1f%%',
+            shadow=True, startangle=90)
+    ax.axis('equal')  # Equal aspect ratio ensures that pie is drawn as a circle.
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;We pass the axis as the input parameter (later we will explain why) and the data collected from the JSON regarding the genders, which are in a dictionary with the key being the labels and the values the tally of each gender. We sort the data and with some unpacking magic we split it into two values: &lt;code&gt;x&lt;/code&gt; being the labels and &lt;code&gt;y&lt;/code&gt; the amount of each gender.&lt;/p&gt;
+&lt;p&gt;After that we plot the pie chart with the data and labels from &lt;code&gt;y&lt;/code&gt; and &lt;code&gt;x&lt;/code&gt;, we specify that we want the percentage with one decimal place with the &lt;code&gt;autopct&lt;/code&gt; parameter, we enable shadows for the presentation, and specify the start angle at 90º.&lt;/p&gt;
+&lt;h3 id=&quot;date_tick_labels&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#date_tick_labels&quot;&gt;¶&lt;/a&gt;Date tick labels&lt;/h3&gt;
+&lt;p&gt;We wanted to know how many of the living people were born on each year, so we are making a date plot! In the census we have the year each person was born in, and using that information is an easy task after parsing the data (parsing was an important task of this work). The result looks as follows:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;date_tick.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;How did we do this? The following code was used:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def date_tick(ax, data):
+    lists = sorted(data.items())
+
+    x, y = zip(*lists)
+    x = [date(year, 1, 1) for year in x]
+    ax.plot(x, y)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Again, we pass in an axis and the data related with the year born, we sort it, split it into two lists, being the keys the years and the values the number per year. After that, we put the years in a date format for the plot to be more accurate. Finally, we plot the values into that wonderful graphic.&lt;/p&gt;
+&lt;h3 id=&quot;stacked_bar_chart&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#stacked_bar_chart&quot;&gt;¶&lt;/a&gt;Stacked bar chart&lt;/h3&gt;
+&lt;p&gt;We wanted to know if there was any relation between the latitudes and count per gender, so we developed the following code:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def stacked_bar_chart(ax, data):
+    labels = []
+    males = []
+    females = []
+
+    for latitude, genders in data.items():
+        labels.append(str(latitude))
+        males.append(genders['Male'])
+        females.append(genders['Female'])
+
+    ax.bar(labels, males, label='Males')
+    ax.bar(labels, females, bottom=males, label='Females')
+
+    ax.set_ylabel('Counts')
+    ax.set_xlabel('Latitudes')
+    ax.legend()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The key of the data dictionary is the latitude rounded to two decimals, and value is another dictionary, which is composed by the key that is the name of the gender and the value, the number of people per gender. So, in a single entry of the data dictionary we have the latitude and how many people per gender are in that latitude.&lt;/p&gt;
+&lt;p&gt;We iterate the dictionary to extract the different latitudes and people per gender (because we know only two genders are used, we hardcode it to two lists). Then we plot them putting the &lt;code&gt;males&lt;/code&gt; and &lt;code&gt;females&lt;/code&gt; lists at the bottom and set the labels of each axis. The result is the following:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;stacked_bar_chart-1.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;h3 id=&quot;scatter_plots&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#scatter_plots&quot;&gt;¶&lt;/a&gt;Scatter plots&lt;/h3&gt;
+&lt;p&gt;This last graphic was very tricky to get right. It’s incredibly hard to find the extent of a city online! We were getting confused because some of the points were way farther than the centre of Cáceres, and the city background is a bit stretched even if the coordinates appear correct. But in the end, we did a pretty good job on it.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def scatter_map(ax, data):
+    xs = []
+    ys = []
+    areas = []
+    for (long, lat), count in data.items():
+        xs.append(long)
+        ys.append(lat)
+        areas.append(count / 100)
+
+    if CACERES_MAP.is_file():
+        ax.imshow(plt.imread(str(CACERES_MAP)), extent=CACERES_EXTENT)
+    else:
+        print('Note:', CACERES_MAP, 'does not exist, not showing it', file=sys.stderr)
+
+    ax.scatter(xs, ys, areas, alpha=0.1)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This time, the keys in the data dictionary are points and the values are the total count of people in that point. We use a normal &lt;code&gt;for&lt;/code&gt; loop to create the different lists. For the areas on how big the circles we are going to represent will be, we divide the count of people by some number, like &lt;code&gt;100&lt;/code&gt;, or otherwise they would be huge.&lt;/p&gt;
+&lt;p&gt;If the file of the map is present, we render it so that we can get a sense on where the points are, but if the file is missing we print a warning.&lt;/p&gt;
+&lt;p&gt;At last, we draw the scatter plot with some low alpha value (there’s a lot of overlapping points). The result is &lt;em&gt;absolutely gorgeous&lt;/em&gt;. (For some definitions of gorgeous, anyway):&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;scatter_map.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;Just for fun, here’s what it looks like if we don’t divide the count by 100 and lower the opacity to &lt;code&gt;0.01&lt;/code&gt;:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;scatter_map-2.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;That’s a big solid blob, and the opacity is only set to &lt;code&gt;0.01&lt;/code&gt;!&lt;/p&gt;
+&lt;h3 id=&quot;drawing_all_the_graphs_in_the_same_window&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#drawing_all_the_graphs_in_the_same_window&quot;&gt;¶&lt;/a&gt;Drawing all the graphs in the same window&lt;/h3&gt;
+&lt;p&gt;To draw all the graphs in the same window instead of getting four different windows we made use of the &lt;a href=&quot;https://matplotlib.org/3.2.0/api/_as_gen/matplotlib.pyplot.subplots.html&quot;&gt;&lt;code&gt;subplots&lt;/code&gt; function&lt;/a&gt;, like this:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;fig, axes = plt.subplots(2, 2)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This will create a matrix of two by two of axes that we store in the axes variable (fitting name!). Following this code are the different calls to the methods commented before, where we access each individual axis and pass it to the methods to draw on:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;pie_chart(axes[0, 0], genders)
+date_tick(axes[0, 1], years)
+stacked_bar_chart(axes[1, 0], latitudes)
+scatter_map(axes[1, 1], positions)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Lastly, we plot the different graphics:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;plt.show()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Wrapping everything together, here’s the result:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;figures-1.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;The numbers in some of the graphs are a bit crammed together, but we’ll blame that on &lt;code&gt;matplotlib&lt;/code&gt;.&lt;/p&gt;
+&lt;h2 id=&quot;closing_words&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#closing_words&quot;&gt;¶&lt;/a&gt;Closing words&lt;/h2&gt;
+&lt;p&gt;Wow, that was a long journey! We hope that this post helped you pick some interest in data exploration, it’s such a fun world. We also offer the full download for the code below, because we know it’s quite a bit!&lt;/p&gt;
+&lt;p&gt;Which of the graphs was your favourite? I personally like the count per date, I think it’s nice to see the growth. Let us know in the comments below!&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;download removed&lt;/em&gt;&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>What is an algorithm?</title><id>dist/what-is-an-algorithm/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-02-24T23:00:00+00:00</published><summary>Algorithms are a sequence of instructions that can be followed to achieve </summary><content type="html" src="dist/what-is-an-algorithm/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;What is an algorithm?&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Algorithms are a sequence of instructions that can be followed to achieve &lt;em&gt;something&lt;/em&gt;. That something can be anything, and depends entirely on your problem!&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-02-25&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;p&gt;For example, a recipe to cook some really nice food is an algorithm: it guides you, step by step, to cook something nice. People dealing with mathemathics also apply algorithms to transform their data. And computers &lt;em&gt;love&lt;/em&gt; algorithms, too!&lt;/p&gt;
+&lt;p&gt;In reality, any computer program can basically be thought as an algorithm. It contains a series of instructions for the computer to execute. Running them is a process that takes time, consumes input and produces output. This is also why terms like «procedure» come up when talking about them.&lt;/p&gt;
+&lt;p&gt;Computer programs (their algorithms) are normally written in some more specific language, like Java or Python. The instructions are very clear here, which is what we need! A natural language like English is a lot harder to process, and ambiguous. I’m sure you’ve been in arguments because the other person didn’t understand you!&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;algorithm – definition and meaning: &lt;a href=&quot;https://www.wordnik.com/words/algorithm&quot;&gt;https://www.wordnik.com/words/algorithm&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;Algorithm: &lt;a href=&quot;https://en.wikipedia.org/wiki/Algorithm&quot;&gt;https://en.wikipedia.org/wiki/Algorithm&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;What is a «computer algorithm»?: &lt;a href=&quot;https://computer.howstuffworks.com/what-is-a-computer-algorithm.htm&quot;&gt;https://computer.howstuffworks.com/what-is-a-computer-algorithm.htm&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Introduction to NoSQL</title><id>dist/introduction-to-nosql/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-02-24T23:00:00+00:00</published><summary>This post will primarly focus on the talk held in the </summary><content type="html" src="dist/introduction-to-nosql/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Introduction to NoSQL&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This post will primarly focus on the talk held in the &lt;a href=&quot;https://youtu.be/qI_g07C_Q5I&quot;&gt;GOTO 2012 conference: Introduction to NoSQL by Martin Fowler&lt;/a&gt;. It can be seen as an informal, summarized transcript of the talk&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-02-25&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;hr /&gt;
+&lt;p&gt;The relational database model is affected by the &lt;em&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Object-relational_impedance_mismatch&quot;&gt;impedance mismatch problem&lt;/a&gt;&lt;/em&gt;. This occurs because we have to match our high-level design with the separate columns and rows used by relational databases.&lt;/p&gt;
+&lt;p&gt;Taking the in-memory objects and putting them into a relational database (which were dominant at the time) simply didn’t work out. Why? Relational databases were more than just databases, they served as a an integration mechanism across applications, up to the 2000s. For 20 years!&lt;/p&gt;
+&lt;p&gt;With the rise of the Internet and the sheer amount of traffic, databases needed to scale. Unfortunately, relational databases only scale well vertically (by upgrading a &lt;em&gt;single&lt;/em&gt; node). This is &lt;em&gt;very&lt;/em&gt; expensive, and not something many could afford.&lt;/p&gt;
+&lt;p&gt;The problem are those pesky &lt;code&gt;JOIN&lt;/code&gt;‘s, and its friends &lt;code&gt;GROUP BY&lt;/code&gt;. Because our program and reality model don’t match the tables used by SQL, we have to rely on them to query the data. It is because the model doesn’t map directly.&lt;/p&gt;
+&lt;p&gt;Furthermore, graphs don’t map very well at all to relational models.&lt;/p&gt;
+&lt;p&gt;We needed a way to scale horizontally (by increasing the &lt;em&gt;amount&lt;/em&gt; of nodes), something relational databases were not designed to do.&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;&lt;em&gt;We need to do something different, relational across nodes is an unnatural act&lt;/em&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;This inspired the NoSQL movement.&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;&lt;em&gt;#nosql was only meant to be a hashtag to advertise it, but unfortunately it’s how it is called now&lt;/em&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;It is not possible to define NoSQL, but we can identify some of its characteristics:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Non-relational&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Cluster-friendly&lt;/strong&gt; (this was the original spark)&lt;/li&gt;
+&lt;li&gt;Open-source (until now, generally)&lt;/li&gt;
+&lt;li&gt;21st century web culture&lt;/li&gt;
+&lt;li&gt;Schema-less (easier integration or conjugation of several models, structure aggregation)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;These databases use different data models to those used by the relational model. However, it is possible to identify 4 broad chunks (some may say 3, or even 2!):&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Key-value store&lt;/strong&gt;. With a certain key, you obtain the value corresponding to it. It knows nothing else, nor does it care. We say the data is opaque.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Document-based&lt;/strong&gt;. It stores an entire mass of documents with complex structure, normally through the use of JSON (XML has been left behind). Then, you can ask for certain fields, structures, or portions. We say the data is transparent.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Column-family&lt;/strong&gt;. There is a «row key», and within it we store multiple «column families» (columns that fit together, our aggregate). We access by row-key and column-family name.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;All of these kind of serve to store documents without any &lt;em&gt;explicit&lt;/em&gt; schema. Just shove in anything! This gives a lot of flexibility and ease of migration, except… that’s not really true. There’s an &lt;em&gt;implicit&lt;/em&gt; schema when querying.&lt;/p&gt;
+&lt;p&gt;For example, a query where we may do &lt;code&gt;anOrder['price'] * anOrder['quantity']&lt;/code&gt; is assuming that &lt;code&gt;anOrder&lt;/code&gt; has both a &lt;code&gt;price&lt;/code&gt; and a &lt;code&gt;quantity&lt;/code&gt;, and that both of these can be multiplied together. «Schema-less» is a fuzzy term.&lt;/p&gt;
+&lt;p&gt;However, it is the lack of a &lt;em&gt;fixed&lt;/em&gt; schema that gives flexibility.&lt;/p&gt;
+&lt;p&gt;One could argue that the line between key-value and document-based is very fuzzy, and they would be right! Key-value databases often let you include additional metadata that behaves like an index, and in document-based, documents often have an identifier anyway.&lt;/p&gt;
+&lt;p&gt;The common notion between these three types is what matters. They save an entire structure as an &lt;em&gt;unit&lt;/em&gt;. We can refer to these as «Aggregate Oriented Databases». Aggregate, because we group things when designing or modeling our systems, as opposed to relational databases that scatter the information across many tables.&lt;/p&gt;
+&lt;p&gt;There exists a notable outlier, though, and that’s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Graph&lt;/strong&gt; databases. They use a node-and-arc graph structure. They are great for moving on relationships across things. Ironically, relational databases are not very good at jumping across relationships! It is possibly to perform very interesting queries in graph databases which would be really hard and costly on relational models. Unlike the aggregated databases, graphs break things into even smaller units.
+NoSQL is not &lt;em&gt;the&lt;/em&gt; solution. It depends on how you’ll work with your data. Do you need an aggregate database? Will you have a lot of relationships? Or would the relational model be good fit for you?&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;NoSQL, however, is a good fit for large-scale projects (data will &lt;em&gt;always&lt;/em&gt; grow) and faster development (the impedance mismatch is drastically reduced).&lt;/p&gt;
+&lt;p&gt;Regardless of our choice, it is important to remember that NoSQL is a young technology, which is still evolving really fast (SQL has been stable for &lt;em&gt;decades&lt;/em&gt;). But the &lt;em&gt;polyglot persistence&lt;/em&gt; is what matters. One must know the alternatives, and be able to choose.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Relational databases have the well-known ACID properties: Atomicity, Consistency, Isolation and Durability.&lt;/p&gt;
+&lt;p&gt;NoSQL (except graph-based!) are about being BASE instead: Basically Available, Soft state, Eventual consistency.&lt;/p&gt;
+&lt;p&gt;SQL needs transactions because we don’t want to perform a read while we’re only half-way done with a write! The readers and writers are the problem, and ensuring consistency results in a performance hit, even if the risk is low (two writers are extremely rare but it still must be handled).&lt;/p&gt;
+&lt;p&gt;NoSQL on the other hand doesn’t need ACID because the aggregate &lt;em&gt;is&lt;/em&gt; the transaction boundary. Even before NoSQL itself existed! Any update is atomic by nature. When updating many documents it &lt;em&gt;is&lt;/em&gt; a problem, but this is very rare.&lt;/p&gt;
+&lt;p&gt;We have to distinguish between logical and replication consistency. During an update and if a conflict occurs, it must be resolved to preserve the logical consistency. Replication consistency on the other hand is preserveed when distributing the data across many machines, for example during sharding or copies.&lt;/p&gt;
+&lt;p&gt;Replication buys us more processing power and resillence (at the cost of more storage) in case some of the nodes die. But what happens if what dies is the communication across the nodes? We could drop the requests and preserve the consistency, or accept the risk to continue and instead preserve the availability.&lt;/p&gt;
+&lt;p&gt;The choice on whether trading consistency for availability is acceptable or not depends on the domain rules. It is the domain’s choice, the business people will choose. If you’re Amazon, you always want to be able to sell, but if you’re a bank, you probably don’t want your clients to have negative numbers in their account!&lt;/p&gt;
+&lt;p&gt;Regardless of what we do, in a distributed system, the CAP theorem always applies: Consistecy, Availability, Partitioning-tolerancy (error tolerancy). It is &lt;strong&gt;impossible&lt;/strong&gt; to guarantee all 3 at 100%. Most of the times, it does work, but it is mathematically impossible to guarantee at 100%.&lt;/p&gt;
+&lt;p&gt;A database has to choose what to give up at some point. When designing a distributed system, this must be considered. Normally, the choice is made between consistency or response time.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;further_reading&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#further_reading&quot;&gt;¶&lt;/a&gt;Further reading&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.martinfowler.com/articles/nosql-intro-original.pdf&quot;&gt;The future is: &lt;del&gt;NoSQL Databases&lt;/del&gt; Polyglot Persistence&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.thoughtworks.com/insights/blog/nosql-databases-overview&quot;&gt;NoSQL Databases: An Overview&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Big Data</title><id>dist/big-data/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-02-24T23:00:00+00:00</published><summary>Big Data sounds like a buzzword you may be hearing everywhere, but it’s actually here to stay!</summary><content type="html" src="dist/big-data/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Big Data&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Big Data sounds like a buzzword you may be hearing everywhere, but it’s actually here to stay!&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-02-25&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;what_is_big_data_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#what_is_big_data_&quot;&gt;¶&lt;/a&gt;What is Big Data?&lt;/h2&gt;
+&lt;p&gt;And why is it so important? We use this term to refer to the large amount of data available, rapidly growing every day, that cannot be processed in conventional ways. It’s not only about the amount, it’s also about the variety and rate of growth.&lt;/p&gt;
+&lt;p&gt;Thanks to technological advancements, there are new ways to process this insane amount of data, which would otherwise be too costly for processing in traditional database systems.&lt;/p&gt;
+&lt;h2 id=&quot;where_does_data_come_from_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#where_does_data_come_from_&quot;&gt;¶&lt;/a&gt;Where does data come from?&lt;/h2&gt;
+&lt;p&gt;It can be pictures in your phone, industry transactions, messages in social networks, a sensor in the mountains. It can come from anywhere, which makes the data very varied.&lt;/p&gt;
+&lt;p&gt;Just to give some numbers, over 12TB of data is generated on Twitter &lt;em&gt;daily&lt;/em&gt;. If you purchase a laptop today (as of March 2020), the disk will be roughly 1TB, maybe 2TB. Twitter would fill 6 of those drives every day!&lt;/p&gt;
+&lt;p&gt;What about Facebook? It is estimated they store around 100PB of photos and videos. That would be 50000 laptop disks. Not a small number. And let’s not talk about worldwide network traffic…&lt;/p&gt;
+&lt;h2 id=&quot;what_data_can_be_exploited_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#what_data_can_be_exploited_&quot;&gt;¶&lt;/a&gt;What data can be exploited?&lt;/h2&gt;
+&lt;p&gt;So, we have a lot of data. Should we attempt and process everything? We can distinguish several categories.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Web and Social Media&lt;/strong&gt;: Clickstream Data, Twitter Feeds, Facebook Postings, Web content… Stuff coming from social networks.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Biometrics&lt;/strong&gt;: Facial Recognion, Genetics… Any kind of personal recognition.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Machine-to-Machine&lt;/strong&gt;: Utility Smart Meter Readings, RFID Readings, Oil Rig Sensor Readings, GPS Signals… Any sensor shared with other machines.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Human Generated&lt;/strong&gt;: Call Center Voice Recordings, Email, Electronic Medical Records… Even the voice notes one sends over WhatsApp count.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Big Transaction Data&lt;/strong&gt;: Healthcare Claims, Telecommunications Call Detail Records, Utility Billing Records… Financial transactions.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;But asking what to process is asking the wrong question. Instead, one should think about «What problem am I trying to solve?».&lt;/p&gt;
+&lt;h2 id=&quot;how_to_exploit_this_data_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#how_to_exploit_this_data_&quot;&gt;¶&lt;/a&gt;How to exploit this data?&lt;/h2&gt;
+&lt;p&gt;What are some of the ways to deal with this data? If the problem fits the Map-Reduce paradigm then Hadoop is a great option! Hadoop is inspired by Google File System (GFS), and achieves great parallelism across the nodes of a cluster, and has the following components:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Hadoop Distributed File System&lt;/strong&gt;. Data is divided into smaller «blocks» and distributed across the cluster, which makes it possible to execute the mapping and reduction in smaller subsets, and makes it possible to scale horizontally.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Hadoop MapReduce&lt;/strong&gt;. First, a data set is «mapped» into a different set, and data becomes a list of tuples (key, value). The «reduce» step works on these tuples and combines them into a smaller subset.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Hadoop Common&lt;/strong&gt;. These are a set of libraries that ease working with Hadoop.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;key_insights&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#key_insights&quot;&gt;¶&lt;/a&gt;Key insights&lt;/h2&gt;
+&lt;p&gt;Big Data is a field whose goal is to extract information from very large sets of data, and find ways to do so. To summarize its different dimensions, we can refer to what’s known as «the Four V’s of Big Data»:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Volume&lt;/strong&gt;. Really large quantities.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Velocity&lt;/strong&gt;. Processing response time matters!&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Variety&lt;/strong&gt;. Data comes from plenty of sources.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Veracity.&lt;/strong&gt; Can we trust all sources, though?&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Some sources talk about a fifth V for &lt;strong&gt;Value&lt;/strong&gt;; because processing this data is costly, it is important we can get value out of it.&lt;/p&gt;
+&lt;p&gt;…And some other sources go as high as seven V’s, including &lt;strong&gt;Viability&lt;/strong&gt; and &lt;strong&gt;Visualization&lt;/strong&gt;. Computers can’t take decissions on their own (yet), a human has to. And they can only do so if they’re presented the data (and visualize it) in a meaningful way.&lt;/p&gt;
+&lt;h2 id=&quot;infographics&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#infographics&quot;&gt;¶&lt;/a&gt;Infographics&lt;/h2&gt;
+&lt;p&gt;Let’s see some pictures, we all love pictures:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;4-Vs-of-big-data.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;h2 id=&quot;common_patterns&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#common_patterns&quot;&gt;¶&lt;/a&gt;Common patterns&lt;/h2&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;¿Qué es Big Data? – &lt;a href=&quot;https://www.ibm.com/developerworks/ssa/local/im/que-es-big-data/&quot;&gt;https://www.ibm.com/developerworks/ssa/local/im/que-es-big-data/&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;The Four V’s of Big Data – &lt;a href=&quot;https://www.ibmbigdatahub.com/infographic/four-vs-big-data&quot;&gt;https://www.ibmbigdatahub.com/infographic/four-vs-big-data&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;Big data – &lt;a href=&quot;https://en.wikipedia.org/wiki/Big_data&quot;&gt;https://en.wikipedia.org/wiki/Big_data&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;Las 5 V’s del Big Data – &lt;a href=&quot;https://www.quanticsolutions.es/big-data/las-5-vs-del-big-data&quot;&gt;https://www.quanticsolutions.es/big-data/las-5-vs-del-big-data&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;Las 7 V del Big data: Características más importantes – &lt;a href=&quot;https://www.iic.uam.es/innovacion/big-data-caracteristicas-mas-importantes-7-v/#viabilidad&quot;&gt;https://www.iic.uam.es/innovacion/big-data-caracteristicas-mas-importantes-7-v/&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry></feed>
A blog/mdad/big-data/index.html 
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Big Data</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Big Data sounds like a buzzword you may be hearing everywhere, but it’s actually here to stay!</p>
+<div class="date-created-modified">Created 2020-02-25<br>
+Modified 2020-03-18</div>
+<h2 class="title" id="what_is_big_data_"><a class="anchor" href="#what_is_big_data_">¶</a>What is Big Data?</h2>
+<p>And why is it so important? We use this term to refer to the large amount of data available, rapidly growing every day, that cannot be processed in conventional ways. It’s not only about the amount, it’s also about the variety and rate of growth.</p>
+<p>Thanks to technological advancements, there are new ways to process this insane amount of data, which would otherwise be too costly for processing in traditional database systems.</p>
+<h2 id="where_does_data_come_from_"><a class="anchor" href="#where_does_data_come_from_">¶</a>Where does data come from?</h2>
+<p>It can be pictures in your phone, industry transactions, messages in social networks, a sensor in the mountains. It can come from anywhere, which makes the data very varied.</p>
+<p>Just to give some numbers, over 12TB of data is generated on Twitter <em>daily</em>. If you purchase a laptop today (as of March 2020), the disk will be roughly 1TB, maybe 2TB. Twitter would fill 6 of those drives every day!</p>
+<p>What about Facebook? It is estimated they store around 100PB of photos and videos. That would be 50000 laptop disks. Not a small number. And let’s not talk about worldwide network traffic…</p>
+<h2 id="what_data_can_be_exploited_"><a class="anchor" href="#what_data_can_be_exploited_">¶</a>What data can be exploited?</h2>
+<p>So, we have a lot of data. Should we attempt and process everything? We can distinguish several categories.</p>
+<ul>
+<li><strong>Web and Social Media</strong>: Clickstream Data, Twitter Feeds, Facebook Postings, Web content… Stuff coming from social networks.</li>
+<li><strong>Biometrics</strong>: Facial Recognion, Genetics… Any kind of personal recognition.</li>
+<li><strong>Machine-to-Machine</strong>: Utility Smart Meter Readings, RFID Readings, Oil Rig Sensor Readings, GPS Signals… Any sensor shared with other machines.</li>
+<li><strong>Human Generated</strong>: Call Center Voice Recordings, Email, Electronic Medical Records… Even the voice notes one sends over WhatsApp count.</li>
+<li><strong>Big Transaction Data</strong>: Healthcare Claims, Telecommunications Call Detail Records, Utility Billing Records… Financial transactions.</li>
+</ul>
+<p>But asking what to process is asking the wrong question. Instead, one should think about «What problem am I trying to solve?».</p>
+<h2 id="how_to_exploit_this_data_"><a class="anchor" href="#how_to_exploit_this_data_">¶</a>How to exploit this data?</h2>
+<p>What are some of the ways to deal with this data? If the problem fits the Map-Reduce paradigm then Hadoop is a great option! Hadoop is inspired by Google File System (GFS), and achieves great parallelism across the nodes of a cluster, and has the following components:</p>
+<ul>
+<li><strong>Hadoop Distributed File System</strong>. Data is divided into smaller «blocks» and distributed across the cluster, which makes it possible to execute the mapping and reduction in smaller subsets, and makes it possible to scale horizontally.</li>
+<li><strong>Hadoop MapReduce</strong>. First, a data set is «mapped» into a different set, and data becomes a list of tuples (key, value). The «reduce» step works on these tuples and combines them into a smaller subset.</li>
+<li><strong>Hadoop Common</strong>. These are a set of libraries that ease working with Hadoop.</li>
+</ul>
+<h2 id="key_insights"><a class="anchor" href="#key_insights">¶</a>Key insights</h2>
+<p>Big Data is a field whose goal is to extract information from very large sets of data, and find ways to do so. To summarize its different dimensions, we can refer to what’s known as «the Four V’s of Big Data»:</p>
+<ul>
+<li><strong>Volume</strong>. Really large quantities.</li>
+<li><strong>Velocity</strong>. Processing response time matters!</li>
+<li><strong>Variety</strong>. Data comes from plenty of sources.</li>
+<li><strong>Veracity.</strong> Can we trust all sources, though?</li>
+</ul>
+<p>Some sources talk about a fifth V for <strong>Value</strong>; because processing this data is costly, it is important we can get value out of it.</p>
+<p>…And some other sources go as high as seven V’s, including <strong>Viability</strong> and <strong>Visualization</strong>. Computers can’t take decissions on their own (yet), a human has to. And they can only do so if they’re presented the data (and visualize it) in a meaningful way.</p>
+<h2 id="infographics"><a class="anchor" href="#infographics">¶</a>Infographics</h2>
+<p>Let’s see some pictures, we all love pictures:</p>
+<p><img src="4-Vs-of-big-data.jpg" alt="" /></p>
+<h2 id="common_patterns"><a class="anchor" href="#common_patterns">¶</a>Common patterns</h2>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li>¿Qué es Big Data? – <a href="https://www.ibm.com/developerworks/ssa/local/im/que-es-big-data/">https://www.ibm.com/developerworks/ssa/local/im/que-es-big-data/</a></li>
+<li>The Four V’s of Big Data – <a href="https://www.ibmbigdatahub.com/infographic/four-vs-big-data">https://www.ibmbigdatahub.com/infographic/four-vs-big-data</a></li>
+<li>Big data – <a href="https://en.wikipedia.org/wiki/Big_data">https://en.wikipedia.org/wiki/Big_data</a></li>
+<li>Las 5 V’s del Big Data – <a href="https://www.quanticsolutions.es/big-data/las-5-vs-del-big-data">https://www.quanticsolutions.es/big-data/las-5-vs-del-big-data</a></li>
+<li>Las 7 V del Big data: Características más importantes – <a href="https://www.iic.uam.es/innovacion/big-data-caracteristicas-mas-importantes-7-v/#viabilidad">https://www.iic.uam.es/innovacion/big-data-caracteristicas-mas-importantes-7-v/</a></li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/cassandra-introduccion/index.html 
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Cassandra: Introducción</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p><img src="1200px-Cassandra_logo.png" alt="" /></p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-03-30</div>
+<p>Este es el primer post en la serie sobre Cassandra, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.</p>
+<p>Otros posts en esta serie:</p>
+<ul>
+<li><a href="/blog/mdad/cassandra-introduccion/">Cassandra: Introducción</a> (este post)</li>
+<li><a href="/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/">Cassandra: Operaciones Básicas y Arquitectura</a></li>
+</ul>
+<p>Este post está hecho en colaboración con un compañero.</p>
+<hr />
+<h2 class="title" id="finalidad_de_la_tecnología"><a class="anchor" href="#finalidad_de_la_tecnología">¶</a>Finalidad de la tecnología</h2>
+<p>Apache Cassandra es una base de datos NoSQL distribuida y de código abierto (<a href="https://github.com/apache/cassandra">con un espejo en GitHub</a>). Su filosofía es de tipo «clave-valor», y puede manejar grandes volúmenes de datos</p>
+<p>Entre sus objetivos, busca ser escalable horizontalmente (puede replicarse en varios centros manteniendo la latencia baja) y alta disponibilidad sin ceder en rendimiento.</p>
+<h2 id="cómo_funciona"><a class="anchor" href="#cómo_funciona">¶</a>Cómo funciona</h2>
+<p>Instancias de Cassandra se distribuyen en nodos iguales (es decir, no hay maestro-esclavo) que se comunican entre sí (P2P). De este modo, da buen soporte entre varios centros de datos, con redundancia y réplicas síncronas.</p>
+<p><img src="multiple-data-centers-and-data-replication-in-cassandra.jpg" alt="" /></p>
+<p>Con respecto al modelo de datos, Cassandra particiona las filas con el objetivo de re-organizarla a lo largo distintas tablas. Como clave primaria, se usa un primer componente conocido como «clave de la partición». Dentro de cada partición, las filas se agrupan según el resto de columnas de la clave. Cualquier otra columna se puede indexar independientemente de la clave primaria.</p>
+<p>Las tablas se pueden crear, borrar, actualizar y consultar sin bloqueos. No hay soporte para JOIN o subconsultas, pero Cassandra prefiere de-normalizar los datos haciendo uso de características como coleciones.</p>
+<p>Para realizar las operaciones sobre cassandra se usa CQL (Cassandra Query Language), que tiene una sintaxis muy similar a SQL.</p>
+<h2 id="características"><a class="anchor" href="#características">¶</a>Características</h2>
+<p>Como ya hemos mencionado antes, la arquitectura de Cassandra es <strong>decentralizada</strong>. No tiene un único punto que pudiera fallar porque todos los nodos son iguales (sin maestros), y por lo tanto, cualquiera puede dar servicio a la petición.</p>
+<p>Los datos se encuentran <strong>replicados</strong> entre los distintos nodos del clúster (lo que ofrece gran <strong>tolerancia a fallos</strong> sin necesidad de interrumpir la aplicación), y es trivial <strong>escalar</strong> añadiendo más nodos al sistema.</p>
+<p>El nivel de <strong>consistencia</strong> para lecturas y escrituras es configurable.</p>
+<p>Siendo de la familia Apache, Cassandra ofrece integración con Apache Hadoop para tener soporte MapReduce.</p>
+<h2 id="arista_dentro_del_teorema_cap"><a class="anchor" href="#arista_dentro_del_teorema_cap">¶</a>Arista dentro del Teorema CAP</h2>
+<p>Cassandra se encuentra dentro de la esquina «AP» junto con CouchDB y otros, porque garantiza tanto la disponibilidad como la tolerancia a fallos.</p>
+<p>Sin embargo, puede configurarse como un sistema «CP» si se prefiere respetar la consistencia en todo momento.</p>
+<p><img src="0.jpeg" alt="" /></p>
+<h2 id="descarga"><a class="anchor" href="#descarga">¶</a>Descarga</h2>
+<p>Se pueden seguir las instrucciones de la página oficial para <a href="https://cassandra.apache.org/download/">descargar Cassandra</a>. Para ello, se debe clicar en la <a href="https://www.apache.org/dyn/closer.lua/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz">última versión para descargar el archivo</a>. En nuestro caso, esto es el enlace nombrado «3.11.6», versión que utilizamos.</p>
+<h2 id="instalación"><a class="anchor" href="#instalación">¶</a>Instalación</h2>
+<p>Cassandra no ofrece binarios para Windows, por lo que usaremos Linux para instalarlo. En nuestro caso, tenemos un sistema Linux Mint (derivado de Ubuntu), pero una máquina virtual con cualquier Linux debería funcionar.</p>
+<p>Debemos asegurarnos de tener Java y Python 2 instalado mediante el siguiente comando:</p>
+<pre><code>apt install openjdk-8-jdk openjdk-8-jre python2.7
+</code></pre>
+<p>Para verificar que la instalación ha sido correcta, podemos mostrar las versiones de los programas:</p>
+<pre><code>$ java -version
+openjdk version &quot;1.8.0_242&quot;
+OpenJDK Runtime Environment (build 1.8.0_242-8u242-b08-0ubuntu3~18.04-b08)
+OpenJDK 64-Bit Server VM (build 25.242-b08, mixed mode)
+
+$ python2 --version
+Python 2.7.17
+</code></pre>
+<p>Una vez las dependencias estén instaladas, extraemos el fichero descargado o bien mediante la interfaz gráfica de nuestro sistema, o bien mediante un comando:</p>
+<pre><code>tar xf apache-cassandra-3.11.6-bin.tar.gz
+</code></pre>
+<p>Y finalmente, lanzar la ejecución de Cassandra:</p>
+<pre><code>apache-cassandra-3.11.6/bin/cassandra
+</code></pre>
+<p>Es posible que tarde un poco en abrirse, pero luego debería haber muchas líneas de log indicando. Para apagar el servidor, simplemente basta con pulsar <code>Ctrl+C</code>.</p>
+<h2 id="referencias"><a class="anchor" href="#referencias">¶</a>Referencias</h2>
+<ul>
+<li><a href="https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/">Apache Cassandra Architecture Fundamentals – The Distributed SQL Blog</a></li>
+<li><a href="https://cassandra.apache.org/">Apache Cassandra</a></li>
+<li><a href="https://www.datastax.com/blog/2019/05/how-apache-cassandratm-balances-consistency-availability-and-performance">How Apache Cassandra™ Balances Consistency, Availability, and Performance – Datasax</a></li>
+<li><a href="https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/">Apache Cassandra Architecture Fundamentals</a></li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/cassandra-operaciones-basicas-y-arquitectura/index.html 
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Cassandra: Operaciones Básicas y Arquitectura</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Este es el segundo post en la serie sobre Cassandra, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.</p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-03-20</div>
+<p>Otros posts en esta serie:</p>
+<ul>
+<li><a href="/blog/mdad/cassandra-introduccion/">Cassandra: Introducción</a></li>
+<li><a href="/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/">Cassandra: Operaciones Básicas y Arquitectura</a> (este post)</li>
+</ul>
+<p>Este post está hecho en colaboración con un compañero.</p>
+<hr />
+<p>Antes de poder ejecutar ninguna consulta, debemos lanzar la base de datos en caso de que no se encuentre en ejecución aún. Para ello, en una terminal, lanzamos el binario de <code>cassandra</code>:</p>
+<pre><code>$ cassandra-3.11.6/bin/cassandra
+</code></pre>
+<p>Sin cerrar esta consola, abrimos otra en la que podamos usar la <a href="https://cassandra.apache.org/doc/latest/tools/cqlsh.html">CQL shell</a>:</p>
+<pre><code>$ cassandra-3.11.6/bin/cqlsh
+Connected to Test Cluster at 127.0.0.1:9042.
+[cqlsh 5.0.1 | Cassandra 3.11.6 | CQL spec 3.4.4 | Native protocol v4]
+Use HELP for help.
+cqlsh&gt;
+</code></pre>
+<h2 class="title" id="crear"><a class="anchor" href="#crear">¶</a>Crear</h2>
+<h3 id="crear_una_base_de_datos"><a class="anchor" href="#crear_una_base_de_datos">¶</a>Crear una base de datos</h3>
+<p>Cassandra denomina a las «bases de datos» como «espacio de claves» (keyspace en inglés).</p>
+<pre><code>cqlsh&gt; create keyspace helloworld with replication = {'class': 'SimpleStrategy', 'replication_factor': 3};
+</code></pre>
+<p>Cuando creamos un nuevo <em>keyspace</em>, indicamos el nombre y la estrategia de replicación a usar. Nosotros usamos la estrategia simple con un factor 3 de replicación.</p>
+<h3 id="crear_una_tabla"><a class="anchor" href="#crear_una_tabla">¶</a>Crear una tabla</h3>
+<p>Una vez estemos dentro de un <em>keyspace</em>, podemos crear tablas. Vamos a crear una tabla llamada «greetings» con identificador (número entero), mensaje (texto) y lenguaje (<code>varchar</code>).</p>
+<pre><code>cqlsh&gt; use helloworld;
+cqlsh:helloworld&gt; create table greetings(id int primary key, message text, lang varchar);
+</code></pre>
+<h3 id="crear_una_fila"><a class="anchor" href="#crear_una_fila">¶</a>Crear una fila</h3>
+<p>Insertar nuevas filas es similar a otros sistemas gestores de datos, mediante la sentencia <code>INSERT</code>:</p>
+<pre><code>cqlsh:helloworld&gt; insert into greetings(id, message, lang) values(1, '¡Bienvenido!', 'es');
+cqlsh:helloworld&gt; insert into greetings(id, message, lang) values(2, 'Welcome!', 'es');
+</code></pre>
+<h2 id="leer"><a class="anchor" href="#leer">¶</a>Leer</h2>
+<p>La lectura se lleva a cabo mediante la sentencia <code>SELECT</code>:</p>
+<pre><code>cqlsh:helloworld&gt; select * from greetings;
+
+ id | lang | message
+----+------+--------------
+  1 |   es | ¡Bienvenido!
+  2 |   es |     Welcome!
+
+(2 rows)
+</code></pre>
+<p><code>cqlsh</code> colorea la salida, lo cuál resulta muy útil para identificar la clave primaria y distintos tipos de datos como texto, cadenas o números:</p>
+<p><img src="image.png" alt="" /></p>
+<h2 id="actualizar"><a class="anchor" href="#actualizar">¶</a>Actualizar</h2>
+<p>La actualización se lleva a cabo con la sentencia <code>UPDATE</code>. Vamos a arreglar el fallo que hemos cometido al insertar «Welcome!» como español:</p>
+<pre><code>cqlsh:helloworld&gt; update greetings set lang = 'en' where id = 2;
+</code></pre>
+<h2 id="indexar"><a class="anchor" href="#indexar">¶</a>Indexar</h2>
+<pre><code>cqlsh:helloworld&gt; create index langIndex on greetings(lang);
+</code></pre>
+<h2 id="borrar"><a class="anchor" href="#borrar">¶</a>Borrar</h2>
+<p>Finalmente, el borrado se lleva a cabo con la sentencia <code>DELETE</code>. Es posible borrar solo campos individuales, lo cuál los pone a nulos:</p>
+<pre><code>cqlsh:helloworld&gt; delete message from greetings where id = 1;
+</code></pre>
+<p>Para eliminar la fila entera, basta con no especificar la columna:</p>
+<pre><code>cqlsh:helloworld&gt; delete from greetings where id = 1;
+</code></pre>
+<h2 id="referencias"><a class="anchor" href="#referencias">¶</a>Referencias</h2>
+<ul>
+<li><a href="https://www.tutorialspoint.com/cassandra/cassandra_create_keyspace.htm">tutorialspoint – Creating a Keyspace using Cqlsh</a></li>
+<li><a href="https://www.tutorialspoint.com/cassandra/cassandra_cql_datatypes.htm">tutorialspoint – Cassandra – CQL Datatypes</a></li>
+<li><a href="https://www.tutorialspoint.com/cassandra/cassandra_create_table.htm">tutorialspoint – Cassandra – Create Table</a></li>
+<li><a href="https://data-flair.training/blogs/cassandra-crud-operation/">Data Flair – Cassandra Crud Operation – Create, Update, Read &amp; Delete</a></li>
+<li><a href="https://cassandra.apache.org/doc/latest/cql/indexes.html">Cassandra Documentation – Secondary Indexes</a></li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/css/style.css 
@@ -0,0 +1,130 @@
+/* containers */
+
+body {
+    background-color: #fffff0;
+    margin: 0;
+}
+
+main {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 10px 20px;
+    background-color: #fffff0;
+}
+
+/* titles and special */
+
+h1.title {
+    text-align: center;
+    font-family: serif;
+    font-size: 2.5em;
+    font-weight: lighter;
+    font-variant-caps: small-caps;
+    border-bottom: 4px double #000;
+}
+
+h1, h2 {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #000;
+}
+
+h1:not(.title):hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
+    opacity: 1;
+}
+
+.anchor {
+    float: left;
+    padding-right: 0.4ch;
+    margin-left: -1.3ch;
+    opacity: 0;
+    transition: opacity 150ms;
+}
+
+/* body text */
+
+p, li {
+    font-family: sans-serif;
+    font-size: 1.1em;
+    line-height: 1.5;
+    text-align: justify;
+}
+
+a {
+    text-decoration: none;
+    color: #f74c00;
+    border-bottom: 0 dashed rgba(0, 0, 0, 0);
+    transition: color 300ms, border-bottom 300ms;
+}
+
+a:hover {
+    color: #e33b26;
+    border-bottom: 1px solid #e33b26;
+}
+
+blockquote {
+    border-left: 4px solid #000;
+    padding-left: 8px;
+    font-style: italic;
+    color: #444;
+}
+
+.footnote:target {
+    background-color: rgba(255, 255, 0, 0.2);
+}
+
+/* code listing */
+
+pre {
+    background-color: #eee;
+    padding: 4px;
+    overflow: auto;
+    max-height: 480px;
+}
+
+/* tables */
+
+table {
+    border-collapse: collapse;
+}
+
+th {
+    background-color: #f7f7e8;
+}
+
+th, td {
+    padding: 0.5em;
+    border: 1px solid #aaa;
+}
+
+tr:nth-child(even) {
+    background-color: #f7f7e8;
+}
+
+/* misc */
+
+p.time {
+    text-align: right;
+    font-style: italic;
+    color: #777;
+    font-size: 0.9em;
+}
+
+hr {
+    border: 0;
+    border-bottom: 2px dashed #aaa;
+}
+
+kbd {
+    padding: 3px 5px;
+    font: 0.9em monospace;
+    color: #333;
+    background-color: #fafafa;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    box-shadow: 0 2px 0 #ddd;
+}
+
+::selection {
+    background-color: #f74c00;
+    color: #fff;
+}
A blog/mdad/data-warehousing-and-olap/index.html 
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Data Warehousing and OLAP</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Business intelligence (BI) refers to systems used to gain insights from data, traditionally taken from relational databases and being used to build a data warehouse. Performance and scalability are key aspects of BI systems.</p>
+<div class="date-created-modified">Created 2020-03-23<br>
+Modified 2020-04-01</div>
+<p>Commonly, the data in the warehouse is a transformation of the original, operational data into a form better suited for reporting and analysis.</p>
+<p>This whole process is known as Online Analytical Processing (OLAP), and is different to the approach taken by relational databases, which is known as Online Transaction Processing (OLTP) and is optimized for individual transactions. OLAP is based on multidimensional databases simply by the way it works.</p>
+<p>The Business Intelligence Semantic Model (BISM) refers to the different semantics in which data can be accessed and queried.</p>
+<p>On the one hand, MDX is the language used for Microsoft’s BISM of multidimensional mode, and on the other, DAX is the language of tabular mode, based on Excel’s formula language and designed to be easy to use by those familiar with Excel.</p>
+<h2 class="title" id="types_of_data"><a class="anchor" href="#types_of_data">¶</a>Types of data</h2>
+<p>The business data is often called detail data or <em>fact</em> data, goes in a de-normalized table called the fact table. The term «facts» literally refers to the facts, such as number of products sold and amount received for products sold. Different tables will often represent different dimensions of the data, where «dimensions» simply means different ways to look at the data.</p>
+<p>Data can also be referred to as measures, because most of it is numbers and subject to aggregations. By measures, we refer to these values and numbers.</p>
+<p>Multidimensional databases are formed with separate fact and dimension tables, grouped to create a «cube» with both facts and dimensions.</p>
+<h2 id="places_to_store_data"><a class="anchor" href="#places_to_store_data">¶</a>Places to store data</h2>
+<p>Three different terms are often heard when talking about the places where data is stored: data lakes, data warehouses, and data marts. All of these have different target users, cost, size and growth.</p>
+<p>The data lake contains <strong>all</strong> the data generated by your business. Nothing is filtered out, not even cancelled or invalid transactions. If there are future plans to use the data, or a need to analyze it in various ways, a data lake is often necessary.</p>
+<p>The data warehouse contains <strong>structured</strong> data, or has already been modelled. It’s also multi-purpose, but often of a lot smaller scale. Operational users are able to easily evaluate reports or analyze performance here, since it is built for their needs.</p>
+<p>The data mart contains a <strong>small portion</strong> of the data, and is often part of data warehouses themselves. It can be seen as a subsection built for specific departments, and as a benefit, users get isolated security and performance. The data here is clean, and subject-oriented.</p>
+<h2 id="ways_to_store_data"><a class="anchor" href="#ways_to_store_data">¶</a>Ways to store data</h2>
+<p>Data is often stored de-normalized, because it would not be feasible to store otherwise.</p>
+<p>There are two main techniques to implement data warehouses, known as Inmon approach and Kimball approach. They are named after Ralph Kimball <em>et al.</em> for their work on «The Data Warehouse Lifecycle Toolkit», and Bill Inmon <em>et al.</em> for their work on «Corporate Information Factory» respectively.</p>
+<p>When several independent systems identify and store data in different ways, we face what’s known as the problem of the stovepipe. Something as simple as trying to connect these systems or use their data in a warehouse results in an overly complicated system.</p>
+<p>To tackle this issue, Kimball advocates the use of «conformed dimensions», that is, some dimensions will be «of interest», and have the same attributes and rollups (or at least a subset) in different data marts. This way, warehouses contain dimensional databases to ease analysis in the data marts it is composed of, and users query the warehouse.</p>
+<p>The Inmon approach on the other hand has the warehouse laid out in third normal form, and users query the data marts, not the warehouse (so the data marts are dimensional in nature).</p>
+<h2 id="key_takeaways"><a class="anchor" href="#key_takeaways">¶</a>Key takeaways</h2>
+<ul>
+<li>«BI» stands for «Business Intelligence» and refers to the system that <em>perform</em> data analysis.</li>
+<li>«BISM» stands for «Business Intelligence Semantic Model», and Microsoft has two languages to query data: MDX and DAX.</li>
+<li>«OLAP» stands for «Online Analytical Processing», and «OLTP» for «Online Transaction Processing».</li>
+<li>Data mart, warehouse and lake refer to places at different scales and with different needs to store data.</li>
+<li>Inmon and Kimbal are different ways to implement data warehouses.</li>
+<li>Data facts contains various measures arranged into different dimensions, which together form a data cube.</li>
+</ul>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://media.wiley.com/product_data/excerpt/03/11181011/1118101103-157.pdf">Chapter 1 – Professional Microsoft SQL Server 2012 Analysis Services with MDX and DAX (Harinath et al., 2012)</a></li>
+<li><a href="https://youtu.be/m_DzhW-2pWI">YouTube – Data Mining in SQL Server Analysis Services</a></li>
+<li>Almacenes de Datos y Procesamiento Analítico On-Line (Félix R.)</li>
+<li><a href="https://youtu.be/qkJOace9FZg">YouTube – What are Dimensions and Measures?</a></li>
+<li><a href="https://www.holistics.io/blog/data-lake-vs-data-warehouse-vs-data-mart/">Data Lake vs Data Warehouse vs Data Mart</a></li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/developing-a-python-application-for-cassandra/index.html 
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Developing a Python application for Cassandra</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p><em><strong>Warning</strong>: this post is, in fact, a shameless self-plug to my own library. If you continue reading, you accept that you are okay with this. Otherwise, please close the tab, shut down your computer, and set it on fire.__(Also, that was a joke. Please don’t do that.)</em></p>
+<div class="date-created-modified">Created 2020-03-23<br>
+Modified 2020-04-16</div>
+<p>Let’s do some programming! Today we will be making a tiny CLI application in <a href="http://python.org/">Python</a> that queries <a href="https://core.telegram.org/api">Telegram’s API</a> and stores the data in <a href="http://cassandra.apache.org/">Cassandra</a>.</p>
+<h2 class="title" id="our_goal"><a class="anchor" href="#our_goal">¶</a>Our goal</h2>
+<p>Our goal is to make a Python console application. This application will connect to <a href="https://telegram.org/">Telegram</a>, and ask for your account credentials. Once you have logged in, the application will fetch all of your open conversations and we will store these in Cassandra.</p>
+<p>With the data saved in Cassandra, we can now very efficiently query information about your conversations given their identifier offline (no need to query Telegram anymore).</p>
+<p><strong>In short</strong>, we are making an application that performs efficient offline queries to Cassandra to print out information about your Telegram conversations given the ID you want to query.</p>
+<h2 id="data_model"><a class="anchor" href="#data_model">¶</a>Data model</h2>
+<p>The application itself is really simple, and we only need one table to store all the relevant information we will be needing. This table called <code>**users**</code> will contain the following columns:</p>
+<ul>
+<li><code>**id**</code>, of type <code>int</code>. This will also be the <code>primary key</code> and we’ll use it to query the database later on.</li>
+<li><code>**first_name**</code>, of type <code>varchar</code>. This field contains the first name of the stored user.</li>
+<li><code>**last_name**</code>, of type <code>varchar</code>. This field contains the last name of the stored user.</li>
+<li><code>**username**</code>, of type <code>varchar</code>. This field contains the username of the stored user.
+Because Cassandra uses a <a href="https://cassandra.apache.org/doc/latest/architecture/overview.html">wide column storage model</a>, direct access through a key is the most efficient way to query the database. In our case, the key is the primary key of the <code>users</code> table, using the <code>id</code> column. The index for the primary key is ready to be used as soon as we create the table, so we don’t need to create it on our own.</li>
+</ul>
+<h2 id="dependencies"><a class="anchor" href="#dependencies">¶</a>Dependencies</h2>
+<p>Because we will program it in Python, you need Python installed. You can install it using a package manager of your choice or heading over to the <a href="https://www.python.org/downloads/">Python downloads section</a>, but if you’re on Linux, chances are you have it installed already.</p>
+<p>Once Python 3.5 or above is installed, get a copy of the Cassandra driver for Python and Telethon through <code>pip</code>:</p>
+<pre><code>pip install cassandra-driver telethon
+</code></pre>
+<p>For more details on that, see the <a href="https://docs.datastax.com/en/developer/python-driver/3.22/installation/">installation guide for <code>cassandra-driver</code></a>, or the <a href="https://docs.telethon.dev/en/latest/basic/installation.html">installation guide for <code>telethon</code></a>.</p>
+<p>As we did in our <a href="/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/">previous post</a>, we will setup a new keyspace for this application with <code>cqlsh</code>. We will also create a table to store the users into. This could all be automated in the Python code, but because it’s a one-time thing, we prefer to use <code>cqlsh</code>.</p>
+<p>Make sure that Cassandra is running in the background. We can’t make queries to it if it’s not running.</p>
+<pre><code>$ bin/cqlsh
+Connected to Test Cluster at 127.0.0.1:9042.
+[cqlsh 5.0.1 | Cassandra 3.11.6 | CQL spec 3.4.4 | Native protocol v4]
+Use HELP for help.
+cqlsh&gt; create keyspace mdad with replication = {'class': 'SimpleStrategy', 'replication_factor': 3};
+cqlsh&gt; use mdad;
+cqlsh:mdad&gt; create table users(id int primary key, first_name varchar, last_name varchar, username varchar);
+</code></pre>
+<p>Python installed? Check. Python dependencies? Check. Cassandra ready? Check.</p>
+<h2 id="the_code"><a class="anchor" href="#the_code">¶</a>The code</h2>
+<h3 id="getting_users"><a class="anchor" href="#getting_users">¶</a>Getting users</h3>
+<p>The first step is connecting to <a href="https://core.telegram.org/api">Telegram’s API</a>, for which we’ll use <a href="https://telethon.dev/">Telethon</a>, a wonderful (wink, wink) Python library to interface with it.</p>
+<p>As with most APIs, we need to supply <a href="https://my.telegram.org/">our API key</a> in order to use it (here <code>API_ID</code> and <code>API_HASH</code>). We will refer to them as constants. At the end, you may download the entire code and use my own key for this example. But please don’t use those values for your other applications!</p>
+<p>It’s pretty simple: we create a client, and for every dialog (that is, open conversation) we have, do some checks:</p>
+<ul>
+<li>If it’s an user, we just store that in a dictionary mapping <code>ID → User</code>.</li>
+<li>Else if it’s a group, we iterate over the participants and store those users instead.</li>
+</ul>
+<pre><code>async def load_users():
+    from telethon import TelegramClient
+
+    users = {}
+
+    async with TelegramClient(SESSION, API_ID, API_HASH) as client:
+        async for dialog in client.iter_dialogs():
+            if dialog.is_user:
+                user = dialog.entity
+                users[user.id] = user
+                print('found user:', user.id, file=sys.stderr)
+
+            elif dialog.is_group:
+                async for user in client.iter_participants(dialog):
+                    users[user.id] = user
+                    print('found member:', user.id, file=sys.stderr)
+
+    return list(users.values())
+</code></pre>
+<p>With this we have a mapping ID to user, so we know we won’t have duplicates. We simply return the list of user values, because that’s all we care about.</p>
+<h3 id="saving_users"><a class="anchor" href="#saving_users">¶</a>Saving users</h3>
+<p>Inserting users into Cassandra is pretty straightforward. We take the list of <code>User</code> objects as input, and prepare a new <code>INSERT</code> statement that we can reuse (because we will be using it in a loop, this is the best way to do it).</p>
+<p>For each user, execute the statement with the user data as input parameters. Simple as that.</p>
+<pre><code>def save_users(session, users):
+    insert_stmt = session.prepare(
+        'INSERT INTO users (id, first_name, last_name, username) ' 
+        'VALUES (?, ?, ?, ?)')
+
+    for user in users:
+        row = (user.id, user.first_name, user.last_name, user.username)
+        session.execute(insert_stmt, row)
+</code></pre>
+<h3 id="fetching_users"><a class="anchor" href="#fetching_users">¶</a>Fetching users</h3>
+<p>Given a list of users, yield all of them from the database. Similar to before, we prepare a <code>SELECT</code> statement and just execute it repeatedly over the input user IDs.</p>
+<pre><code>def fetch_users(session, users):
+    select_stmt = session.prepare('SELECT * FROM users WHERE id = ?')
+
+    for user_id in users:
+        yield session.execute(select_stmt, (user_id,)).one()
+</code></pre>
+<h3 id="parsing_arguments"><a class="anchor" href="#parsing_arguments">¶</a>Parsing arguments</h3>
+<p>We’ll be making a little CLI application, so we need to parse console arguments. It won’t be anything fancy, though. For that we’ll be using <a href="https://docs.python.org/3/library/argparse.html">Python’s <code>argparse</code> module</a>:</p>
+<pre><code>def parse_args():
+    import argparse
+
+    parser = argparse.ArgumentParser(
+        description='Dump and query Telegram users')
+
+    parser.add_argument('users', type=int, nargs='*',
+        help='one or more user IDs to query for')
+
+    parser.add_argument('--load-users', action='store_true',
+        help='load users from Telegram (do this first run)')
+
+    return parser.parse_args()
+</code></pre>
+<h3 id="all_together"><a class="anchor" href="#all_together">¶</a>All together</h3>
+<p>Last, the entry point. We import a Cassandra Cluster, and connect to some default keyspace (we called it <code>mdad</code> earlier).</p>
+<p>If the user wants to load the users into the database, we’ll do just that first.</p>
+<p>Then, for each user we fetch from the database, we print it. Last names and usernames are optional, so don’t print those if they’re missing (<code>None</code>).</p>
+<pre><code>async def main(args):
+    from cassandra.cluster import Cluster
+
+    cluster = Cluster(CLUSTER_NODES)
+    session = cluster.connect(KEYSPACE)
+
+    if args.load_users:
+        users = await load_users()
+        save_users(session, users)
+
+    for user in fetch_users(session, args.users):
+        print('User', user.id, ':')
+        print('  First name:', user.first_name)
+        if user.last_name:
+            print('  Last name:', user.last_name)
+        if user.username:
+            print('  Username:', user.username)
+
+        print()
+
+if __name__ == '__main__':
+    asyncio.run(main(parse_args()))
+</code></pre>
+<p>Because Telethon is an <code>[asyncio](https://docs.python.org/3/library/asyncio.html)</code> library, we define it as <code>async def main(...)</code> and run it with <code>asyncio.run(main(...))</code>.</p>
+<p>Here’s what it looks like in action:</p>
+<pre><code>$ python data.py --help
+usage: data.py [-h] [--load-users] [users [users ...]]
+
+Dump and query Telegram users
+
+positional arguments:
+  users         one or more user IDs to query for
+
+optional arguments:
+  -h, --help    show this help message and exit
+  --load-users  load users from Telegram (do this first run)
+
+$ python data.py --load-users
+found user: 487158
+found member: 59794114
+found member: 487158
+found member: 191045991
+(...a lot more output)
+
+$ python data.py 487158 59794114
+User 487158 :
+  First name: Rick
+  Last name: Pickle
+
+User 59794114 :
+  Firt name: Peter
+  Username: pete
+</code></pre>
+<p>Telegram’s data now persists in Cassandra, and we can efficiently query it whenever we need to! I would’ve shown a video presenting its usage, but I’m afraid that would leak some of the data I want to keep private :-).</p>
+<p>Feel free to download the code and try it yourself:</p>
+<p><em>download removed</em></p>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://docs.datastax.com/en/developer/python-driver/3.22/getting_started/">DataStax Python Driver for Apache Cassandra – Getting Started</a></li>
+<li><a href="https://docs.telethon.dev/en/latest/">Telethon’s Documentation</a></li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/final-nosql-evaluation/index.html 
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Privado: Final NoSQL evaluation</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This evaluation is a bit different to my <a href="/blog/mdad/nosql-evaluation/">previous one</a> because this time I have been tasked to evaluate student <code>a(i - 2)</code>, and because I am <code>i = 11</code> that happens to be <code>a(9) =</code> a classmate.</p>
+<div class="date-created-modified">Created 2020-05-13<br>
+Modified 2020-05-14</div>
+<h2 class="title" id="classmate_s_evaluation"><a class="anchor" href="#classmate_s_evaluation">¶</a>Classmate’s Evaluation</h2>
+<p><strong>Grading: A.</strong></p>
+<p>The post I have evaluated is Trabajo en grupo – Bases de datos NoSQL, 3ª entrada: Aplicación con una Base de datos NoSQL seleccionada.</p>
+<p>It starts with a very brief introduction with who has written the post, what data they will be using, and what database they have chosen.</p>
+<p>They properly describe their objective, how they will do it and what library will be used.</p>
+<p>They also explain where they obtain the data from, and what other things the site can do, which is a nice bonus.</p>
+<p>The post continues listing and briefly explaining all the tools used and what they are for, including commands to execute.</p>
+<p>At last, they list what files their project uses, what they do, and contains a showcase of images which lets the reader know what the application does.</p>
+<p>All in all, in my opinion, it’s clear they have put work into this entry and I have not noticed any major flaws, so they deserve the highest grade.</p>
+</main>
+</body>
+</html>
+
A blog/mdad/index.html 
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>pagong</title>
+<link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+<main>
+<ul><li><a href="index/index.html">Data Mining and Data Warehousing</a></li><li><a href="final-nosql-evaluation/index.html">Privado: Final NoSQL evaluation</a></li><li><a href="a-practical-example-with-hadoop/index.html">A practical example with Hadoop</a></li><li><a href="developing-a-python-application-for-cassandra/index.html">Developing a Python application for Cassandra</a></li><li><a href="introduction-to-hadoop-and-its-mapreduce/index.html">Introduction to Hadoop and its MapReduce</a></li><li><a href="data-warehousing-and-olap/index.html">Data Warehousing and OLAP</a></li><li><a href="cassandra-introduccion/index.html">Cassandra: Introducción</a></li><li><a href="nosql-evaluation/index.html">Privado: NoSQL evaluation</a></li><li><a href="mining-of-massive-datasets/index.html">Mining of Massive Datasets</a></li><li><a href="mongodb-operaciones-basicas-y-arquitectura/index.html">MongoDB: Operaciones Básicas y Arquitectura</a></li><li><a href="mongodb-introduction/index.html">MongoDB: Introducción</a></li><li><a href="cassandra-operaciones-basicas-y-arquitectura/index.html">Cassandra: Operaciones Básicas y Arquitectura</a></li><li><a href="visualizing-caceres-opendata/index.html">Visualizing Cáceres’ OpenData</a></li><li><a href="what-is-an-algorithm/index.html">What is an algorithm?</a></li><li><a href="introduction-to-nosql/index.html">Introduction to NoSQL</a></li><li><a href="big-data/index.html">Big Data</a></li></ul></main>
+</body>
+</html>
+
A blog/mdad/index/index.html 
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Data Mining and Data Warehousing</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="data_mining_and_data_warehousing"><a class="anchor" href="#data_mining_and_data_warehousing">¶</a>Data Mining and Data Warehousing</h1>
+<div class="date-created-modified">2020-07-03</div>
+<p>During 2020 at university, this subject (&quot;Minería de Datos y Almacenes de Datos&quot;) had us write
+blog posts as assignments. I think it would be really fun and I wanted to preserve that work
+here, with the hopes it's interesting to someone.</p>
+<p>The posts were auto-generated from the original HTML files and manually anonymized later.</p>
+</main>
+</body>
+</html>
+
A blog/mdad/introduction-to-hadoop-and-its-mapreduce/index.html 
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Introduction to Hadoop and its MapReduce</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.</p>
+<div class="date-created-modified">Created 2020-03-30<br>
+Modified 2020-04-01</div>
+<p>Hadoop also offers a distributed filesystem (HDFS) enabling for fast transfer among nodes, and a way to program with MapReduce.</p>
+<p>It aims to strive for the 4 V’s: Volume, Variety, Veracity and Velocity. For veracity, it is a secure environment that can be trusted.</p>
+<h2 class="title" id="milestones"><a class="anchor" href="#milestones">¶</a>Milestones</h2>
+<p>The creators of Hadoop are Doug Cutting and Mike Cafarella, who just wanted to design a search engine, Nutch, and quickly found the problems of dealing with large amounts of data. They found their solution with the papers Google published.</p>
+<p>The name comes from the plush of Cutting’s child, a yellow elephant.</p>
+<ul>
+<li>In July 2005, Nutch used GFS to perform MapReduce operations.</li>
+<li>In February 2006, Nutch started a Lucene subproject which led to Hadoop.</li>
+<li>In April 2007, Yahoo used Hadoop in a 1 000-node cluster.</li>
+<li>In January 2008, Apache took over and made Hadoop a top-level project.</li>
+<li>In July 2008, Apache tested a 4000-node cluster. The performance was the fastest compared to other technologies that year.</li>
+<li>In May 2009, Hadoop sorted a petabyte of data in 17 hours.</li>
+<li>In December 2011, Hadoop reached 1.0.</li>
+<li>In May 2012, Hadoop 2.0 was released with the addition of YARN (Yet Another Resource Navigator) on top of HDFS, splitting MapReduce and other processes into separate components, greatly improving the fault tolerance.</li>
+</ul>
+<p>From here onwards, many other alternatives have born, like Spark, Hive &amp; Drill, Kafka, HBase, built around the Hadoop ecosystem.</p>
+<p>As of 2017, Amazon has clusters between 1 and 100 nodes, Yahoo has over 100 000 CPUs running Hadoop, AOL has clusters with 50 machines, and Facebook has a 320-machine (2 560 cores) and 1.3PB of raw storage.</p>
+<h2 id="why_not_use_rdbms_"><a class="anchor" href="#why_not_use_rdbms_">¶</a>Why not use RDBMS?</h2>
+<p>Relational database management systems simply cannot scale horizontally, and vertical scaling will require very expensive servers. Similar to RDBMS, Hadoop has a notion of jobs (analogous to transactions), but without ACID or concurrency control. Hadoop supports any form of data (unstructured or semi-structured) in read-only mode, and failures are common but there’s a simple yet efficient fault tolerance.</p>
+<p>So what problems does Hadoop solve? It solves the way we should think about problems, and distributing them, which is key to do anything related with BigData nowadays. We start working with clusters of nodes, and coordinating the jobs between them. Hadoop’s API makes this really easy.</p>
+<p>Hadoop also takes very seriously the loss of data with replication, and if a node falls, they are moved to a different node.</p>
+<h2 id="major_components"><a class="anchor" href="#major_components">¶</a>Major components</h2>
+<p>The previously-mentioned HDFS runs on commodity machine, which are cost-friendly. It is very fault-tolerant and efficient enough to process huge amounts of data, because it splits large files into smaller chunks (or blocks) that can be more easily handled. Multiple nodes can work on multiple chunks at the same time.</p>
+<p>NameNode stores the metadata of the various datablocks (map of blocks) along with their location. It is the brain and the master in Hadoop’s master-slave architecture, also known as the namespace, and makes use of the DataNode.</p>
+<p>A secondary NameNode is a replica that can be used if the first NameNode dies, so that Hadoop doesn’t shutdown and can restart.</p>
+<p>DataNode stores the blocks of data, and are the slaves in the architecture. This data is split into one or more files. Their only job is to manage this access to the data. They are often distributed among racks to avoid data lose.</p>
+<p>JobTracker creates and schedules jobs from the clients for either map or reduce operations.</p>
+<p>TaskTracker runs MapReduce tasks assigned to the current data node.</p>
+<p>When clients need data, they first interact with the NameNode and replies with the location of the data in the correct DataNode. Client proceeds with interaction with the DataNode.</p>
+<h2 id="mapreduce"><a class="anchor" href="#mapreduce">¶</a>MapReduce</h2>
+<p>MapReduce, as the name implies, is split into two steps: the map and the reduce. The map stage is the «divide and conquer» strategy, while the reduce part is about combining and reducing the results.</p>
+<p>The mapper has to process the input data (normally a file or directory), commonly line-by-line, and produce one or more outputs. The reducer uses all the results from the mapper as its input to produce a new output file itself.</p>
+<p><img src="bitmap.png" alt="" /></p>
+<p>When reading the data, some may be junk that we can choose to ignore. If it is valid data, however, we label it with a particular type that can be useful for the upcoming process. Hadoop is responsible for splitting the data accross the many nodes available to execute this process in parallel.</p>
+<p>There is another part to MapReduce, known as the Shuffle-and-Sort. In this part, types or categories from one node get moved to a different node. This happens with all nodes, so that every node can work on a complete category. These categories are known as «keys», and allows Hadoop to scale linearly.</p>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://youtu.be/oT7kczq5A-0">YouTube – Hadoop Tutorial For Beginners | What Is Hadoop? | Hadoop Tutorial | Hadoop Training | Simplilearn</a></li>
+<li><a href="https://youtu.be/bcjSe0xCHbE">YouTube – Learn MapReduce with Playing Cards</a></li>
+<li><a href="https://youtu.be/j8ehT1_G5AY?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi">YouTube – Video Post #2: Hadoop para torpes (I)-¿Qué es y para qué sirve?</a></li>
+<li><a href="https://youtu.be/NQ8mjVPCDvk?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi">Video Post #3: Hadoop para torpes (II)-¿Cómo funciona? HDFS y MapReduce</a></li>
+<li><a href="https://hadoop.apache.org/old/releases.html">Apache Hadoop Releases</a></li>
+<li><a href="https://youtu.be/20qWx2KYqYg?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi">Video Post #4: Hadoop para torpes (III y fin)- Ecosistema y distribuciones</a></li>
+<li><a href="http://www.hadoopbook.com/">Chapter 2 – Hadoop: The Definitive Guide, Fourth Edition</a> (<a href="http://grut-computing.com/HadoopBook.pdf">pdf,</a><a href="http://www.hadoopbook.com/code.html">code</a>)</li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/introduction-to-nosql/index.html 
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Introduction to NoSQL</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This post will primarly focus on the talk held in the <a href="https://youtu.be/qI_g07C_Q5I">GOTO 2012 conference: Introduction to NoSQL by Martin Fowler</a>. It can be seen as an informal, summarized transcript of the talk</p>
+<div class="date-created-modified">Created 2020-02-25<br>
+Modified 2020-03-18</div>
+<hr />
+<p>The relational database model is affected by the <em><a href="https://en.wikipedia.org/wiki/Object-relational_impedance_mismatch">impedance mismatch problem</a></em>. This occurs because we have to match our high-level design with the separate columns and rows used by relational databases.</p>
+<p>Taking the in-memory objects and putting them into a relational database (which were dominant at the time) simply didn’t work out. Why? Relational databases were more than just databases, they served as a an integration mechanism across applications, up to the 2000s. For 20 years!</p>
+<p>With the rise of the Internet and the sheer amount of traffic, databases needed to scale. Unfortunately, relational databases only scale well vertically (by upgrading a <em>single</em> node). This is <em>very</em> expensive, and not something many could afford.</p>
+<p>The problem are those pesky <code>JOIN</code>‘s, and its friends <code>GROUP BY</code>. Because our program and reality model don’t match the tables used by SQL, we have to rely on them to query the data. It is because the model doesn’t map directly.</p>
+<p>Furthermore, graphs don’t map very well at all to relational models.</p>
+<p>We needed a way to scale horizontally (by increasing the <em>amount</em> of nodes), something relational databases were not designed to do.</p>
+<blockquote>
+<p><em>We need to do something different, relational across nodes is an unnatural act</em></p>
+</blockquote>
+<p>This inspired the NoSQL movement.</p>
+<blockquote>
+<p><em>#nosql was only meant to be a hashtag to advertise it, but unfortunately it’s how it is called now</em></p>
+</blockquote>
+<p>It is not possible to define NoSQL, but we can identify some of its characteristics:</p>
+<ul>
+<li>Non-relational</li>
+<li><strong>Cluster-friendly</strong> (this was the original spark)</li>
+<li>Open-source (until now, generally)</li>
+<li>21st century web culture</li>
+<li>Schema-less (easier integration or conjugation of several models, structure aggregation)</li>
+</ul>
+<p>These databases use different data models to those used by the relational model. However, it is possible to identify 4 broad chunks (some may say 3, or even 2!):</p>
+<ul>
+<li><strong>Key-value store</strong>. With a certain key, you obtain the value corresponding to it. It knows nothing else, nor does it care. We say the data is opaque.</li>
+<li><strong>Document-based</strong>. It stores an entire mass of documents with complex structure, normally through the use of JSON (XML has been left behind). Then, you can ask for certain fields, structures, or portions. We say the data is transparent.</li>
+<li><strong>Column-family</strong>. There is a «row key», and within it we store multiple «column families» (columns that fit together, our aggregate). We access by row-key and column-family name.</li>
+</ul>
+<p>All of these kind of serve to store documents without any <em>explicit</em> schema. Just shove in anything! This gives a lot of flexibility and ease of migration, except… that’s not really true. There’s an <em>implicit</em> schema when querying.</p>
+<p>For example, a query where we may do <code>anOrder['price'] * anOrder['quantity']</code> is assuming that <code>anOrder</code> has both a <code>price</code> and a <code>quantity</code>, and that both of these can be multiplied together. «Schema-less» is a fuzzy term.</p>
+<p>However, it is the lack of a <em>fixed</em> schema that gives flexibility.</p>
+<p>One could argue that the line between key-value and document-based is very fuzzy, and they would be right! Key-value databases often let you include additional metadata that behaves like an index, and in document-based, documents often have an identifier anyway.</p>
+<p>The common notion between these three types is what matters. They save an entire structure as an <em>unit</em>. We can refer to these as «Aggregate Oriented Databases». Aggregate, because we group things when designing or modeling our systems, as opposed to relational databases that scatter the information across many tables.</p>
+<p>There exists a notable outlier, though, and that’s:</p>
+<ul>
+<li><strong>Graph</strong> databases. They use a node-and-arc graph structure. They are great for moving on relationships across things. Ironically, relational databases are not very good at jumping across relationships! It is possibly to perform very interesting queries in graph databases which would be really hard and costly on relational models. Unlike the aggregated databases, graphs break things into even smaller units.
+NoSQL is not <em>the</em> solution. It depends on how you’ll work with your data. Do you need an aggregate database? Will you have a lot of relationships? Or would the relational model be good fit for you?</li>
+</ul>
+<p>NoSQL, however, is a good fit for large-scale projects (data will <em>always</em> grow) and faster development (the impedance mismatch is drastically reduced).</p>
+<p>Regardless of our choice, it is important to remember that NoSQL is a young technology, which is still evolving really fast (SQL has been stable for <em>decades</em>). But the <em>polyglot persistence</em> is what matters. One must know the alternatives, and be able to choose.</p>
+<hr />
+<p>Relational databases have the well-known ACID properties: Atomicity, Consistency, Isolation and Durability.</p>
+<p>NoSQL (except graph-based!) are about being BASE instead: Basically Available, Soft state, Eventual consistency.</p>
+<p>SQL needs transactions because we don’t want to perform a read while we’re only half-way done with a write! The readers and writers are the problem, and ensuring consistency results in a performance hit, even if the risk is low (two writers are extremely rare but it still must be handled).</p>
+<p>NoSQL on the other hand doesn’t need ACID because the aggregate <em>is</em> the transaction boundary. Even before NoSQL itself existed! Any update is atomic by nature. When updating many documents it <em>is</em> a problem, but this is very rare.</p>
+<p>We have to distinguish between logical and replication consistency. During an update and if a conflict occurs, it must be resolved to preserve the logical consistency. Replication consistency on the other hand is preserveed when distributing the data across many machines, for example during sharding or copies.</p>
+<p>Replication buys us more processing power and resillence (at the cost of more storage) in case some of the nodes die. But what happens if what dies is the communication across the nodes? We could drop the requests and preserve the consistency, or accept the risk to continue and instead preserve the availability.</p>
+<p>The choice on whether trading consistency for availability is acceptable or not depends on the domain rules. It is the domain’s choice, the business people will choose. If you’re Amazon, you always want to be able to sell, but if you’re a bank, you probably don’t want your clients to have negative numbers in their account!</p>
+<p>Regardless of what we do, in a distributed system, the CAP theorem always applies: Consistecy, Availability, Partitioning-tolerancy (error tolerancy). It is <strong>impossible</strong> to guarantee all 3 at 100%. Most of the times, it does work, but it is mathematically impossible to guarantee at 100%.</p>
+<p>A database has to choose what to give up at some point. When designing a distributed system, this must be considered. Normally, the choice is made between consistency or response time.</p>
+<h2 class="title" id="further_reading"><a class="anchor" href="#further_reading">¶</a>Further reading</h2>
+<ul>
+<li><a href="https://www.martinfowler.com/articles/nosql-intro-original.pdf">The future is: <del>NoSQL Databases</del> Polyglot Persistence</a></li>
+<li><a href="https://www.thoughtworks.com/insights/blog/nosql-databases-overview">NoSQL Databases: An Overview</a></li>
+</ul>
+</main>
+</body>
+</html>
+
A blog/mdad/mining-of-massive-datasets/index.html 
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Mining of Massive Datasets</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>In this post we will talk about the Chapter 1 of the book Mining of Massive Datasets Leskovec, J. et al., available online, and I will summarize and share my thoughts on it.</p>
+<div class="date-created-modified">Created 2020-03-16<br>
+Modified 2020-03-28</div>
+<p>Data mining often refers to the discovery of models for data, where the model can be for statistics, machine learning, summarizing, extracting features, or other computational approaches to perform complex queries on the data.</p>
+<p>Commonly, problems related to data mining involve discovering unusual events hidden in massive data sets. There is another problem when trying to achieve Total Information Awareness (TIA), though, a project that was proposed by the Bush administration but shut down. The problem is, if you look at so much data, and try to find activities that look like (for example) terrorist behavior, inevitably one will find other illicit activities that are not terrorism with bad consequences. So it is important to narrow the activities we are looking for, in this case.</p>
+<p>When looking at data, even completely random data, for a certain event type, the event will likely occur. With more data, it will occur more times. However, these are bogus results. The Bonferroni correction gives a statistically sound way to avoid most of these bogus results, however, the Bonferroni’s Principle can be used as an informal version to achieve the same thing.</p>
+<p>For that, we calculate the expected number of occurrences of the events you are looking for on the assumption that data is random. If this number is way larger than the number of real instances one hoped to find, then nearly everything will be Bogus.</p>
+<hr />
+<p>When analysing documents, some words will be more important than others, and can help determine the topic of the document. One could think the most repeated words are the most important, but that’s far from the truth. The most common words are the stop-words, which carry no meaning, reason why we should remove them prior to processing. We are mostly looking for rare nouns.</p>
+<p>There are of course formal measures for how concentrated into relatively few documents are the occurrences of a given word, known as TF.IDF (Term Frequency times In-verse Document Frequency). We won’t go into details on how to compute it, because there are multiple ways.</p>
+<p>Hash functions are also frequently used, because they can turn hash keys into a bucket number (the index of the bucket where this hash key belongs). They «randomize» and spread the universe of keys into a smaller number of buckets, useful for storage and access.</p>
+<p>An index is an efficient structure to query for values given a key, and can be built with hash functions and buckets.</p>
+<p>Having all of these is important when analysing documents when doing data mining, because otherwise it would take far too long.</p>
+</main>
+</body>
+</html>
+
A blog/mdad/mongodb-introduction/0LRP4__jIIkJ-0gl8j2RDzWscL1Rto-NwvdqzmYk0jmYBIVbJ78n1ZLByPgV.png 

          

          

        
          
        
          

            

            
            A
            
            
            
          
          blog/mdad/mongodb-introduction/index.html
            
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>MongoDB: Introducción</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Este es el primer post en la serie sobre Mongo, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.</p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-03-20</div>
+<p>Otros posts en esta serie:</p>
+<ul>
+<li><a href="/blog/mdad/mongodb-introduction/">MongoDB: Introducción</a> (este post)</li>
+<li><a href="/blog/mdad/mongodb-operaciones-basicas-y-arquitectura/">MongoDB: Operaciones Básicas y Arquitectura</a></li>
+</ul>
+<p>Este post está hecho en colaboración con un compañero.</p>
+<hr />
+<p><img src="0LRP4__jIIkJ-0gl8j2RDzWscL1Rto-NwvdqzmYk0jmYBIVbJ78n1ZLByPgV.png" alt="" /></p>
+<h2 class="title" id="definición"><a class="anchor" href="#definición">¶</a>Definición</h2>
+<p>MongoDB es una base de datos orientada a documentos. Esto quiere decir que en lugar de guardar los datos en registros, guarda los datos en documentos. Estos documentos son almacenados en BSON, que es una representación binaria de JSON. Una de las principales diferencias respecto a las bases de datos relacionales es que no necesita seguir ningún esquema, los documentos de una misma colección pueden tener esquemas diferentes.</p>
+<p>MongoDB está escrito en C++, aunque las consultas se hacen pasando objetos JSON como parámetro.</p>
+<pre><code>{
+        &quot;_id&quot; : ObjectId(&quot;52f602d787945c344bb4bda5&quot;),
+        &quot;name&quot; : &quot;Tyrion&quot;,
+        &quot;hobbies&quot; : [ 
+            &quot;books&quot;, 
+            &quot;girls&quot;, 
+            &quot;wine&quot;
+        ],
+        &quot;friends&quot; : [ 
+            {
+                &quot;name&quot; : &quot;Bronn&quot;,
+                &quot;ocuppation&quot; : &quot;sellsword&quot;
+            }, 
+            {
+                &quot;name&quot; : &quot;Shae&quot;,
+                &quot;ocuppation&quot; : &quot;handmaiden&quot;
+            }
+        ]
+ }
+</code></pre>
+<h2 id="características"><a class="anchor" href="#características">¶</a>Características</h2>
+<p><img src="WxZenSwSsimGvXVu5XH4cFUd3kr3Is_arrdSZGX8Hi0Ligqgw_ZTvGSIeXZm.png" alt="" /></p>
+<p>MongoDB alcanza un balance perfecto entre rendimiento y funcionalidad gracias a su sistema de consulta de contenidos. Pero sus características principales no se limitan solo a esto, también cuenta con otras que lo posicionan como el preferido de muchos desarrolladores de aplicaciones como aplicaciones móviles, gaming, logging o e-commerce.</p>
+<p>Algunas de las principales características de esta base de datos son:</p>
+<ul>
+<li>Almacenamiento orientado a documentos (documentos JSON con esquemas dinámicos).</li>
+<li>Soporte Full index: puede crear índices sobre cualquier atributo y añadir múltiples índices secundarios.</li>
+<li>Replicación y alta disponibilidad: espejos entre LANs y WANs.</li>
+<li>Auto-Sharding: escalabilidad horizontal sin comprometer la funcionalidad, está limitada, actualmente, a 20 nodos, aunque el objetivo es alcanzar una cifra cercana a los 1000.</li>
+<li>Consultas ricas y basadas en documentos.</li>
+<li>Rápidas actualizaciones en el contexto.</li>
+<li>Soporte comercial, capacitación y consultoría disponibles.</li>
+<li>También puede ser utilizada para el almacenamiento de archivos aprovechando la capacidad de MongoDB para el balanceo de carga y la replicación de datos.</li>
+</ul>
+<p>En cuanto a la arquitectura, podríamos decir que divide en tres partes: las bases de datos, las colecciones y los documentos (que contienen los campos de cada entrada).</p>
+<ul>
+<li><strong>Base de datos</strong>: cada una de las bases de datos tiene un conjunto propio de archivos en el sistema de archivos con diversas bases de datos existentes en un solo servidor.</li>
+<li><strong>Colección</strong>: un conjunto de documentos de base de datos. El equivalente RDBMS de la colección es una tabla. Toda colección existe dentro de una única base de datos.</li>
+<li><strong>Documento</strong>: un conjunto de pares clave/valor. Los documentos están asociados con esquemas dinámicos. La ventaja de tener esquemas dinámicos es que el documento en una sola colección no tiene que tener la misma estructura o campos. </li>
+</ul>
+<h2 id="arista_dentro_del_teorema_cap"><a class="anchor" href="#arista_dentro_del_teorema_cap">¶</a>Arista dentro del Teorema CAP</h2>
+<p><img src="t73Q1t-HXfWij-Q1o5AYEnO39Kz2oyLLCdQz6lWQQPaSQWamlDMjmptAn97h.png" alt="" /></p>
+<p>MongoDB es CP por defecto, es decir, garantiza consistencia y tolerancia a particiones (fallos). Pero también podemos configurar el nivel de consistencia, eligiendo el número de nodos a los que se replicarán los datos. O podemos configurar si se pueden leer datos de los nodos secundarios (en MongoDB solo hay un servidor principal, que es el único que acepta inserciones o modificaciones). Si permitimos leer de un nodo secundario mediante la replicación, sacrificamos consistencia, pero ganamos disponibilidad.</p>
+<h2 id="descarga_e_instalación"><a class="anchor" href="#descarga_e_instalación">¶</a>Descarga e instalación</h2>
+<h3 id="windows"><a class="anchor" href="#windows">¶</a>Windows</h3>
+<p>Descargar el archivo desde <a href="https://www.mongodb.com/download-center#production">https://www.mongodb.com/download-center#production</a></p>
+<ol>
+<li>Doble clic en el archivo <code>.msi</code></li>
+<li>El instalador de Windows lo guía a través del proceso de instalación.
+Si elige la opción de instalación personalizada, puede especificar un directorio de instalación. 
+MongoDB no tiene ninguna otra dependencia del sistema. Puede instalar y ejecutar MongoDB desde cualquier carpeta que elija.</li>
+<li>Ejecutar el <code>.exe</code> que hemos instalado.</li>
+</ol>
+<h3 id="linux"><a class="anchor" href="#linux">¶</a>Linux</h3>
+<p>Abrimos una terminal y ejecutamos:</p>
+<pre><code>sudo apt-get update
+sudo apt install -y mongodb-org
+</code></pre>
+<p>Luego comprobamos el estado del servicio:</p>
+<pre><code>sudo systemctl start mongod
+sudo systemctl status mongod
+</code></pre>
+<p>Finalmente ejecutamos la base de datos con el comando:</p>
+<pre><code>sudo mongo
+</code></pre>
+<h3 id="macos"><a class="anchor" href="#macos">¶</a>macOS</h3>
+<p>Abrimos una terminal y ejecutamos:</p>
+<pre><code>brew update
+brew install mongodb
+</code></pre>
+<p>Iniciamos el servicio:</p>
+<pre><code>brew services start mongodb
+</code></pre>
+<h2 id="referencias"><a class="anchor" href="#referencias">¶</a>Referencias</h2>
+<ul>
+<li><a href="https://expertoenbigdata.com/que-es-mongodb/#La_arquitectura_de_MongoDB">Todo lo que debes saber sobre MongoDB</a></li>
+<li><a href="https://www.ecured.cu/MongoDB">MongoDB – EcuRed</a></li>
+<li><a href="https://mappinggis.com/2014/07/mongodb-y-gis/">Bases de datos NoSQL, MongoDB y GIS – MappingGIS</a></li>
+<li><a href="https://es.slideshare.net/maxfontana90/caractersticas-mongo-db">Características MONGO DB</a></li>
+<li><a href="https://openwebinars.net/blog/que-es-mongodb">Qué es MongoDB y características</a></li>
+<li><a href="https://www.genbeta.com/desarrollo/mongodb-que-es-como-funciona-y-cuando-podemos-usarlo-o-no">MongoDB. Qué es, cómo funciona y cuándo podemos usarlo (o no)</a></li>
+<li><a href="https://docs.mongodb.com/">MongoDB Documentation</a></li>
+<li><a href="https://www.genbeta.com/desarrollo/nosql-clasificacion-de-las-bases-de-datos-segun-el-teorema-cap">NoSQL: Clasificación de las bases de datos según el teorema CAP</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          

            

            
            A
            
            
            
          
          blog/mdad/mongodb-operaciones-basicas-y-arquitectura/index.html
            
@@ -0,0 +1,464 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>MongoDB: Operaciones Básicas y Arquitectura</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Este es el segundo post en la serie sobre MongoDB, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.</p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-03-20</div>
+<p>Otros posts en esta serie:</p>
+<ul>
+<li><a href="/blog/mdad/mongodb-introduction/">MongoDB: Introducción</a></li>
+<li><a href="/blog/mdad/mongodb-operaciones-basicas-y-arquitectura/">MongoDB: Operaciones Básicas y Arquitectura</a> (este post)</li>
+</ul>
+<p>Este post está hecho en colaboración con un compañero, y en él veremos algunos ejemplos de las operaciones básicas (<a href="https://stackify.com/what-are-crud-operations/">CRUD</a>) sobre MongoDB.</p>
+<hr />
+<p>Empezaremos viendo cómo creamos una nueva base de datos dentro de MongoDB y una nueva colección donde poder insertar nuestros documentos.</p>
+<h2 class="title" id="creación_de_una_base_de_datos_e_inserción_de_un_primer_documento"><a class="anchor" href="#creación_de_una_base_de_datos_e_inserción_de_un_primer_documento">¶</a>Creación de una base de datos e inserción de un primer documento</h2>
+<p>Podemos ver las bases de datos que tenemos disponibles ejecutando el comando:</p>
+<pre><code>&gt; show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+</code></pre>
+<p>Para crear una nueva base de datos, o utilizar una de las que tenemos creadas ejecutamos <code>use</code> junto con el nombre que le vamos a dar:</p>
+<pre><code>&gt; use new_DB
+switched to db new_DB
+</code></pre>
+<p>Una vez hecho esto, podemos ver que si volvemos a ejecutar «show databases», la nueva base de datos no aparece. Esto es porque para que Mongo registre una base de datos en la lista de las existentes, necesitamos insertar al menos un nuevo documento en una colección de esta. Lo podemos hacer de la siguiente forma:</p>
+<pre><code>&gt; db.movie.insert({&quot;name&quot;:&quot;tutorials point&quot;})
+WriteResult({ &quot;nInserted&quot; : 1 })
+
+&gt; show databases
+admin       0.000GB
+config      0.000GB
+local       0.000GB
+movie       0.000GB
+</code></pre>
+<p>Al igual que podemos ver las bases de datos existentes, también podemos consultar las colecciones que existen dentro de estas. Siguiendo la anterior ejecución, si ejecutamos:</p>
+<pre><code>&gt; show collections
+movie
+</code></pre>
+<h3 id="borrar_base_de_datos"><a class="anchor" href="#borrar_base_de_datos">¶</a>Borrar base de datos</h3>
+<p>Para borrar una base de datos tenemos que ejecutar el siguiente comando:</p>
+<pre><code>&gt; db.dropDatabase()
+{ &quot;dropped&quot; : &quot;new_DB&quot;, &quot;ok&quot; : 1 }
+</code></pre>
+<h3 id="crear_colección"><a class="anchor" href="#crear_colección">¶</a>Crear colección</h3>
+<p>Para crear una colección podemos hacerlo de dos formas. O bien mediante el comando:</p>
+<pre><code>db.createCollection(&lt;nombre de la colección&gt;, opciones)
+</code></pre>
+<p>Donde el primer parámetro es el nombre que le queremos asignar a la colección, y los siguientes, todos opcionales, pueden ser (entre otros):</p>
+<table class="">
+ <thead>
+  <tr>
+   <th>
+    Campo
+   </th>
+   <th>
+    Tipo
+   </th>
+   <th>
+    Descripción
+   </th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <code>
+     capped
+    </code>
+   </td>
+   <td>
+    Booleano
+   </td>
+   <td>
+    Si es
+    <code>
+     true
+    </code>
+    ,
+ permite una colección limitada. Una colección limitada es una colección
+ de tamaño fijo que sobrescribe automáticamente sus entradas más 
+antiguas cuando alcanza su tamaño máximo. Si especifica
+    <code>
+     true
+    </code>
+    , también debe especificar el parámetro de
+    <code>
+     size
+    </code>
+    .
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <code>
+     autoIndexId
+    </code>
+   </td>
+   <td>
+    Booleano
+   </td>
+   <td>
+    Si es
+    <code>
+     true
+    </code>
+    crea automáticamente un índice en el campo
+    <code>
+     _id
+    </code>
+    . Por defecto es
+    <code>
+     false
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <code>
+     size
+    </code>
+   </td>
+   <td>
+    Número
+   </td>
+   <td>
+    Especifica el tamaño máximo en bytes para una colección limitada. Es obligatorio si el campo
+    <code>
+     capped
+    </code>
+    está a
+    <code>
+     true
+    </code>
+    .
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <code>
+     max
+    </code>
+   </td>
+   <td>
+    Número
+   </td>
+   <td>
+    Especifica el número máximo de documentos que están permitidos en la colección limitada.
+   </td>
+  </tr>
+ </tbody>
+</table>
+<pre><code>&gt; use test
+switched to db test
+
+&gt; db.createCollection(&quot;mycollection&quot;)
+{ &quot;ok&quot; : 1 }
+
+&gt; db.createCollection(&quot;mycol&quot;, {capped : true, autoIndexId: true, size: 6142800, max: 10000})
+{
+    &quot;note&quot; : &quot;the autoIndexId option is deprecated and will be removed in a future release&quot;,
+    &quot;ok&quot; : 1
+}
+
+&gt; show collections
+mycol
+mycollection
+</code></pre>
+<p>Como se ha visto anteriormente al crear la base de datos, podemos insertar un documento en una colección sin que la hayamos creado anteriormente. Esto es porque MongoDB crea automáticamente una colección cuando insertas algún documento en ella:</p>
+<pre><code>&gt; db.tutorialspoint.insert({&quot;name&quot;:&quot;tutorialspoint&quot;})
+WriteResult({ &quot;nInserted&quot; : 1 })
+
+&gt; show collections
+mycol
+mycollection
+tutorialspoint
+</code></pre>
+<h3 id="borrar_colección"><a class="anchor" href="#borrar_colección">¶</a>Borrar colección</h3>
+<p>Para borrar una colección basta con situarnos en la base de datos que la contiene, y ejecutar lo siguiente:</p>
+<pre><code>db.&lt;nombre_de_la_colección&gt;.drop()
+</code></pre>
+<pre><code>&gt; db.mycollection.drop()
+true
+
+&gt; show collections
+mycol
+tutorialspoint
+</code></pre>
+<h3 id="insertar_documento"><a class="anchor" href="#insertar_documento">¶</a>Insertar documento</h3>
+<p>Para insertar datos en una colección de MongoDB necesitaremos usar el método <code>insert()</code> o <code>save()</code>.</p>
+<p>Ejemplo del método <code>insert</code>:</p>
+<pre><code>&gt; db.colection.insert({
+... title: 'Esto es una prueba para MDAD',
+... description: 'MongoDB es una BD no SQL',
+... by: 'Classmate and Me',
+... tags: ['mongodb', 'database'],
+... likes: 100
+... })
+WriteResults({ &quot;nInserted&quot; : 1 })
+</code></pre>
+<p>En este ejemplo solo se ha insertado un único documento, pero podemos insertar los que queramos separándolos de la siguiente forma:</p>
+<pre><code>db.collection.insert({documento}, {documento2}, {documento3})
+</code></pre>
+<p>No hace falta especificar un ID ya que el propio mongo asigna un ID a cada documento automáticamente, aunque nos da la opción de poder asignarle uno mediante el atributo <code>_id</code> en la inserción de los datos</p>
+<p>Como se indica en el título de este apartado también se puede insertar mediante el método <code>db.coleccion.save(documento)</code>, funcionando este como el método <code>insert</code>.</p>
+<h3 id="método_"><a class="anchor" href="#método_">¶</a>Método <code>find()</code></h3>
+<p>El método find en MongoDB es el que nos permite realizar consultas a las colecciones de nuestra base de datos:</p>
+<pre><code>db.&lt;nombre_de_la_colección&gt;.find()
+</code></pre>
+<p>Este método mostrará de una forma no estructurada todos los documentos de la colección. Si le añadimos la función <code>pretty</code> a este método, se mostrarán de una manera más «bonita».</p>
+<pre><code>&gt; db.colection.find()
+{ &quot;_id&quot;: ObjectId(&quot;5e738f0989f85a7eafdf044a&quot;), &quot;title&quot; : &quot;Esto es una prueba para MDAD&quot;, &quot;description&quot; : &quot;MongoDB es una BD no SQL&quot;, &quot;by&quot; : &quot;Classmate and Me&quot;, &quot;tags&quot; : [ &quot;mongodb&quot;, &quot;database&quot; ], &quot;likes&quot; : 100 }
+
+&gt; db.colection.find().pretty()
+{
+    &quot;_id&quot;: ObjectId(&quot;5e738f0989f85a7eafdf044a&quot;),
+    &quot;title&quot; : &quot;Esto es una prueba para MDAD&quot;,
+    &quot;description&quot; : &quot;MongoDB es una BD no SQL&quot;,
+    &quot;by&quot; : &quot;Classmate and Me&quot;,
+    &quot;tags&quot; : [
+        &quot;mongodb&quot;,
+        &quot;database&quot;
+    ],
+    &quot;likes&quot; : 100
+}
+</code></pre>
+<p>Los equivalentes del <code>where</code> en las bases de datos relacionales son:</p>
+<table class="">
+ <thead>
+  <tr>
+   <th>
+    Operación
+   </th>
+   <th>
+    Sintaxis
+   </th>
+   <th>
+    Ejemplo
+   </th>
+   <th>
+    Equivalente en RDBMS
+   </th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    Igual
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:&lt;valor&gt;}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"by":"Classmate and Me"})
+    </code>
+   </td>
+   <td>
+    <code>
+     where by = 'Classmate and Me'
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Menor que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$lt:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$lt:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &lt; 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Menor o igual que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$lte:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$lte:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &lt;= 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Mayor que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$gt:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$gt:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &gt; 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Mayor o igual que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$gte:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$gte:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &gt;= 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    No igual
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$ne:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$ne:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes != 60
+    </code>
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>En el método <code>find()</code> podemos añadir condiciones AND y OR de la siguiente manera:</p>
+<pre><code>(AND)
+&gt; db.colection.find({$and:[{&quot;by&quot;:&quot;Classmate and Me&quot;},{&quot;title&quot;: &quot;Esto es una prueba para MDAD&quot;}]}).pretty()
+
+(OR)
+&gt; db.colection.find({$or:[{&quot;by&quot;:&quot;Classmate and Me&quot;},{&quot;title&quot;: &quot;Esto es una prueba para MDAD&quot;}]}).pretty()
+
+(Ambos a la vez)
+&gt; db.colection.find({&quot;likes&quot;: {$gt:10}, $or: [{&quot;by&quot;: &quot;Classmate and Me&quot;}, {&quot;title&quot;: &quot;Esto es una prueba para MDAD&quot;}]}).pretty()
+</code></pre>
+<p>La última llamada con ambos a la vez equivalente en una consulta SQL a:</p>
+<pre><code>where likes&gt;10 AND (by = 'Classmate and Me' OR title = 'Esto es una prueba para MDAD')
+</code></pre>
+<h3 id="actualizar_un_documento"><a class="anchor" href="#actualizar_un_documento">¶</a>Actualizar un documento</h3>
+<p>En MongoDB se hace utilizando el método <code>update</code>:</p>
+<pre><code>db.&lt;nombre_colección&gt;.update(&lt;criterio_de_selección&gt;, &lt;dato_actualizado&gt;)
+</code></pre>
+<p>Para este ejemplo vamos a actualizar el documento que hemos insertado en el apartado anterior:</p>
+<pre><code>&gt; db.colection.update({'title':'Esto es una prueba para MDAD'},{$set:{'title':'Título actualizado'}})
+WriteResult({ &quot;nMatched&quot; : 1, &quot;nUpserted&quot; : 0, &quot;nModified&quot; : 1 })
+&gt; db.colection.find().pretty()
+{
+    &quot;_id&quot;: ObjectId(&quot;5e738f0989f85a7eafdf044a&quot;),
+    &quot;title&quot; : &quot;Título actualizado&quot;,
+    &quot;description&quot; : &quot;MongoDB es una BD no SQL&quot;,
+    &quot;by&quot; : &quot;Classmate and Me&quot;,
+    &quot;tags&quot; : [
+        &quot;mongodb&quot;,
+        &quot;database&quot;
+    ],
+    &quot;likes&quot; : 100
+}
+</code></pre>
+<p>Anteriormente se ha mencionado el método <code>save()</code> para la inserción de documentos, pero también podemos utilizarlo para sustituir documentos enteros por uno nuevo:</p>
+<pre><code>&gt; db.&lt;nombre_de_la_colección&gt;.save({_id:ObjectId(), &lt;nuevo_documento&gt;})
+</code></pre>
+<p>Con nuestro documento:</p>
+<pre><code>&gt; db.colection.save(
+...   {
+...     &quot;_id&quot;: ObjectId(&quot;5e738f0989f85a7eafdf044a&quot;), &quot;title&quot;: &quot;Este es el nuevo título&quot;, &quot;by&quot;: &quot;MDAD&quot;
+...   }
+... )
+WriteResult({ &quot;nMatched&quot; : 1, &quot;nUpserted&quot; : 0, &quot;nModified&quot; : 1 })
+
+&gt; db.colection.find()
+{
+    &quot;_id&quot;: ObjectId(&quot;5e738f0989f85a7eafdf044a&quot;),
+    &quot;title&quot;: &quot;Este es el nuevo título&quot;,
+    &quot;by&quot;: &quot;MDAD&quot;
+}
+</code></pre>
+<h3 id="borrar_documento"><a class="anchor" href="#borrar_documento">¶</a>Borrar documento</h3>
+<p>Para borrar un documento utilizaremos el método <code>remove()</code> de la siguiente manera:</p>
+<pre><code>db.&lt;nombre_de_la_colección&gt;.remove(&lt;criterio_de_borrado&gt;)
+</code></pre>
+<p>Considerando la colección del apartado anterior borraremos el único documento que tenemos:</p>
+<pre><code>&gt; db.colection.remove({'title': 'Este es el nuevo título'})
+WriteResult({ &quot;nRemoved&quot; : 1 })
+&gt; db.colection.find().pretty()
+&gt;
+</code></pre>
+<p>Para borrar todos los documentos de una colección usamos:</p>
+<pre><code>db.&lt;colección&gt;.remove({})
+</code></pre>
+<h3 id="indexación"><a class="anchor" href="#indexación">¶</a>Indexación</h3>
+<p>MongDB nos permite crear índices sobre atributos de una colección de la siguiente forma:</p>
+<pre><code>db.&lt;colección&gt;.createIndex( {&lt;atributo&gt;:&lt;opciones&gt;})
+</code></pre>
+<p>Como ejemplo:</p>
+<pre><code>&gt; db.mycol.createIndex({&quot;title&quot;:1})
+{
+    &quot;createdCollectionAutomatically&quot; : false,
+    &quot;numIndexesBefore&quot; : 1,
+    &quot;numIndexesAfter&quot; : 2,
+    &quot;ok&quot; : 1
+}
+</code></pre>
+<p>Si queremos más de un atributo en el índice lo haremos así:</p>
+<pre><code>&gt; db.mycol.ensureIndex({&quot;title&quot;:1,&quot;description&quot;:-1})
+</code></pre>
+<p>Los valores que puede tomar son <code>+1</code> para ascendente o <code>-1</code> para descendente.</p>
+<h3 id="referencias"><a class="anchor" href="#referencias">¶</a>Referencias</h3>
+<ul>
+<li>Manual MongoDB. (n.d.). <a href="https://docs.mongodb.com/manual/">https://docs.mongodb.com/manual/</a></li>
+<li>MongoDB Tutorial – Tutorialspoint. (n.d.). – <a href="https://www.tutorialspoint.com/mongodb/index.htm">https://www.tutorialspoint.com/mongodb/index.htm</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/mdad/nosql-evaluation/index.html
            
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Privado: NoSQL evaluation</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This evaluation is based on the criteria for the first delivery described by Trabajos en grupo sobre Bases de Datos NoSQL.</p>
+<div class="date-created-modified">Created 2020-03-16<br>
+Modified 2020-03-28</div>
+<p>I have chosen to evaluate the following people and works:</p>
+<ul>
+<li>a12: Classmate (username) with Druid.</li>
+<li>a21: Classmate (username) with Neo4J.</li>
+</ul>
+<h2 class="title" id="classmate_s_evaluation"><a class="anchor" href="#classmate_s_evaluation">¶</a>Classmate’s Evaluation</h2>
+<p><strong>Grading: A.</strong></p>
+<p>The post evaluated is Bases de datos NoSQL – Apache Druid – Primera entrega.</p>
+<p>It is a very well-written, complete post, with each section meeting one of the points in the required criteria. The only thing that bothered me a little is the abuse of strong emphasis in the text, which I found quite distracting. However, the content deserves the highest grading.</p>
+<h2 id="classmate_s_evaluation_2"><a class="anchor" href="#classmate_s_evaluation_2">¶</a>Classmate’s Evaluation</h2>
+<p><strong>Grading: A.</strong></p>
+<p>The post evaluated is Bases de datos NoSQL – Neo4j – Primera entrega.</p>
+<p>Well-written post, although a bit smaller than Classmate’s, but that’s not really an issue. It still talks about everything it should talk and includes photos to go along the text which help. There is no noticeable wrong things in it, so it gets the highest grading as well.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/mdad/visualizing-caceres-opendata/index.html
            
@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Visualizing Cáceres’ OpenData</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>The city of Cáceres has online services to provide <a href="http://opendata.caceres.es/">Open Data</a> over a wide range of <a href="http://opendata.caceres.es/dataset">categories</a>, all of which are very interesting to explore!</p>
+<div class="date-created-modified">Created 2020-03-09<br>
+Modified 2020-03-19</div>
+<p>We have chosen two different datasets, and will explore four different ways to visualize the data.</p>
+<p>This post is co-authored with Classmate.</p>
+<h2 class="title" id="obtain_the_data"><a class="anchor" href="#obtain_the_data">¶</a>Obtain the data</h2>
+<p>We are interested in the JSON format for the <a href="http://opendata.caceres.es/dataset/informacion-del-padron-de-caceres-2017">census in 2017</a> and those for the <a href="http://opendata.caceres.es/dataset/vias-urbanas-caceres">vias of the city</a>. This way, we can explore the population and their location in interesting ways! You may follow those two links and select the JSON format under Resources to download it.</p>
+<p>Why JSON? We will be using <a href="https://python.org/">Python</a> (3.7 or above) and <a href="https://matplotlib.org/">matplotlib</a> for quick iteration, and loading the data with <a href="https://docs.python.org/3/library/json.html">Python’s <code>json</code> module</a> will be trivial.</p>
+<h2 id="implementation"><a class="anchor" href="#implementation">¶</a>Implementation</h2>
+<h3 id="imports_and_constants"><a class="anchor" href="#imports_and_constants">¶</a>Imports and constants</h3>
+<p>We are going to need a lot of things in this code, such as <code>json</code> to load the data, <code>matplotlib</code> to visualize it, and other data types and type hinting for use in the code.</p>
+<p>We also want automatic download of the JSON files if they’re missing, so we add their URLs and download paths as constants.</p>
+<pre><code>import json
+import re
+import os
+import sys
+import urllib.request
+import matplotlib.pyplot as plt
+from dataclasses import dataclass
+from collections import namedtuple
+from datetime import date
+from pathlib import Path
+from typing import Optional
+
+CENSUS_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionCENSUS&amp;year=2017&amp;format=json'
+VIAS_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:Via&amp;format=json'
+
+CENSUS_JSON = Path('data/demografia/Padrón_Cáceres_2017.json')
+VIAS_JSON = Path('data/via/Vías_Cáceres.json')
+</code></pre>
+<h3 id="data_classes"><a class="anchor" href="#data_classes">¶</a>Data classes</h3>
+<p><a href="https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/">Parse, don’t validate</a>. By defining a clear data model, we will be able to tell at a glance what information we have available. It will also be typed, so we won’t be confused as to what is what! Python 3.7 introduces <code>[dataclasses](https://docs.python.org/3/library/dataclasses.html)</code>, which are a wonderful feature to define… well, data classes concisely.</p>
+<p>We also have a <code>[namedtuple](https://docs.python.org/3/library/collections.html#collections.namedtuple)</code> for points, because it’s extremely common to represent them as tuples.</p>
+<pre><code>Point = namedtuple('Point', 'long lat')
+
+@dataclass
+class Census:
+    year: int
+    via: int
+    count_per_year: dict
+    count_per_city: dict
+    count_per_gender: dict
+    count_per_nationality: dict
+    time_year: int
+
+@dataclass
+class Via:
+    name: str
+    kind: str
+    code: int
+    history: Optional[str]
+    old_name: Optional[str]
+    length: Optional[float]
+    start: Optional[Point]
+    middle: Optional[Point]
+    end: Optional[Point]
+    geometry: Optional[list]
+</code></pre>
+<h3 id="helper_methods"><a class="anchor" href="#helper_methods">¶</a>Helper methods</h3>
+<p>We will have a little helper method to automatically download the JSON when missing. This is just for convenience, we could as well just download it manually. But it is fun to automate things.</p>
+<pre><code>def ensure_file(file, url):
+    if not file.is_file():
+        print('Downloading', file.name, 'because it was missing...', end='', flush=True, file=sys.stderr)
+        file.parent.mkdir(parents=True, exist_ok=True)
+        urllib.request.urlretrieve(url, file)
+        print(' Done.', file=sys.stderr)
+</code></pre>
+<h3 id="parsing_the_data"><a class="anchor" href="#parsing_the_data">¶</a>Parsing the data</h3>
+<p>I will be honest, parsing Cáceres’ OpenData is a pain in the neck! The official descriptions are huge and not all that helpful. Maybe if one needs documentation for a specific field. But luckily for us, the names are pretty self-descriptive, and we can explore the data to get a feel for what we will find.</p>
+<p>We define two methods, one to iterate over <code>Census</code> values, and another to iterate over <code>Via</code> values. Here’s where our friend <code>[re](https://docs.python.org/3/library/re.html)</code> comes in, and oh boy the format of the data…</p>
+<p>For example, the year and via identifier are best extracted from the URI! The information is also available in the <code>rdfs_label</code> field, but that’s just a Spanish text! At least the URI will be more reliable… hopefully.</p>
+<p>Birth date. They could have used a JSON list, but nah, that would’ve been too simple. Instead, you are given a string separated by semicolons. The values? They could have been dictionaries with names for «year» and «age», but nah! That would’ve been too simple! Instead, you are given strings that look like «2001 (7)», and that’s the year and the count.</p>
+<p>The birth place? Sometimes it’s «City (Province) (Count)», but sometimes the province is missing. Gender? Semicolon-separated. And there are only two genders. I know a few people who would be upset just reading this, but it’s not my data, it’s theirs. Oh, and plenty of things are optional. That was a lot of <code>AttributeError: 'NoneType' object has no attribute 'foo'</code> to work through!</p>
+<p>But as a reward, we have nicely typed data, and we no longer have to deal with this mess when trying to visualize it. For brevity, we will only be showing how to parse the census data, and not the data for the vias. This post is already long enough on its own.</p>
+<pre><code>def iter_census(file):
+    with file.open() as fd:
+        data = json.load(fd)
+
+    for row in data['results']['bindings']:
+        year, via = map(int, row['uri']['value'].split('/')[-1].split('-'))
+
+        count_per_year = {}
+        for item in row['schema_birthDate']['value'].split(';'):
+            y, c = map(int, re.match(r'(\d+) \((\d+)\)', item).groups())
+            count_per_year[y] = c
+
+        count_per_city = {}
+        for item in row['schema_birthPlace']['value'].split(';'):
+            match = re.match(r'([^(]+) \(([^)]+)\) \((\d+)\)', item)
+            if match:
+                l, _province, c = match.groups()
+            else:
+                l, c = re.match(r'([^(]+) \((\d+)\)', item).groups()
+
+            count_per_city[l] = int(c)
+
+        count_per_gender = {}
+        for item in row['foaf_gender']['value'].split(';'):
+            g, c = re.match(r'([^(]+) \((\d+)\)', item).groups()
+            count_per_gender[g] = int(c)
+
+        count_per_nationality = {}
+        for item in row['schema_nationality']['value'].split(';'):
+            match = re.match(r'([^(]+) \((\d+)\)', item)
+            if match:
+                g, c = match.groups()
+            else:
+                g, _alt_name, c = re.match(r'([^(]+) \(([^)]+)\) \((\d+)\)', item).groups()
+
+            count_per_nationality[g] = int(c)
+        time_year = int(row['time_year']['value'])
+
+        yield Census(
+            year=year,
+            via=via,
+            count_per_year=count_per_year,
+            count_per_city=count_per_city,
+            count_per_gender=count_per_gender,
+            count_per_nationality=count_per_nationality,
+            time_year=time_year,
+        )
+</code></pre>
+<h2 id="visualizing_the_data"><a class="anchor" href="#visualizing_the_data">¶</a>Visualizing the data</h2>
+<p>Here comes the fun part! After parsing all the desired data from the mentioned JSON files, we plotted the data in four different graphics making use of Python’s <a href="https://matplotlib.org/"><code>matplotlib</code> library.</a> This powerful library helps with the creation of different visualizations in Python.</p>
+<h3 id="visualizing_the_genders_in_a_pie_chart"><a class="anchor" href="#visualizing_the_genders_in_a_pie_chart">¶</a>Visualizing the genders in a pie chart</h3>
+<p>After seeing that there are only two genders in the data of the census, we, displeased, started work in a chart for it. The pie chart was the best option since we wanted to show only the percentages of each gender. The result looks like this:</p>
+<p><img src="pie_chart.png" alt="" /></p>
+<p>Pretty straight forward, isn’t it? To display this wonderful graphic, we used the following code:</p>
+<pre><code>def pie_chart(ax, data):
+    lists = sorted(data.items())
+
+    x, y = zip(*lists)
+    ax.pie(y, labels=x, autopct='%1.1f%%',
+            shadow=True, startangle=90)
+    ax.axis('equal')  # Equal aspect ratio ensures that pie is drawn as a circle.
+</code></pre>
+<p>We pass the axis as the input parameter (later we will explain why) and the data collected from the JSON regarding the genders, which are in a dictionary with the key being the labels and the values the tally of each gender. We sort the data and with some unpacking magic we split it into two values: <code>x</code> being the labels and <code>y</code> the amount of each gender.</p>
+<p>After that we plot the pie chart with the data and labels from <code>y</code> and <code>x</code>, we specify that we want the percentage with one decimal place with the <code>autopct</code> parameter, we enable shadows for the presentation, and specify the start angle at 90º.</p>
+<h3 id="date_tick_labels"><a class="anchor" href="#date_tick_labels">¶</a>Date tick labels</h3>
+<p>We wanted to know how many of the living people were born on each year, so we are making a date plot! In the census we have the year each person was born in, and using that information is an easy task after parsing the data (parsing was an important task of this work). The result looks as follows:</p>
+<p><img src="date_tick.png" alt="" /></p>
+<p>How did we do this? The following code was used:</p>
+<pre><code>def date_tick(ax, data):
+    lists = sorted(data.items())
+
+    x, y = zip(*lists)
+    x = [date(year, 1, 1) for year in x]
+    ax.plot(x, y)
+</code></pre>
+<p>Again, we pass in an axis and the data related with the year born, we sort it, split it into two lists, being the keys the years and the values the number per year. After that, we put the years in a date format for the plot to be more accurate. Finally, we plot the values into that wonderful graphic.</p>
+<h3 id="stacked_bar_chart"><a class="anchor" href="#stacked_bar_chart">¶</a>Stacked bar chart</h3>
+<p>We wanted to know if there was any relation between the latitudes and count per gender, so we developed the following code:</p>
+<pre><code>def stacked_bar_chart(ax, data):
+    labels = []
+    males = []
+    females = []
+
+    for latitude, genders in data.items():
+        labels.append(str(latitude))
+        males.append(genders['Male'])
+        females.append(genders['Female'])
+
+    ax.bar(labels, males, label='Males')
+    ax.bar(labels, females, bottom=males, label='Females')
+
+    ax.set_ylabel('Counts')
+    ax.set_xlabel('Latitudes')
+    ax.legend()
+</code></pre>
+<p>The key of the data dictionary is the latitude rounded to two decimals, and value is another dictionary, which is composed by the key that is the name of the gender and the value, the number of people per gender. So, in a single entry of the data dictionary we have the latitude and how many people per gender are in that latitude.</p>
+<p>We iterate the dictionary to extract the different latitudes and people per gender (because we know only two genders are used, we hardcode it to two lists). Then we plot them putting the <code>males</code> and <code>females</code> lists at the bottom and set the labels of each axis. The result is the following:</p>
+<p><img src="stacked_bar_chart-1.png" alt="" /></p>
+<h3 id="scatter_plots"><a class="anchor" href="#scatter_plots">¶</a>Scatter plots</h3>
+<p>This last graphic was very tricky to get right. It’s incredibly hard to find the extent of a city online! We were getting confused because some of the points were way farther than the centre of Cáceres, and the city background is a bit stretched even if the coordinates appear correct. But in the end, we did a pretty good job on it.</p>
+<pre><code>def scatter_map(ax, data):
+    xs = []
+    ys = []
+    areas = []
+    for (long, lat), count in data.items():
+        xs.append(long)
+        ys.append(lat)
+        areas.append(count / 100)
+
+    if CACERES_MAP.is_file():
+        ax.imshow(plt.imread(str(CACERES_MAP)), extent=CACERES_EXTENT)
+    else:
+        print('Note:', CACERES_MAP, 'does not exist, not showing it', file=sys.stderr)
+
+    ax.scatter(xs, ys, areas, alpha=0.1)
+</code></pre>
+<p>This time, the keys in the data dictionary are points and the values are the total count of people in that point. We use a normal <code>for</code> loop to create the different lists. For the areas on how big the circles we are going to represent will be, we divide the count of people by some number, like <code>100</code>, or otherwise they would be huge.</p>
+<p>If the file of the map is present, we render it so that we can get a sense on where the points are, but if the file is missing we print a warning.</p>
+<p>At last, we draw the scatter plot with some low alpha value (there’s a lot of overlapping points). The result is <em>absolutely gorgeous</em>. (For some definitions of gorgeous, anyway):</p>
+<p><img src="scatter_map.png" alt="" /></p>
+<p>Just for fun, here’s what it looks like if we don’t divide the count by 100 and lower the opacity to <code>0.01</code>:</p>
+<p><img src="scatter_map-2.png" alt="" /></p>
+<p>That’s a big solid blob, and the opacity is only set to <code>0.01</code>!</p>
+<h3 id="drawing_all_the_graphs_in_the_same_window"><a class="anchor" href="#drawing_all_the_graphs_in_the_same_window">¶</a>Drawing all the graphs in the same window</h3>
+<p>To draw all the graphs in the same window instead of getting four different windows we made use of the <a href="https://matplotlib.org/3.2.0/api/_as_gen/matplotlib.pyplot.subplots.html"><code>subplots</code> function</a>, like this:</p>
+<pre><code>fig, axes = plt.subplots(2, 2)
+</code></pre>
+<p>This will create a matrix of two by two of axes that we store in the axes variable (fitting name!). Following this code are the different calls to the methods commented before, where we access each individual axis and pass it to the methods to draw on:</p>
+<pre><code>pie_chart(axes[0, 0], genders)
+date_tick(axes[0, 1], years)
+stacked_bar_chart(axes[1, 0], latitudes)
+scatter_map(axes[1, 1], positions)
+</code></pre>
+<p>Lastly, we plot the different graphics:</p>
+<pre><code>plt.show()
+</code></pre>
+<p>Wrapping everything together, here’s the result:</p>
+<p><img src="figures-1.png" alt="" /></p>
+<p>The numbers in some of the graphs are a bit crammed together, but we’ll blame that on <code>matplotlib</code>.</p>
+<h2 id="closing_words"><a class="anchor" href="#closing_words">¶</a>Closing words</h2>
+<p>Wow, that was a long journey! We hope that this post helped you pick some interest in data exploration, it’s such a fun world. We also offer the full download for the code below, because we know it’s quite a bit!</p>
+<p>Which of the graphs was your favourite? I personally like the count per date, I think it’s nice to see the growth. Let us know in the comments below!</p>
+<p><em>download removed</em></p>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/mdad/what-is-an-algorithm/index.html
            
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>What is an algorithm?</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Algorithms are a sequence of instructions that can be followed to achieve <em>something</em>. That something can be anything, and depends entirely on your problem!</p>
+<div class="date-created-modified">Created 2020-02-25<br>
+Modified 2020-03-18</div>
+<p>For example, a recipe to cook some really nice food is an algorithm: it guides you, step by step, to cook something nice. People dealing with mathemathics also apply algorithms to transform their data. And computers <em>love</em> algorithms, too!</p>
+<p>In reality, any computer program can basically be thought as an algorithm. It contains a series of instructions for the computer to execute. Running them is a process that takes time, consumes input and produces output. This is also why terms like «procedure» come up when talking about them.</p>
+<p>Computer programs (their algorithms) are normally written in some more specific language, like Java or Python. The instructions are very clear here, which is what we need! A natural language like English is a lot harder to process, and ambiguous. I’m sure you’ve been in arguments because the other person didn’t understand you!</p>
+<h2 class="title" id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li>algorithm – definition and meaning: <a href="https://www.wordnik.com/words/algorithm">https://www.wordnik.com/words/algorithm</a></li>
+<li>Algorithm: <a href="https://en.wikipedia.org/wiki/Algorithm">https://en.wikipedia.org/wiki/Algorithm</a></li>
+<li>What is a «computer algorithm»?: <a href="https://computer.howstuffworks.com/what-is-a-computer-algorithm.htm">https://computer.howstuffworks.com/what-is-a-computer-algorithm.htm</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/new-computer/index.html
            
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>My new computer</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="my_new_computer"><a class="anchor" href="#my_new_computer">¶</a>My new computer</h1>
+<div class="date-created-modified">Created 2020-06-19<br>
+Modified 2020-06-22</div>
+<p>This post will be mostly me ranting about setting up a new laptop, but I also just want to share my upgrade. If you're considering installing Arch Linux with dual-boot for Windows, maybe this post will help. Or perhaps you will learn something new to troubleshoot systems in the future. Let's begin!</p>
+<p>Last Sunday, I ordered a Asus Rog Strix G531GT-BQ165 for 900€ (on a 20% discount) with the following specifications:</p>
+<ul>
+<li>Intel® Core i7-9750H (6 cores, 12MB cache, 2.6GHz up to 4.5GHz, 64-bit)</li>
+<li>16GB RAM (8GB*2) DDR4 2666MHz</li>
+<li>512GB SSD M.2 PCIe® NVMe</li>
+<li>Display 15.6&quot; (1920x1080/16:9) 60Hz</li>
+<li>Graphics NVIDIA® GeForce® GTX1650 4GB GDDR5 VRAM</li>
+<li>LAN 10/100/1000</li>
+<li>Wi-Fi 5 (802.11ac) 2x2 RangeBoost</li>
+<li>Bluetooth 5.0</li>
+<li>48Wh battery with 3 cells</li>
+<li>3 x USB 3.1 (GEN1)</li>
+</ul>
+<p>I was mostly interested in a general upgrade (better processor, disk, more RAM), although the graphics card is a really nice addition which will allow me to take some time off on more games. After using it for a bit, I really love the feel of the keyboard, and I love the lack of numpad! (No sarcasm, I really don't like numpads.)</p>
+<p>This is an upgrade from my previous laptop (Asus X554LA-XX822T), which I won in a competition before entering university in a programming challenge. It has served me really well for the past five years, and had the following specifications:</p>
+<ul>
+<li>Intel® Core™ i5-5200U</li>
+<li>4GB RAM DDR3L 1600MHz (which I upgraded to have 8GB)</li>
+<li>1TB HDD</li>
+<li>Display 15.6&quot; (1366x768/16:9)</li>
+<li>Intel® HD Graphics 4400</li>
+<li>LAN 10/100/1000</li>
+<li>Wifi 802.11 bgn</li>
+<li>Bluetooth 4.0</li>
+<li>Battery 2 cells</li>
+<li>1 x USB 2.0</li>
+<li>2 x USB 3.0</li>
+</ul>
+<p>Prior to this one, I had a Lenovo (also won in the same competition of the previous year), and prior to that (just for the sake of history), it was HP Pavilion, AMD A4-3300M processor, which unfortunately ended with heating problems. But that's very old now.</p>
+<h2 id="laptop_arrival"><a class="anchor" href="#laptop_arrival">¶</a>Laptop arrival</h2>
+<p>The laptop arrived 2 days ago at roughly 19:00, which I put charged for 3 hours as the book said. The day after, nightmares began!</p>
+<p>Trying to boot it the first two times was fun, as it comes with a somewhat loud sound on boot. I don't know why they would do this, and I immediately turned it off in the BIOS.</p>
+<h2 id="installation_journey"><a class="anchor" href="#installation_journey">¶</a>Installation journey</h2>
+<p>I spent all of yesterday trying to setup Windows and Arch Linux (and didn't even finish, it took me this morning too and even now it's only half functional). I absolutely <em>hate</em> the amount of partitions the Windows installer creates on a clean disk. So instead, I first went with Arch Linux, and followed the <a href="https://wiki.archlinux.org/index.php/Installation_guide">installation guide on the Arch wiki</a>. Pre-installation, setting up the wireless network, creating the partitions and formatting them went all good. I decided to avoid GRUB at first and go with rEFInd, but alas I missed a big warning on the wiki and after reboot (I would later find out) it was not mounting root properly, so all I had was whatever was in the Initramfs. Reboot didn't work, so I had to hold the power button.</p>
+<p>Anyway, once the partitions were created, I went to install Windows (there was a lot of back and forth burning different <code>.iso</code> images on the USB, which was a bit annoying because it wasn't the fastest thing in the world). This was pretty painless, and the process was standard: select advanced to let me choose the right partition, pick the one, say &quot;no&quot; to everything in the services setup, and done. But this was the first Windows <code>.iso</code> I tried. It was an old revision, and the drivers were causing issues when running (something weird about their <code>.dll</code>, manually installing the <code>.ini</code> driver files seemed to work?). The Nvidia drivers didn't want to be installed on such an old revision, after updating everything I could via Windows updates. So back I went to burning a newer Windows <code>.iso</code> and going through the same process again…</p>
+<p>Once Windows was ready and I verified that I could boot to it correctly, it was time to have a second go at Arch Linux. And I went through the setup at least three times, getting it wrong every single time, formatting root every single time, redownloading the packages every single pain. If only had I known earlier what the issue was!</p>
+<p>Why bother with Arch? I was pretty happy with Linux Mint, and I lowkey wanted to try NixOS, but I had used Arch before and it's a really nice distro overall (up-to-date, has AUR, quite minimal, imperative), except for trying to install rEFInd while chrooted…</p>
+<p>In the end I managed to get something half-working, I still need to properly configure WiFi and pulseaudio in my system but hey it works.</p>
+<p>I like to be able to dual-boot Windows and Linux because Linux is amazing for productivity, but unfortunately, some games only work fine on Windows. Might as well have both systems and use one for gaming, while the other is my daily driver.</p>
+<h2 id="setting_up_arch_linux"><a class="anchor" href="#setting_up_arch_linux">¶</a>Setting up Arch Linux</h2>
+<p>This is the process I followed to install Arch Linux in the end, along with a brief explanation on what I think the things are doing and why we are doing them. I think the wiki could do a better job at this, but I also know it's hard to get it right for everyone. Something I do dislike is the link colour, after opening a link it becomes gray and it's a lot easier to miss the fact that it is a link in the first place, which was tough when re-reading it because some links actually matter a lot. Furthermore, important information may just be a single line, also easy to skim over. Anyway, on to the installation process…</p>
+<p>The first thing we want to do is configure our keyboard layout or else the keys won't correspond to what we expect:</p>
+<pre><code class="language-sh">loadkeys es
+</code></pre>
+<p>Because we're on a recent system, we want to verify that UEFI works correctly. If we see files listed, then it works fine:</p>
+<pre><code class="language-sh">ls /sys/firmware/efi/efivars
+</code></pre>
+<p>The next thing we want to do is configure the WiFi, because I don't have any ethernet cable nearby. To do this, we check what network interfaces our laptop has (we're looking for the one prefixed with &quot;w&quot;, presumably for wireless, such as &quot;wlan0&quot; or &quot;wlo1&quot;), we set it up, scan for available wireless network, and finally connect. In my case, the network has WPA security so we rely on <code>wpa_supplicant</code> to connect, passing the SSID (network name) and password:</p>
+<pre><code class="language-sh">ip link
+ip link set &lt;IFACE&gt; up
+iw dev &lt;IFACE&gt; scan | less
+wpa_supplicant -B -i &lt;IFACE&gt; -c &lt;(wpa_passphrase &lt;SSID&gt; &lt;PASS&gt;)
+</code></pre>
+<p>After that's done, pinging an IP address like &quot;1.1.1.1&quot; should Just Work™, but to be able to resolve hostnames, we need to also setup a nameserver. I'm using Cloudflare's, but you could use any other:</p>
+<pre><code class="language-sh">echo nameserver 1.1.1.1 &gt; /etc/resolv.conf
+ping archlinux.org
+^C
+</code></pre>
+<p>If the ping works, then network works! If you still have issues, you may need to <a href="https://wiki.archlinux.org/index.php/Network_configuration#Static_IP_address">manually configure a static IP address</a> and add a route with the address of your, well, router. This basically shows if we have any address, adds a static address (so people know who we are), shows what route we have, and adds a default one (so our packets know where to go):</p>
+<pre><code class="language-sh">ip address show
+ip address add &lt;YOUR ADDR&gt;/24 broadcast + dev &lt;IFACE&gt;
+ip route show
+ip route add default via &lt;ROUTER ADDR&gt; dev &lt;IFACE&gt;
+</code></pre>
+<p>Now that we have network available, we can enable NTP to synchronize our system time (this may be required for network operations where certificates have a validity period, not sure; in any case nobody wants a wrong system time):</p>
+<pre><code class="language-sh">timedatectl set-ntp true
+</code></pre>
+<p>After that, we can manage our disk and partitions using <code>fdisk</code>. We want to define partitions to tell the system where it should live. To determine the disk name, we first list them, and then edit it. <code>fdisk</code> is really nice and reminds you at every step that help can be accessed with &quot;m&quot;, which you should constantly use to guide you through.</p>
+<pre><code class="language-sh">fdisk -l
+fdisk /dev/&lt;DISK&gt;
+</code></pre>
+<p>The partitions I made are the following:</p>
+<ul>
+<li>A 100MB one for the EFI system.</li>
+<li>A 32GB one for Linux' root <code>/</code> partition.</li>
+<li>A 200GB one for Linux' home <code>/home</code> partition.</li>
+<li>The rest was unallocated for Windows because I did this first.</li>
+</ul>
+<p>I like to have <code>/home</code> and <code>/</code> separate because I can reinstall root without losing anything from home (projects, music, photos, screenshots, videos…).</p>
+<p>After the partitions are made, we format them in FAT32 and EXT4 which are good defaults for EFI, root and home. They need to have a format, or else they won't be usable:</p>
+<pre><code class="language-sh">mkfs.fat -F32 /dev/&lt;DISK&gt;&lt;PART1&gt;
+mkfs.ext4 /dev/&lt;DISK&gt;&lt;PART2&gt;
+mkfs.ext4 /dev/&lt;DISK&gt;&lt;PART3&gt;
+</code></pre>
+<p>Because the laptop was new, there was no risk to lose anything, but if you're doing a install on a previous system, be very careful with the partition names. Make sure they match with the ones in <code>fdisk -l</code>.</p>
+<p>Now that we have usable partitions, we need to mount them or they won't be accessible. We can do this with <code>mount</code>:</p>
+<pre><code class="language-sh">mount /dev/&lt;DISK&gt;&lt;PART2&gt; /mnt
+mkdir /mnt/efi
+mount /dev/&lt;DISK&gt;&lt;PART1&gt; /mnt/efi
+mkdir /mnt/home
+mount /dev/&lt;DISK&gt;&lt;PART3&gt; /mnt/home
+</code></pre>
+<p>Remember to use the correct partitions while mounting. We mount everything so that the system knows which partitions we care about, which we will let know about later on.</p>
+<p>Next step is to setup the basic Arch Linux system on root, which can be done with <code>pacstrap</code>. What follows the directory is a list of packages, and you may choose any you wish (at least add <code>base</code>, <code>linux</code> and <code>linux-firmware</code>). These can be installed later, but I'd recommend having them from the beginning, just in case:</p>
+<pre><code class="language-sh">pacstrap /mnt base linux linux-firmware sudo vim-minimal dhcpcd wpa_supplicant man-db man-pages intel-ucode grub efibootmgr os-prober ntfs-3g
+</code></pre>
+<p>Because my system has an intel CPU, I also installed <code>intel-ucode</code>.</p>
+<p>Next up is generating the <code>fstab</code> file, which we tell to use UUIDs to be on the safe side through <code>-U</code>. This file is important, because without it the system won't know what partitions exist and will happily only boot with the initramfs, without anything of what we just installed at root. Not knowing this made me restart the entire installation process a few times.</p>
+<pre><code class="language-sh">genfstab -U /mnt &gt;&gt; /mnt/etc/fstab
+</code></pre>
+<p>After that's done, we can change our root into our mount point and finish up configuration. We setup our timezone (so DST can be handled correctly if needed), synchronize the hardware clock (to persist the current time to the BIOS), uncomment our locales (exit <code>vim</code> by pressing ESC, then type <code>:wq</code> and press enter), generate locale files (which some applications need), configure language and keymap, update the hostname of our laptop and what indicate what <code>localhost</code> means…</p>
+<pre><code class="language-sh">ln -sf /usr/share/zoneinfo/&lt;REGION&gt;/&lt;CITY&gt; /etc/localtime
+hwclock --systohc
+vim /etc/locale.gen
+locale-gen
+echo LANG=es_ES.UTF-8 &gt; /etc/locale.conf
+echo KEYMAP=es &gt; /etc/vconsole.conf
+echo &lt;HOST&gt; /etc/hostname
+cat &lt;&lt;EOF &gt; /etc/hosts
+127.0.0.1 localhost
+::1 localhost
+127.0.1.1 &lt;HOST&gt;.localdomain &lt;HOST&gt;
+EOF
+</code></pre>
+<p>Really, we could've done all of this later, and the same goes for setting root's password with <code>passwd</code> or creating users (some of the groups you probably want are <code>power</code> and <code>wheel</code>).</p>
+<p>The important part here is installing GRUB (which also needed the <code>efibootmgr</code> package):</p>
+<pre><code class="language-sh">grub-install --target=x86_64-efi --efi-directory=/efi --bootloader-id=GRUB
+</code></pre>
+<p>If we want GRUB to find our Windows install, we also need the <code>os-prober</code> and <code>ntfs-3g</code> packages that we installed earlier with <code>pacstrap</code>, and with those we need to mount the Windows partition somewhere. It doesn't matter where. With that done, we can generate the GRUB configuration file which lists all the boot options:</p>
+<pre><code class="language-sh">mkdir /windows
+mount /dev/&lt;DISK&gt;&lt;PART5&gt; /windows
+grub-mkconfig -o /boot/grub/grub.cfg
+</code></pre>
+<p>(In my case, I installed Windows before completing the Arch install, which created an additional partition in between).</p>
+<p>With GRUB ready, we can exit the chroot and reboot the system, and if all went well, you should be greeted with a choice of operating system to use:</p>
+<pre><code class="language-sh">exit
+reboot
+</code></pre>
+<p>If for some reason you need to find what mountpoints were active prior to rebooting (to <code>unmount</code> them for example), you can use <code>findmnt</code>.</p>
+<p>Before GRUB I tried rEFInd, which as I explained had issues with for missing a warning. Then I tried systemd-boot, which did not pick up Arch at first. That's where the several reinstalls come from, I didn't want to work with a half-worked system so I mostly redid the entire process quite a few times.</p>
+<h2 id="migrating_to_the_new_laptop"><a class="anchor" href="#migrating_to_the_new_laptop">¶</a>Migrating to the new laptop</h2>
+<p>I had a external disk formatted with NTFS. Of course, after moving every file I cared about from my previous Linux install caused all the permissions to reset. All my <code>.git</code> repositories, dirty with file permission changes! This is going to take a while to fix, or maybe I should just <code>git config core.fileMode false</code>. Here is a <a href="https://stackoverflow.com/a/2083563">lovely command</a> to sort them out on a per-repository basis:</p>
+<pre><code class="language-sh">git diff --summary | grep --color 'mode change 100644 =&gt; 100755' | cut -d' ' -f7- | xargs -d'\n' chmod -x
+</code></pre>
+<p>I never realized how much I had stored over the years, but it really was a lot. While moving things to the external disk, I tried to do some cleanup, such as removing some build artifacts which needlessly occupy space, or completely skipping all the binary application files. If I need those I will install them anyway. The process was mostly focused on finding all the projects and program data that I did care about, or even some game saves. Nothing too difficult, but definitely time consuming.</p>
+<h2 id="tuning_arch"><a class="anchor" href="#tuning_arch">¶</a>Tuning Arch</h2>
+<p>Now that our system is ready, install <code>pacman-contrib</code> to grab a copy of the <code>rankmirrors</code> speed. It should help speed up the download of whatever packages you want to install, since it will help us <a href="https://wiki.archlinux.org/index.php/Mirrors#List_by_speed">rank the mirrors by download speed</a>. Making a copy of the file is important, otherwise whenever you try to install something it will fail saying it can't find anything.</p>
+<pre><code class="language-sh">cp /etc/pacman.d/mirrorlist /etc/pacman.d/mirrorlist.backup
+sed -i 's/^#Server/Server/' /etc/pacman.d/mirrorlist.backup
+rankmirrors -n 6 /etc/pacman.d/mirrorlist.backup | tee /etc/pacman.d/mirrorlist
+</code></pre>
+<p>This will take a while, but it should be well worth it. We're using <code>tee</code> to see the progress as it goes.</p>
+<p>Some other packages I installed after I had a working system in no particular order:</p>
+<ul>
+<li><code>xfce4</code> and <code>xorg-server</code>. I just love the simplicity of XFCE.</li>
+<li><code>xfce4-whiskermenu-plugin</code>, a really nice start menu.</li>
+<li><code>xfce4-pulseaudio-plugin</code> and <code>pavucontrol</code>, to quickly adjust the audio with my mouse.</li>
+<li><code>xfce4-taskmanager</code>, a GUI alternative I generally prefer to <code>htop</code>.</li>
+<li><code>pulseaudio</code> and <code>pulseaudio-alsa</code> to get nice integration with XFCE4 and audio mixing.</li>
+<li><code>firefox</code>, which comes with fonts too. A really good web browser.</li>
+<li><code>git</code>, to commit <del>crimes</del> code.</li>
+<li><code>code</code>, a wonderful editor which I used to write this blog entry.</li>
+<li><code>nano</code>, so much nicer to write a simple commit message.</li>
+<li><code>python</code> and <code>python-pip</code>, my favourite language to toy around ideas or use as a calculator.</li>
+<li><code>telegram-desktop</code>, for my needs on sharing memes.</li>
+<li><code>cmus</code>, a simple terminal music player.</li>
+<li><code>openssh</code>, to connect into any VPS I have access to.</li>
+<li><code>base-devel</code>, necessary to build most projects I'll find myself working with (or even compiling some projects Rust which I installed via <code>rustup</code>).</li>
+<li><code>flac</code>, <code>libmad</code>, <code>opus</code>, and <code>libvorbis</code>, to be able to play more audio files.</li>
+<li><code>inkscape</code>, to make random drawings.</li>
+<li><code>ffmpeg</code>, to convert media or record screen.</li>
+<li><code>xclip</code>, to automatically copy screenshots to my clipboard.</li>
+<li><code>gvfs</code>, needed by Thunar to handle mounting and having a trash (perma-deletion by default can be nasty sometimes).</li>
+<li><code>noto-fonts</code>, <code>noto-fonts-cjk</code> and <code>noto-fonts-extra</code>, if you don't want missing gliphs everywhere.</li>
+<li><code>xfce4-notifyd</code> and <code>libnotify</code>, for notifications.</li>
+<li><code>cronie</code>, to be able to <code>crontab -e</code>. Make sure to <code>system enable cronie</code>.</li>
+</ul>
+<p>After that, I configured my Super L key to launch <code>xfce4-popup-whiskermenu</code> so that it opens the application menu, pretty much the same as it would on Windows, moved the panels around and configured them to my needs, and it feels like home once more.</p>
+<p>I made some mistakes while <a href="https://wiki.archlinux.org/index.php/Systemd-networkd">configuring systemd-networkd</a> and accidentally added a service that was incorrect, which caused boot to wait for it to timeout before completing. My boot time was taking 90 seconds longer because of this! <a href="https://www.reddit.com/r/archlinux/comments/4nv9yi/my_arch_greets_me_now_with_a_start_job/">The solution was to remove said service</a>, so this is something to look out for.</p>
+<p>In order to find what was taking long, I had to edit the <a href="https://wiki.archlinux.org/index.php/kernel_parameters">kernel parameters</a> to remove the <code>quiet</code> option. I prefer seeing the output on what my computer is doing anyway, because it gives me a sense of progress and most importantly is of great value when things go wrong. Another interesting option is <code>noauto,x-systemd.automount</code>, which makes a disk lazily-mounted. If you have a slow disk, this could help speed things up.</p>
+<p>If you see a service taking long, you can also use <code>systemd-analyze blame</code> to see what takes the longest, and <code>systemctl list-dependencies</code> is also helpful to find what services are active.</p>
+<p>My <code>locale charmap</code> was spitting out a bunch of warnings:</p>
+<pre><code class="language-sh">$ locale charmap
+locale: Cannot set LC_CTYPE to default locale: No such file or directory
+locale: Cannot set LC_MESSAGES to default locale: No such file or directory
+locale: Cannot set LC_ALL to default locale: No such file or directory
+ANSI_X3.4-1968
+</code></pre>
+<p>…ANSI encoding? Immediately I added the following to <code>~/.bashrc</code> and <code>~/.profile</code>:</p>
+<pre><code class="language-sh">export LC_ALL=en_US.UTF-8
+export LANG=en_US.UTF-8
+export LANGUAGE=en_US.UTF-8
+</code></pre>
+<p>For some reason, I also had to edit <code>xfce4-terminal</code>'s preferences in advanced to change the default character encoding to UTF-8. This also solved my issues with pasting things into the terminal, and also proper rendering! I guess pastes were not working because it had some characters that could not be encoded.</p>
+<p>To have working notifications, I added the following to <code>~/.bash_profile</code> after <code>exec startx</code>:</p>
+<pre><code class="language-sh">systemctl --user start xfce4-notifyd.service
+</code></pre>
+<p>I'm pretty sure there's a better way to do this, or maybe it's not even necessary, but this works for me.</p>
+<p>Some of the other things I had left to do was setting up <code>sccache</code> to speed up Rust builds:</p>
+<pre><code class="language-sh">cargo install sccache
+echo export RUSTC_WRAPPER=sccache &gt;&gt; ~/.bashrc
+</code></pre>
+<p>Once I had <code>cargo</code> ready, installed <code>hacksaw</code> and <code>shotgun</code> with it to perform screenshots.</p>
+<p>I also disabled the security delay when downloading files in Firefox because it's just annoying, in <code>about:config</code> setting <code>security.dialog_enable_delay</code> to <code>0</code>.</p>
+<p>The <code>utils-linux</code> comes with a <code>fstrim</code> utility to <a href="https://wiki.archlinux.org/index.php/Solid_state_drive#Periodic_TRIM">trim the SSD weekly</a>, which I want enabled via <code>systemctl enable fstrim.timer</code> (you may also want to <code>start</code> it if you don't reboot often). For more SSD tips, check <a href="https://easylinuxtipsproject.blogspot.com/p/ssd.html">How to optimize your Solid State Drive</a>.</p>
+<p>If the sound is funky prior to reboot, try <code>pulseaudio --kill</code> and <code>pulseaudio --start</code>, or delete <code>~/.config/pulse</code>.</p>
+<h2 id="tuning_windows"><a class="anchor" href="#tuning_windows">¶</a>Tuning Windows</h2>
+<p>On the Windows side, I disabled the annoying Windows defender by running (<kbd>Ctrl+R</kbd>) <code>gpedit.msc</code> and editing:</p>
+<ul>
+<li><em>Computer Configuration &gt; Administrative Templates &gt; Windows Components &gt; Windows Defender » Turn off Windows Defender » Enable</em></li>
+<li><em>User Configuration &gt; Administrative Templates &gt; Start Menu and Taskbar » Remove Notifications and Action Center » Enable</em></li>
+</ul>
+<p>I also updated the <a href="https://github.com/WindowsLies/BlockWindows/raw/master/hosts"><code>hosts</code> file</a> (located at <code>%windir%\system32\Drivers\etc\hosts</code>) with the hope that it will stop some of the telemetry.</p>
+<p>All this time, my laptop had the keyboard lights on, which have been quite annoying. Apparently, they also can cause <a href="https://www.reddit.com/r/ValveIndex/comments/cm6pos/psa_uninstalldisable_aura_sync_lighting_if_you/">massive FPS drops</a>. I headed over to <a href="https://rog.asus.com/downloads/">Asus Rog downloads</a>, selected Aura Sync…</p>
+<pre><code class="language-md"># Not Found
+
+The requested URL /campaign/aura/us/Sync.html was not found on this server.
+
+Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
+</code></pre>
+<p>…great! I'll just find the <a href="https://www.asus.com/campaign/aura/global/">Aura site</a> somewhere else…</p>
+<pre><code class="language-md"># ASUS
+
+# We'll be back.
+
+Hi, our website is temporarily closed for service enhancements.
+
+We'll be back shortly.Thank you for your patience!
+</code></pre>
+<p>Oh come on. After waiting for the next day, I headed over, downloaded their software, tried to install it and it was an awful experience. It felt like I was purposedly installing malware. It spammed and flashed a lot of <code>cmd</code>'s on screen as if it was a virus. It was stuck at 100% doing that and then, Windows blue-screened with <code>KERNEL_MODE_HEAP_CORRUPTION</code>. Amazing. How do you screw up this bad?</p>
+<p>Well, at least rebooting worked. I tried to <a href="https://answers.microsoft.com/en-us/windows/forum/all/unable-to-uninstall-asus-aura-sync-utility/e9bec36c-e62f-4773-80be-88fb68dace16">uninstall Aura, but of course that failed</a>. Using the <a href="https://support.microsoft.com/en-us/help/17588/windows-fix-problems-that-block-programs-being-installed-or-removed">troubleshooter to uninstall programs</a> helped me remove most of the crap that was installed.</p>
+<p>After searching around how to disable the lights (because <a href="https://rog.asus.com/forum/showthread.php?112786-Option-to-Disable-Aura-Lights-on-Strix-G-series-(G531GT)-irrespective-of-OSes">my BIOS did not have this setting</a>), I stumbled upon <a href="https://rog.asus.com/us/innovation/armoury_crate/">&quot;Armoury Crate&quot;</a>. Okay, fine, I will install that.</p>
+<p>The experience wasn't much better. It did the same thing with a lot of consoles flashing on screen. And of course, it resulted in another blue-screen, this time <code>KERNEL_SECURITY_CHECK_FAILURE</code>. To finish up, the BSOD kept happening as I rebooted the system. Time to reinstall Windows once more.</p>
+<p>Asus software might be good, but the software is utter crap.</p>
+<p>After trying out <a href="https://github.com/wroberts/rogauracore">rogauracore</a> (which didn't list my model), it worked! I could disable the stupid lights from Linux, and <a href="https://gitlab.com/CalcProgrammer1/OpenRGB/-/wikis/home">OpenRGB</a> also works on Windows which may be worth checking out too.</p>
+<p>Because <code>rougauracore</code> helped me and they linked to <a href="https://github.com/linuxhw/hw-probe/blob/master/README.md#appimage">hw-probe</a>, I decided to <a href="https://linux-hardware.org/?probe=0e3e48c501">run it on my system</a>, with the hopes it is useful for other people.</p>
+<h2 id="closing_words"><a class="anchor" href="#closing_words">¶</a>Closing words</h2>
+<p>I hope the installation journey is at least useful to someone, or that you enjoyed reading about it all. If not, sorry!</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/pixel-dungeon/index.html
            
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Shattered Pixel Dungeon</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="shattered_pixel_dungeon"><a class="anchor" href="#shattered_pixel_dungeon">¶</a>Shattered Pixel Dungeon</h1>
+<div class="date-created-modified">Created 2019-06-03<br>
+Modified 2020-07-03</div>
+<p><a href="https://shatteredpixel.com/shatteredpd/">Shattered Pixel Dungeon</a> is the classic roguelike RPG game with randomly-generated dungeons. As a new player, it was a bit frustrating to be constantly killed on the first levels of the dungeon, but with some practice it's easy to reach high levels if you can kill the first boss.</p>
+<h2 id="basic_tips"><a class="anchor" href="#basic_tips">¶</a>Basic Tips</h2>
+<p>The game comes with its own tips, but here's a short and straight-forward summary:</p>
+<ul>
+<li><strong>Don't rush into enemies</strong>. Abuse doors and small corridors to kill them one by one. You can use the clock on the bottom left to wait a turn without moving.</li>
+<li><strong>Explore each level at full</strong>. You will find goodies and gain XP while doing so.</li>
+<li><strong>Upon finding a special room</strong> (e.g. has a chest but is protected by piranhas), drink all potions that you found in that level until there's one that helps you (e.g. be invisible so piranhas leave you alone). There is guaranteed to be a helpful one per level with special rooms.</li>
+<li><strong>Drink potions as early as possible</strong>. Harmful potions do less damage on early levels (and if you die, you lose less). This will keep them identified early for the rest of the game.</li>
+<li><strong>Read scrolls as early as possible</strong> as well. This will keep them identified. It may be worth to wait until you have an item which may be cursed and until the level is clear, because some scrolls clean curses and others alert enemies.</li>
+<li><strong>Food and health are resources</strong> that you have to <em>manage</em>, not keep them always at full. Even if you are starving and taking damage, you may not need to eat <em>just yet</em>, since food is scarce. Eat when you are low on health or in possible danger.</li>
+<li><strong>Piranhas</strong>. Seriously, just leave them alone if you are melee. They're free food if you're playing ranged, though.</li>
+<li><strong>Prefer armor over weapons</strong>. And make sure to identify or clean it from curses before wearing anything!</li>
+<li><strong>Find a dew vial early</strong>. It's often a better idea to store dew (health) for later than to use it as soon as possible.</li>
+</ul>
+<h2 id="bosses"><a class="anchor" href="#bosses">¶</a>Bosses</h2>
+<p>There is a boss every 5 levels.</p>
+<ul>
+<li><strong>Level 5 boss</strong>. Try to stay on water, but don't let <em>it</em> stay on water since it will heal. Be careful when he starts enraging.</li>
+<li><strong>Level 10 boss</strong>. Ranged weapons are good against it.</li>
+<li><strong>Level 15 boss</strong>. I somehow managed to tank it with a health potion.</li>
+<li><strong>Level 20 boss</strong>. I didn't get this far just yet. You are advised to use scrolls of magic mapping in the last levels to skip straight to the boss, since there's nothing else of value.</li>
+<li><strong>Level 25 boss</strong>. The final boss. Good job if you made it this far!</li>
+</ul>
+<h2 id="mage"><a class="anchor" href="#mage">¶</a>Mage</h2>
+<p>If you followed the basic tips, you will sooner or later make use of two scrolls of upgrade in a single run. This will unlock the mage class, which is ridiculously powerful. He starts with a ranged-weapon, a magic missile wand, which is really helpful to keep enemies at a distance. Normally, you want to use this at first to surprise attack them soon, and if you are low on charges, you may go melee on normal enemies if you are confident.</p>
+<h2 id="luck"><a class="anchor" href="#luck">¶</a>Luck</h2>
+<p>This game is all about luck and patience! Some runs will be better than others, and you should thank and pray the RNG gods for them. If you don't, they will only give you cursed items and not a single scroll to clean them. So, good luck and enjoy playing!</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/posts/index.html
            
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Atemporal Blog Posts</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="atemporal_blog_posts"><a class="anchor" href="#atemporal_blog_posts">¶</a>Atemporal Blog Posts</h1>
+<div class="date-created-modified">2020-07-03</div>
+<p>These are some interesting posts and links I've found around the web. I believe they are quite interesting and nice reads, so if you have the time, I encourage you to check some out.</p>
+<h2 id="algorithms"><a class="anchor" href="#algorithms">¶</a>Algorithms</h2>
+<ul>
+<li>http://www.tannerhelland.com/4660/dithering-eleven-algorithms-source-code/. Image Dithering: Eleven Algorithms and Source Code. What does it mean and how to achieve it?</li>
+<li>https://cristian.io/post/bloom-filters/. Idempotence layer on bloom filters. What are they and how can they help?</li>
+<li>https://en.wikipedia.org/wiki/Huffman_coding. Huffman coding. This encoding is a simple yet interesting way of compressing information.</li>
+<li>https://github.com/mxgmn/WaveFunctionCollapse. Wave Function Collapse. Bitmap &amp; tilemap generation from a single example with the help of ideas from quantum mechanics.</li>
+<li>https://blog.nelhage.com/2015/02/regular-expression-search-with-suffix-arrays/. Regular Expression Search with Suffix Arrays. A way to efficiently search large amounts of text.</li>
+</ul>
+<h2 id="culture"><a class="anchor" href="#culture">¶</a>Culture</h2>
+<ul>
+<li>https://www.wired.com/story/ideas-joi-ito-robot-overlords/. Why Westerners Fear Robots and the Japanese Do Not. Explains some possible reasons for this case.</li>
+<li>http://catb.org/~esr/faqs/smart-questions.html. How To Ask Questions The Smart Way. Some bits of hacker culture and amazing tips on how to ask a question.</li>
+<li>http://apenwarr.ca/log/?m=201809#14. XML, blockchains, and the strange shapes of progress. Some of history about XML and blockchain.</li>
+<li>https://czep.net/17/legion-of-lobotomized-unices.html. Legion of lobotomized unices. A time where computers are treated a lot more nicely.</li>
+<li>https://eli.thegreenplace.net/2016/the-expression-problem-and-its-solutions/.  The Expression Problem and its solutions. What is it and what can we do to solve it?</li>
+<li>http://allendowney.blogspot.com/2015/08/the-inspection-paradox-is-everywhere.html. The Inspection Paradox is Everywhere. Interesting and very common phenomena.</li>
+<li>https://github.com/ChrisKnott/Algojammer. An experimental code editor for writing algorithms. Contains several links to different tools for reverse debugging.</li>
+<li>http://habitatchronicles.com/2017/05/what-are-capabilities/. What Are Capabilities? Good ideas with great security implications.</li>
+<li>https://blog.aurynn.com/2015/12/16-contempt-culture. Contempt Culture. Or why you should not speak crap about your non-favourite programming languages.</li>
+<li>https://www.lesswrong.com/posts/tscc3e5eujrsEeFN4/well-kept-gardens-die-by-pacifism. Well-Kept Gardens Die By Pacifism. Risks any online community can run into.</li>
+<li>https://ncase.me/. It's Nicky Case! They make some cool things worth checking out, I really like &quot;we become what we behold&quot;.</li>
+</ul>
+<h2 id="debate"><a class="anchor" href="#debate">¶</a>Debate</h2>
+<ul>
+<li>https://steemit.com/opensource/@crell/open-source-is-awful. Open Source is awful. Has some points about why is it bad and how it could improve.</li>
+<li>http://www.mondo2000.com/2018/01/17/pink-lexical-goop-dark-side-autocorrect/. Pink Lexical Goop: The Dark Side of Autocorrect. It can shape how you think.</li>
+<li>http://blog.ploeh.dk/2015/08/03/idiomatic-or-idiosyncratic/. Idiomatic or idiosyncratic? Can porting code constructs from other languages have a positive effect?</li>
+<li>https://gamasutra.com/view/news/169296/Indepth_Functional_programming_in_C.php. In-depth: Functional programming in C++. Is it useful to bother with functional concepts in a language like C++?</li>
+<li>https://vorpus.org/blog/notes-on-structured-concurrency-or-go-statement-considered-harmful/. Notes on structured concurrency, or: Go statement considered harmful.</li>
+<li>https://queue.acm.org/detail.cfm?id=3212479. C Is Not a Low-level Language. Could there be alternative programming models designed for more specialized CPUs?</li>
+</ul>
+<h2 id="food_for_thought"><a class="anchor" href="#food_for_thought">¶</a>Food for Thought</h2>
+<ul>
+<li>https://www.hillelwayne.com/post/divide-by-zero/. 1/0 = 0. Explores why it makes sense to redefine mathemathics under some circumstances, and why it is possible to do so.</li>
+<li>https://jeremykun.com/2018/04/13/for-mathematicians-does-not-mean-equality/. For mathematicians, = does not mean equality. What other definitions does the equal sign have?</li>
+<li>https://www.lesswrong.com/posts/2MD3NMLBPCqPfnfre/cached-thoughts. Cached Thoughts. How is it possible that our brains work at all?</li>
+<li>http://tonsky.me/blog/disenchantment/. Software disenchantment. Faster hardware and slower software is a trend.
+<ul>
+<li>https://blackhole12.com/blog/software-engineering-is-bad-but-it-s-not-that-bad/. Software Engineering Is Bad, But That's Not Why. This post has some good counterpoints to Software disenchantment.</li>
+</ul>
+</li>
+<li>http://journal.stuffwithstuff.com/2015/02/01/what-color-is-your-function/. What Color is Your Function? Spoiler: can we approach asynchronous IO better?</li>
+<li>https://hackernoon.com/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5. I'm harvesting credit card numbers and passwords from your site. A word of warning when mindlessly adding dependencies.</li>
+<li>https://medium.com/message/everything-is-broken-81e5f33a24e1. Everything Is Broken. Some of the (probable) truths about our world.</li>
+</ul>
+<h2 id="funny"><a class="anchor" href="#funny">¶</a>Funny</h2>
+<ul>
+<li>http://thedailywtf.com/articles/We-Use-BobX. We Use BobX. BobX.</li>
+<li>http://thedailywtf.com/articles/the-inner-json-effect. The Inner JSON Effect. For some reason, custom languages are in.</li>
+<li>https://thedailywtf.com/articles/exponential-backup. Exponential Backup. Far better than git.</li>
+<li>https://thedailywtf.com/articles/ITAPPMONROBOT. ITAPPMONROBOT. Solving software problems with hardware.</li>
+<li>https://thedailywtf.com/articles/a-tapestry-of-threads. A Tapestry of Threads.More threads must mean faster code, right?</li>
+<li>https://medium.com/commitlog/a-brief-totally-accurate-history-of-programming-languages-cd93ec806124. A Brief Totally Accurate History Of Programming Languages. Don't take offense for it!</li>
+</ul>
+<h2 id="graphics"><a class="anchor" href="#graphics">¶</a>Graphics</h2>
+<ul>
+<li>http://shaunlebron.github.io/visualizing-projections/. Visualizing Projections. Small post about different projection methods.</li>
+<li>http://www.iquilezles.org/www/index.htm. A <em>lot</em> of useful and quality articles regarding computer graphics.</li>
+</ul>
+<h2 id="history"><a class="anchor" href="#history">¶</a>History</h2>
+<ul>
+<li>https://twobithistory.org/2018/08/18/ada-lovelace-note-g.html. What Did Ada Lovelace's Program Actually Do?. And other characters that took part in the beginning's of programming.</li>
+<li>https://chrisdown.name/2018/01/02/in-defence-of-swap.html. In defence of swap: common misconceptions. Swap is still an useful concept.</li>
+<li>https://www.pacifict.com/Story/. The Graphing Calculator Story. A great classic Apple tale.</li>
+<li>https://twobithistory.org/2018/10/14/lisp.html. How Lisp Became God's Own Programming Language. Lisp as a foundational programming language.</li>
+</ul>
+<h2 id="motivational"><a class="anchor" href="#motivational">¶</a>Motivational</h2>
+<ul>
+<li>https://www.joelonsoftware.com/2002/01/06/fire-and-motion/. Fire And Motion. What does actually take to get things done?</li>
+<li>https://realmensch.org/2017/08/25/the-parable-of-the-two-programmers/. The Parable of the Two Programmers. This tale is about two different types of programmer and their respective endings in a company, illustrating how the one you wouldn't expect to actually ends in a better situation.</li>
+<li>https://byorgey.wordpress.com/2018/05/06/conversations-with-a-six-year-old-on-functional-programming/. Conversations with a six-year-old on functional programming. Little kids today can be really interested in technological topics.</li>
+<li>https://bulletproofmusician.com/how-many-hours-a-day-should-you-practice/. How Many Hours a Day Should You Practice?. While the article is about music, it applies to any other areas.</li>
+<li>http://nathanmarz.com/blog/suffering-oriented-programming.html. Suffering-oriented programming. A possibly new approach on how you could tackle your new projects.</li>
+<li>https://www.joelonsoftware.com/2000/04/06/things-you-should-never-do-part-i/. Things You Should Never Do, Part I. There is no need to rewrite your code.</li>
+</ul>
+<h2 id="optimization"><a class="anchor" href="#optimization">¶</a>Optimization</h2>
+<ul>
+<li>http://blog.llvm.org/2011/05/what-every-c-programmer-should-know.html. What Every C Programmer Should Know About Undefined Behavior #1/3. Explains what undefined behaviour is and why it makes sense.</li>
+<li>http://ridiculousfish.com/blog/posts/labor-of-division-episode-i.html. Labor of Division (Episode I). Some tricks to divide without division.</li>
+<li>http://blog.moertel.com/posts/2013-12-14-great-old-timey-game-programming-hack.html. A Great Old-Timey Game-Programming Hack. Abusing instructions to make games playable even on the slowest hardware.</li>
+<li>https://web.archive.org/web/20191213224640/https://people.eecs.berkeley.edu/~sangjin/2012/12/21/epoll-vs-kqueue.html. Scalable Event Multiplexing: epoll vs kqueue. How good OS primitives can really help performance and scability.</li>
+<li>https://adamdrake.com/command-line-tools-can-be-235x-faster-than-your-hadoop-cluster.html. Command-line Tools can be 235x Faster than your Hadoop Cluster. Or how to use the right tool for the right job.</li>
+<li>https://nullprogram.com/blog/2018/05/27/. When FFI Function Calls Beat Native C. How lua beat C at it and the explanation behind it.</li>
+<li>http://igoro.com/archive/gallery-of-processor-cache-effects/. Gallery of Processor Cache Effects. Knowing a few things about the cache can make a big difference.</li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/reflexion_ia/index.html
            
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Reflexión sobre la Inteligencia artificial</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="reflexión_sobre_la_inteligencia_artificial"><a class="anchor" href="#reflexión_sobre_la_inteligencia_artificial">¶</a>Reflexión sobre la Inteligencia artificial</h1>
+<div class="date-created-modified">2016-06-13</div>
+<blockquote>
+<p>Nota: esta reflexión ha sido sacada de una conversación en Telegram, aunque ha sido lo más adaptada posible a formato de blog.</p>
+</blockquote>
+<h2 id="conversación_del_12_03_16"><a class="anchor" href="#conversación_del_12_03_16">¶</a>Conversación del 12.03.16</h2>
+<p>Pienso que para conseguir una verdadera inteligencia artificial debemos abstraernos mucho. Es decir, siempre hay una pequeña parte de <em>Pero es que el ser humano, los sentimientos, tal, cual</em>... Igual simplemente, absolutamente todo esté programado. Cuando actúas de manera que no sabes por qué por ejemplo, seguramente sea una serie de estímulos adecuados que producen esa respuesta porque se ha formado ese camino de neuronas en tu mente. Por ejemplo, el arco reflejo, que es un arco innato.</p>
+<ul>
+<li><em>Sensación de quemar → retirar</em></li>
+<li><em><a href="https://es.wikipedia.org/wiki/Condicionamiento_cl%C3%A1sico">Un estímulo X → una respuesta Y</a></em></li>
+</ul>
+<p>Es una ida y vuelta instantanea entre sensación y respuesta. El cerebro simplemente es capaz de trabajar con combinaciones más complejas, como por ejemplo la suma, este número con este otro → sale otro número, y se le añade a otro... Hay una especie de <a href="https://es.wikipedia.org/wiki/Recursi%C3%B3n">recursión</a> también, aunque en realidad es que es el mismo estímulo el que <a href="https://es.wikipedia.org/wiki/M%C3%A9todo_%28inform%C3%A1tica%29">&quot;llama&quot;</a> a un determinado camino.</p>
+<p>Pero lo verdaderamente impresionante es la consciencia, igual no tenemos consciencia de verdad, igual es como lo sentimos. Siempre nos han hablado de la consciencia pero nadie ha sabido probarla, por lo que sólo tenemos una idea, un concepto. Es aún más impresionante es el hecho de recordar y <a href="https://es.wikipedia.org/wiki/Memoria_de_trabajo">trabajar</a> con la información.</p>
+<p>Cuando hablamos de consciencia, estamos simplemente tratando información sobre esa misma información, ¿cómo cojones sentimos lo que pensamos? Yo sé que estoy pensando porque hemos definido <em>pensar</em> como este proceso. ¿Pero cómo coño entiendo yo eso? Es decir, ¿cómo me doy cuenta? por qué lo situo en mi cabeza? Probablemente, aunque el cerebro esté trabajando con todo eso, la sensación sea externa a nosotros, es decir, ocurre en mi cabeza. ¿Pero de verdad lo siento en mi cabeza?</p>
+<p>Me estoy rayando.</p>
+<p>El verdadero problema está en saber cómo sabemos que estamos pensando. El cerebro se compone de neuronas y conexiones, esa es la base a parte de donde se encuentra todo y tal la base es esa, y las sensaciones táctiles son igual de complejas, las procesa mi cerebro pero las siento en mi mano. ¿Será cosa de costumbre? Yo siento algo y lo situo ahí. Sin embargo sentimos ahí y no por encima o por debajo de, vamos a poner, los dedos de la mano, lo siento justo ahí. ¿Qué coño es realmente la <a href="https://es.wikipedia.org/wiki/Memoria_a_corto_plazo">memoria a corto plazo</a>? (porque lo de la <a href="https://es.wikipedia.org/wiki/Memoria_a_largo_plazo">memoria a largo plazo</a> se traslada ahí cuando la necesitamos para trabajar con ella, por eso es <em>MCP</em> o memoria de trabajo según ciertas teorías).</p>
+<p>En fin.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/a-practical-example-with-hadoop/index.html
            
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>A practical example with Hadoop</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>In our <a href="/blog/ribw/introduction-to-hadoop-and-its-mapreduce/">previous Hadoop post</a>, we learnt what it is, how it originated, and how it works, from a theoretical standpoint. Here we will instead focus on a more practical example with Hadoop.</p>
+<div class="date-created-modified">Created 2020-04-01<br>
+Modified 2020-04-03</div>
+<p>This post will showcase my own implementation to implement a word counter for any plain text document that you want to analyze.</p>
+<h2 class="title" id="installation"><a class="anchor" href="#installation">¶</a>Installation</h2>
+<p>Before running any piece of software, its executable code must first be downloaded into our computers so that we can run it. Head over to <a href="http://hadoop.apache.org/releases.html">Apache Hadoop’s releases</a> and download the <a href="https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz">latest binary version</a> at the time of writing (3.2.1).</p>
+<p>We will be using the <a href="https://linuxmint.com/">Linux Mint</a> distribution because I love its simplicity, although the process shown here should work just fine on any similar Linux distribution such as <a href="https://ubuntu.com/">Ubuntu</a>.</p>
+<p>Once the archive download is complete, extract it with any tool of your choice (graphical or using the terminal) and execute it. Make sure you have a version of Java installed, such as <a href="https://openjdk.java.net/">OpenJDK</a>.</p>
+<p>Here are all the three steps in the command line:</p>
+<pre><code>wget https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz
+tar xf hadoop-3.2.1.tar.gz
+hadoop-3.2.1/bin/hadoop version
+</code></pre>
+<h2 id="processing_data"><a class="anchor" href="#processing_data">¶</a>Processing data</h2>
+<p>To take advantage of Hadoop, we have to design our code to work in the MapReduce model. Both the map and reduce phase work on key-value pairs as input and output, and both have a programmer-defined function.</p>
+<p>We will use Java, because it’s a dependency that we already have anyway, so might as well.</p>
+<p>Our map function needs to split each of the lines we receive as input into words, and we will also convert them to lowercase, thus preparing the data for later use (counting words). There won’t be bad records, so we don’t have to worry about that.</p>
+<p>Copy or reproduce the following code in a file called <code>WordCountMapper.java</code>, using any text editor of your choice:</p>
+<pre><code>import java.io.IOException;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.LongWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Mapper;
+
+public class WordCountMapper extends Mapper&lt;LongWritable, Text, Text, IntWritable&gt; {
+    @Override
+    public void map(LongWritable key, Text value, Context context)
+            throws IOException, InterruptedException {
+        for (String word : value.toString().split(&quot;\\W&quot;)) {
+            context.write(new Text(word.toLowerCase()), new IntWritable(1));
+        }
+    }
+}
+</code></pre>
+<p>Now, let’s create the <code>WordCountReducer.java</code> file. Its job is to reduce the data from multiple values into just one. We do that by summing all the values (our word count so far):</p>
+<pre><code>import java.io.IOException;
+import java.util.Iterator;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Reducer;
+
+public class WordCountReducer extends Reducer&lt;Text, IntWritable, Text, IntWritable&gt; {
+    @Override
+    public void reduce(Text key, Iterable&lt;IntWritable&gt; values, Context context)
+            throws IOException, InterruptedException {
+        int count = 0;
+        for (IntWritable value : values) {
+            count += value.get();
+        }
+        context.write(key, new IntWritable(count));
+    }
+}
+</code></pre>
+<p>Let’s just take a moment to appreciate how absolutely tiny this code is, and it’s Java! Hadoop’s API is really awesome and lets us write such concise code to achieve what we need.</p>
+<p>Last, let’s write the <code>main</code> method, or else we won’t be able to run it. In our new file <code>WordCount.java</code>:</p>
+<pre><code>import org.apache.hadoop.fs.Path;
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Job;
+import org.apache.hadoop.mapreduce.lib.input.FileInputFormat;
+import org.apache.hadoop.mapreduce.lib.output.FileOutputFormat;
+
+public class WordCount {
+    public static void main(String[] args) throws Exception {
+        if (args.length != 2) {
+            System.err.println(&quot;usage: java WordCount &lt;input path&gt; &lt;output path&gt;&quot;);
+            System.exit(-1);
+        }
+
+        Job job = Job.getInstance();
+
+        job.setJobName(&quot;Word count&quot;);
+        job.setJarByClass(WordCount.class);
+        job.setMapperClass(WordCountMapper.class);
+        job.setReducerClass(WordCountReducer.class);
+        job.setOutputKeyClass(Text.class);
+        job.setOutputValueClass(IntWritable.class);
+
+        FileInputFormat.addInputPath(job, new Path(args[0]));
+        FileOutputFormat.setOutputPath(job, new Path(args[1]));
+
+        boolean result = job.waitForCompletion(true);
+
+        System.exit(result ? 0 : 1);
+    }
+}
+</code></pre>
+<p>And compile by including the required <code>.jar</code> dependencies in Java’s classpath with the <code>-cp</code> switch:</p>
+<pre><code>javac -cp &quot;hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/mapreduce/*&quot; *.java
+</code></pre>
+<p>At last, we can run it (also specifying the dependencies in the classpath, this one’s a mouthful). Let’s run it on the same <code>WordCount.java</code> source file we wrote:</p>
+<pre><code>java -cp &quot;.:hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/common/lib/*:hadoop-3.2.1/share/hadoop/mapreduce/*:hadoop-3.2.1/share/hadoop/mapreduce/lib/*:hadoop-3.2.1/share/hadoop/yarn/*:hadoop-3.2.1/share/hadoop/yarn/lib/*:hadoop-3.2.1/share/hadoop/hdfs/*:hadoop-3.2.1/share/hadoop/hdfs/lib/*&quot; WordCount WordCount.java results
+</code></pre>
+<p>Hooray! We should have a new <code>results/</code> folder along with the following files:</p>
+<pre><code>$ ls results
+part-r-00000  _SUCCESS
+$ cat results/part-r-00000 
+	154
+0	2
+1	3
+2	1
+addinputpath	1
+apache	6
+args	4
+boolean	1
+class	6
+count	1
+err	1
+exception	1
+-snip- (output cut for clarity)
+</code></pre>
+<p>It worked! Now this example was obviously tiny, but hopefully enough to demonstrate how to get the basics running on real world data.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/about-boolean-retrieval/index.html
            
@@ -0,0 +1,433 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>About Boolean Retrieval</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This entry will discuss the section on the <em><a href="https://nlp.stanford.edu/IR-book/pdf/01bool.pdf">Boolean retrieval</a></em> section of the book <em><a href="https://nlp.stanford.edu/IR-book/pdf/irbookprint.pdf">An Introduction to Information Retrieval</a></em>.</p>
+<div class="date-created-modified">Created 2020-02-25<br>
+Modified 2020-03-18</div>
+<h2 class="title" id="summary_on_the_topic"><a class="anchor" href="#summary_on_the_topic">¶</a>Summary on the topic</h2>
+<p>Boolean retrieval is one of the many ways information retrieval (finding materials that satisfy an information need), often simply called <em>search</em>.</p>
+<p>A simple way to retrieve information is to <em>grep</em> through the text (term named after the Unix tool <code>grep</code>), scanning text linearly and excluding it on certain criteria. However, this falls short when the volume of the data grows, more complex queries are desired, or one seeks some sort of ranking.</p>
+<p>To avoid linear scanning, we build an <em>index</em> and record for each document whether it contains each term out of our full dictionary of terms (which may be words in a chapter and words in the book). This results in a binary term-document <em>incidence matrix</em>. Such a possible matrix is:</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <em>
+     word/play
+    </em>
+   </td>
+   <td>
+    <strong>
+     Antony and Cleopatra
+    </strong>
+   </td>
+   <td>
+    <strong>
+     Julius Caesar
+    </strong>
+   </td>
+   <td>
+    <strong>
+     The Tempest
+    </strong>
+   </td>
+   <td>
+    <strong>
+     …
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Antony
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Brutus
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Caesar
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Calpurnia
+    </strong>
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Cleopatra
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     mercy
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     worser
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     …
+    </strong>
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>We can look at this matrix’s rows or columns to obtain a vector for each term indicating where it appears, or a vector for each document indicating the terms it contains.</p>
+<p>Now, answering a query such as <code>Brutus AND Caesar AND NOT Calpurnia</code> becomes trivial:</p>
+<pre><code>VECTOR(Brutus) AND VECTOR(Caesar) AND COMPLEMENT(VECTOR(Calpurnia))
+= 110 AND 110 AND COMPLEMENT(010)
+= 110 AND 110 AND 101
+= 100
+</code></pre>
+<p>The query is only satisfied for our first column.</p>
+<p>The <em>Boolean retrieval model</em> is thus a model that treats documents as a set of terms, in which we can perform any query in the form of Boolean expressions of terms, combined with <code>OR</code>, <code>AND</code>, and <code>NOT</code>.</p>
+<p>Now, building such a matrix is often not feasible due to the sheer amount of data (say, a matrix with 500,000 terms across 1,000,000 documents, each with roughly 1,000 terms). However, it is important to notice that most of the terms will be <em>missing</em> when examining each document. In our example, this means 99.8% or more of the cells will be 0. We can instead record the <em>positions</em> of the 1’s. This is known as an <em>inverted index</em>.</p>
+<p>The inverted index is a dictionary of terms, each containing a list that records in which documents it appears (<em>postings</em>). Applied to boolean retrieval, we would:</p>
+<ol>
+<li>Collects the documents to be indexed, assign a unique identifier each</li>
+<li>Tokenize the text in the documents into a list of terms</li>
+<li>Normalize the tokens, which now become indexing terms</li>
+<li>Index the documents</li>
+</ol>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     Dictionary
+    </strong>
+   </td>
+   <td>
+    <strong>
+     Postings
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Brutus
+   </td>
+   <td>
+    1, 2, 4, 11, 31, 45, 173, 174
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Caesar
+   </td>
+   <td>
+    1, 2, 4, 5, 6, 16, 57, 132, …
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Calpurnia
+   </td>
+   <td>
+    2, 31, 54, 101
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>Sort the pairs <code>(term, document_id)</code> so that the terms are alphabetical, and merge multiple occurences into one. Group instances of the same term and split again into a sorted list of postings.</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     term
+    </strong>
+   </td>
+   <td>
+    <strong>
+     document_id
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    I
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    did
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    with
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+ </tbody>
+</table>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     term
+    </strong>
+   </td>
+   <td>
+    <strong>
+     document_id
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    be
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    brutus
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    brutus
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     term
+    </strong>
+   </td>
+   <td>
+    <strong>
+     frequency
+    </strong>
+   </td>
+   <td>
+    <strong>
+     postings list
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    be
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    brutus
+   </td>
+   <td>
+    2
+   </td>
+   <td>
+    1, 2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    capitol
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>Intersecting posting lists now becomes of transversing both lists in order:</p>
+<pre><code>Brutus   : 1 -&gt; 2 -&gt; 4 -&gt; 11 -&gt; 31 -&gt; 45 -&gt;           173 -&gt; 174
+Calpurnia:      2 -&gt;            31 -&gt;       54 -&gt; 101
+Intersect:      2 -&gt;            31
+</code></pre>
+<p>A simple conjunctive query (e.g. <code>Brutus AND Calpurnia</code>) is executed as follows:</p>
+<ol>
+<li>Locate <code>Brutus</code> in the dictionary</li>
+<li>Retrieve its postings</li>
+<li>Locate <code>Calpurnia</code> in the dictionary</li>
+<li>Retrieve its postings</li>
+<li>Intersect (<em>merge</em>) both postings</li>
+</ol>
+<p>Since the lists are sorted, walking both of them can be done in <em>O(n)</em> time. By also storing the frequency, we can optimize the order in which we execute arbitrary queries, although we won’t go into detail.</p>
+<h2 id="thoughts"><a class="anchor" href="#thoughts">¶</a>Thoughts</h2>
+<p>The boolean retrieval model can be implemented with relative ease, and can help with storage and efficient querying of the information if we intend to perform boolean queries.</p>
+<p>However, the basic design lacks other useful operations, such as a «near» operator, or the ability to rank the results.</p>
+<p>All in all, it’s an interesting way to look at the data and query it efficiently.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/atom.xml
            
@@ -0,0 +1,2946 @@
+<feed xmlns="http://www.w3.org/2005/Atom"><title>pagong</title><id>pagong</id><updated>2020-07-02T22:00:00+00:00</updated><entry><title>Information Retrieval and Web Search</title><id>dist/index/index.html</id><updated>2020-07-02T22:00:00+00:00</updated><published>2020-07-02T22:00:00+00:00</published><summary>During 2020 at university, this subject ("Recuperación de la Información y Búsqueda en la Web")</summary><content type="html" src="dist/index/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Information Retrieval and Web Search&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;h1 class=&quot;title&quot; id=&quot;information_retrieval_and_web_search&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#information_retrieval_and_web_search&quot;&gt;¶&lt;/a&gt;Information Retrieval and Web Search&lt;/h1&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;2020-07-03&lt;/div&gt;
+&lt;p&gt;During 2020 at university, this subject (&amp;quot;Recuperación de la Información y Búsqueda en la Web&amp;quot;)
+had us write blog posts as assignments. I think it would be really fun and I wanted to preserve
+that work here, with the hopes it's interesting to someone.&lt;/p&gt;
+&lt;p&gt;The posts were auto-generated from the original HTML files and manually anonymized later.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Privado: Final NoSQL evaluation</title><id>dist/final-nosql-evaluation/index.html</id><updated>2020-05-13T22:00:00+00:00</updated><published>2020-05-12T22:00:00+00:00</published><summary>This evaluation is a bit different to my </summary><content type="html" src="dist/final-nosql-evaluation/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Privado: Final NoSQL evaluation&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This evaluation is a bit different to my &lt;a href=&quot;/blog/ribw/16/nosql-evaluation/&quot;&gt;previous one&lt;/a&gt; because this time I have been tasked to evaluate the student &lt;code&gt;a(i - 2)&lt;/code&gt;, and because I am &lt;code&gt;a = 9&lt;/code&gt; that happens to be &lt;code&gt;a(7) =&lt;/code&gt; Classmate.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-05-13&lt;br&gt;
+Modified 2020-05-14&lt;/div&gt;
+&lt;p&gt;Unfortunately for Classmate, the only entry related to NoSQL I have found in their blog is Prima y segunda Actividad: Base de datos NoSQL which does not develop an application as requested for the third entry (as of 14th of May).&lt;/p&gt;
+&lt;p&gt;This means that, instead, I will evaluate &lt;code&gt;a(i - 3)&lt;/code&gt; which happens to be &lt;code&gt;a(6) =&lt;/code&gt; Classmate and they do have an entry.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;classmate_s_evaluation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation&quot;&gt;¶&lt;/a&gt;Classmate’s Evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: B.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;The post I have evaluated is BB.DD. NoSQL RethinkDB 3ª Fase. Aplicación.&lt;/p&gt;
+&lt;p&gt;It starts with an introduction, properly explaining what database they have chosen and why, but not what application they will be making.&lt;/p&gt;
+&lt;p&gt;This is detailed just below in the next section, although it’s a bit vague.&lt;/p&gt;
+&lt;p&gt;The next section talks about the Python dependencies that are required, but they never said they would be making a Python application or that we need to install Python!&lt;/p&gt;
+&lt;p&gt;The next section talks about the file structure of the project, and they detail what everything part does, although I have missed some code snippets.&lt;/p&gt;
+&lt;p&gt;The final result is pretty cool and contains many interesting graphs, they provide a download to the source code and list all the relevant references used.&lt;/p&gt;
+&lt;p&gt;Except for a weird «necesario falta» in the text, it’s otherwise well-written, although given the issues above I cannot grade it with the highest score.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Developing a Python application for MongoDB</title><id>dist/developing-a-python-application-for-mongodb/index.html</id><updated>2020-04-15T22:00:00+00:00</updated><published>2020-03-24T23:00:00+00:00</published><summary>This is the third and last post in the MongoDB series, where we will develop a Python application to process and store OpenData inside Mongo.</summary><content type="html" src="dist/developing-a-python-application-for-mongodb/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Developing a Python application for MongoDB&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This is the third and last post in the MongoDB series, where we will develop a Python application to process and store OpenData inside Mongo.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-25&lt;br&gt;
+Modified 2020-04-16&lt;/div&gt;
+&lt;p&gt;Other posts in this series:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/mongodb-an-introduction/&quot;&gt;MongoDB: an Introduction&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/mongodb-basic-operations-and-architecture/&quot;&gt;MongoDB: Basic Operations and Architecture&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/developing-a-python-application-for-mongodb/&quot;&gt;Developing a Python application for MongoDB&lt;/a&gt; (this post)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;This post is co-authored wih a Classmate.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;what_are_we_making_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#what_are_we_making_&quot;&gt;¶&lt;/a&gt;What are we making?&lt;/h2&gt;
+&lt;p&gt;We are going to develop a web application that renders a map, in this case, the town of Cáceres, with which users can interact. When the user clicks somewhere on the map, the selected location will be sent to the server to process. This server will perform geospatial queries to Mongo and once the results are ready, the information is presented back at the webpage.&lt;/p&gt;
+&lt;p&gt;The data used for the application comes from &lt;a href=&quot;https://opendata.caceres.es/&quot;&gt;Cáceres’ OpenData&lt;/a&gt;, and our goal is that users will be able to find information about certain areas in a quick and intuitive way, such as precise coordinates, noise level, and such.&lt;/p&gt;
+&lt;h2 id=&quot;what_are_we_using_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#what_are_we_using_&quot;&gt;¶&lt;/a&gt;What are we using?&lt;/h2&gt;
+&lt;p&gt;The web application will be using &lt;a href=&quot;https://python.org/&quot;&gt;Python&lt;/a&gt; for the backend, &lt;a href=&quot;https://svelte.dev/&quot;&gt;Svelte&lt;/a&gt; for the frontend, and &lt;a href=&quot;https://www.mongodb.com/&quot;&gt;Mongo&lt;/a&gt; as our storage database and processing center.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Why Python?&lt;/strong&gt; It’s a comfortable language to write and to read, and has a great ecosystem with &lt;a href=&quot;https://pypi.org/&quot;&gt;plenty of libraries&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Why Svelte?&lt;/strong&gt; Svelte is the New Thing&lt;strong&gt;™&lt;/strong&gt; in the world of component frameworks for JavaScript. It is similar to React or Vue, but compiled and with a lot less boilerplate. Check out their &lt;a href=&quot;https://svelte.dev/blog/svelte-3-rethinking-reactivity&quot;&gt;Svelte post&lt;/a&gt; to learn more.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Why Mongo?&lt;/strong&gt; We believe NoSQL is the right approach for doing the kind of processing and storage that we expect, and it’s &lt;a href=&quot;https://docs.mongodb.com/&quot;&gt;very easy to use&lt;/a&gt;. In addition, we will be making Geospatial Queries which &lt;a href=&quot;https://docs.mongodb.com/manual/geospatial-queries/&quot;&gt;Mongo supports&lt;/a&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Why didn’t we choose to make a smaller project, you may ask? You will be shocked to hear that we do not have an answer for that!&lt;/p&gt;
+&lt;p&gt;Note that we will not be embedding &lt;strong&gt;all&lt;/strong&gt; the code of the project in this post, or it would be too long! We will include only the relevant snippets needed to understand the core ideas of the project, and not the unnecessary parts of it (for example, parsing configuration files to easily change the port where the server runs is not included).&lt;/p&gt;
+&lt;h2 id=&quot;python_dependencies&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#python_dependencies&quot;&gt;¶&lt;/a&gt;Python dependencies&lt;/h2&gt;
+&lt;p&gt;Because we will program it in Python, you need Python installed. You can install it using a package manager of your choice or heading over to the &lt;a href=&quot;https://www.python.org/downloads/&quot;&gt;Python downloads section&lt;/a&gt;, but if you’re on Linux, chances are you have it installed already.&lt;/p&gt;
+&lt;p&gt;Once Python 3.7 or above is installed, install &lt;a href=&quot;https://motor.readthedocs.io/en/stable/&quot;&gt;&lt;code&gt;motor&lt;/code&gt; (Asynchronous Python driver for MongoDB)&lt;/a&gt; and the &lt;a href=&quot;https://docs.aiohttp.org/en/stable/web.html&quot;&gt;&lt;code&gt;aiohttp&lt;/code&gt; server&lt;/a&gt; through &lt;code&gt;pip&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;pip install aiohttp motor
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Make sure that Mongo is running in the background (this has been described in previous posts), and we should be able to get to work.&lt;/p&gt;
+&lt;h2 id=&quot;web_dependencies&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#web_dependencies&quot;&gt;¶&lt;/a&gt;Web dependencies&lt;/h2&gt;
+&lt;p&gt;To work with Svelte and its dependencies, we will need &lt;code&gt;[npm](https://www.npmjs.com/)&lt;/code&gt; which comes with &lt;a href=&quot;https://nodejs.org/en/&quot;&gt;NodeJS&lt;/a&gt;, so go and &lt;a href=&quot;https://nodejs.org/en/download/&quot;&gt;install Node from their site&lt;/a&gt;. The download will be different depending on your operating system.&lt;/p&gt;
+&lt;p&gt;Following &lt;a href=&quot;https://svelte.dev/blog/the-easiest-way-to-get-started&quot;&gt;the easiest way to get started with Svelte&lt;/a&gt;, we will put our project in a &lt;code&gt;client/&lt;/code&gt; folder (because this is what the clients see, the frontend). Feel free to tinker a bit with the configuration files to change the name and such, although this isn’t relevant for the rest of the post.&lt;/p&gt;
+&lt;h2 id=&quot;finding_the_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#finding_the_data&quot;&gt;¶&lt;/a&gt;Finding the data&lt;/h2&gt;
+&lt;p&gt;We are going to work with the JSON files provided by &lt;a href=&quot;http://opendata.caceres.es/&quot;&gt;OpenData Cáceres&lt;/a&gt;. In particular, we want information about the noise, census, vias and trees. To save you the time from &lt;a href=&quot;http://opendata.caceres.es/dataset&quot;&gt;searching each of these&lt;/a&gt;, we will automate the download with code.&lt;/p&gt;
+&lt;p&gt;If you want to save the data offline or just know what data we’ll be using for other purposes though, you can right click on the following links and select «Save Link As…» with the name of the link:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;[noise.json](http://opendata.caceres.es/GetData/GetData?dataset=om:MedicionRuido&amp;amp;format=json)&lt;/code&gt;&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;[census.json](http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionPadron&amp;amp;year=2017&amp;amp;format=json)&lt;/code&gt;&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;[vias.json](http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionPadron&amp;amp;year=2017&amp;amp;format=json)&lt;/code&gt;&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;[trees.json](http://opendata.caceres.es/GetData/GetData?dataset=om:Arbol&amp;amp;format=json)&lt;/code&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;backend&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#backend&quot;&gt;¶&lt;/a&gt;Backend&lt;/h2&gt;
+&lt;p&gt;It’s time to get started with some code! We will put it in a &lt;code&gt;server/&lt;/code&gt; folder because it will contain the Python server, that is, the backend of our application.&lt;/p&gt;
+&lt;p&gt;We are using &lt;code&gt;aiohttp&lt;/code&gt; because we would like our server to be &lt;code&gt;async&lt;/code&gt;. We don’t expect a lot of users at the same time, but it’s good to know our server would be well-designed for that use-case. As a bonus, it makes IO points clear in the code, which can help reason about it. The implicit synchronization between &lt;code&gt;await&lt;/code&gt; is also a nice bonus.&lt;/p&gt;
+&lt;h3 id=&quot;saving_the_data_in_mongo&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#saving_the_data_in_mongo&quot;&gt;¶&lt;/a&gt;Saving the data in Mongo&lt;/h3&gt;
+&lt;p&gt;Before running the server, we must ensure that the data we need is already stored and indexed in Mongo. Our &lt;code&gt;server/data.py&lt;/code&gt; will take care of downloading the files, cleaning them up a little (Cáceres’ OpenData can be a bit awkward sometimes), inserting them into Mongo and indexing them.&lt;/p&gt;
+&lt;p&gt;Downloading the JSON data can be done with &lt;code&gt;[ClientSession.get](https://aiohttp.readthedocs.io/en/stable/client_reference.html#aiohttp.ClientSession.get)&lt;/code&gt;. We also take this opportunity to clean up the messy encoding from the JSON, which does not seem to be UTF-8 in some cases.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;async def load_json(session, url):
+    fixes = [(old, new.encode('utf-8')) for old, new in [
+        (b'\xc3\x83\\u2018', 'Ñ'),
+        (b'\xc3\x83\\u0081', 'Á'),
+        (b'\xc3\x83\\u2030', 'É'),
+        (b'\xc3\x83\\u008D', 'Í'),
+        (b'\xc3\x83\\u201C', 'Ó'),
+        (b'\xc3\x83\xc5\xa1', 'Ú'),
+        (b'\xc3\x83\xc2\xa1', 'á'),
+    ]]
+
+    async with session.get(url) as resp:
+        data = await resp.read()
+
+    # Yes, this feels inefficient, but it's not really worth improving.
+    for old, new in fixes:
+        data = data.replace(old, new)
+
+    data = data.decode('utf-8')
+    return json.loads(data)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Later on, it can be reused for the various different URLs:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import aiohttp
+
+NOISE_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:MedicionRuido&amp;amp;format=json'
+# (...other needed URLs here)
+
+async def insert_to_db(db):
+    async with aiohttp.ClientSession() as session:
+        data = await load_json(session, NOISE_URL)
+        # now we have the JSON data cleaned up, ready to be parsed
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;data_model&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#data_model&quot;&gt;¶&lt;/a&gt;Data model&lt;/h3&gt;
+&lt;p&gt;With the JSON data in our hands, it’s time to parse it. Always remember to &lt;a href=&quot;https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/&quot;&gt;parse, don’t validate&lt;/a&gt;. With &lt;a href=&quot;https://docs.python.org/3/library/dataclasses.html&quot;&gt;Python 3.7 &lt;code&gt;dataclasses&lt;/code&gt;&lt;/a&gt; it’s trivial to define classes that will store only the fields we care about, typed, and with proper names:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;from dataclasses import dataclass
+
+Longitude = float
+Latitude = float
+
+@dataclass
+class GSON:
+    type: str
+    coordinates: (Longitude, Latitude)
+
+@dataclass
+class Noise:
+    id: int
+    geo: GSON
+    level: float
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This makes it really easy to see that, if we have a &lt;code&gt;Noise&lt;/code&gt;, we can access its &lt;code&gt;geo&lt;/code&gt; data which is a &lt;code&gt;GSON&lt;/code&gt; with a &lt;code&gt;type&lt;/code&gt; and &lt;code&gt;coordinates&lt;/code&gt;, having &lt;code&gt;Longitude&lt;/code&gt; and &lt;code&gt;Latitude&lt;/code&gt; respectively. &lt;code&gt;dataclasses&lt;/code&gt; and &lt;code&gt;[typing](https://docs.python.org/3/library/typing.html)&lt;/code&gt; make dealing with this very easy and clear.&lt;/p&gt;
+&lt;p&gt;Every dataclass will be on its own collection inside Mongo, and these are:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;
+&lt;p&gt;Noise&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Integer &lt;code&gt;id&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;GeoJSON &lt;code&gt;geo&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;String &lt;code&gt;type&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Longitude-latitude pair &lt;code&gt;coordinates&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Floating-point number &lt;code&gt;level&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Tree&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;String &lt;code&gt;name&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;String &lt;code&gt;gender&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Integer &lt;code&gt;units&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Floating-point number &lt;code&gt;height&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Floating-point number &lt;code&gt;cup_diameter&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Floating-point number &lt;code&gt;trunk_diameter&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional string &lt;code&gt;variety&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional string &lt;code&gt;distribution&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;GeoJSON &lt;code&gt;geo&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional string &lt;code&gt;irrigation&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Census&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Integer &lt;code&gt;year&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Via &lt;code&gt;via&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;String &lt;code&gt;name&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;String &lt;code&gt;kind&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Integer &lt;code&gt;code&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional string &lt;code&gt;history&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional string &lt;code&gt;old_name&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional floating-point number &lt;code&gt;length&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional GeoJSON &lt;code&gt;start&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;GeoJSON &lt;code&gt;middle&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional GeoJSON &lt;code&gt;end&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Optional list with geometry pairs &lt;code&gt;geometry&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Integer &lt;code&gt;count&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Mapping year-to-count &lt;code&gt;count_per_year&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Mapping gender-to-count &lt;code&gt;count_per_gender&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Mapping nationality-to-count &lt;code&gt;count_per_nationality&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Integer &lt;code&gt;time_year&lt;/code&gt;&lt;/p&gt;
+&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Now, let’s define a method to actually parse the JSON and yield instances from these new data classes:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;@classmethod
+def iter_from_json(cls, data):
+    for row in data['results']['bindings']:
+        noise_id = int(row['uri']['value'].split('/')[-1])
+        long = float(row['geo_long']['value'])
+        lat = float(row['geo_lat']['value'])
+        level = float(row['om_nivelRuido']['value'])
+
+        yield cls(
+            id=noise_id,
+            geo=GSON(type='Point', coordinates=[long, lat]),
+            level=level
+        )
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Here we iterate over the input JSON &lt;code&gt;data&lt;/code&gt; bindings and &lt;code&gt;yield cls&lt;/code&gt; instances with more consistent naming than the original one. We also extract the data from the many unnecessary nested levels of the JSON and have something a lot flatter to work with.&lt;/p&gt;
+&lt;p&gt;For those of you who don’t know what &lt;code&gt;yield&lt;/code&gt; does (after all, not everyone is used to seeing generators), here’s two functions that work nearly the same:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;def squares_return(n):
+    result = []
+    for i in range(n):
+        result.append(n ** 2)
+    return result
+
+def squares_yield(n):
+    for i in range(n):
+        yield n ** 2
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The difference is that the one with &lt;code&gt;yield&lt;/code&gt; is «lazy» and doesn’t need to do all the work up-front. It will generate (yield) more values as they are needed when you use a &lt;code&gt;for&lt;/code&gt; loop. Generally, it’s a better idea to create generator functions than do all the work early which may be unnecessary. See &lt;a href=&quot;https://stackoverflow.com/questions/231767/what-does-the-yield-keyword-do&quot;&gt;What does the «yield» keyword do?&lt;/a&gt; if you still have questions.&lt;/p&gt;
+&lt;p&gt;With everything parsed, it’s time to insert the data into Mongo. If the data was not present yet (0 documents), then we will download the file, parse it, insert it as documents into the given Mongo &lt;code&gt;db&lt;/code&gt;, and index it:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;from dataclasses import asdict
+
+async def insert_to_db(db):
+    async with aiohttp.ClientSession() as session:
+        if await db.noise.estimated_document_count() == 0:
+            data = await load_json(session, NOISE_URL)
+
+            await db.noise.insert_many(asdict(noise) for noise in Noise.iter_from_json(data))
+            await db.noise.create_index([('geo', '2dsphere')])
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;We repeat this process for all the other data, and just like that, Mongo is ready to be used in our server.&lt;/p&gt;
+&lt;h3 id=&quot;indices&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#indices&quot;&gt;¶&lt;/a&gt;Indices&lt;/h3&gt;
+&lt;p&gt;In order to execute our geospatial queries we have to create an index on the attribute that represents the location, because the operators that we will use requires it. This attribute can be a &lt;a href=&quot;https://docs.mongodb.com/manual/reference/geojson/&quot;&gt;GeoJSON object&lt;/a&gt; or a legacy coordinate pair.&lt;/p&gt;
+&lt;p&gt;We have decided to use a GeoJSON object because we want to avoid legacy features that may be deprecated in the future.&lt;/p&gt;
+&lt;p&gt;The attribute is called &lt;code&gt;geo&lt;/code&gt; for the &lt;code&gt;Tree&lt;/code&gt; and &lt;code&gt;Noise&lt;/code&gt; objects and &lt;code&gt;start&lt;/code&gt;, &lt;code&gt;middle&lt;/code&gt; or &lt;code&gt;end&lt;/code&gt; for the &lt;code&gt;Via&lt;/code&gt; class. In the &lt;code&gt;Via&lt;/code&gt; we are going to index the attribute &lt;code&gt;middle&lt;/code&gt; because it is the most representative field for us. Because the &lt;code&gt;Via&lt;/code&gt; is inside the &lt;code&gt;Census&lt;/code&gt; and it doesn’t have its own collection, we create the index on the &lt;code&gt;Census&lt;/code&gt; collection.&lt;/p&gt;
+&lt;p&gt;The used index type is &lt;code&gt;2dsphere&lt;/code&gt; because it supports queries that work on geometries on an earth-like sphere. Another option is the &lt;code&gt;2d&lt;/code&gt; index but it’s not a good fit for our because it is for queries that calculate geometries on a two-dimensional plane.&lt;/p&gt;
+&lt;h3 id=&quot;running_the_server&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#running_the_server&quot;&gt;¶&lt;/a&gt;Running the server&lt;/h3&gt;
+&lt;p&gt;If we ignore the configuration part of the server creation, our &lt;code&gt;server.py&lt;/code&gt; file is pretty simple. Its job is to create a &lt;a href=&quot;https://aiohttp.readthedocs.io/en/stable/web.html&quot;&gt;server application&lt;/a&gt;, setup Mongo and return it to the caller so that they can run it:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import asyncio
+import subprocess
+import motor.motor_asyncio
+
+from aiohttp import web
+
+from . import rest, data
+
+def create_app():
+    ret = subprocess.run('npm run build', cwd='../client', shell=True).returncode
+    if ret != 0:
+        exit(ret)
+
+    db = motor.motor_asyncio.AsyncIOMotorClient().opendata
+    loop = asyncio.get_event_loop()
+    loop.run_until_complete(data.insert_to_db(db))
+
+    app = web.Application()
+    app['db'] = db
+
+    app.router.add_routes([
+        web.get('/', lambda r: web.HTTPSeeOther('/index.html')),
+        *rest.ROUTES,
+        web.static('/', os.path.join(config['www']['root'], 'public')),
+    ])
+
+    return app
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;There’s a bit going on here, but it’s nothing too complex:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;We automatically run &lt;code&gt;npm run build&lt;/code&gt; on the frontend because it’s very comfortable to have the frontend built automatically before the server runs.&lt;/li&gt;
+&lt;li&gt;We create a Motor client and access the &lt;code&gt;opendata&lt;/code&gt; database. Into it, we load the data, effectively saving it in Mongo for the server to use.&lt;/li&gt;
+&lt;li&gt;We create the server application and save a reference to the Mongo database in it, so that it can be used later on any endpoint without needing to recreate it.&lt;/li&gt;
+&lt;li&gt;We define the routes of our app: root, REST and static (where the frontend files live). We’ll get to the &lt;code&gt;rest&lt;/code&gt; part soon.
+Running the server is now simple:&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code&gt;def main():
+    from aiohttp import web
+    from . import server
+
+    app = server.create_app()
+    web.run_app(app)
+
+if __name__ == '__main__':
+    main()
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;rest_endpoints&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#rest_endpoints&quot;&gt;¶&lt;/a&gt;REST endpoints&lt;/h3&gt;
+&lt;p&gt;The frontend will communicate with the backend via &lt;a href=&quot;https://en.wikipedia.org/wiki/Representational_state_transfer&quot;&gt;REST&lt;/a&gt; calls, so that it can ask for things like «give me the information associated with this area», and the web server can query the Mongo server to reply with a HTTP response. This little diagram should help:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;bitmap.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;What we need to do, then, is define those REST endpoints we mentioned earlier when creating the server. We will process the HTTP request, ask Mongo for the data, and return the HTTP response:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import asyncio
+import pymongo
+
+from aiohttp import web
+
+async def get_area_info(request):
+    try:
+        long = float(request.query['long'])
+        lat = float(request.query['lat'])
+        distance = float(request.query['distance'])
+    except KeyError as e:
+        raise web.HTTPBadRequest(reason=f'a required parameter was missing: {e.args[0]}')
+    except ValueError:
+        raise web.HTTPBadRequest(reason='one of the parameters was not a valid float')
+
+    geo_avg_noise_pipeline = [{
+        '$geoNear': {
+            'near' : {'type': 'Point', 'coordinates': [long, lat]},
+            'maxDistance': distance,
+            'minDistance': 0,
+            'spherical' : 'true',
+            'distanceField' : 'distance'
+        }
+    }]
+
+    db = request.app['db']
+
+    try:
+        noise_count, sum_noise, avg_noise = 0, 0, 0
+        async for item in db.noise.aggregate(geo_avg_noise_pipeline):
+            noise_count += 1
+            sum_noise += item['level']
+
+        if noise_count != 0:
+            avg_noise = sum_noise / noise_count
+        else:
+            avg_noise = None
+
+    except pymongo.errors.ConnectionFailure:
+        raise web.HTTPServiceUnavailable(reason='no connection to database')
+
+    return web.json_response({
+        'tree_count': tree_count,
+        'trees_per_type': [[k, v] for k, v in trees_per_type.items()],
+        'census_count': census_count,
+        'avg_noise': avg_noise,
+    })
+
+ROUTES = [
+    web.get('/rest/get-area-info', get_area_info)
+]
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;In this code, we’re only showing how to return the average noise because that’s the simplest we can do. The real code also fetches tree count, tree count per type, and census count.&lt;/p&gt;
+&lt;p&gt;Again, there’s quite a bit to go through, so let’s go step by step:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;We parse the frontend’s &lt;code&gt;request.query&lt;/code&gt; into &lt;code&gt;float&lt;/code&gt; that we can use. In particular, the frontend is asking us for information at a certain latitude, longitude, and distance. If the query is malformed, we return a proper error.&lt;/li&gt;
+&lt;li&gt;We create our query for Mongo outside, just so it’s clearer to read.&lt;/li&gt;
+&lt;li&gt;We access the database reference we stored earlier when creating the server with &lt;code&gt;request.app['db']&lt;/code&gt;. Handy!&lt;/li&gt;
+&lt;li&gt;We try to query Mongo. It may fail if the Mongo server is not running, so we should handle that and tell the client what’s happening. If it succeeds though, we will gather information about the average noise.&lt;/li&gt;
+&lt;li&gt;We return a &lt;code&gt;json_response&lt;/code&gt; with Mongo results for the frontend to present to the user.
+You may have noticed we defined a &lt;code&gt;ROUTES&lt;/code&gt; list at the bottom. This will make it easier to expand in the future, and the server creation won’t need to change anything in its code, because it’s already unpacking all the routes we define here.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id=&quot;geospatial_queries&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#geospatial_queries&quot;&gt;¶&lt;/a&gt;Geospatial queries&lt;/h3&gt;
+&lt;p&gt;In order to retrieve the information from Mongo database we have defined two geospatial queries:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;geo_query = {
+    '$nearSphere' : {
+        '$geometry': {
+            'type': 'Point',
+            'coordinates': [long, lat]
+         },
+        '$maxDistance': distance,
+        '$minDistance': 0
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This query uses &lt;a href=&quot;https://docs.mongodb.com/manual/reference/operator/query/nearSphere/#op._S_nearSphere&quot;&gt;the operator &lt;code&gt;$nearSphere&lt;/code&gt;&lt;/a&gt; which return geospatial objects in proximity to a point on a sphere.&lt;/p&gt;
+&lt;p&gt;The sphere point is represented by the &lt;code&gt;$geometry&lt;/code&gt; operator where it is specified the type of geometry and the coordinates (given by the HTTP request).&lt;/p&gt;
+&lt;p&gt;The maximum and minimum distance are represented by &lt;code&gt;$maxDistance&lt;/code&gt; and &lt;code&gt;$minDistance&lt;/code&gt; respectively. We specify that the maximum distance is the radio selected by the user.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;geo_avg_noise_pipeline = [{
+    '$geoNear': {
+        'near' : {'type': 'Point', 'coordinates': [long, lat]},
+        'maxDistance': distance,
+        'minDistance': 0,
+        'spherical' : 'true',
+        'distanceField' : 'distance'
+    }
+}]
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This query uses the &lt;a href=&quot;https://docs.mongodb.com/manual/core/aggregation-pipeline/&quot;&gt;aggregation pipeline&lt;/a&gt; stage &lt;a href=&quot;https://docs.mongodb.com/manual/reference/operator/aggregation/geoNear/#pipe._S_geoNear&quot;&gt;&lt;code&gt;$geoNear&lt;/code&gt;&lt;/a&gt; which returns an ordered stream of documents based on the proximity to a geospatial point. The output documents include an additional distance field.&lt;/p&gt;
+&lt;p&gt;The &lt;code&gt;near&lt;/code&gt; field is mandatory and is the point for which to find the closest documents. In this field it is specified the type of geometry and the coordinates (given by the HTTP request).&lt;/p&gt;
+&lt;p&gt;The &lt;code&gt;distanceField&lt;/code&gt; field is also mandatory and is the output field that will contain the calculated distance. In this case we’ve just called it &lt;code&gt;distance&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Some other fields are &lt;code&gt;maxDistance&lt;/code&gt; that indicates the maximum allowed distance from the center of the point, &lt;code&gt;minDistance&lt;/code&gt; for the minimum distance, and &lt;code&gt;spherical&lt;/code&gt; which tells MongoDB how to calculate the distance between two points.&lt;/p&gt;
+&lt;p&gt;We specify the maximum distance as the radio selected by the user in the frontend.&lt;/p&gt;
+&lt;h2 id=&quot;frontend&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#frontend&quot;&gt;¶&lt;/a&gt;Frontend&lt;/h2&gt;
+&lt;p&gt;As said earlier, our frontend will use Svelte. We already downloaded the template, so we can start developing. For some, this is the most fun part, because they can finally see and interact with some of the results. But for this interaction to work, we needed a functional backend which we now have!&lt;/p&gt;
+&lt;h3 id=&quot;rest_queries&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#rest_queries&quot;&gt;¶&lt;/a&gt;REST queries&lt;/h3&gt;
+&lt;p&gt;The frontend has to query the server to get any meaningful data to show on the page. The &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API&quot;&gt;Fetch API&lt;/a&gt; does not throw an exception if the server doesn’t respond with HTTP OK, but we would like one if things go wrong, so that we can handle them gracefully. The first we’ll do is define our own exception &lt;a href=&quot;https://stackoverflow.com/a/27724419&quot;&gt;which is not pretty&lt;/a&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;function NetworkError(message, status) {
+    var instance = new Error(message);
+    instance.name = 'NetworkError';
+    instance.status = status;
+    Object.setPrototypeOf(instance, Object.getPrototypeOf(this));
+    if (Error.captureStackTrace) {
+        Error.captureStackTrace(instance, NetworkError);
+    }
+    return instance;
+}
+
+NetworkError.prototype = Object.create(Error.prototype, {
+    constructor: {
+        value: Error,
+        enumerable: false,
+        writable: true,
+        configurable: true
+    }
+});
+Object.setPrototypeOf(NetworkError, Error);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;But hey, now we have a proper and reusable &lt;code&gt;NetworkError&lt;/code&gt;! Next, let’s make a proper and reusabe &lt;code&gt;query&lt;/code&gt; function that deals with &lt;code&gt;fetch&lt;/code&gt; for us:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;async function query(endpoint) {
+    const res = await fetch(endpoint, {
+        // if we ever use cookies, this is important
+        credentials: 'include'
+    });
+    if (res.ok) {
+        return await res.json();
+    } else {
+        throw new NetworkError(await res.text(), res.status);
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;At last, we can query our web server. The export here tells Svelte that this function should be visible to outer modules (public) as opposed to being private:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;export function get_area_info(long, lat, distance) {
+    return query(`/rest/get-area-info?long=${long}&amp;amp;lat=${lat}&amp;amp;distance=${distance}`);
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The attentive reader will have noticed that &lt;code&gt;query&lt;/code&gt; is &lt;code&gt;async&lt;/code&gt;, but &lt;code&gt;get_area_info&lt;/code&gt; is not. This is intentional, because we don’t need to &lt;code&gt;await&lt;/code&gt; for anything inside of it. We can just return the &lt;code&gt;[Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)&lt;/code&gt; that &lt;code&gt;query&lt;/code&gt; created and let the caller &lt;code&gt;await&lt;/code&gt; it as they see fit. The &lt;code&gt;await&lt;/code&gt; here would have been redundant.&lt;/p&gt;
+&lt;p&gt;For those of you who don’t know what a JavaScript promise is, think of it as an object that represents «an eventual result». The result may not be there yet, but we promised it will be present in the future, and we can &lt;code&gt;await&lt;/code&gt; for it. You can also find the same concept in other languages like Python under a different name, such as &lt;a href=&quot;https://docs.python.org/3/library/asyncio-future.html#asyncio.Future&quot;&gt;&lt;code&gt;Future&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;map_component&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#map_component&quot;&gt;¶&lt;/a&gt;Map component&lt;/h3&gt;
+&lt;p&gt;In Svelte, we can define self-contained components that are issolated from the rest. This makes it really easy to create a modular application. Think of a Svelte component as your own HTML tag, which you can customize however you want, building upon the already-existing components HTML has to offer.&lt;/p&gt;
+&lt;p&gt;The main thing that our map needs to do is render the map as an image and overlay the selection area as the user hovers the map with their mouse. We could render the image in the canvas itself, but instead we’ll use the HTML &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag for that and put a transparent &lt;code&gt;&amp;lt;canvas&amp;gt;&lt;/code&gt; on top with some CSS. This should make it cheaper and easier to render things on the canvas.&lt;/p&gt;
+&lt;p&gt;The &lt;code&gt;Map&lt;/code&gt; component will thus render as the user moves the mouse over it, and produce an event when they click so that whatever component is using a &lt;code&gt;Map&lt;/code&gt; knows that it was clicked. Here’s the final CSS and HTML:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;lt;style&amp;gt;
+div {
+    position: relative;
+}
+canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+    cursor: crosshair;
+}
+&amp;lt;/style&amp;gt;
+
+&amp;lt;div&amp;gt;
+    &amp;lt;img bind:this={img} on:load={handleLoad} {height} src=&amp;quot;caceres-municipality.svg&amp;quot; alt=&amp;quot;Cáceres (municipality)&amp;quot;/&amp;gt;
+    &amp;lt;canvas
+        bind:this={canvas}
+        on:mousemove={handleMove}
+        on:wheel={handleWheel}
+        on:mouseup={handleClick}/&amp;gt;
+&amp;lt;/div&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;We hardcode a map source here, but ideally this would be provided by the server. The project is already complex enough, so we tried to avoid more complexity than necessary.&lt;/p&gt;
+&lt;p&gt;We bind the tags to some variables declared in the JavaScript code of the component, along with some functions and parameters to let the users of &lt;code&gt;Map&lt;/code&gt; customize it just a little.&lt;/p&gt;
+&lt;p&gt;Here’s the gist of the JavaScript code:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;lt;script&amp;gt;
+    import { createEventDispatcher, onMount } from 'svelte';
+
+    export let height = 200;
+
+    const dispatch = createEventDispatcher();
+
+    let img;
+    let canvas;
+
+    const LONG_WEST = -6.426881;
+    const LONG_EAST = -6.354143;
+    const LAT_NORTH = 39.500064;
+    const LAT_SOUTH = 39.443201;
+
+    let x = 0;
+    let y = 0;
+    let clickInfo = null; // [x, y, radius]
+    let radiusDelta = 0.005 * height;
+    let maxRadius = 0.2 * height;
+    let minRadius = 0.01 * height;
+    let radius = 0.05 * height;
+
+    function handleLoad() {
+        canvas.width = img.width;
+        canvas.height = img.height;
+    }
+
+    function handleMove(event) {
+        const { left, top } = this.getBoundingClientRect();
+        x = Math.round(event.clientX - left);
+        y = Math.round(event.clientY - top);
+    }
+
+    function handleWheel(event) {
+        if (event.deltaY &amp;lt; 0) {
+            if (radius &amp;lt; maxRadius) {
+                radius += radiusDelta;
+            }
+        } else {
+            if (radius &amp;gt; minRadius) {
+                radius -= radiusDelta;
+            }
+        }
+        event.preventDefault();
+    }
+
+    function handleClick(event) {
+        dispatch('click', {
+            // the real code here maps the x/y/radius values to the right range, here omitted
+            x: ...,
+            y: ...,
+            radius: ...,
+        });
+    }
+
+    onMount(() =&amp;gt; {
+        const ctx = canvas.getContext('2d');
+        let frame;
+
+        (function loop() {
+            frame = requestAnimationFrame(loop);
+
+            // the real code renders mouse area/selection, here omitted for brevity
+            ...
+        }());
+
+        return () =&amp;gt; {
+            cancelAnimationFrame(frame);
+        };
+    });
+&amp;lt;/script&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Let’s go through bit-by-bit:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;We define a few variables and constants for later use in the final code.&lt;/li&gt;
+&lt;li&gt;We define the handlers to react to mouse movement and clicks. On click, we dispatch an event to outer components.&lt;/li&gt;
+&lt;li&gt;We setup the render loop with animation frames, and cancel the current frame appropriatedly if the component disappears.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id=&quot;app_component&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#app_component&quot;&gt;¶&lt;/a&gt;App component&lt;/h3&gt;
+&lt;p&gt;Time to put everything together! We wil include our function to make REST queries along with our &lt;code&gt;Map&lt;/code&gt; component to render things on screen.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;lt;script&amp;gt;
+    import Map from './Map.svelte';
+    import { get_area_info } from './rest.js'
+    let selection = null;
+    let area_info_promise = null;
+    function handleMapSelection(event) {
+        selection = event.detail;
+        area_info_promise = get_area_info(selection.x, selection.y, selection.radius);
+    }
+    function format_avg_noise(avg_noise) {
+        if (avg_noise === null) {
+            return '(no data)';
+        } else {
+            return `${avg_noise.toFixed(2)} dB`;
+        }
+    }
+&amp;lt;/script&amp;gt;
+
+&amp;lt;div class=&amp;quot;container-fluid&amp;quot;&amp;gt;
+    &amp;lt;div class=&amp;quot;row&amp;quot;&amp;gt;
+        &amp;lt;div class=&amp;quot;col-3&amp;quot; style=&amp;quot;max-width: 300em;&amp;quot;&amp;gt;
+            &amp;lt;div class=&amp;quot;text-center&amp;quot;&amp;gt;
+                &amp;lt;h1&amp;gt;Caceres Data Consultory&amp;lt;/h1&amp;gt;
+            &amp;lt;/div&amp;gt;
+            &amp;lt;Map height={400} on:click={handleMapSelection}/&amp;gt;
+            &amp;lt;div class=&amp;quot;text-center mt-4&amp;quot;&amp;gt;
+                {#if selection === null}
+                        &amp;lt;p class=&amp;quot;m-1 p-3 border border-bottom-0 bg-info text-white&amp;quot;&amp;gt;Click on the map to select the area you wish to see details for.&amp;lt;/p&amp;gt;
+                {:else}
+                        &amp;lt;h2 class=&amp;quot;bg-dark text-white&amp;quot;&amp;gt;Selected area&amp;lt;/h2&amp;gt;
+                        &amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Coordinates:&amp;lt;/b&amp;gt; ({selection.x}, {selection.y})&amp;lt;/p&amp;gt;
+                        &amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Radius:&amp;lt;/b&amp;gt; {selection.radius} meters&amp;lt;/p&amp;gt;
+                {/if}
+            &amp;lt;/div&amp;gt;
+        &amp;lt;/div&amp;gt;
+        &amp;lt;div class=&amp;quot;col-sm-4&amp;quot;&amp;gt;
+            &amp;lt;div class=&amp;quot;row&amp;quot;&amp;gt;
+            {#if area_info_promise !== null}
+                {#await area_info_promise}
+                    &amp;lt;p&amp;gt;Fetching area information…&amp;lt;/p&amp;gt;
+                {:then area_info}
+                    &amp;lt;div class=&amp;quot;col&amp;quot;&amp;gt;
+                        &amp;lt;div class=&amp;quot;text-center&amp;quot;&amp;gt;
+                            &amp;lt;h2 class=&amp;quot;m-1 bg-dark text-white&amp;quot;&amp;gt;Area information&amp;lt;/h2&amp;gt;
+                            &amp;lt;ul class=&amp;quot;list-unstyled&amp;quot;&amp;gt;
+                                &amp;lt;li&amp;gt;There are &amp;lt;b&amp;gt;{area_info.tree_count} trees &amp;lt;/b&amp;gt; within the area&amp;lt;/li&amp;gt;
+                                &amp;lt;li&amp;gt;The &amp;lt;b&amp;gt;average noise&amp;lt;/b&amp;gt; is &amp;lt;b&amp;gt;{format_avg_noise(area_info.avg_noise)}&amp;lt;/b&amp;gt;&amp;lt;/li&amp;gt;
+                                &amp;lt;li&amp;gt;There are &amp;lt;b&amp;gt;{area_info.census_count} persons &amp;lt;/b&amp;gt; within the area&amp;lt;/li&amp;gt;
+                            &amp;lt;/ul&amp;gt;
+                        &amp;lt;/div&amp;gt;
+                        {#if area_info.trees_per_type.length &amp;gt; 0} 
+                            &amp;lt;div class=&amp;quot;text-center&amp;quot;&amp;gt;
+                                &amp;lt;h2 class=&amp;quot;m-1 bg-dark text-white&amp;quot;&amp;gt;Tree count per type&amp;lt;/h2&amp;gt;
+                            &amp;lt;/div&amp;gt;
+                            &amp;lt;ul class=&amp;quot;list-group&amp;quot;&amp;gt;
+                                {#each area_info.trees_per_type as [type, count]}
+                                    &amp;lt;li class=&amp;quot;list-group-item&amp;quot;&amp;gt;{type} &amp;lt;span class=&amp;quot;badge badge-dark float-right&amp;quot;&amp;gt;{count}&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;
+                                {/each}
+                            &amp;lt;/ul&amp;gt;
+                        {/if}
+                    &amp;lt;/div&amp;gt;
+                {:catch error}
+                    &amp;lt;p&amp;gt;Failed to fetch area information: {error.message}&amp;lt;/p&amp;gt;
+                {/await}
+            {/if}
+            &amp;lt;/div&amp;gt;
+        &amp;lt;/div&amp;gt;
+    &amp;lt;/div&amp;gt;
+&amp;lt;/div&amp;gt;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;ul&gt;
+&lt;li&gt;We import the &lt;code&gt;Map&lt;/code&gt; component and REST function so we can use them.&lt;/li&gt;
+&lt;li&gt;We define a listener for the events that the &lt;code&gt;Map&lt;/code&gt; produces. Such event will trigger a REST call to the server and save the result in a promise used later.&lt;/li&gt;
+&lt;li&gt;We’re using Bootstrap for the layout because it’s a lot easier. In the body we add our &lt;code&gt;Map&lt;/code&gt; and another column to show the selection information.&lt;/li&gt;
+&lt;li&gt;We make use of Svelte’s &lt;code&gt;{#await}&lt;/code&gt; to nicely notify the user when the call is being made, when it was successful, and when it failed. If it’s successful, we display the info.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;results&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#results&quot;&gt;¶&lt;/a&gt;Results&lt;/h2&gt;
+&lt;p&gt;Lo and behold, watch our application run!&lt;/p&gt;
+&lt;p&gt;&lt;video controls=&quot;controls&quot; src=&quot;sr-2020-04-14_09-28-25.mp4&quot;&gt;&lt;/video&gt;&lt;/p&gt;
+&lt;p&gt;In this video you can see our application running, but let’s describe what is happening in more detail.&lt;/p&gt;
+&lt;p&gt;When the application starts running (by opening it in your web browser of choice), you can see a map with the town of Cáceres. Then you, the user, can click to retrieve the information within the selected area.&lt;/p&gt;
+&lt;p&gt;It is important to note that one can make the selection area larger or smaller by trying to scroll up or down, respectively.&lt;/p&gt;
+&lt;p&gt;Once an area is selected, it is colored green in order to let the user know which area they have selected. Under the map, the selected coordinates and the radius (in meters) is also shown for the curious. At the right side the information concerning the selected area is shown, such as the number of trees, the average noise and the number of persons. If there are trees in the area, the application also displays the trees per type, sorted by the number of trees.&lt;/p&gt;
+&lt;h2 id=&quot;download&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#download&quot;&gt;¶&lt;/a&gt;Download&lt;/h2&gt;
+&lt;p&gt;We hope you enjoyed reading this post as much as we enjoyed writing it! Feel free to download the final project and play around with it. Maybe you can adapt it for even more interesting purposes!&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;download removed&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;To run the above code:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Unzip the downloaded file.&lt;/li&gt;
+&lt;li&gt;Make a copy of &lt;code&gt;example-server-config.ini&lt;/code&gt; and rename it to &lt;code&gt;server-config.ini&lt;/code&gt;, then edit the file to suit your needs.&lt;/li&gt;
+&lt;li&gt;Run the server with &lt;code&gt;python -m server&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;Open &lt;a href=&quot;http://localhost:9000&quot;&gt;localhost:9000&lt;/a&gt; in your web browser (or whatever port you chose) and enjoy!&lt;/li&gt;
+&lt;/ol&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>MongoDB: an Introduction</title><id>dist/mongodb-an-introduction/index.html</id><updated>2020-04-07T22:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>This is the first post in the MongoDB series, where we will introduce the MongoDB database system and take a look at its features and installation methods.</summary><content type="html" src="dist/mongodb-an-introduction/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;MongoDB: an Introduction&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This is the first post in the MongoDB series, where we will introduce the MongoDB database system and take a look at its features and installation methods.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-04-08&lt;/div&gt;
+&lt;p&gt;Other posts in this series:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/mongodb-an-introduction/&quot;&gt;MongoDB: an Introduction&lt;/a&gt; (this post)&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/mongodb-basic-operations-and-architecture/&quot;&gt;MongoDB: Basic Operations and Architecture&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/developing-a-python-application-for-mongodb/&quot;&gt;Developing a Python application for MongoDB&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;This post is co-authored wih Classmate.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;mongodb.png&quot; alt=&quot;NoSQL database – MongoDB – First delivery&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;purpose_of_technology&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#purpose_of_technology&quot;&gt;¶&lt;/a&gt;Purpose of technology&lt;/h2&gt;
+&lt;p&gt;MongoDB is a &lt;strong&gt;general purpose, document-based, distributed database&lt;/strong&gt; built for modern application developers and for the cloud era, with the scalability and flexibility that you want with the querying and indexing that you need. It being a document database means it stores data in JSON-like documents.&lt;/p&gt;
+&lt;p&gt;The Mongo team believes this is the most natural way to think about data, which is (they claim) much more expressive and powerful than the traditional row/column model, since programmers think in objects.&lt;/p&gt;
+&lt;h2 id=&quot;how_it_works&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#how_it_works&quot;&gt;¶&lt;/a&gt;How it works&lt;/h2&gt;
+&lt;p&gt;MongoDB’s architecture can be summarized as follows:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Document data model.&lt;/li&gt;
+&lt;li&gt;Distributed systems design.&lt;/li&gt;
+&lt;li&gt;Unified experience with freedom to run it anywhere.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;For a more in-depth explanation, MongoDB offers a &lt;a href=&quot;https://www.mongodb.com/collateral/mongodb-architecture-guide&quot;&gt;download to the MongoDB Architecture Guide&lt;/a&gt; with roughly ten pages worth of text.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;knGHenfTGA4kzJb1PHmS9EQvtZl2QlhbIPN15M38m8fZfZf7ODwYfhf0Tltr.png&quot; alt=&quot;&quot; /&gt;
+_ Overview of MongoDB’s architecture_&lt;/p&gt;
+&lt;p&gt;Regarding usage, MongoDB comes with a really nice introduction along with JavaScript, Python, Java, C++ or C# code at our choice, which describes the steps necessary to make it work. Below we will describe a common workflow.&lt;/p&gt;
+&lt;p&gt;First, we must &lt;strong&gt;connect&lt;/strong&gt; to a running MongoDB instance. Once the connection succeeds, we can access individual «collections», which we can think of as &lt;em&gt;tables&lt;/em&gt; where collections of data is stored.&lt;/p&gt;
+&lt;p&gt;For instance, we could &lt;strong&gt;insert&lt;/strong&gt; an arbitrary JSON document into the &lt;code&gt;restaurants&lt;/code&gt; collection to store information about a restaurant.&lt;/p&gt;
+&lt;p&gt;At any other point in time, we can &lt;strong&gt;query&lt;/strong&gt; these collections. The queries range from trivial, empty ones (which would retrieve all the documents and fields) to more rich and complex queries (for instance, using AND and OR operators, checking if data exists, and then looking for a value in a list).&lt;/p&gt;
+&lt;p&gt;MongoDB also supports the creation of &lt;strong&gt;indices&lt;/strong&gt;, similar to those in other database systems. It allows for the creation of indices on any field or subfields.&lt;/p&gt;
+&lt;p&gt;In Mongo, the &lt;strong&gt;aggregation pipeline&lt;/strong&gt; allows us to filter and analyze data based on a given set of criteria. For example, we could pull all the documents in the &lt;code&gt;restaurants&lt;/code&gt; collection that have a &lt;code&gt;category&lt;/code&gt; of &lt;code&gt;Bakery&lt;/code&gt; using the &lt;code&gt;$match&lt;/code&gt; operator. Then, we can group them by their star rating using the &lt;code&gt;$group&lt;/code&gt; operator. Using the accumulator operator, &lt;code&gt;$sum&lt;/code&gt;, we can see how many bakeries in our collection have each star rating.&lt;/p&gt;
+&lt;h2 id=&quot;features&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#features&quot;&gt;¶&lt;/a&gt;Features&lt;/h2&gt;
+&lt;p&gt;The features can be seen all over the place in their site, because it’s something they make a lot of emphasis on:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Easy development&lt;/strong&gt;, thanks to the document data model, something they claim to be «the best way to work with data».&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Data is stored in flexible JSON-like documents.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;This model directly maps to the objects in the application’s code.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Ad hoc queries, indexing, and real time aggregation provide powerful ways to access and analyze the data.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Powerful query language&lt;/strong&gt;, with a rich and expressive query language that allows filtering and sorting by any field, no matter how nested it may be within a document. The queries are themselves JSON, and thus easily composable.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Support for aggregations&lt;/strong&gt; and other modern use-cases such as geo-based search, graph search, and text search.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;A distributed systems design&lt;/strong&gt;, which allows developers to intelligently put data where they want it. High availability, horizontal scaling, and geographic distribution are built in and easy to use.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;A unified experience&lt;/strong&gt; with the freedom to run anywhere, which allows developers to future-proof their work and eliminate vendor lock-in.&lt;/p&gt;
+&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;corner_in_cap_theorem&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#corner_in_cap_theorem&quot;&gt;¶&lt;/a&gt;Corner in CAP theorem&lt;/h2&gt;
+&lt;p&gt;MongoDB’s position in the CAP theorem (Consistency, Availability, Partition Tolerance) depends on the database and driver configurations, and the type of disaster.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;With &lt;strong&gt;no partitions&lt;/strong&gt;, the main focus is &lt;strong&gt;CA&lt;/strong&gt;.&lt;/li&gt;
+&lt;li&gt;If there are **partitions **but the system is &lt;strong&gt;strongly connected&lt;/strong&gt;, the main focus is &lt;strong&gt;AP&lt;/strong&gt;: non-synchronized writes from the old primary are ignored.&lt;/li&gt;
+&lt;li&gt;If there are &lt;strong&gt;partitions&lt;/strong&gt; but the system is &lt;strong&gt;not strongly connected&lt;/strong&gt;, the main focus is &lt;strong&gt;CP&lt;/strong&gt;: only read access is provided to avoid inconsistencies.
+The general consensus seems to be that Mongo is &lt;strong&gt;CP&lt;/strong&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;download&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#download&quot;&gt;¶&lt;/a&gt;Download&lt;/h2&gt;
+&lt;p&gt;We will be using the apt-based installation.&lt;/p&gt;
+&lt;p&gt;The Community version can be downloaded by anyone through &lt;a href=&quot;https://www.mongodb.com/download-center/community&quot;&gt;MongoDB Download Center&lt;/a&gt;, where one can choose the version, Operating System and Package.MongoDB also seems to be &lt;a href=&quot;https://packages.ubuntu.com/eoan/mongodb&quot;&gt;available in Ubuntu’s PPAs&lt;/a&gt;. &lt;/p&gt;
+&lt;h2 id=&quot;installation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#installation&quot;&gt;¶&lt;/a&gt;Installation&lt;/h2&gt;
+&lt;p&gt;We will be using an Ubuntu-based system, with apt available. To install MongoDB, we open a terminal and run the following command:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;apt install mongodb
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;After confirming that we do indeed want to install the package, we should be able to run the following command to verify that the installation was successful:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;mongod --version
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The output should be similar to the following: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;db version v4.0.16
+git version: 2a5433168a53044cb6b4fa8083e4cfd7ba142221
+OpenSSL version: OpenSSL 1.1.1  11 Sep 2018
+allocator: tcmalloc
+modules: none
+build environment:
+	distmod: ubuntu1804
+	distarch: x86_64
+	target_arch: x86_64
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.mongodb.com/&quot;&gt;MongoDB’s official site&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.mongodb.com/what-is-mongodb&quot;&gt;What is MongoDB?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.mongodb.com/mongodb-architecture&quot;&gt;MongoDB Architecture&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://stackoverflow.com/q/11292215/4759433&quot;&gt;Where does mongodb stand in the CAP theorem?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://medium.com/@bikas.katwal10/mongodb-vs-cassandra-vs-rdbms-where-do-they-stand-in-the-cap-theorem-1bae779a7a15&quot;&gt;What is the CAP Theorem? MongoDB vs Cassandra vs RDBMS, where do they stand in the CAP theorem?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.quora.com/Why-doesnt-MongoDB-have-availability-in-the-CAP-theorem&quot;&gt;Why doesn’t MongoDB have availability in the CAP theorem?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://docs.mongodb.com/manual/installation/&quot;&gt;Install MongoDB&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>MongoDB: Basic Operations and Architecture</title><id>dist/mongodb-basic-operations-and-architecture/index.html</id><updated>2020-04-07T22:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>This is the second post in the MongoDB series, where we will take a look at the </summary><content type="html" src="dist/mongodb-basic-operations-and-architecture/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;MongoDB: Basic Operations and Architecture&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This is the second post in the MongoDB series, where we will take a look at the &lt;a href=&quot;https://stackify.com/what-are-crud-operations/&quot;&gt;CRUD operations&lt;/a&gt; they support, the data model and architecture used.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-04-08&lt;/div&gt;
+&lt;p&gt;Other posts in this series:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/mongodb-an-introduction/&quot;&gt;MongoDB: an Introduction&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/mongodb-basic-operations-and-architecture/&quot;&gt;MongoDB: Basic Operations and Architecture&lt;/a&gt; (this post)&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/developing-a-python-application-for-mongodb/&quot;&gt;Developing a Python application for MongoDB&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;This post is co-authored wih Classmate, and in it we will take an explorative approach using the &lt;code&gt;mongo&lt;/code&gt; command line shell to execute commands against the database. It even has TAB auto-completion, which is awesome!&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Before creating any documents, we first need to create somewhere for the documents to be in. And before we create anything, the database has to be running, so let’s do that first. If we don’t have a service installed, we can run the &lt;code&gt;mongod&lt;/code&gt; command ourselves in some local folder to make things easier:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ mkdir -p mongo-database
+$ mongod --dbpath mongo-database
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Just like that, we will have Mongo running. Now, let’s connect to it using the &lt;code&gt;mongo&lt;/code&gt; command in another terminal (don’t close the terminal where the server is running, we need it!). By default, it connects to localhost, which is just what we need.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ mongo
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;create&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#create&quot;&gt;¶&lt;/a&gt;Create&lt;/h2&gt;
+&lt;h3 id=&quot;create_a_database&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#create_a_database&quot;&gt;¶&lt;/a&gt;Create a database&lt;/h3&gt;
+&lt;p&gt;Let’s list the databases:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Oh, how interesting! There’s already some databases, even though we just created the directory where Mongo will store everything. However, they seem empty, which make sense.&lt;/p&gt;
+&lt;p&gt;Creating a new database is done by &lt;code&gt;use&lt;/code&gt;-ing a name that doesn’t exist. Let’s call our new database «helloworld».&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; use helloworld
+switched to db helloworld
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Good! Now the «local variable» called &lt;code&gt;db&lt;/code&gt; points to our &lt;code&gt;helloworld&lt;/code&gt; database.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db
+helloworld
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;What happens if we print the databases again? Surely our new database will show up now…&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;…maybe not! It seems Mongo won’t create the database until we create some collections and documents in it. Databases contain collections, and inside collections (which you can think of as tables) we can insert new documents (which you can think of as rows). Like in many programming languages, the dot operator is used to access these «members».&lt;/p&gt;
+&lt;h3 id=&quot;create_a_document&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#create_a_document&quot;&gt;¶&lt;/a&gt;Create a document&lt;/h3&gt;
+&lt;p&gt;Let’s add a new greeting into the &lt;code&gt;greetings&lt;/code&gt; collection:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.insert({message: &amp;quot;¡Bienvenido!&amp;quot;, lang: &amp;quot;es&amp;quot;})
+WriteResult({ &amp;quot;nInserted&amp;quot; : 1 })
+
+&amp;gt; show collections
+greetings
+
+&amp;gt; show databases
+admin       0.000GB
+config      0.000GB
+helloworld  0.000GB
+local       0.000GB
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;That looks promising! We can also see our new &lt;code&gt;helloworld&lt;/code&gt; database also shows up. The Mongo shell actually works on JavaScript-like code, which is why we can use a variant of JSON (BSON) to insert documents (note the lack of quotes around the keys, convenient!).&lt;/p&gt;
+&lt;p&gt;The &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.collection.insert/index.html&quot;&gt;&lt;code&gt;insert&lt;/code&gt;&lt;/a&gt; method actually supports a list of documents, and by default Mongo will assign a unique identifier to each. If we don’t want that though, all we have to do is add the &lt;code&gt;_id&lt;/code&gt; key to our documents.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.insert([
+... {message: &amp;quot;Welcome!&amp;quot;, lang: &amp;quot;en&amp;quot;},
+... {message: &amp;quot;Bonjour!&amp;quot;, lang: &amp;quot;fr&amp;quot;},
+... ])
+BulkWriteResult({
+    &amp;quot;writeErrors&amp;quot; : [ ],
+    &amp;quot;writeConcernErrors&amp;quot; : [ ],
+    &amp;quot;nInserted&amp;quot; : 2,
+    &amp;quot;nUpserted&amp;quot; : 0,
+    &amp;quot;nMatched&amp;quot; : 0,
+    &amp;quot;nModified&amp;quot; : 0,
+    &amp;quot;nRemoved&amp;quot; : 0,
+    &amp;quot;upserted&amp;quot; : [ ]
+})
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;create_a_collection&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#create_a_collection&quot;&gt;¶&lt;/a&gt;Create a collection&lt;/h3&gt;
+&lt;p&gt;In this example, we created the collection &lt;code&gt;greetings&lt;/code&gt; implicitly, but behind the scenes Mongo made a call to &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.createCollection/&quot;&gt;&lt;code&gt;createCollection&lt;/code&gt;&lt;/a&gt;. Let’s do just that:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.createCollection(&amp;quot;goodbyes&amp;quot;)
+{ &amp;quot;ok&amp;quot; : 1 }
+
+&amp;gt; show collections
+goodbyes
+greetings
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The method actually has a default parameter to configure other options, like the maximum size of the collection or maximum amount of documents in it, validation-related options, and so on. These are all described in more details in the documentation.&lt;/p&gt;
+&lt;h2 id=&quot;read&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#read&quot;&gt;¶&lt;/a&gt;Read&lt;/h2&gt;
+&lt;p&gt;To read the contents of a document, we have to &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.collection.find/index.html&quot;&gt;&lt;code&gt;find&lt;/code&gt;&lt;/a&gt; it.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.find()
+{ &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e74829a0659f802b15f18dd&amp;quot;), &amp;quot;message&amp;quot; : &amp;quot;¡Bienvenido!&amp;quot;, &amp;quot;lang&amp;quot; : &amp;quot;es&amp;quot; }
+{ &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e7487b90659f802b15f18de&amp;quot;), &amp;quot;message&amp;quot; : &amp;quot;Welcome!&amp;quot;, &amp;quot;lang&amp;quot; : &amp;quot;en&amp;quot; }
+{ &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e7487b90659f802b15f18df&amp;quot;), &amp;quot;message&amp;quot; : &amp;quot;Bonjour!&amp;quot;, &amp;quot;lang&amp;quot; : &amp;quot;fr&amp;quot; }
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;That’s a bit unreadable for my taste, can we make it more &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/cursor.pretty/index.html&quot;&gt;&lt;code&gt;pretty&lt;/code&gt;&lt;/a&gt;?&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.find().pretty()
+{
+    &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e74829a0659f802b15f18dd&amp;quot;),
+    &amp;quot;message&amp;quot; : &amp;quot;¡Bienvenido!&amp;quot;,
+    &amp;quot;lang&amp;quot; : &amp;quot;es&amp;quot;
+}
+{
+    &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e7487b90659f802b15f18de&amp;quot;),
+    &amp;quot;message&amp;quot; : &amp;quot;Welcome!&amp;quot;,
+    &amp;quot;lang&amp;quot; : &amp;quot;en&amp;quot;
+}
+{
+    &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e7487b90659f802b15f18df&amp;quot;),
+    &amp;quot;message&amp;quot; : &amp;quot;Bonjour!&amp;quot;,
+    &amp;quot;lang&amp;quot; : &amp;quot;fr&amp;quot;
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Gorgeous! We can clearly see Mongo created an identifier for us automatically. The queries are also JSON, and support a bunch of operators (prefixed by &lt;code&gt;$&lt;/code&gt;), known as &lt;a href=&quot;https://docs.mongodb.com/manual/reference/operator/query/&quot;&gt;Query Selectors&lt;/a&gt;. Here’s a few:&lt;/p&gt;
+&lt;table&gt;
+ &lt;thead&gt;
+  &lt;tr&gt;
+   &lt;th&gt;
+    Operation
+   &lt;/th&gt;
+   &lt;th&gt;
+    Syntax
+   &lt;/th&gt;
+   &lt;th&gt;
+    RDBMS equivalent
+   &lt;/th&gt;
+  &lt;/tr&gt;
+ &lt;/thead&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Equals
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {key: {$eq: value}}
+    &lt;/code&gt;
+    &lt;br/&gt;
+    Shorthand:
+    &lt;code&gt;
+     {key: value}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where key = value
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Less Than
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {key: {$lte: value}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where key &amp;lt; value
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Less Than or Equal
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {key: {$lt: value}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where key &amp;lt;= value
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Greater Than
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {key: {$gt: value}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where key &amp;gt; value
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Greater Than or Equal
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {key: {$gte: value}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where key &amp;gt;= value
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Not Equal
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {key: {$ne: value}}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where key != value
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    And
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {$and: [{k1: v1}, {k2: v2}]}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where k1 = v1 and k2 = v2
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Or
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     {$or: [{k1: v1}, {k2: v2}]}
+    &lt;/code&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;code&gt;
+     where k1 = v1 or k2 = v2
+    &lt;/code&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;The operations all do what you would expect them to do, and their names are really intuitive. Aggregating operations with &lt;code&gt;$and&lt;/code&gt; or &lt;code&gt;$or&lt;/code&gt; can be done anywhere in the query, nested any level deep.&lt;/p&gt;
+&lt;h2 id=&quot;update&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#update&quot;&gt;¶&lt;/a&gt;Update&lt;/h2&gt;
+&lt;p&gt;Updating a document can be done by using &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.collection.save/index.html&quot;&gt;&lt;code&gt;save&lt;/code&gt;&lt;/a&gt; on an already-existing document (that is, the document we want to save has &lt;code&gt;_id&lt;/code&gt; and it’s in the collection already). If the document is not in the collection yet, this method will create it.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.save({_id: ObjectId(&amp;quot;5e74829a0659f802b15f18dd&amp;quot;), message: &amp;quot;¡Bienvenido, humano!&amp;quot;, &amp;quot;lang&amp;quot; : &amp;quot;es&amp;quot;})
+WriteResult({ &amp;quot;nMatched&amp;quot; : 1, &amp;quot;nUpserted&amp;quot; : 0, &amp;quot;nModified&amp;quot; : 1 })
+
+&amp;gt; db.greetings.find({lang: &amp;quot;es&amp;quot;})
+{ &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e74829a0659f802b15f18dd&amp;quot;), &amp;quot;message&amp;quot; : &amp;quot;¡Bienvenido, humano!&amp;quot;, &amp;quot;lang&amp;quot; : &amp;quot;es&amp;quot; }
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Alternatively, the &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.collection.update/index.html&quot;&gt;&lt;code&gt;update&lt;/code&gt;&lt;/a&gt; method takes a query and new value.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.update({lang: &amp;quot;en&amp;quot;}, {$set: {message: &amp;quot;Welcome, human!&amp;quot;}})
+WriteResult({ &amp;quot;nMatched&amp;quot; : 1, &amp;quot;nUpserted&amp;quot; : 0, &amp;quot;nModified&amp;quot; : 1 })
+
+&amp;gt; db.greetings.find({lang: &amp;quot;en&amp;quot;})
+{ &amp;quot;_id&amp;quot; : ObjectId(&amp;quot;5e7487b90659f802b15f18de&amp;quot;), &amp;quot;message&amp;quot; : &amp;quot;Welcome, human!&amp;quot;, &amp;quot;lang&amp;quot; : &amp;quot;en&amp;quot; }
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;indexing&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#indexing&quot;&gt;¶&lt;/a&gt;Indexing&lt;/h2&gt;
+&lt;p&gt;Creating an index is done with &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.collection.createIndex/index.html&quot;&gt;&lt;code&gt;createIndex&lt;/code&gt;&lt;/a&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.createIndex({lang: +1})
+{
+    &amp;quot;createdCollectionAutomatically&amp;quot; : false,
+    &amp;quot;numIndexesBefore&amp;quot; : 1,
+    &amp;quot;numIndexesAfter&amp;quot; : 2,
+    &amp;quot;ok&amp;quot; : 1
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Here, we create an ascending index on the lang key. Descending order is done with &lt;code&gt;-1&lt;/code&gt;. Now a query for &lt;code&gt;lang&lt;/code&gt; in our three documents will be fast… well maybe iteration over three documents was faster than an index.&lt;/p&gt;
+&lt;h2 id=&quot;delete&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#delete&quot;&gt;¶&lt;/a&gt;Delete&lt;/h2&gt;
+&lt;h3 id=&quot;delete_a_document&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#delete_a_document&quot;&gt;¶&lt;/a&gt;Delete a document&lt;/h3&gt;
+&lt;p&gt;I have to confess, I can’t talk French. I learnt it long ago and it’s long forgotten, so let’s remove the translation I copied online from our greetings with &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.collection.remove/index.html&quot;&gt;&lt;code&gt;remove&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.greetings.remove({lang: &amp;quot;fr&amp;quot;})
+WriteResult({ &amp;quot;nRemoved&amp;quot; : 1 })
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;delete_a_collection&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#delete_a_collection&quot;&gt;¶&lt;/a&gt;Delete a collection&lt;/h3&gt;
+&lt;p&gt;We never really used the &lt;code&gt;goodbyes&lt;/code&gt; collection. Can we get rid of that?&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.goodbyes.drop()
+true
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Yes, it is &lt;code&gt;true&lt;/code&gt; that we can &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.collection.drop/index.html&quot;&gt;&lt;code&gt;drop&lt;/code&gt;&lt;/a&gt; it.&lt;/p&gt;
+&lt;h3 id=&quot;delete_a_database&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#delete_a_database&quot;&gt;¶&lt;/a&gt;Delete a database&lt;/h3&gt;
+&lt;p&gt;Now, I will be honest, I don’t really like our &lt;code&gt;greetings&lt;/code&gt; database either. It stinks. Let’s get rid of it as well:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;&amp;gt; db.dropDatabase()
+{ &amp;quot;dropped&amp;quot; : &amp;quot;helloworld&amp;quot;, &amp;quot;ok&amp;quot; : 1 }
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Yeah, take that! The &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/db.dropDatabase/&quot;&gt;&lt;code&gt;dropDatabase&lt;/code&gt;&lt;/a&gt; can be used to drop databases.&lt;/p&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;p&gt;The examples in this post are all fictional, and the methods that could be used where taken from Classmate’s post, and of course &lt;a href=&quot;https://docs.mongodb.com/manual/reference/method/&quot;&gt;Mongo’s documentation&lt;/a&gt;.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Introduction to Hadoop and its MapReduce</title><id>dist/introduction-to-hadoop-and-its-mapreduce/index.html</id><updated>2020-04-02T22:00:00+00:00</updated><published>2020-03-31T22:00:00+00:00</published><summary>Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.</summary><content type="html" src="dist/introduction-to-hadoop-and-its-mapreduce/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Introduction to Hadoop and its MapReduce&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-04-01&lt;br&gt;
+Modified 2020-04-03&lt;/div&gt;
+&lt;p&gt;Hadoop also offers a distributed filesystem (HDFS) enabling for fast transfer among nodes, and a way to program with MapReduce.&lt;/p&gt;
+&lt;p&gt;It aims to strive for the 4 V’s: Volume, Variety, Veracity and Velocity. For veracity, it is a secure environment that can be trusted.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;milestones&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#milestones&quot;&gt;¶&lt;/a&gt;Milestones&lt;/h2&gt;
+&lt;p&gt;The creators of Hadoop are Doug Cutting and Mike Cafarella, who just wanted to design a search engine, Nutch, and quickly found the problems of dealing with large amounts of data. They found their solution with the papers Google published.&lt;/p&gt;
+&lt;p&gt;The name comes from the plush of Cutting’s child, a yellow elephant.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;In July 2005, Nutch used GFS to perform MapReduce operations.&lt;/li&gt;
+&lt;li&gt;In February 2006, Nutch started a Lucene subproject which led to Hadoop.&lt;/li&gt;
+&lt;li&gt;In April 2007, Yahoo used Hadoop in a 1 000-node cluster.&lt;/li&gt;
+&lt;li&gt;In January 2008, Apache took over and made Hadoop a top-level project.&lt;/li&gt;
+&lt;li&gt;In July 2008, Apache tested a 4000-node cluster. The performance was the fastest compared to other technologies that year.&lt;/li&gt;
+&lt;li&gt;In May 2009, Hadoop sorted a petabyte of data in 17 hours.&lt;/li&gt;
+&lt;li&gt;In December 2011, Hadoop reached 1.0.&lt;/li&gt;
+&lt;li&gt;In May 2012, Hadoop 2.0 was released with the addition of YARN (Yet Another Resource Navigator) on top of HDFS, splitting MapReduce and other processes into separate components, greatly improving the fault tolerance.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;From here onwards, many other alternatives have born, like Spark, Hive &amp;amp; Drill, Kafka, HBase, built around the Hadoop ecosystem.&lt;/p&gt;
+&lt;p&gt;As of 2017, Amazon has clusters between 1 and 100 nodes, Yahoo has over 100 000 CPUs running Hadoop, AOL has clusters with 50 machines, and Facebook has a 320-machine (2 560 cores) and 1.3PB of raw storage.&lt;/p&gt;
+&lt;h2 id=&quot;why_not_use_rdbms_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#why_not_use_rdbms_&quot;&gt;¶&lt;/a&gt;Why not use RDBMS?&lt;/h2&gt;
+&lt;p&gt;Relational database management systems simply cannot scale horizontally, and vertical scaling will require very expensive servers. Similar to RDBMS, Hadoop has a notion of jobs (analogous to transactions), but without ACID or concurrency control. Hadoop supports any form of data (unstructured or semi-structured) in read-only mode, and failures are common but there’s a simple yet efficient fault tolerance.&lt;/p&gt;
+&lt;p&gt;So what problems does Hadoop solve? It solves the way we should think about problems, and distributing them, which is key to do anything related with BigData nowadays. We start working with clusters of nodes, and coordinating the jobs between them. Hadoop’s API makes this really easy.&lt;/p&gt;
+&lt;p&gt;Hadoop also takes very seriously the loss of data with replication, and if a node falls, they are moved to a different node.&lt;/p&gt;
+&lt;h2 id=&quot;major_components&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#major_components&quot;&gt;¶&lt;/a&gt;Major components&lt;/h2&gt;
+&lt;p&gt;The previously-mentioned HDFS runs on commodity machine, which are cost-friendly. It is very fault-tolerant and efficient enough to process huge amounts of data, because it splits large files into smaller chunks (or blocks) that can be more easily handled. Multiple nodes can work on multiple chunks at the same time.&lt;/p&gt;
+&lt;p&gt;NameNode stores the metadata of the various datablocks (map of blocks) along with their location. It is the brain and the master in Hadoop’s master-slave architecture, also known as the namespace, and makes use of the DataNode.&lt;/p&gt;
+&lt;p&gt;A secondary NameNode is a replica that can be used if the first NameNode dies, so that Hadoop doesn’t shutdown and can restart.&lt;/p&gt;
+&lt;p&gt;DataNode stores the blocks of data, and are the slaves in the architecture. This data is split into one or more files. Their only job is to manage this access to the data. They are often distributed among racks to avoid data lose.&lt;/p&gt;
+&lt;p&gt;JobTracker creates and schedules jobs from the clients for either map or reduce operations.&lt;/p&gt;
+&lt;p&gt;TaskTracker runs MapReduce tasks assigned to the current data node.&lt;/p&gt;
+&lt;p&gt;When clients need data, they first interact with the NameNode and replies with the location of the data in the correct DataNode. Client proceeds with interaction with the DataNode.&lt;/p&gt;
+&lt;h2 id=&quot;mapreduce&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#mapreduce&quot;&gt;¶&lt;/a&gt;MapReduce&lt;/h2&gt;
+&lt;p&gt;MapReduce, as the name implies, is split into two steps: the map and the reduce. The map stage is the «divide and conquer» strategy, while the reduce part is about combining and reducing the results.&lt;/p&gt;
+&lt;p&gt;The mapper has to process the input data (normally a file or directory), commonly line-by-line, and produce one or more outputs. The reducer uses all the results from the mapper as its input to produce a new output file itself.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;bitmap.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;When reading the data, some may be junk that we can choose to ignore. If it is valid data, however, we label it with a particular type that can be useful for the upcoming process. Hadoop is responsible for splitting the data accross the many nodes available to execute this process in parallel.&lt;/p&gt;
+&lt;p&gt;There is another part to MapReduce, known as the Shuffle-and-Sort. In this part, types or categories from one node get moved to a different node. This happens with all nodes, so that every node can work on a complete category. These categories are known as «keys», and allows Hadoop to scale linearly.&lt;/p&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/oT7kczq5A-0&quot;&gt;YouTube – Hadoop Tutorial For Beginners | What Is Hadoop? | Hadoop Tutorial | Hadoop Training | Simplilearn&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/bcjSe0xCHbE&quot;&gt;YouTube – Learn MapReduce with Playing Cards&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/j8ehT1_G5AY?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi&quot;&gt;YouTube – Video Post #2: Hadoop para torpes (I)-¿Qué es y para qué sirve?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/NQ8mjVPCDvk?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi&quot;&gt;Video Post #3: Hadoop para torpes (II)-¿Cómo funciona? HDFS y MapReduce&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://hadoop.apache.org/old/releases.html&quot;&gt;Apache Hadoop Releases&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/20qWx2KYqYg?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi&quot;&gt;Video Post #4: Hadoop para torpes (III y fin)- Ecosistema y distribuciones&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;http://www.hadoopbook.com/&quot;&gt;Chapter 2 – Hadoop: The Definitive Guide, Fourth Edition&lt;/a&gt; (&lt;a href=&quot;http://grut-computing.com/HadoopBook.pdf&quot;&gt;pdf,&lt;/a&gt;&lt;a href=&quot;http://www.hadoopbook.com/code.html&quot;&gt;code&lt;/a&gt;)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Google’s BigTable</title><id>dist/googles-bigtable/index.html</id><updated>2020-04-02T22:00:00+00:00</updated><published>2020-03-31T22:00:00+00:00</published><summary>Let’s talk about BigTable, and why it is what it is. But before we get into that, let’s see some important aspects anybody should consider when dealing with a lot of data (something BigTable does!).</summary><content type="html" src="dist/googles-bigtable/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Google’s BigTable&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;Let’s talk about BigTable, and why it is what it is. But before we get into that, let’s see some important aspects anybody should consider when dealing with a lot of data (something BigTable does!).&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-04-01&lt;br&gt;
+Modified 2020-04-03&lt;/div&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;the_basics&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#the_basics&quot;&gt;¶&lt;/a&gt;The basics&lt;/h2&gt;
+&lt;p&gt;Converting a text document into a different format is often a great way to greatly speed up scanning of it in the future. It allows for efficient searches.&lt;/p&gt;
+&lt;p&gt;In addition, you generally want to store everything in a single, giant file. This will save a lot of time opening and closing files, because everything is in the same file! One proposal to make this happen is &lt;a href=&quot;https://trec.nist.gov/file_help.html&quot;&gt;Web TREC&lt;/a&gt; (see also the &lt;a href=&quot;https://en.wikipedia.org/wiki/Text_Retrieval_Conference&quot;&gt;Wikipedia page on TREC&lt;/a&gt;), which is basically HTML but every document is properly delimited from one another.&lt;/p&gt;
+&lt;p&gt;Because we will have a lot of data, it’s often a good idea to compress it. Most text consists of the same words, over and over again. Classic compression techniques such as &lt;code&gt;DEFLATE&lt;/code&gt; or &lt;code&gt;LZW&lt;/code&gt; do an excellent job here.&lt;/p&gt;
+&lt;h2 id=&quot;so_what_s_bigtable_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#so_what_s_bigtable_&quot;&gt;¶&lt;/a&gt;So what’s BigTable?&lt;/h2&gt;
+&lt;p&gt;Okay, enough of an introduction to the basics on storing data. BigTable is what Google uses to store documents, and it’s a customized approach to save, search and update web pages.&lt;/p&gt;
+&lt;p&gt;BigTable is is a distributed storage system for managing structured data, able to scale to petabytes of data across thousands of commodity servers, with wide applicability, scalability, high performance, and high availability.&lt;/p&gt;
+&lt;p&gt;In a way, it’s kind of like databases and shares many implementation strategies with them, like parallel databases, or main-memory databases, but of course, with a different schema.&lt;/p&gt;
+&lt;p&gt;It consists of a big table known as the «Root tablet», with pointers to many other «tablets» (or metadata in between). These are stored in a replicated filesystem accessible by all BigTable servers. Any change to a tablet gets logged (said log also gets stored in a replicated filesystem).&lt;/p&gt;
+&lt;p&gt;If any of the tablets servers gets locked, a different one can take its place, read the log and deal with the problem.&lt;/p&gt;
+&lt;p&gt;There’s no query language, transactions occur at row-level only. Every read or write in a row is atomic. Each row stores a single web page, and by combining the row and column keys along with a timestamp, it is possible to retrieve a single cell in the row. More formally, it’s a map that looks like this:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;fetch(row: string, column: string, time: int64) -&amp;gt; string
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;A row may have as many columns as it needs, and these column groups are the same for everyone (but the columns themselves may vary), which is importan to reduce disk read time.&lt;/p&gt;
+&lt;p&gt;Rows are split in different tablets based on the row keys, which simplifies determining an appropriated server for them. The keys can be up to 64KB big, although most commonly they range 10-100 bytes.&lt;/p&gt;
+&lt;h2 id=&quot;conclusions&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#conclusions&quot;&gt;¶&lt;/a&gt;Conclusions&lt;/h2&gt;
+&lt;p&gt;BigTable is Google’s way to deal with large amounts of data on many of their services, and the ideas behind it are not too complex to understand.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>A practical example with Hadoop</title><id>dist/a-practical-example-with-hadoop/index.html</id><updated>2020-04-02T22:00:00+00:00</updated><published>2020-03-31T22:00:00+00:00</published><summary>In our </summary><content type="html" src="dist/a-practical-example-with-hadoop/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;A practical example with Hadoop&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;In our &lt;a href=&quot;/blog/ribw/introduction-to-hadoop-and-its-mapreduce/&quot;&gt;previous Hadoop post&lt;/a&gt;, we learnt what it is, how it originated, and how it works, from a theoretical standpoint. Here we will instead focus on a more practical example with Hadoop.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-04-01&lt;br&gt;
+Modified 2020-04-03&lt;/div&gt;
+&lt;p&gt;This post will showcase my own implementation to implement a word counter for any plain text document that you want to analyze.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;installation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#installation&quot;&gt;¶&lt;/a&gt;Installation&lt;/h2&gt;
+&lt;p&gt;Before running any piece of software, its executable code must first be downloaded into our computers so that we can run it. Head over to &lt;a href=&quot;http://hadoop.apache.org/releases.html&quot;&gt;Apache Hadoop’s releases&lt;/a&gt; and download the &lt;a href=&quot;https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz&quot;&gt;latest binary version&lt;/a&gt; at the time of writing (3.2.1).&lt;/p&gt;
+&lt;p&gt;We will be using the &lt;a href=&quot;https://linuxmint.com/&quot;&gt;Linux Mint&lt;/a&gt; distribution because I love its simplicity, although the process shown here should work just fine on any similar Linux distribution such as &lt;a href=&quot;https://ubuntu.com/&quot;&gt;Ubuntu&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;Once the archive download is complete, extract it with any tool of your choice (graphical or using the terminal) and execute it. Make sure you have a version of Java installed, such as &lt;a href=&quot;https://openjdk.java.net/&quot;&gt;OpenJDK&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;Here are all the three steps in the command line:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;wget https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz
+tar xf hadoop-3.2.1.tar.gz
+hadoop-3.2.1/bin/hadoop version
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;processing_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#processing_data&quot;&gt;¶&lt;/a&gt;Processing data&lt;/h2&gt;
+&lt;p&gt;To take advantage of Hadoop, we have to design our code to work in the MapReduce model. Both the map and reduce phase work on key-value pairs as input and output, and both have a programmer-defined function.&lt;/p&gt;
+&lt;p&gt;We will use Java, because it’s a dependency that we already have anyway, so might as well.&lt;/p&gt;
+&lt;p&gt;Our map function needs to split each of the lines we receive as input into words, and we will also convert them to lowercase, thus preparing the data for later use (counting words). There won’t be bad records, so we don’t have to worry about that.&lt;/p&gt;
+&lt;p&gt;Copy or reproduce the following code in a file called &lt;code&gt;WordCountMapper.java&lt;/code&gt;, using any text editor of your choice:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import java.io.IOException;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.LongWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Mapper;
+
+public class WordCountMapper extends Mapper&amp;lt;LongWritable, Text, Text, IntWritable&amp;gt; {
+    @Override
+    public void map(LongWritable key, Text value, Context context)
+            throws IOException, InterruptedException {
+        for (String word : value.toString().split(&amp;quot;\\W&amp;quot;)) {
+            context.write(new Text(word.toLowerCase()), new IntWritable(1));
+        }
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Now, let’s create the &lt;code&gt;WordCountReducer.java&lt;/code&gt; file. Its job is to reduce the data from multiple values into just one. We do that by summing all the values (our word count so far):&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import java.io.IOException;
+import java.util.Iterator;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Reducer;
+
+public class WordCountReducer extends Reducer&amp;lt;Text, IntWritable, Text, IntWritable&amp;gt; {
+    @Override
+    public void reduce(Text key, Iterable&amp;lt;IntWritable&amp;gt; values, Context context)
+            throws IOException, InterruptedException {
+        int count = 0;
+        for (IntWritable value : values) {
+            count += value.get();
+        }
+        context.write(key, new IntWritable(count));
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Let’s just take a moment to appreciate how absolutely tiny this code is, and it’s Java! Hadoop’s API is really awesome and lets us write such concise code to achieve what we need.&lt;/p&gt;
+&lt;p&gt;Last, let’s write the &lt;code&gt;main&lt;/code&gt; method, or else we won’t be able to run it. In our new file &lt;code&gt;WordCount.java&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import org.apache.hadoop.fs.Path;
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Job;
+import org.apache.hadoop.mapreduce.lib.input.FileInputFormat;
+import org.apache.hadoop.mapreduce.lib.output.FileOutputFormat;
+
+public class WordCount {
+    public static void main(String[] args) throws Exception {
+        if (args.length != 2) {
+            System.err.println(&amp;quot;usage: java WordCount &amp;lt;input path&amp;gt; &amp;lt;output path&amp;gt;&amp;quot;);
+            System.exit(-1);
+        }
+
+        Job job = Job.getInstance();
+
+        job.setJobName(&amp;quot;Word count&amp;quot;);
+        job.setJarByClass(WordCount.class);
+        job.setMapperClass(WordCountMapper.class);
+        job.setReducerClass(WordCountReducer.class);
+        job.setOutputKeyClass(Text.class);
+        job.setOutputValueClass(IntWritable.class);
+
+        FileInputFormat.addInputPath(job, new Path(args[0]));
+        FileOutputFormat.setOutputPath(job, new Path(args[1]));
+
+        boolean result = job.waitForCompletion(true);
+
+        System.exit(result ? 0 : 1);
+    }
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;And compile by including the required &lt;code&gt;.jar&lt;/code&gt; dependencies in Java’s classpath with the &lt;code&gt;-cp&lt;/code&gt; switch:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;javac -cp &amp;quot;hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/mapreduce/*&amp;quot; *.java
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;At last, we can run it (also specifying the dependencies in the classpath, this one’s a mouthful). Let’s run it on the same &lt;code&gt;WordCount.java&lt;/code&gt; source file we wrote:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;java -cp &amp;quot;.:hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/common/lib/*:hadoop-3.2.1/share/hadoop/mapreduce/*:hadoop-3.2.1/share/hadoop/mapreduce/lib/*:hadoop-3.2.1/share/hadoop/yarn/*:hadoop-3.2.1/share/hadoop/yarn/lib/*:hadoop-3.2.1/share/hadoop/hdfs/*:hadoop-3.2.1/share/hadoop/hdfs/lib/*&amp;quot; WordCount WordCount.java results
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Hooray! We should have a new &lt;code&gt;results/&lt;/code&gt; folder along with the following files:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ ls results
+part-r-00000  _SUCCESS
+$ cat results/part-r-00000 
+	154
+0	2
+1	3
+2	1
+addinputpath	1
+apache	6
+args	4
+boolean	1
+class	6
+count	1
+err	1
+exception	1
+-snip- (output cut for clarity)
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;It worked! Now this example was obviously tiny, but hopefully enough to demonstrate how to get the basics running on real world data.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>How does Google’s Search Engine work?</title><id>dist/how-does-googles-search-engine-work/index.html</id><updated>2020-03-27T23:00:00+00:00</updated><published>2020-03-17T23:00:00+00:00</published><summary>The original implementation was written in C/++ for Linux/Solaris.</summary><content type="html" src="dist/how-does-googles-search-engine-work/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;How does Google’s Search Engine work?&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;The original implementation was written in C/++ for Linux/Solaris.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-18&lt;br&gt;
+Modified 2020-03-28&lt;/div&gt;
+&lt;p&gt;There are three major components in the system’s anatomy, which can be thought as steps to be performed for Google to be what it is today.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;image-1024x649.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
+&lt;p&gt;But before we talk about the different components, let’s take a look at how they store all of this information.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;data_structures&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#data_structures&quot;&gt;¶&lt;/a&gt;Data structures&lt;/h2&gt;
+&lt;p&gt;A «BigFile» is a virtual file addressable by 64 bits.&lt;/p&gt;
+&lt;p&gt;There exists a repository with the full HTML of every page compressed, along with a document identifier, length and URL.&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    sync
+   &lt;/td&gt;
+   &lt;td&gt;
+    length
+   &lt;/td&gt;
+   &lt;td&gt;
+    compressed packet
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;The Document Index has the document identifier, a pointer into the repository, a checksum and various other statistics.&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    doc id
+   &lt;/td&gt;
+   &lt;td&gt;
+    ecode
+   &lt;/td&gt;
+   &lt;td&gt;
+    url len
+   &lt;/td&gt;
+   &lt;td&gt;
+    page len
+   &lt;/td&gt;
+   &lt;td&gt;
+    url
+   &lt;/td&gt;
+   &lt;td&gt;
+    page
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;A Lexicon stores the repository of words, implemented with a hashtable over pointers linking to the barrels (sorted linked lists) of the Inverted Index.&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    word id
+   &lt;/td&gt;
+   &lt;td&gt;
+    n docs
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    word id
+   &lt;/td&gt;
+   &lt;td&gt;
+    n docs
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;The Hit Lists store occurences of a word in a document.&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     plain
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    cap: 1
+   &lt;/td&gt;
+   &lt;td&gt;
+    imp: 3
+   &lt;/td&gt;
+   &lt;td&gt;
+    pos: 12
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     fancy
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    cap: 1
+   &lt;/td&gt;
+   &lt;td&gt;
+    imp: 7
+   &lt;/td&gt;
+   &lt;td&gt;
+    type: 4
+   &lt;/td&gt;
+   &lt;td&gt;
+    pos: 8
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     anchor
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    cap: 1
+   &lt;/td&gt;
+   &lt;td&gt;
+    imp: 7
+   &lt;/td&gt;
+   &lt;td&gt;
+    type: 4
+   &lt;/td&gt;
+   &lt;td&gt;
+    hash: 4
+   &lt;/td&gt;
+   &lt;td&gt;
+    pos: 8
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;The Forward Index is a barrel with a range of word identifiers (document identifier and list of word identifiers).&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td rowspan=&quot;3&quot;&gt;
+    doc id
+   &lt;/td&gt;
+   &lt;td&gt;
+    word id: 24
+   &lt;/td&gt;
+   &lt;td&gt;
+    n hits: 8
+   &lt;/td&gt;
+   &lt;td&gt;
+    hit hit hit hit hit hit hit hit
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    word id: 24
+   &lt;/td&gt;
+   &lt;td&gt;
+    n hits: 8
+   &lt;/td&gt;
+   &lt;td&gt;
+    hit hit hit hit hit hit hit hit
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    null word id
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;The Inverted Index can be sorted by either document identifier or by ranking of word occurence.&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    doc id: 23
+   &lt;/td&gt;
+   &lt;td&gt;
+    n hits: 5
+   &lt;/td&gt;
+   &lt;td&gt;
+    hit hit hit hit hit
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    doc id: 23
+   &lt;/td&gt;
+   &lt;td&gt;
+    n hits: 3
+   &lt;/td&gt;
+   &lt;td&gt;
+    hit hit hit
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    doc id: 23
+   &lt;/td&gt;
+   &lt;td&gt;
+    n hits: 4
+   &lt;/td&gt;
+   &lt;td&gt;
+    hit hit hit hit
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    doc id: 23
+   &lt;/td&gt;
+   &lt;td&gt;
+    n hits: 2
+   &lt;/td&gt;
+   &lt;td&gt;
+    hit hit
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;Back in 1998, Google compressed its repository to 53GB and had 24 million pages. The indices, lexicon, and other temporary storage required about 55GB.&lt;/p&gt;
+&lt;h2 id=&quot;crawling&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#crawling&quot;&gt;¶&lt;/a&gt;Crawling&lt;/h2&gt;
+&lt;p&gt;The crawling must be reliable, fast and robust, and also respect the decision of some authors not wanting their pages crawled. Originally, it took a week or more, so simultaneous execution became a must.&lt;/p&gt;
+&lt;p&gt;Back in 1998, Google had between 3 and 4 crawlers running at 100 web pages per second maximum. These were implemented in Python.&lt;/p&gt;
+&lt;p&gt;The crawled pages need parsing to deal with typos or formatting issues.&lt;/p&gt;
+&lt;h2 id=&quot;indexing&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#indexing&quot;&gt;¶&lt;/a&gt;Indexing&lt;/h2&gt;
+&lt;p&gt;Indexing is about putting the pages into barrels, converting words into word identifiers, and occurences into hit lists.&lt;/p&gt;
+&lt;p&gt;Once indexing is done, sorting of the barrels happens to have them ordered by word identifier, producing the inverted index. This process also had to be done in parallel over many machines, or would otherwise have been too slow.&lt;/p&gt;
+&lt;h2 id=&quot;searching&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#searching&quot;&gt;¶&lt;/a&gt;Searching&lt;/h2&gt;
+&lt;p&gt;We need to find quality results efficiently. Plenty of weights are considered nowadays, but at its heart, PageRank is used. It is the algorithm they use to map the web, which is formally defined as follows:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;8e1e61b119e107fcb4bdd7e78f649985.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;PR(A) = (1-d) + d(PR(T1)/C(T1) + … + PR(Tn)/C(Tn))&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Where:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;A&lt;/code&gt; is a given page&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;T&amp;lt;sub&amp;gt;n&amp;lt;/sub&amp;gt;&lt;/code&gt; are pages that point to A&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;d&lt;/code&gt; is the damping factor in the range &lt;code&gt;[0, 1]&lt;/code&gt; (often 0.85)&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;C(A)&lt;/code&gt; is the number of links going out of page &lt;code&gt;A&lt;/code&gt;&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;PR(A)&lt;/code&gt; is the page rank of page &lt;code&gt;A&lt;/code&gt;
+This formula indicates the probability that a random surfer visits a certain page, and &lt;code&gt;1 - d&lt;/code&gt; is used to indicate when it will «get bored» and stop surfing. More intuitively, the page rank of a page will grow as more pages link to it, or the few that link to it have high page rank.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;The anchor text in the links also help provide a better description and helps indexing for even better results.&lt;/p&gt;
+&lt;p&gt;While searching, the concern is disk I/O which takes up most of the time. Caching is very important to improve performance up to 30 times.&lt;/p&gt;
+&lt;p&gt;Now, in order to turn user queries into something we can search, we must parse the query and convert the words into word identifiers.&lt;/p&gt;
+&lt;h2 id=&quot;conclusion&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#conclusion&quot;&gt;¶&lt;/a&gt;Conclusion&lt;/h2&gt;
+&lt;p&gt;Google is designed to be a efficient, scalable, high-quality search engine. There are still bottlenecks in CPU, memory, disk speed and network I/O, but major data structures are used to make efficient use of the resources.&lt;/p&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://snap.stanford.edu/class/cs224w-readings/Brin98Anatomy.pdf&quot;&gt;The anatomy of a large-scale hypertextual Web search engine&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.site.uottawa.ca/%7Ediana/csi4107/Google_SearchEngine.pdf&quot;&gt;The Anatomy of a Large-Scale Hypertextual Web Search Engine (slides)&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Privado: PC-Crawler evaluation 2</title><id>dist/pc-crawler-evaluation-2/index.html</id><updated>2020-03-27T23:00:00+00:00</updated><published>2020-03-15T23:00:00+00:00</published><summary>As the student </summary><content type="html" src="dist/pc-crawler-evaluation-2/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Privado: PC-Crawler evaluation 2&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;As the student &lt;code&gt;a(i)&lt;/code&gt; where &lt;code&gt;i = 9&lt;/code&gt;, I have been assigned to evaluate students &lt;code&gt;a(i - 1)&lt;/code&gt; and &lt;code&gt;a(i - 2)&lt;/code&gt;, these being:&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-16&lt;br&gt;
+Modified 2020-03-28&lt;/div&gt;
+&lt;ul&gt;
+&lt;li&gt;a08: Classmate (username)&lt;/li&gt;
+&lt;li&gt;a07: Classmate (username)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;The evaluation is done according to the criteria described in Segunda entrega del PC-Crawler.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;classmate_s_evaluation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation&quot;&gt;¶&lt;/a&gt;Classmate’s evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: A.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;This is the evaluation of Crawler – Thesauro.&lt;/p&gt;
+&lt;p&gt;It’s a well-written post, properly using WordPress code blocks, and they explain the process of improving the code and what it does. Because there are no noticeable issues with the post, they get the highest grading.&lt;/p&gt;
+&lt;h2 id=&quot;classmate_s_evaluation_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation_2&quot;&gt;¶&lt;/a&gt;Classmate’s evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: B.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;This is the evaluation of Actividad 2-Crawler.&lt;/p&gt;
+&lt;p&gt;They start with an introduction on what they will do.&lt;/p&gt;
+&lt;p&gt;Next, they show the code they have written, also describing what it does, although they don’t explain &lt;em&gt;why&lt;/em&gt; they chose the data structures they used.&lt;/p&gt;
+&lt;p&gt;The style of the code leaves a lot to be desired, and they should have embedded the code in the post instead of taking screenshots. People that rely on screen readers will not be able to see the code.&lt;/p&gt;
+&lt;p&gt;I have graded them B and not A for this last reason.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>What is ElasticSearch and why should you care?</title><id>dist/what-is-elasticsearch-and-why-should-you-care/index.html</id><updated>2020-03-26T23:00:00+00:00</updated><published>2020-03-17T23:00:00+00:00</published><summary>ElasticSearch is a giant search index with powerful analytics capabilities. It’s like a database and search engine on steroids, really easy and fast to get up and running. One can think of it as your own Google, a search engine with analytics.</summary><content type="html" src="dist/what-is-elasticsearch-and-why-should-you-care/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;What is ElasticSearch and why should you care?&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;ElasticSearch is a giant search index with powerful analytics capabilities. It’s like a database and search engine on steroids, really easy and fast to get up and running. One can think of it as your own Google, a search engine with analytics.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-18&lt;br&gt;
+Modified 2020-03-27&lt;/div&gt;
+&lt;p&gt;ElasticSearch is rich, stable, performs well, is well maintained, and able to scale to petabytes of any kind of data, whether it’s structured, semi-structured or not at all. It’s cost-effective and can be used to make business decisions.&lt;/p&gt;
+&lt;p&gt;Or, described in 10 seconds:&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;Schema-free, REST &amp;amp; JSON based distributed document store
+Open source: Apache License 2.0
+Zero configuration&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;-- Alex Reelsen&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;basic_capabilities&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#basic_capabilities&quot;&gt;¶&lt;/a&gt;Basic capabilities&lt;/h2&gt;
+&lt;p&gt;ElasticSearch lets you ask questions about your data, not just make queries. You may think SQL can do this too, but what’s important is making a pipeline of facets, and feed the results from query to query.&lt;/p&gt;
+&lt;p&gt;Instead of changing your data, you can be flexible with your questions with no need to re-index it every time the questions change.&lt;/p&gt;
+&lt;p&gt;ElasticSearch is not just to search for full-text data, either. It can search for structured data and return more than just the results. It also yields additional data, such as ranking, highlights, and allows for pagination.&lt;/p&gt;
+&lt;p&gt;It doesn’t take a lot of configuration to get running, either, which can be a good boost on productivity.&lt;/p&gt;
+&lt;h2 id=&quot;how_does_it_work_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#how_does_it_work_&quot;&gt;¶&lt;/a&gt;How does it work?&lt;/h2&gt;
+&lt;p&gt;ElasticSearch depends on Java, and can work in a distributed cluster if you execute multiple instances. Data will be replicated and sharded as needed. The current version at the time of writing is 7.6.1, and it’s being developed fast!&lt;/p&gt;
+&lt;p&gt;It also has support for plugins, with an ever-growing ecosystem and integration on many programming languages. Tools around it are being built around it, too, like Kibana which helps you visualize your data.&lt;/p&gt;
+&lt;p&gt;The way you use it is through a JSON API, served over HTTP/S.&lt;/p&gt;
+&lt;h2 id=&quot;how_can_i_use_it_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#how_can_i_use_it_&quot;&gt;¶&lt;/a&gt;How can I use it?&lt;/h2&gt;
+&lt;p&gt;&lt;a href=&quot;https://www.elastic.co/downloads/&quot;&gt;You can try ElasticSearch out for free on Elastic Cloud&lt;/a&gt;, however, it can also be &lt;a href=&quot;https://www.elastic.co/downloads/elasticsearch&quot;&gt;downloaded and ran offline&lt;/a&gt;, which is what we’ll do. Download the file corresponding to your operating system, unzip it, and execute the binary. Running it is as simple as that!&lt;/p&gt;
+&lt;p&gt;Now you can make queries to it over HTTP, with for example &lt;code&gt;curl&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;curl -X PUT localhost:9200/orders/order/1 -d '
+{
+  &amp;quot;created_at&amp;quot;: &amp;quot;2013/09/05 15:45:10&amp;quot;,
+  &amp;quot;items&amp;quot;: [
+    {
+      name: &amp;quot;HD Monitor&amp;quot;
+    }
+  ],
+  &amp;quot;total&amp;quot;: 249.95
+}'
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;This will create a new order with some information, such as when it was created, what items it contains, and the total cost of the order.&lt;/p&gt;
+&lt;p&gt;You can then query or filter as needed, script it or even create statistics.&lt;/p&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/sKnkQSec1U0&quot;&gt;YouTube – What is Elasticsearch?&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://youtu.be/yWNiRC_hUAw&quot;&gt;YouTube – GOTO 2013 • Elasticsearch – Beyond Full-text Search • Alex Reelsen&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.elastic.co/kibana&quot;&gt;Kibana – Your window into the Elastic Stack&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.elastic.co/guide/index.html&quot;&gt;Elastic Stack and Product Documentation&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Privado: NoSQL evaluation</title><id>dist/nosql-evaluation/index.html</id><updated>2020-03-26T23:00:00+00:00</updated><published>2020-03-15T23:00:00+00:00</published><summary>I have decided to evaluate Classmate‘s post and Classmate‘s post, because they review databases I have not seen or used before, and I think it would be interesting to see new ones.</summary><content type="html" src="dist/nosql-evaluation/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Privado: NoSQL evaluation&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;I have decided to evaluate Classmate‘s post and Classmate‘s post, because they review databases I have not seen or used before, and I think it would be interesting to see new ones.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-16&lt;br&gt;
+Modified 2020-03-27&lt;/div&gt;
+&lt;p&gt;The evaluation is based on the requirements defined by Trabajos en grupo sobre Bases de Datos NoSQL:&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;&lt;strong&gt;1ª entrada:&lt;/strong&gt; Descripción de la finalidad de la tecnología y cómo funciona o trabaja la BD NoSQL, sus características, la arista que ocupa en el Teorema CAP, de dónde se descarga, y cómo se instala.&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;-- Teacher&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;classmate_s_evaluation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation&quot;&gt;¶&lt;/a&gt;Classmate’s evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: A.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;The post I have evaluated is BB.DD. NoSQL: Voldemort 1ª Fase.&lt;/p&gt;
+&lt;p&gt;The post doesn’t start very well, because the first sentence has (emphasis mine):&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;En él repasaremos en qué consiste &lt;strong&gt;MongoDB&lt;/strong&gt;, sus características, y cómo se instala, entre otros.&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;-- Classmate&lt;/p&gt;
+&lt;p&gt;…yet the post is about Voldemort!&lt;/p&gt;
+&lt;p&gt;The post does detail how it works, its architecture, corner in the CAP theorem, download and installation.&lt;/p&gt;
+&lt;p&gt;I have graded the post with A because I think it meets all the requirements, even if they slipped a bit in the beginning.&lt;/p&gt;
+&lt;h2 id=&quot;classmate_s_evaluation_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation_2&quot;&gt;¶&lt;/a&gt;Classmate’s evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: A.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;The post I have evaluted is Raven.&lt;/p&gt;
+&lt;p&gt;They have done a good job describing the project’s goals, corner in the CAP theorem, download, and provide an extensive installation section.&lt;/p&gt;
+&lt;p&gt;They don’t seem to use some of WordPress features, such as lists, but otherwise the post is good and deserves an A grading.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Integrating Apache Tika into our Crawler</title><id>dist/integrating-apache-tika-into-our-crawler/index.html</id><updated>2020-03-24T23:00:00+00:00</updated><published>2020-03-17T23:00:00+00:00</published><summary>In our last crawler post</summary><content type="html" src="dist/integrating-apache-tika-into-our-crawler/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Integrating Apache Tika into our Crawler&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;&lt;a href=&quot;/blog/ribw/upgrading-our-baby-crawler/&quot;&gt;In our last crawler post&lt;/a&gt;, we detailed how our crawler worked, and although it did a fine job, it’s time for some extra upgrading.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-18&lt;br&gt;
+Modified 2020-03-25&lt;/div&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;what_kind_of_upgrades_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#what_kind_of_upgrades_&quot;&gt;¶&lt;/a&gt;What kind of upgrades?&lt;/h2&gt;
+&lt;p&gt;A small but useful one. We are adding support for file types that contain text but cannot be processed by normal text editors because they are structured and not just plain text (such as PDF files, Excel, Word documents…).&lt;/p&gt;
+&lt;p&gt;And for this task, we will make use of the help offered by &lt;a href=&quot;https://tika.apache.org/&quot;&gt;Tika&lt;/a&gt;, our friendly Apache tool.&lt;/p&gt;
+&lt;h2 id=&quot;what_is_tika_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#what_is_tika_&quot;&gt;¶&lt;/a&gt;What is Tika?&lt;/h2&gt;
+&lt;p&gt;&lt;a href=&quot;https://tika.apache.org/&quot;&gt;Tika&lt;/a&gt; is a set of libraries offered by &lt;a href=&quot;https://en.wikipedia.org/wiki/The_Apache_Software_Foundation&quot;&gt;The Apache Software Foundation&lt;/a&gt; that we can include in our project in order to extract the text and metadata of files from a &lt;a href=&quot;https://tika.apache.org/1.24/formats.html&quot;&gt;long list of supported formats&lt;/a&gt;.&lt;/p&gt;
+&lt;h2 id=&quot;changes_in_the_code&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#changes_in_the_code&quot;&gt;¶&lt;/a&gt;Changes in the code&lt;/h2&gt;
+&lt;p&gt;Not much has changed in the structure of the crawler, we simply have added a new method in &lt;code&gt;Utils&lt;/code&gt; that uses the class &lt;code&gt;Tika&lt;/code&gt; from the previously mentioned library so as to process and extract the text of more filetypes.&lt;/p&gt;
+&lt;p&gt;Then, we use this text just like we would for our standard text file (checking the thesaurus and adding it to the word map) and voilà! We have just added support for a big range of file types.&lt;/p&gt;
+&lt;h2 id=&quot;incorporating_gradle&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#incorporating_gradle&quot;&gt;¶&lt;/a&gt;Incorporating Gradle&lt;/h2&gt;
+&lt;p&gt;In order for the previous code to work, we need to make use of external libraries. To make this process easier and because the project is growing, we decided to use &lt;a href=&quot;https://gradle.org/&quot;&gt;Gradle&lt;/a&gt;, a build system that can be used for projects in various programming languages, such as Java.&lt;/p&gt;
+&lt;p&gt;We followed their &lt;a href=&quot;https://guides.gradle.org/building-java-applications/&quot;&gt;guide to Building Java Applications&lt;/a&gt;, and in a few steps added the required &lt;code&gt;.gradle&lt;/code&gt; files. Now we can compile and run the code without having to worry about juggling with Java and external dependencies in a single command:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;./gradlew run
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;download&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#download&quot;&gt;¶&lt;/a&gt;Download&lt;/h2&gt;
+&lt;p&gt;And here you can download the final result:&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;download removed&lt;/em&gt;&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Cassandra: Basic Operations and Architecture</title><id>dist/nosql-databases-basic-operations-and-architecture/index.html</id><updated>2020-03-23T23:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>This is the second post in the NoSQL Databases series, with a brief description on the basic operations (such as insertion, retrieval, indexing…), and complete execution along with the data model / architecture.</summary><content type="html" src="dist/nosql-databases-basic-operations-and-architecture/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Cassandra: Basic Operations and Architecture&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This is the second post in the NoSQL Databases series, with a brief description on the basic operations (such as insertion, retrieval, indexing…), and complete execution along with the data model / architecture.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-03-24&lt;/div&gt;
+&lt;p&gt;Other posts in this series:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/nosql-databases-an-introduction/&quot;&gt;Cassandra: an Introduction&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/nosql-databases-basic-operations-and-architecture/&quot;&gt;Cassandra: Basic Operations and Architecture&lt;/a&gt; (this post)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;hr /&gt;
+&lt;p&gt;Cassandra uses it own Query Language for managing the databases, it is known as **CQL **(&lt;strong&gt;Cassandra Query Language&lt;/strong&gt;). Cassandra stores data in &lt;strong&gt;&lt;em&gt;tables&lt;/em&gt;&lt;/strong&gt;, as in relational databases, and these tables are grouped in &lt;strong&gt;&lt;em&gt;keyspaces&lt;/em&gt;&lt;/strong&gt;. A keyspace defines a number of options that applies to all the tables it contains. The most used option is the **replication strategy. **It is recommended to have only one keyspace by application.&lt;/p&gt;
+&lt;p&gt;It is important to mention that &lt;strong&gt;tables and keyspaces&lt;/strong&gt; are** case insensitive**, so myTable is equivalent to mytable, but it is possible to &lt;strong&gt;force case sensitivity&lt;/strong&gt; using &lt;strong&gt;double-quotes&lt;/strong&gt;.&lt;/p&gt;
+&lt;p&gt;To begin with the basic operations it is necessary to deploy Cassandra:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Open a terminal in the root of the Apache Cassandra folder downloaded in the previous post.&lt;/li&gt;
+&lt;li&gt;Run the command:&lt;/li&gt;
+&lt;/ol&gt;
+&lt;pre&gt;&lt;code&gt;$ bin/cassandra
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Once Cassandra is deployed, it is time to open a** CQL Shell**, in &lt;strong&gt;other terminal&lt;/strong&gt;, with the command: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ bin/cqlsh
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;It is possible to check if Cassandra is deployed if the SQL Shell prints the next message:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;uwqQgQte-cuYb_pePFOuY58re23kngrDKNgL1qz4yOfnBDZkqMIH3fFuCrye.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;CQL Shell&lt;/em&gt;&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;create_insert&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#create_insert&quot;&gt;¶&lt;/a&gt;Create/Insert&lt;/h2&gt;
+&lt;h3 id=&quot;ddl_data_definition_language_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#ddl_data_definition_language_&quot;&gt;¶&lt;/a&gt;DDL (Data Definition Language)&lt;/h3&gt;
+&lt;h4 id=&quot;create_keyspace&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#create_keyspace&quot;&gt;¶&lt;/a&gt;Create keyspace&lt;/h4&gt;
+&lt;p&gt;A keyspace is created using a **CREATE KEYSPACE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;$ **CREATE** KEYSPACE [ **IF** **NOT** **EXISTS** ] keyspace_name **WITH** options;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The supported “&lt;strong&gt;options&lt;/strong&gt;” are:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;“&lt;strong&gt;replication&lt;/strong&gt;”: this is **mandatory **and defines the &lt;strong&gt;replication strategy&lt;/strong&gt; and the &lt;strong&gt;replication factor&lt;/strong&gt; (the number of nodes that will have a copy of the data). Within this option there is a property called “&lt;strong&gt;class&lt;/strong&gt;” in which the &lt;strong&gt;replication strategy&lt;/strong&gt; is specified (“SimpleStrategy” or “NetworkTopologyStrategy”)&lt;/li&gt;
+&lt;li&gt;“&lt;strong&gt;durable_writes&lt;/strong&gt;”: this is &lt;strong&gt;not mandatory&lt;/strong&gt; and it is possible to use the &lt;strong&gt;commit logs for updates&lt;/strong&gt;.
+Attempting to create an already existing keyspace will return an error unless the **IF NOT EXISTS **directive is used. &lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;The example associated to this statement is create a keyspace with name “test_keyspace” with “SimpleStrategy” as “class” of replication and a “replication_factor” of 3.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**CREATE** KEYSPACE test_keyspace
+    **WITH** **replication** = {'class': 'SimpleStrategy',
+                        'replication_factor' : 3};
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The **USE **statement allows to &lt;strong&gt;change&lt;/strong&gt; the current &lt;strong&gt;keyspace&lt;/strong&gt;. The syntax of this statement is very simple: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**USE** keyspace_name;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;RDWIG2RwvEevUFQv6TGFtGzRm4_9ERpxPf0feriflaj3alvWw3FEIAr_ZdF1.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;USE statement&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;It is also possible to get the metadata from a keyspace with the **DESCRIBE **statement.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DESCRIBE** KEYSPACES | KEYSPACE keyspace_name;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h4 id=&quot;create_table&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#create_table&quot;&gt;¶&lt;/a&gt;Create table&lt;/h4&gt;
+&lt;p&gt;Creating a new table uses the **CREATE TABLE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**CREATE** **TABLE** [ **IF** **NOT** **EXISTS** ] table_name
+    '('
+        column_definition
+        ( ',' column_definition )*
+        [ ',' **PRIMARY** **KEY** '(' primary_key ')' ]
+    ')' [ **WITH** table_options ];
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;With “column_definition” as: column_name cql_type [ STATIC ] [ PRIMARY KEY]; “primary_key” as: partition_key [ ‘,’ clustering_columns ]; and “table_options” as: COMPACT STORAGE [ AND table_options ] or CLUSTERING ORDER BY ‘(‘ clustering_order ‘)’ [ AND table_options ] or “options”.&lt;/p&gt;
+&lt;p&gt;Attempting to create an already existing table will return an error unless the &lt;strong&gt;IF NOT EXISTS&lt;/strong&gt; directive is used.&lt;/p&gt;
+&lt;p&gt;The &lt;strong&gt;CQL types&lt;/strong&gt; are described in the References section.&lt;/p&gt;
+&lt;p&gt;For example, we are going to create a table called “species_table” in the keyspace “test_keyspace” in which we will have a “species” text (as PRIMARY KEY), a “common_name” text, a “population” varint, a “average_size” int and a “sex” text. Besides, we are going to add a comment to the table: “Some species records”;&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**CREATE** **TABLE** species_table (
+    species text **PRIMARY** **KEY**,
+    common_name text,
+    population varint,
+    average_size **int**,
+    sex text,
+) **WITH** **comment**='Some species records';
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;It is also possible to get the metadata from a table with the **DESCRIBE **statement.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DESCRIBE** **TABLES** | **TABLE** [keyspace_name.]table_name;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h3 id=&quot;dml_data_manipulation_language_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#dml_data_manipulation_language_&quot;&gt;¶&lt;/a&gt;DML (Data Manipulation Language)&lt;/h3&gt;
+&lt;h4 id=&quot;insert_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#insert_data&quot;&gt;¶&lt;/a&gt;Insert data&lt;/h4&gt;
+&lt;p&gt;Inserting data for a row is done using an **INSERT **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**INSERT** **INTO** table_name ( names_values | json_clause )
+                      [ **IF** **NOT** **EXISTS** ]
+                      [ **USING** update_parameter ( **AND** update_parameter )* ];
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Where “names_values” is: names VALUES tuple_literal; “json_clause” is: JSON string [ DEFAULT ( NULL | UNSET ) ]; and “update_parameter” is usually: TTL.&lt;/p&gt;
+&lt;p&gt;For example we are going to use both VALUES and JSON clauses to insert data in the table “species_table”. In the VALUES clause it is necessary to supply the list of columns, not as in the JSON clause that is optional.&lt;/p&gt;
+&lt;p&gt;Note: TTL (Time To Live) and Timestamp are metrics for expiring data, so, when the time set is passed, the operation is expired.&lt;/p&gt;
+&lt;p&gt;In the VALUES clause we are going to insert a new specie called “White monkey”, with an average size of 3, its common name is “Copito de nieve”, population 0 and sex “male”.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**INSERT** **INTO** species_table (species, common_name, population, average_size, sex)
+                **VALUES** ('White monkey', 'Copito de nieve', 0, 3, 'male');
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;In the JSON clause we are going to insert a new specie called “Cloned sheep”, with an average size of 1, its common name is “Dolly the sheep”, population 0 and sex “female”.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**INSERT** **INTO** species_table JSON '{&amp;quot;species&amp;quot;: &amp;quot;Cloned Sheep&amp;quot;,
+                              &amp;quot;common_name&amp;quot;: &amp;quot;Dolly the Sheep&amp;quot;,
+                              &amp;quot;average_size&amp;quot;:1,
+                              &amp;quot;population&amp;quot;:0,
+                              &amp;quot;sex&amp;quot;: &amp;quot;female&amp;quot;}';
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Note: all updates for an **INSERT **are applied **atomically **and in &lt;strong&gt;isolation.&lt;/strong&gt;&lt;/p&gt;
+&lt;h2 id=&quot;read&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#read&quot;&gt;¶&lt;/a&gt;Read&lt;/h2&gt;
+&lt;p&gt;Querying data from data is done using a **SELECT **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**SELECT** [ JSON | **DISTINCT** ] ( select_clause | '*' )
+                      **FROM** table_name
+                      [ **WHERE** where_clause ]
+                      [ **GROUP** **BY** group_by_clause ]
+                      [ **ORDER** **BY** ordering_clause ]
+                      [ PER **PARTITION** **LIMIT** (**integer** | bind_marker) ]
+                      [ **LIMIT** (**integer** | bind_marker) ]
+                      [ ALLOW FILTERING ];
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The **CQL SELECT **statement is very **similar **to the **SQL SELECT **statement due to the fact that both allows filtering (&lt;strong&gt;WHERE&lt;/strong&gt;), grouping data (&lt;strong&gt;GROUP BY&lt;/strong&gt;), ordering the data (&lt;strong&gt;ORDER BY&lt;/strong&gt;) and limit the number of data (&lt;strong&gt;LIMIT&lt;/strong&gt;). Besides, **CQL offers **a **limit per partition **and allow the **filtering **of &lt;strong&gt;data&lt;/strong&gt;.&lt;/p&gt;
+&lt;p&gt;Note: as in SQL it it possible to set alias to the data with the statement &lt;strong&gt;AS.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;For example we are going to retrieve all the information about those values from the tables “species_table” which “sex” is “male”. Allow filtering is mandatory when there is a WHERE statement.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**SELECT** * **FROM** species_table **WHERE** sex = 'male' ALLOW FILTERING;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;s6GrKIGATvOSD7oGRNScUU5RnLN_-3X1JXvnVi_wDT_hrmPMZdnCdBI8DpIJ.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;SELECT statement&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Furthermore, we are going to test the SELECT JSON statement. For this, we are going to retrieve only the species name with a population of 0. &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**SELECT** JSON species **FROM** species_table **WHERE** population = 0 ALLOW FILTERING;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;Up_eHlqKQp2RI5XIbgPOvj1B5J3gLxz7v7EI0NDRgezQTipecdfDT6AQoso0.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;SELECT JSON statement&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;update&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#update&quot;&gt;¶&lt;/a&gt;Update&lt;/h2&gt;
+&lt;h3 id=&quot;ddl_data_definition_language__2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#ddl_data_definition_language__2&quot;&gt;¶&lt;/a&gt;DDL (Data Definition Language)&lt;/h3&gt;
+&lt;h4 id=&quot;alter_keyspace&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#alter_keyspace&quot;&gt;¶&lt;/a&gt;Alter keyspace&lt;/h4&gt;
+&lt;p&gt;The statement **ALTER KEYSPACE **allows to modify the options of a keyspace:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**ALTER** KEYSPACE keyspace_name **WITH** options;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Note: the supported **options **are the same than for creating a keyspace, “&lt;strong&gt;replication&lt;/strong&gt;” and “&lt;strong&gt;durable_writes&lt;/strong&gt;”.&lt;/p&gt;
+&lt;p&gt;The example associated to this statement is to modify the keyspace with name “test_keyspace” and set a “replication_factor” of 4.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**ALTER** KEYSPACE test_keyspace
+    **WITH** **replication** = {'class': 'SimpleStrategy', 'replication_factor' : 4};
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h4 id=&quot;alter_table&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#alter_table&quot;&gt;¶&lt;/a&gt;Alter table&lt;/h4&gt;
+&lt;p&gt;Altering an existing table uses the **ALTER TABLE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**ALTER** **TABLE** table_name alter_table_instruction;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Where “alter_table_instruction” can be: ADD column_name cql_type ( ‘,’ column_name cql_type )&lt;em&gt;; or DROP column_name ( column_name )&lt;/em&gt;; or WITH options&lt;/p&gt;
+&lt;p&gt;The example associated to this statement is to ADD a new column to the table “species_table”, called “extinct” with type “boolean”.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**ALTER** **TABLE** species_table **ADD** extinct **boolean**;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Another example is to DROP the column called “sex” from the table “species_table”.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**ALTER** **TABLE** species_table **DROP** sex;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Finally, alter the comment with the WITH clause and set the comment to “All species records”. &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**ALTER** **TABLE** species_table **WITH** **comment**='All species records';
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;These changes can be checked with the **DESCRIBE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DESCRIBE** **TABLE** species_table;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;xebKPqkWkn97YVHpRVXZYWvRUfeRUyCH-vPDs67aFaEeU53YTRbDOFscOlAr.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;DESCRIBE table&lt;/em&gt;&lt;/p&gt;
+&lt;h3 id=&quot;dml_data_manipulation_language__2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#dml_data_manipulation_language__2&quot;&gt;¶&lt;/a&gt;DML (Data Manipulation Language)&lt;/h3&gt;
+&lt;h4 id=&quot;update_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#update_data&quot;&gt;¶&lt;/a&gt;Update data&lt;/h4&gt;
+&lt;p&gt;Updating a row is done using an **UPDATE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**UPDATE** table_name
+[ **USING** update_parameter ( **AND** update_parameter )* ]
+**SET** assignment ( ',' assignment )*
+**WHERE** where_clause
+[ **IF** ( **EXISTS** | condition ( **AND** condition )*) ];
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Where the update_parameter is: ( TIMESTAMP | TTL) (integer | bind_marker)&lt;/p&gt;
+&lt;p&gt;It is important to mention that the **WHERE **clause is used to select the row to update and **must &lt;strong&gt;include ** all columns&lt;/strong&gt; composing the &lt;strong&gt;PRIMARY KEY.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;We are going to test this statement updating the column “extinct” to true to the column with name ‘White monkey’.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**UPDATE** species_table **SET** extinct = **true** **WHERE** species='White monkey';
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;IcaCe6VEC5c0ZQIygz-CiclzFyt491u7xPMg2muJLR8grmqaiUzkoQsVCoHf.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;SELECT statement&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;delete&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#delete&quot;&gt;¶&lt;/a&gt;Delete&lt;/h2&gt;
+&lt;h3 id=&quot;ddl_data_definition_language__3&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#ddl_data_definition_language__3&quot;&gt;¶&lt;/a&gt;DDL (Data Definition Language)&lt;/h3&gt;
+&lt;h4 id=&quot;drop_keyspace&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#drop_keyspace&quot;&gt;¶&lt;/a&gt;Drop keyspace&lt;/h4&gt;
+&lt;p&gt;Dropping a keyspace can be done using the **DROP KEYSPACE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DROP** KEYSPACE [ **IF** **EXISTS** ] keyspace_name;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;For example, drop the keyspace called “test_keyspace_2” if it exists:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DROP** KEYSPACE **IF** **EXISTS** test_keyspace_2;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;As this keyspace does not exists, this sentence will do nothing.&lt;/p&gt;
+&lt;h4 id=&quot;drop_table&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#drop_table&quot;&gt;¶&lt;/a&gt;Drop table&lt;/h4&gt;
+&lt;p&gt;Dropping a table uses the **DROP TABLE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DROP** **TABLE** [ **IF** **EXISTS** ] table_name;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;For example, drop the table called “species_2” if it exists: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DROP** **TABLE** **IF** **EXISTS** species_2;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;As this table does not exists, this sentence will do nothing.&lt;/p&gt;
+&lt;h4 id=&quot;truncate_table_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#truncate_table_&quot;&gt;¶&lt;/a&gt;Truncate (table)&lt;/h4&gt;
+&lt;p&gt;A table can be truncated using the **TRUNCATE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**TRUNCATE** [ **TABLE** ] table_name;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Do not execute this command now, because if you do it, you will need to insert the previous data again.&lt;/p&gt;
+&lt;p&gt;Note: as tables are the only object that can be truncated the keyword TABLE can be omitted.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;FOkhfpxlWFQCzcdfeWxLTy7wx5inDv0xwVeVhE79Pqtk3yYzWsZJnz_SBhUi.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;TRUNCATE statement&lt;/em&gt;&lt;/p&gt;
+&lt;h3 id=&quot;dml_data_manipulation_language__3&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#dml_data_manipulation_language__3&quot;&gt;¶&lt;/a&gt;DML (Data Manipulation Language)&lt;/h3&gt;
+&lt;h4 id=&quot;delete_data&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#delete_data&quot;&gt;¶&lt;/a&gt;Delete data&lt;/h4&gt;
+&lt;p&gt;Deleting rows or parts of rows uses the **DELETE **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DELETE** [ simple_selection ( ',' simple_selection ) ]
+                      **FROM** table_name
+                      [ **USING** update_parameter ( **AND** update_parameter )* ]
+                      **WHERE** where_clause
+                      [ **IF** ( **EXISTS** | condition ( **AND** condition )*) ]
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Now we are going to delete the value of the column “average_size” from “Cloned Sheep”. &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DELETE** average_size **FROM** species_table **WHERE** species = 'Cloned Sheep';
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;CyuQokVL5J9TAelq-WEWhNl6kFtbIYs0R1AeU5NX4EkG-YQI81mNHdnf2yWN.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;DELETE value statement&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;And we are going to delete the same row as mentioned before. &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DELETE** **FROM** species_table **WHERE** species = 'Cloned Sheep';
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;jvQ5cXJ5GTVQ6giVhBEpPJmrJw-zwKKyB9nsTm5PRcGSTzkmh-WO4kTeuLpB.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;DELETE row statement&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;batch&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#batch&quot;&gt;¶&lt;/a&gt;Batch&lt;/h2&gt;
+&lt;p&gt;Multiple &lt;strong&gt;INSERT&lt;/strong&gt;, **UPDATE **and **DELETE **can be executed in a &lt;strong&gt;single statement&lt;/strong&gt; by grouping them through a **BATCH **statement.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**BEGIN** [ UNLOGGED | COUNTER ] BATCH
+                            [ **USING** update_parameter ( **AND** update_parameter )* ]
+                            modification_statement ( ';' modification_statement )*
+                            APPLY BATCH;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Where modification_statement can be a insert_statement or an update_statement or a delete_statement.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;**UNLOGGED **means that either all operations in a batch eventually complete or none will.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;COUNTER&lt;/strong&gt; means that the updates are not idempotent, so each time we execute the updates in a batch, we will have different results.
+For example:&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code&gt;**BEGIN** BATCH
+   **INSERT** **INTO** species_table (species, common_name, population, average_size, extinct)
+                **VALUES** ('Blue Shark', 'Tiburillo', 30, 10, **false**);
+   **INSERT** **INTO** species_table (species, common_name, population, average_size, extinct)
+                **VALUES** ('Cloned sheep', 'Dolly the Sheep', 1, 1, **true**);
+   **UPDATE** species_table **SET** population = 2 **WHERE** species='Cloned sheep';
+   **DELETE** **FROM** species_table **WHERE** species =  'White monkey';
+APPLY BATCH;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;EL9Dac26o0FqkVoeAKmopEKQe0wWq-xYI14b9RzGxtUkFJA3i2eTiR6qkuuJ.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;BATCH statement&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;index&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#index&quot;&gt;¶&lt;/a&gt;Index&lt;/h2&gt;
+&lt;p&gt;CQL support creating secondary indexes on tables, allowing queries on the table to use those indexes. &lt;/p&gt;
+&lt;p&gt;**Creating **a secondary index on a table uses the **CREATE INDEX **statement:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**CREATE** [ CUSTOM ] **INDEX** [ **IF** **NOT** **EXISTS** ] [ index_name ]
+                                **ON** table_name '(' index_identifier ')'
+                                [ **USING** string [ **WITH** OPTIONS = map_literal ] ];
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;For example we are going to create a index called “population_idx” that is related to the column “population” in the table “species_table”.&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**CREATE** **INDEX** population_idx **ON** species_table (population);
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;**Dropping **a secondary index uses the &lt;strong&gt;DROP INDEX&lt;/strong&gt; statement: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DROP** **INDEX** [ **IF** **EXISTS** ] index_name;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Now, we are going to drop the previous index: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;**DROP** **INDEX** **IF** **EXISTS** population_idx;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://cassandra.apache.org/doc/latest/cql/ddl.html&quot;&gt;Cassandra CQL&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://techdifferences.com/difference-between-ddl-and-dml-in-dbms.html&quot;&gt;Differences between DML and DDL&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://docs.datastax.com/en/dse/5.1/cql/cql/cql_reference/cqlReferenceTOC.html&quot;&gt;Datastax CQL&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://cassandra.apache.org/doc/latest/cql/types.html#grammar-token-cql-type&quot;&gt;Cassandra CQL Types&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://cassandra.apache.org/doc/latest/cql/indexes.html&quot;&gt;Cassandra Index&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Upgrading our Baby Crawler</title><id>dist/upgrading-our-baby-crawler/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-03-10T23:00:00+00:00</published><summary>In our </summary><content type="html" src="dist/upgrading-our-baby-crawler/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Upgrading our Baby Crawler&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;In our &lt;a href=&quot;/blog/ribw/build-your-own-pc/&quot;&gt;last post on this series&lt;/a&gt;, we presented the code for our Personal Crawler. However, we didn’t quite explain what a crawler even is! We will use this moment to go a bit more in-depth, and make some upgrades to it.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-11&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;what_is_a_crawler_&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#what_is_a_crawler_&quot;&gt;¶&lt;/a&gt;What is a Crawler?&lt;/h2&gt;
+&lt;p&gt;A crawler is a program whose job is to analyze documents and extract data from them. For example, search engines like &lt;a href=&quot;http://duckduckgo.com/&quot;&gt;DuckDuckGo&lt;/a&gt;, &lt;a href=&quot;https://bing.com/&quot;&gt;Bing&lt;/a&gt; or &lt;a href=&quot;http://google.com/&quot;&gt;Google&lt;/a&gt; all have crawlers to analyze websites and build a database around them. They are some kind of «trackers», because they keep track of everything they find.&lt;/p&gt;
+&lt;p&gt;Their basic behaviour can be described as follows: given a starting list of URLs, follow them all and identify hyperlinks inside the documents. Add these to the list of links to follow, and repeat &lt;em&gt;ad infinitum&lt;/em&gt;.&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;This lets us create an index to quickly search across them all.&lt;/li&gt;
+&lt;li&gt;We can also identify broken links.&lt;/li&gt;
+&lt;li&gt;We can gather any other type of information that we found.
+Our crawler will work offline, within our own computer, scanning the text documents it finds on the root we tell it to scan.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;design_decissions&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#design_decissions&quot;&gt;¶&lt;/a&gt;Design Decissions&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;We will use Java. Its runtime is quite ubiquitous, so it should be able to run in virtually anywhere. The language is typed, which helps catch errors early on.&lt;/li&gt;
+&lt;li&gt;Our solution is iterative. While recursion can be seen as more elegants by some, iterative solutions are often more performant with less need for optimization.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;requirements&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#requirements&quot;&gt;¶&lt;/a&gt;Requirements&lt;/h2&gt;
+&lt;p&gt;If you don’t have Java installed yet, you can &lt;a href=&quot;https://java.com/en/download/&quot;&gt;Download Free Java Software&lt;/a&gt; from Oracle’s site. To compile the code, the &lt;a href=&quot;https://www.oracle.com/java/technologies/javase-jdk8-downloads.html&quot;&gt;Java Development Kit&lt;/a&gt; is also necessary.&lt;/p&gt;
+&lt;p&gt;We don’t depend on any other external libraries, for easier deployment and compilation.&lt;/p&gt;
+&lt;h2 id=&quot;implementation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#implementation&quot;&gt;¶&lt;/a&gt;Implementation&lt;/h2&gt;
+&lt;p&gt;Because the code was getting pretty large, it has been split into several files, and we have also upgraded it to use a Graphical User Interface instead! We decided to use Swing, based on the Java tutorial &lt;a href=&quot;https://docs.oracle.com/javase/tutorial/uiswing/&quot;&gt;Creating a GUI With JFC/Swing&lt;/a&gt;.&lt;/p&gt;
+&lt;h3 id=&quot;app&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#app&quot;&gt;¶&lt;/a&gt;App&lt;/h3&gt;
+&lt;p&gt;This file is the entry point of our application. Its job is to initialize the components, lay them out in the main panel, and connect the event handlers.&lt;/p&gt;
+&lt;p&gt;Most widgets are pretty standard, and are defined as class variables. However, some variables are notable. The &lt;code&gt;[DefaultTableModel](https://docs.oracle.com/javase/8/docs/api/javax/swing/table/DefaultTableModel.html)&lt;/code&gt; is used because it allows to &lt;a href=&quot;https://stackoverflow.com/a/22550106&quot;&gt;dynamically add rows&lt;/a&gt;, and we also have a &lt;code&gt;[SwingWorker](https://docs.oracle.com/javase/8/docs/api/javax/swing/SwingWorker.html)&lt;/code&gt; subclass responsible for performing the word analysis (which is quite CPU intensive and should not be ran in the UI thread!).&lt;/p&gt;
+&lt;p&gt;There’s a few utility methods to ease some common operations, such as &lt;code&gt;updateStatus&lt;/code&gt; which changes the status label in the main window, informing the user of the latest changes.&lt;/p&gt;
+&lt;h3 id=&quot;thesaurus&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#thesaurus&quot;&gt;¶&lt;/a&gt;Thesaurus&lt;/h3&gt;
+&lt;p&gt;A thesaurus is a collection of words or terms used to represent concepts. In literature this is commonly known as a dictionary.&lt;/p&gt;
+&lt;p&gt;On the subject of this project, we are using a thesaurus based on how relevant is a word for the meaning of a sentence, filtering out those that barely give us any information.&lt;/p&gt;
+&lt;p&gt;This file contains a simple thesaurus implementation, which can trivially be used as a normal or inverted thesaurus. However, we only treat it as inverted, and its job is loading itself and determining if words are valid or should otherwise be ignored.&lt;/p&gt;
+&lt;h3 id=&quot;utils&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#utils&quot;&gt;¶&lt;/a&gt;Utils&lt;/h3&gt;
+&lt;p&gt;Several utility functions used across the codebase.&lt;/p&gt;
+&lt;h3 id=&quot;wordmap&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#wordmap&quot;&gt;¶&lt;/a&gt;WordMap&lt;/h3&gt;
+&lt;p&gt;This file is the important one, and its implementation hasn’t changed much since our last post. Instances of a word map contain… wait for it… a map of words! It stores the mapping &lt;code&gt;word → count&lt;/code&gt; in memory, and offers methods to query the count of a word or iterate over the word count entries.&lt;/p&gt;
+&lt;p&gt;It can be loaded from cache or told to analyze a root path. Once an instance is created, additional files could be analyzed one by one if desired.&lt;/p&gt;
+&lt;h2 id=&quot;download&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#download&quot;&gt;¶&lt;/a&gt;Download&lt;/h2&gt;
+&lt;p&gt;The code was getting a bit too large to embed it within the blog post itself, so instead you can download it as a&lt;code&gt;.zip&lt;/code&gt; file.&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;download removed&lt;/em&gt;&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Cassandra: an Introduction</title><id>dist/cassandra-an-introduction/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-03-04T23:00:00+00:00</published><summary>This is the first post in the Cassandra series, where we will introduce the Cassandra database system and take a look at its features and installation methods.</summary><content type="html" src="dist/cassandra-an-introduction/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Cassandra: an Introduction&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This is the first post in the Cassandra series, where we will introduce the Cassandra database system and take a look at its features and installation methods.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-05&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;p&gt;Other posts in this series:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;/blog/ribw/cassandra-an-introduction/&quot;&gt;Cassandra: an Introduction&lt;/a&gt; (this post)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;This post is co-authored wih Classmate.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;div class=&quot;image-container&quot;&gt;
+&lt;img src=&quot;cassandra-database-e1584191543401.jpg&quot; alt=&quot;NoSQL database – Apache Cassandra – First delivery&quot; /&gt;
+&lt;div class=&quot;image-caption&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;purpose_of_technology&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#purpose_of_technology&quot;&gt;¶&lt;/a&gt;Purpose of technology&lt;/h2&gt;
+&lt;p&gt;Apache Cassandra is a &lt;strong&gt;NoSQL&lt;/strong&gt;, &lt;strong&gt;open-source&lt;/strong&gt;, &lt;strong&gt;distributed “key-value” database&lt;/strong&gt;. It allows &lt;strong&gt;large volumes of distributed data&lt;/strong&gt;. The main **goal **is provide &lt;strong&gt;linear scalability and availabilitywithout compromising performance&lt;/strong&gt;. Besides, Cassandra &lt;strong&gt;supports replication&lt;/strong&gt; across multiple datacenters, providing low latency. &lt;/p&gt;
+&lt;h2 id=&quot;how_it_works&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#how_it_works&quot;&gt;¶&lt;/a&gt;How it works&lt;/h2&gt;
+&lt;p&gt;Cassandra’s distributed **architecture **is based on a series of &lt;strong&gt;equal nodes&lt;/strong&gt; that communicate with a &lt;strong&gt;P2P protocol&lt;/strong&gt; so that &lt;strong&gt;redundancy is maximum&lt;/strong&gt;. It offers robust support for multiple datacenters, with &lt;strong&gt;asynchronous replication&lt;/strong&gt; without the need for a master server. &lt;/p&gt;
+&lt;p&gt;Besides, Cassandra’s &lt;strong&gt;data model consists of partitioning the rows&lt;/strong&gt;, which are rearranged into &lt;strong&gt;different tables&lt;/strong&gt;. The primary keys of each table have a first component that is the &lt;strong&gt;partition key&lt;/strong&gt;. Within a partition, the rows are grouped by the remaining columns of the key. The other columns can be indexed separately from the primary key.&lt;/p&gt;
+&lt;p&gt;These tables can be &lt;strong&gt;created, deleted, updated and queried****at runtime without blocking&lt;/strong&gt; each other. However it does &lt;strong&gt;not support joins or subqueries&lt;/strong&gt;, but instead &lt;strong&gt;emphasizes denormalization&lt;/strong&gt; through features like collections.&lt;/p&gt;
+&lt;p&gt;Nowadays, Cassandra uses its own query language called &lt;strong&gt;CQL&lt;/strong&gt; (&lt;strong&gt;Cassandra Query Language&lt;/strong&gt;), with a &lt;strong&gt;similar syntax to SQL&lt;/strong&gt;. It also allows access from &lt;strong&gt;JDBC&lt;/strong&gt;.&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;s0GHpggGZXOFcdhypRWV4trU-PkSI6lukEv54pLZnoirh0GlDVAc4LamB1Dy.png&quot; alt=&quot;&quot; /&gt;
+_ Cassandra architecture _&lt;/p&gt;
+&lt;h2 id=&quot;features&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#features&quot;&gt;¶&lt;/a&gt;Features&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Decentralized&lt;/strong&gt;: there are &lt;strong&gt;no single points of failure&lt;/strong&gt;, every **node **in the cluster has the &lt;strong&gt;same role&lt;/strong&gt; and there is &lt;strong&gt;no master node&lt;/strong&gt;, so each node &lt;strong&gt;can service any request&lt;/strong&gt;, besides the data is distributed across the cluster.&lt;/li&gt;
+&lt;li&gt;Supports **replication **and multiple replication of &lt;strong&gt;data center&lt;/strong&gt;: the replication strategies are &lt;strong&gt;configurable&lt;/strong&gt;. &lt;/li&gt;
+&lt;li&gt;**Scalability: **reading and writing performance increases linearly as new nodes are added, also &lt;strong&gt;new nodes&lt;/strong&gt; can be &lt;strong&gt;added without interrupting&lt;/strong&gt; application &lt;strong&gt;execution&lt;/strong&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Fault tolerance: data replication&lt;/strong&gt; is done **automatically **in several nodes in order to recover from failures. It is possible to &lt;strong&gt;replace failure nodes****without &lt;strong&gt;making&lt;/strong&gt; inactivity time or interruptions&lt;/strong&gt; to the application.&lt;/li&gt;
+&lt;li&gt;**Consistency: **a choice of consistency level is provided for &lt;strong&gt;reading and writing&lt;/strong&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;MapReduce support&lt;/strong&gt;: it is **integrated **with &lt;strong&gt;Apache Hadoop&lt;/strong&gt; to support MapReduce.&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Query language&lt;/strong&gt;: it has its own query language called **CQL (Cassandra Query Language) **&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 id=&quot;corner_in_cap_theorem&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#corner_in_cap_theorem&quot;&gt;¶&lt;/a&gt;Corner in CAP theorem&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Apache Cassandra&lt;/strong&gt; is usually described as an “&lt;strong&gt;AP&lt;/strong&gt;” system because it guarantees &lt;strong&gt;availability&lt;/strong&gt; and &lt;strong&gt;partition/fault tolerance&lt;/strong&gt;. So it errs on the side of ensuring data availability even if this means &lt;strong&gt;sacrificing consistency&lt;/strong&gt;. But, despite this fact, Apache Cassandra &lt;strong&gt;seeks to satisfy all three requirements&lt;/strong&gt; (Consistency, Availability and Fault tolerance) simultaneously and can be &lt;strong&gt;configured to behave&lt;/strong&gt; like a “&lt;strong&gt;CP&lt;/strong&gt;” database, guaranteeing &lt;strong&gt;consistency and partition/fault tolerance&lt;/strong&gt;. &lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;rf3n9LTOKCQVbx4qrn7NPSVcRcwE1LxR_khi-9Qc51Hcbg6BHHPu-0GZjUwD.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;Cassandra in CAP Theorem&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;download&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#download&quot;&gt;¶&lt;/a&gt;Download&lt;/h2&gt;
+&lt;p&gt;In order to download the file, with extension .tar.gz. you must visit the &lt;a href=&quot;https://cassandra.apache.org/download/&quot;&gt;download site&lt;/a&gt; and click on the file “&lt;a href=&quot;https://ftp.cixug.es/apache/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz&quot;&gt;https://ftp.cixug.es/apache/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz&lt;/a&gt;”. It is important to mention that the previous link is related to the 3.11.6 version.&lt;/p&gt;
+&lt;h2 id=&quot;installation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#installation&quot;&gt;¶&lt;/a&gt;Installation&lt;/h2&gt;
+&lt;p&gt;This database can only be installed on Linux distributions and Mac OS X systems, so, it is not possible to install it on Microsoft Windows.&lt;/p&gt;
+&lt;p&gt;The first main requirement is having installed Java 8 in &lt;strong&gt;Ubuntu&lt;/strong&gt;, the OS that we will use. Therefore, the Java 8 installation is explained below. First open a terminal and execute the next command:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;sudo apt update
+sudo apt install openjdk-8-jdk openjdk-8-jre
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;In order to establish Java as a environment variable it is needed to open the file “/.bashrc”: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;nano ~/.bashrc
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;And add at the end of it the path where Java is installed, as follows: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64/jre/
+export PATH=$PATH:$JAVA_HOME/bin
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;At this point, save the file and execute the next command, note that it does the same effect re-opening the terminal: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;source ~/.bashrc
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;In order to check if the Java environment variable is set correctly, run the next command: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;echo $JAVA_HOME
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;JUUmX5MIHynJR_K9EdCgKeJcpINeCGRRt2QRu4JLPtRhCVidOhcbWwVTQjyu.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;$JAVAHOME variable&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Afterwards, it is possible to check the installed Java version with the command: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;java -version
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;z9v1-0hpZwjI4U5UZej9cRGN5-Y4AZl0WUPWyQ_-JlzTAIvZtTFPnKY2xMQ_.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;Java version&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;The next requirement is having installed the latest version of Python 2.7. This can be checked with the command: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;python --version
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;If it is not installed, to install it, it is as simple as run the next command in the terminal: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;sudo apt install python
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Note: it is better to use “python2” instead of “python” because in that way, you force to user Python 2.7. Modern distributions will use Python 3 for the «python» command.&lt;/p&gt;
+&lt;p&gt;Therefore, it is possible to check the installed Python version with the command:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;python --version
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;&lt;img src=&quot;Ger5Vw_e1HIK84QgRub-BwGmzIGKasgiYb4jHdfRNRrvG4d6Msp_3Vk62-9i.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;Python version&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Once both requirements are ready, next step is to unzip the file previously downloaded, right click on the file and select “Extract here” or with the next command, on the directory where is the downloaded file. &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;tar -zxvf apache-cassandra-x.x.x-bin.tar.gz
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;In order to check if the installation is completed, you can execute the next command, in the root folder of the project. This will start Cassandra in a single node. &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;/bin/cassandra
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;It is possible to make a get some data from Cassandra with CQL (Cassandra Query Language). To check this execute the next command in another terminal. &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;/bin/cqlsh localhost
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Once CQL is open, type the next sentence and check the result: &lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;SELECT cluster_name, listen_address from system.local;
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The output should be:&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;miUO60A-RtyEAOOVFJqlkPRC18H4RKUhot6RWzhO9FmtzgTPOYHFtwxqgZEf.png&quot; alt=&quot;&quot; /&gt;
+&lt;em&gt;Sentence output&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Finally, the installation guide provided by the website of the database is attached in this &lt;a href=&quot;https://cassandra.apache.org/doc/latest/getting_started/installing.html&quot;&gt;installation guide&lt;/a&gt;. &lt;/p&gt;
+&lt;h2 id=&quot;references&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#references&quot;&gt;¶&lt;/a&gt;References&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://es.wikipedia.org/wiki/Apache_Cassandra&quot;&gt;Wikipedia&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://cassandra.apache.org/&quot;&gt;Apache Cassandra&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.datastax.com/blog/2019/05/how-apache-cassandratm-balances-consistency-availability-and-performance&quot;&gt;Datastax&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/&quot;&gt;yugabyte&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Privado: PC-Crawler evaluation</title><id>dist/pc-crawler-evaluation/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-03-03T23:00:00+00:00</published><summary>As the student </summary><content type="html" src="dist/pc-crawler-evaluation/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Privado: PC-Crawler evaluation&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;As the student &lt;code&gt;a(i)&lt;/code&gt; where &lt;code&gt;i = 9&lt;/code&gt;, I have been assigned to evaluate students &lt;code&gt;a(i + 3)&lt;/code&gt; and &lt;code&gt;a(i + 4)&lt;/code&gt;, these being:&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-03-04&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;ul&gt;
+&lt;li&gt;a12: Classmate (username)&lt;/li&gt;
+&lt;li&gt;a13: Classmate (username)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;classmate_s_evaluation&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation&quot;&gt;¶&lt;/a&gt;Classmate’s evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: B.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;I think they mix up a bit their considerations with program usage and how it works, not justifying why the considerations are the ones they chose, or what the alternatives would be.&lt;/p&gt;
+&lt;p&gt;The implementation notes are quite well-written. Even someone without knowledge of Java’s syntax can read the notes and more or less make sense of what’s going on, with the relevant code excerpts on each section.&lt;/p&gt;
+&lt;p&gt;Implementation-wise, some methods could definitely use some improvement:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;code&gt;esExtensionTextual&lt;/code&gt; is overly complicated. It could use a &lt;code&gt;for&lt;/code&gt; loop and Java’s &lt;code&gt;String.endsWith&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;code&gt;calcularFrecuencia&lt;/code&gt; has quite some duplication (e.g. &lt;code&gt;this.getFicherosYDirectorios().remove(0)&lt;/code&gt;) and could definitely be cleaned up.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;However, all the desired functionality is implemented.&lt;/p&gt;
+&lt;p&gt;Style-wise, some of the newlines and avoiding braces on &lt;code&gt;if&lt;/code&gt; and &lt;code&gt;while&lt;/code&gt; could be changed to improve the readability.&lt;/p&gt;
+&lt;p&gt;The post is written in Spanish, but uses some words that don’t translate well («remover» could better be said as «eliminar» or «quitar»).&lt;/p&gt;
+&lt;h2 id=&quot;classmate_s_evaluation_2&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#classmate_s_evaluation_2&quot;&gt;¶&lt;/a&gt;Classmate’s evaluation&lt;/h2&gt;
+&lt;p&gt;&lt;strong&gt;Grading: B.&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;Their post starts with an explanation on what a crawler is, common uses for them, and what type of crawler they will be developing. This is a very good start. Regarding the post style, it seems they are not properly using some of WordPress features, such as lists, and instead rely on paragraphs with special characters prefixing each list item.&lt;/p&gt;
+&lt;p&gt;The post also contains some details on how to install the requirements to run the program, which can be very useful for someone not used to working with Java.&lt;/p&gt;
+&lt;p&gt;They do not explain their implementation and the filename of the download has a typo.&lt;/p&gt;
+&lt;p&gt;Implementation-wise, the code seems to be well-organized, into several packages and files, although the naming is a bit inconsistent. They even designed a GUI, which is quite impressive.&lt;/p&gt;
+&lt;p&gt;Some of the methods are documented, although the code inside them is not very commented, including missing rationale for the data structures chosen. There also seem to be several other unused main functions, which I’m unsure why they were kept.&lt;/p&gt;
+&lt;p&gt;However, all the desired functionality is implemented.&lt;/p&gt;
+&lt;p&gt;Similar to Classmate, the code style could be improved and settled on some standard, as well as making use of Java features such as &lt;code&gt;for&lt;/code&gt; loops over iterators instead of manual loops.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Introduction to NoSQL</title><id>dist/introduction-to-nosql/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-02-24T23:00:00+00:00</published><summary>This post will primarly focus on the talk held in the </summary><content type="html" src="dist/introduction-to-nosql/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Introduction to NoSQL&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This post will primarly focus on the talk held in the &lt;a href=&quot;https://youtu.be/qI_g07C_Q5I&quot;&gt;GOTO 2012 conference: Introduction to NoSQL by Martin Fowler&lt;/a&gt;. It can be seen as an informal, summarized transcript of the talk&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-02-25&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;hr /&gt;
+&lt;p&gt;The relational database model is affected by the &lt;em&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Object-relational_impedance_mismatch&quot;&gt;impedance mismatch problem&lt;/a&gt;&lt;/em&gt;. This occurs because we have to match our high-level design with the separate columns and rows used by relational databases.&lt;/p&gt;
+&lt;p&gt;Taking the in-memory objects and putting them into a relational database (which were dominant at the time) simply didn’t work out. Why? Relational databases were more than just databases, they served as a an integration mechanism across applications, up to the 2000s. For 20 years!&lt;/p&gt;
+&lt;p&gt;With the rise of the Internet and the sheer amount of traffic, databases needed to scale. Unfortunately, relational databases only scale well vertically (by upgrading a &lt;em&gt;single&lt;/em&gt; node). This is &lt;em&gt;very&lt;/em&gt; expensive, and not something many could afford.&lt;/p&gt;
+&lt;p&gt;The problem are those pesky &lt;code&gt;JOIN&lt;/code&gt;‘s, and its friends &lt;code&gt;GROUP BY&lt;/code&gt;. Because our program and reality model don’t match the tables used by SQL, we have to rely on them to query the data. It is because the model doesn’t map directly.&lt;/p&gt;
+&lt;p&gt;Furthermore, graphs don’t map very well at all to relational models.&lt;/p&gt;
+&lt;p&gt;We needed a way to scale horizontally (by increasing the &lt;em&gt;amount&lt;/em&gt; of nodes), something relational databases were not designed to do.&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;&lt;em&gt;We need to do something different, relational across nodes is an unnatural act&lt;/em&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;This inspired the NoSQL movement.&lt;/p&gt;
+&lt;blockquote&gt;
+&lt;p&gt;&lt;em&gt;#nosql was only meant to be a hashtag to advertise it, but unfortunately it’s how it is called now&lt;/em&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;It is not possible to define NoSQL, but we can identify some of its characteristics:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;
+&lt;p&gt;Non-relational&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Cluster-friendly&lt;/strong&gt; (this was the original spark)&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Open-source (until now, generally)&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;21st century web culture&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;Schema-less (easier integration or conjugation of several models, structure aggregation)
+These databases use different data models to those used by the relational model. However, it is possible to identify 4 broad chunks (some may say 3, or even 2!):&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Key-value store&lt;/strong&gt;. With a certain key, you obtain the value corresponding to it. It knows nothing else, nor does it care. We say the data is opaque.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Document-based&lt;/strong&gt;. It stores an entire mass of documents with complex structure, normally through the use of JSON (XML has been left behind). Then, you can ask for certain fields, structures, or portions. We say the data is transparent.&lt;/p&gt;
+&lt;/li&gt;
+&lt;li&gt;
+&lt;p&gt;&lt;strong&gt;Column-family&lt;/strong&gt;. There is a «row key», and within it we store multiple «column families» (columns that fit together, our aggregate). We access by row-key and column-family name.
+All of these kind of serve to store documents without any &lt;em&gt;explicit&lt;/em&gt; schema. Just shove in anything! This gives a lot of flexibility and ease of migration, except… that’s not really true. There’s an &lt;em&gt;implicit&lt;/em&gt; schema when querying.&lt;/p&gt;
+&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;For example, a query where we may do &lt;code&gt;anOrder['price'] * anOrder['quantity']&lt;/code&gt; is assuming that &lt;code&gt;anOrder&lt;/code&gt; has both a &lt;code&gt;price&lt;/code&gt; and a &lt;code&gt;quantity&lt;/code&gt;, and that both of these can be multiplied together. «Schema-less» is a fuzzy term.&lt;/p&gt;
+&lt;p&gt;However, it is the lack of a &lt;em&gt;fixed&lt;/em&gt; schema that gives flexibility.&lt;/p&gt;
+&lt;p&gt;One could argue that the line between key-value and document-based is very fuzzy, and they would be right! Key-value databases often let you include additional metadata that behaves like an index, and in document-based, documents often have an identifier anyway.&lt;/p&gt;
+&lt;p&gt;The common notion between these three types is what matters. They save an entire structure as an &lt;em&gt;unit&lt;/em&gt;. We can refer to these as «Aggregate Oriented Databases». Aggregate, because we group things when designing or modeling our systems, as opposed to relational databases that scatter the information across many tables.&lt;/p&gt;
+&lt;p&gt;There exists a notable outlier, though, and that’s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Graph&lt;/strong&gt; databases. They use a node-and-arc graph structure. They are great for moving on relationships across things. Ironically, relational databases are not very good at jumping across relationships! It is possibly to perform very interesting queries in graph databases which would be really hard and costly on relational models. Unlike the aggregated databases, graphs break things into even smaller units.
+NoSQL is not &lt;em&gt;the&lt;/em&gt; solution. It depends on how you’ll work with your data. Do you need an aggregate database? Will you have a lot of relationships? Or would the relational model be good fit for you?&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;NoSQL, however, is a good fit for large-scale projects (data will &lt;em&gt;always&lt;/em&gt; grow) and faster development (the impedance mismatch is drastically reduced).&lt;/p&gt;
+&lt;p&gt;Regardless of our choice, it is important to remember that NoSQL is a young technology, which is still evolving really fast (SQL has been stable for &lt;em&gt;decades&lt;/em&gt;). But the &lt;em&gt;polyglot persistence&lt;/em&gt; is what matters. One must know the alternatives, and be able to choose.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;p&gt;Relational databases have the well-known ACID properties: Atomicity, Consistency, Isolation and Durability.&lt;/p&gt;
+&lt;p&gt;NoSQL (except graph-based!) are about being BASE instead: Basically Available, Soft state, Eventual consistency.&lt;/p&gt;
+&lt;p&gt;SQL needs transactions because we don’t want to perform a read while we’re only half-way done with a write! The readers and writers are the problem, and ensuring consistency results in a performance hit, even if the risk is low (two writers are extremely rare but it still must be handled).&lt;/p&gt;
+&lt;p&gt;NoSQL on the other hand doesn’t need ACID because the aggregate &lt;em&gt;is&lt;/em&gt; the transaction boundary. Even before NoSQL itself existed! Any update is atomic by nature. When updating many documents it &lt;em&gt;is&lt;/em&gt; a problem, but this is very rare.&lt;/p&gt;
+&lt;p&gt;We have to distinguish between logical and replication consistency. During an update and if a conflict occurs, it must be resolved to preserve the logical consistency. Replication consistency on the other hand is preserveed when distributing the data across many machines, for example during sharding or copies.&lt;/p&gt;
+&lt;p&gt;Replication buys us more processing power and resillence (at the cost of more storage) in case some of the nodes die. But what happens if what dies is the communication across the nodes? We could drop the requests and preserve the consistency, or accept the risk to continue and instead preserve the availability.&lt;/p&gt;
+&lt;p&gt;The choice on whether trading consistency for availability is acceptable or not depends on the domain rules. It is the domain’s choice, the business people will choose. If you’re Amazon, you always want to be able to sell, but if you’re a bank, you probably don’t want your clients to have negative numbers in their account!&lt;/p&gt;
+&lt;p&gt;Regardless of what we do, in a distributed system, the CAP theorem always applies: Consistecy, Availability, Partitioning-tolerancy (error tolerancy). It is &lt;strong&gt;impossible&lt;/strong&gt; to guarantee all 3 at 100%. Most of the times, it does work, but it is mathematically impossible to guarantee at 100%.&lt;/p&gt;
+&lt;p&gt;A database has to choose what to give up at some point. When designing a distributed system, this must be considered. Normally, the choice is made between consistency or response time.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;further_reading&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#further_reading&quot;&gt;¶&lt;/a&gt;Further reading&lt;/h2&gt;
+&lt;ul&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.martinfowler.com/articles/nosql-intro-original.pdf&quot;&gt;The future is: &lt;del&gt;NoSQL Databases&lt;/del&gt; Polyglot Persistence&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href=&quot;https://www.thoughtworks.com/insights/blog/nosql-databases-overview&quot;&gt;NoSQL Databases: An Overview&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>Build your own PC</title><id>dist/build-your-own-pc/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-02-24T23:00:00+00:00</published><summary>…where PC obviously stands for Personal Crawler</summary><content type="html" src="dist/build-your-own-pc/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;Build your own PC&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;&lt;em&gt;…where PC obviously stands for Personal Crawler&lt;/em&gt;.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-02-25&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;hr /&gt;
+&lt;p&gt;This post contains the source code for a very simple crawler written in Java. You can compile and run it on any file or directory, and it will calculate the frequency of all the words it finds.&lt;/p&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;source_code&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#source_code&quot;&gt;¶&lt;/a&gt;Source code&lt;/h2&gt;
+&lt;p&gt;Paste the following code in a new file called &lt;code&gt;Crawl.java&lt;/code&gt;:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;import java.io.*;
+import java.util.*;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+class Crawl {
+	// Regex used to tokenize the words from a line of text
+	private final static Pattern WORDS = Pattern.compile(&amp;quot;\\w+&amp;quot;);
+
+	// The file where we will cache our results
+	private final static File INDEX_FILE = new File(&amp;quot;index.bin&amp;quot;);
+
+	// Helper method to determine if a file is a text file or not
+	private static boolean isTextFile(File file) {
+		String name = file.getName().toLowerCase();
+		return name.endsWith(&amp;quot;.txt&amp;quot;)
+				|| name.endsWith(&amp;quot;.java&amp;quot;)
+				|| name.endsWith(&amp;quot;.c&amp;quot;)
+				|| name.endsWith(&amp;quot;.cpp&amp;quot;)
+				|| name.endsWith(&amp;quot;.h&amp;quot;)
+				|| name.endsWith(&amp;quot;.hpp&amp;quot;)
+				|| name.endsWith(&amp;quot;.html&amp;quot;)
+				|| name.endsWith(&amp;quot;.css&amp;quot;)
+				|| name.endsWith(&amp;quot;.js&amp;quot;);
+	}
+
+	// Normalizes a string by converting it to lowercase and removing accents
+	private static String normalize(String string) {
+		return string.toLowerCase()
+				.replace(&amp;quot;á&amp;quot;, &amp;quot;a&amp;quot;)
+				.replace(&amp;quot;é&amp;quot;, &amp;quot;e&amp;quot;)
+				.replace(&amp;quot;í&amp;quot;, &amp;quot;i&amp;quot;)
+				.replace(&amp;quot;ó&amp;quot;, &amp;quot;o&amp;quot;)
+				.replace(&amp;quot;ú&amp;quot;, &amp;quot;u&amp;quot;);
+	}
+
+	// Recursively fills the map with the count of words found on all the text files
+	static void fillWordMap(Map&amp;lt;String, Integer&amp;gt; map, File root) throws IOException {
+		// Our file queue begins with the root
+		Queue&amp;lt;File&amp;gt; fileQueue = new ArrayDeque&amp;lt;&amp;gt;();
+		fileQueue.add(root);
+
+		// For as long as the queue is not empty...
+		File file;
+		while ((file = fileQueue.poll()) != null) {
+			if (!file.exists() || !file.canRead()) {
+				// ...ignore files for which we don't have permission...
+				System.err.println(&amp;quot;warning: cannot read file: &amp;quot; + file);
+			} else if (file.isDirectory()) {
+				// ...else if it's a directory, extend our queue with its files...
+				File[] files = file.listFiles();
+				if (files == null) {
+					System.err.println(&amp;quot;warning: cannot list dir: &amp;quot; + file);
+				} else {
+					fileQueue.addAll(Arrays.asList(files));
+				}
+			} else if (isTextFile(file)) {
+				// ...otherwise, count the words in the file.
+				countWordsInFile(map, file);
+			}
+		}
+	}
+
+	// Counts the words in a single file and adds the count to the map.
+	public static void countWordsInFile(Map&amp;lt;String, Integer&amp;gt; map, File file) throws IOException {
+		BufferedReader reader = new BufferedReader(new FileReader(file));
+
+		String line;
+		while ((line = reader.readLine()) != null) {
+			Matcher matcher = WORDS.matcher(line);
+			while (matcher.find()) {
+				String token = normalize(matcher.group());
+				Integer count = map.get(token);
+				if (count == null) {
+					map.put(token, 1);
+				} else {
+					map.put(token, count + 1);
+				}
+			}
+		}
+
+		reader.close();
+	}
+
+	// Prints the map of word count to the desired output stream.
+	public static void printWordMap(Map&amp;lt;String, Integer&amp;gt; map, PrintStream writer) {
+		List&amp;lt;String&amp;gt; keys = new ArrayList&amp;lt;&amp;gt;(map.keySet());
+		Collections.sort(keys);
+		for (String key : keys) {
+			writer.println(key + &amp;quot;\t&amp;quot; + map.get(key));
+		}
+	}
+
+	@SuppressWarnings(&amp;quot;unchecked&amp;quot;)
+	public static void main(String[] args) throws IOException, ClassNotFoundException {
+		// Validate arguments
+		if (args.length == 1 &amp;amp;&amp;amp; args[0].equals(&amp;quot;--help&amp;quot;)) {
+			System.err.println(&amp;quot;usage: java Crawl [input]&amp;quot;);
+			return;
+		}
+
+		File root = new File(args.length &amp;gt; 0 ? args[0] : &amp;quot;.&amp;quot;);
+
+		// Loading or generating the map where we aggregate the data  {word: count}
+		Map&amp;lt;String, Integer&amp;gt; map;
+		if (INDEX_FILE.isFile()) {
+			System.err.println(&amp;quot;Found existing index file: &amp;quot; + INDEX_FILE);
+			try (ObjectInputStream ois = new ObjectInputStream(new FileInputStream(INDEX_FILE))) {
+				map = (Map&amp;lt;String, Integer&amp;gt;) ois.readObject();
+			}
+		} else {
+			System.err.println(&amp;quot;Index file not found: &amp;quot; + INDEX_FILE + &amp;quot;; indexing...&amp;quot;);
+			map = new TreeMap&amp;lt;&amp;gt;();
+			fillWordMap(map, root);
+			// Cache the results to avoid doing the work a next time
+			try (ObjectOutputStream out = new ObjectOutputStream(new FileOutputStream(INDEX_FILE))) {
+				out.writeObject(map);
+			}
+		}
+
+		// Ask the user in a loop to query for words
+		Scanner scanner = new Scanner(System.in);
+		while (true) {
+			System.out.print(&amp;quot;Escriba palabra a consultar (o Enter para salir): &amp;quot;);
+			System.out.flush();
+			String line = scanner.nextLine().trim();
+			if (line.isEmpty()) {
+				break;
+			}
+
+			line = normalize(line);
+			Integer count = map.get(line);
+			if (count == null) {
+				System.out.println(String.format(&amp;quot;La palabra \&amp;quot;%s\&amp;quot; no está presente&amp;quot;, line));
+			} else if (count == 1) {
+				System.out.println(String.format(&amp;quot;La palabra \&amp;quot;%s\&amp;quot; está presente 1 vez&amp;quot;, line));
+			} else {
+				System.out.println(String.format(&amp;quot;La palabra \&amp;quot;%s\&amp;quot; está presente %d veces&amp;quot;, line, count));
+			}
+		}
+	}
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;It can be compiled and executed as follows:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;javac Crawl.java
+java Crawl
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;Instead of copy-pasting the code, you may also download it as a &lt;code&gt;.zip&lt;/code&gt;:&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;(contents removed)&lt;/em&gt;&lt;/p&gt;
+&lt;h2 id=&quot;addendum&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#addendum&quot;&gt;¶&lt;/a&gt;Addendum&lt;/h2&gt;
+&lt;p&gt;The following simple function can be used if one desires to print the contents of a file:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;public static void printFile(File file) {
+	if (isTextFile(file)) {
+		System.out.println('\n' + file.getName());
+		try (BufferedReader reader = new BufferedReader(new FileReader(file))) {
+			String line;
+			while ((line = reader.readLine()) != null) {
+				System.out.println(line);
+			}
+		} catch (FileNotFoundException ignored) {
+			System.err.println(&amp;quot;warning: file disappeared while reading: &amp;quot; + file);
+		} catch (IOException e) {
+			e.printStackTrace();
+		}
+	}
+}
+&lt;/code&gt;&lt;/pre&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry><entry><title>About Boolean Retrieval</title><id>dist/about-boolean-retrieval/index.html</id><updated>2020-03-17T23:00:00+00:00</updated><published>2020-02-24T23:00:00+00:00</published><summary>This entry will discuss the section on the </summary><content type="html" src="dist/about-boolean-retrieval/index.html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta charset=&quot;utf-8&quot; /&gt;
+&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
+&lt;title&gt;About Boolean Retrieval&lt;/title&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;main&gt;
+&lt;p&gt;This entry will discuss the section on the &lt;em&gt;&lt;a href=&quot;https://nlp.stanford.edu/IR-book/pdf/01bool.pdf&quot;&gt;Boolean retrieval&lt;/a&gt;&lt;/em&gt; section of the book &lt;em&gt;&lt;a href=&quot;https://nlp.stanford.edu/IR-book/pdf/irbookprint.pdf&quot;&gt;An Introduction to Information Retrieval&lt;/a&gt;&lt;/em&gt;.&lt;/p&gt;
+&lt;div class=&quot;date-created-modified&quot;&gt;Created 2020-02-25&lt;br&gt;
+Modified 2020-03-18&lt;/div&gt;
+&lt;h2 class=&quot;title&quot; id=&quot;summary_on_the_topic&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#summary_on_the_topic&quot;&gt;¶&lt;/a&gt;Summary on the topic&lt;/h2&gt;
+&lt;p&gt;Boolean retrieval is one of the many ways information retrieval (finding materials that satisfy an information need), often simply called &lt;em&gt;search&lt;/em&gt;.&lt;/p&gt;
+&lt;p&gt;A simple way to retrieve information is to &lt;em&gt;grep&lt;/em&gt; through the text (term named after the Unix tool &lt;code&gt;grep&lt;/code&gt;), scanning text linearly and excluding it on certain criteria. However, this falls short when the volume of the data grows, more complex queries are desired, or one seeks some sort of ranking.&lt;/p&gt;
+&lt;p&gt;To avoid linear scanning, we build an &lt;em&gt;index&lt;/em&gt; and record for each document whether it contains each term out of our full dictionary of terms (which may be words in a chapter and words in the book). This results in a binary term-document &lt;em&gt;incidence matrix&lt;/em&gt;. Such a possible matrix is:&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;em&gt;
+     word/play
+    &lt;/em&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Antony and Cleopatra
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Julius Caesar
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     The Tempest
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     …
+    &lt;/strong&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Antony
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Brutus
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Caesar
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Calpurnia
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Cleopatra
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     mercy
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     worser
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    0
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     …
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;We can look at this matrix’s rows or columns to obtain a vector for each term indicating where it appears, or a vector for each document indicating the terms it contains.&lt;/p&gt;
+&lt;p&gt;Now, answering a query such as &lt;code&gt;Brutus AND Caesar AND NOT Calpurnia&lt;/code&gt; becomes trivial:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;VECTOR(Brutus) AND VECTOR(Caesar) AND COMPLEMENT(VECTOR(Calpurnia))
+= 110 AND 110 AND COMPLEMENT(010)
+= 110 AND 110 AND 101
+= 100
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;The query is only satisfied for our first column.&lt;/p&gt;
+&lt;p&gt;The &lt;em&gt;Boolean retrieval model&lt;/em&gt; is thus a model that treats documents as a set of terms, in which we can perform any query in the form of Boolean expressions of terms, combined with &lt;code&gt;OR&lt;/code&gt;, &lt;code&gt;AND&lt;/code&gt;, and &lt;code&gt;NOT&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;Now, building such a matrix is often not feasible due to the sheer amount of data (say, a matrix with 500,000 terms across 1,000,000 documents, each with roughly 1,000 terms). However, it is important to notice that most of the terms will be &lt;em&gt;missing&lt;/em&gt; when examining each document. In our example, this means 99.8% or more of the cells will be 0. We can instead record the &lt;em&gt;positions&lt;/em&gt; of the 1’s. This is known as an &lt;em&gt;inverted index&lt;/em&gt;.&lt;/p&gt;
+&lt;p&gt;The inverted index is a dictionary of terms, each containing a list that records in which documents it appears (&lt;em&gt;postings&lt;/em&gt;). Applied to boolean retrieval, we would:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Collects the documents to be indexed, assign a unique identifier each&lt;/li&gt;
+&lt;li&gt;Tokenize the text in the documents into a list of terms&lt;/li&gt;
+&lt;li&gt;Normalize the tokens, which now become indexing terms&lt;/li&gt;
+&lt;li&gt;Index the documents&lt;/li&gt;
+&lt;/ol&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Dictionary
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     Postings
+    &lt;/strong&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Brutus
+   &lt;/td&gt;
+   &lt;td&gt;
+    1, 2, 4, 11, 31, 45, 173, 174
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Caesar
+   &lt;/td&gt;
+   &lt;td&gt;
+    1, 2, 4, 5, 6, 16, 57, 132, …
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    Calpurnia
+   &lt;/td&gt;
+   &lt;td&gt;
+    2, 31, 54, 101
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    …
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;Sort the pairs &lt;code&gt;(term, document_id)&lt;/code&gt; so that the terms are alphabetical, and merge multiple occurences into one. Group instances of the same term and split again into a sorted list of postings.&lt;/p&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     term
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     document_id
+    &lt;/strong&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    I
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    did
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    …
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    with
+   &lt;/td&gt;
+   &lt;td&gt;
+    2
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     term
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     document_id
+    &lt;/strong&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    be
+   &lt;/td&gt;
+   &lt;td&gt;
+    2
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    brutus
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    brutus
+   &lt;/td&gt;
+   &lt;td&gt;
+    2
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    …
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;table class=&quot;&quot;&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     term
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     frequency
+    &lt;/strong&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+    &lt;strong&gt;
+     postings list
+    &lt;/strong&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    be
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    2
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    brutus
+   &lt;/td&gt;
+   &lt;td&gt;
+    2
+   &lt;/td&gt;
+   &lt;td&gt;
+    1, 2
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    capitol
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+   &lt;td&gt;
+    1
+   &lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    …
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+   &lt;td&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;p&gt;Intersecting posting lists now becomes of transversing both lists in order:&lt;/p&gt;
+&lt;pre&gt;&lt;code&gt;Brutus   : 1 -&amp;gt; 2 -&amp;gt; 4 -&amp;gt; 11 -&amp;gt; 31 -&amp;gt; 45 -&amp;gt;           173 -&amp;gt; 174
+Calpurnia:      2 -&amp;gt;            31 -&amp;gt;       54 -&amp;gt; 101
+Intersect:      2 -&amp;gt;            31
+&lt;/code&gt;&lt;/pre&gt;
+&lt;p&gt;A simple conjunctive query (e.g. &lt;code&gt;Brutus AND Calpurnia&lt;/code&gt;) is executed as follows:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Locate &lt;code&gt;Brutus&lt;/code&gt; in the dictionary&lt;/li&gt;
+&lt;li&gt;Retrieve its postings&lt;/li&gt;
+&lt;li&gt;Locate &lt;code&gt;Calpurnia&lt;/code&gt; in the dictionary&lt;/li&gt;
+&lt;li&gt;Retrieve its postings&lt;/li&gt;
+&lt;li&gt;Intersect (&lt;em&gt;merge&lt;/em&gt;) both postings&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;Since the lists are sorted, walking both of them can be done in &lt;em&gt;O(n)&lt;/em&gt; time. By also storing the frequency, we can optimize the order in which we execute arbitrary queries, although we won’t go into detail.&lt;/p&gt;
+&lt;h2 id=&quot;thoughts&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#thoughts&quot;&gt;¶&lt;/a&gt;Thoughts&lt;/h2&gt;
+&lt;p&gt;The boolean retrieval model can be implemented with relative ease, and can help with storage and efficient querying of the information if we intend to perform boolean queries.&lt;/p&gt;
+&lt;p&gt;However, the basic design lacks other useful operations, such as a «near» operator, or the ability to rank the results.&lt;/p&gt;
+&lt;p&gt;All in all, it’s an interesting way to look at the data and query it efficiently.&lt;/p&gt;
+&lt;/main&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+ </content></entry></feed>

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/build-your-own-pc/index.html
            
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Build your own PC</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p><em>…where PC obviously stands for Personal Crawler</em>.</p>
+<div class="date-created-modified">Created 2020-02-25<br>
+Modified 2020-03-18</div>
+<hr />
+<p>This post contains the source code for a very simple crawler written in Java. You can compile and run it on any file or directory, and it will calculate the frequency of all the words it finds.</p>
+<h2 class="title" id="source_code"><a class="anchor" href="#source_code">¶</a>Source code</h2>
+<p>Paste the following code in a new file called <code>Crawl.java</code>:</p>
+<pre><code>import java.io.*;
+import java.util.*;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+class Crawl {
+	// Regex used to tokenize the words from a line of text
+	private final static Pattern WORDS = Pattern.compile(&quot;\\w+&quot;);
+
+	// The file where we will cache our results
+	private final static File INDEX_FILE = new File(&quot;index.bin&quot;);
+
+	// Helper method to determine if a file is a text file or not
+	private static boolean isTextFile(File file) {
+		String name = file.getName().toLowerCase();
+		return name.endsWith(&quot;.txt&quot;)
+				|| name.endsWith(&quot;.java&quot;)
+				|| name.endsWith(&quot;.c&quot;)
+				|| name.endsWith(&quot;.cpp&quot;)
+				|| name.endsWith(&quot;.h&quot;)
+				|| name.endsWith(&quot;.hpp&quot;)
+				|| name.endsWith(&quot;.html&quot;)
+				|| name.endsWith(&quot;.css&quot;)
+				|| name.endsWith(&quot;.js&quot;);
+	}
+
+	// Normalizes a string by converting it to lowercase and removing accents
+	private static String normalize(String string) {
+		return string.toLowerCase()
+				.replace(&quot;á&quot;, &quot;a&quot;)
+				.replace(&quot;é&quot;, &quot;e&quot;)
+				.replace(&quot;í&quot;, &quot;i&quot;)
+				.replace(&quot;ó&quot;, &quot;o&quot;)
+				.replace(&quot;ú&quot;, &quot;u&quot;);
+	}
+
+	// Recursively fills the map with the count of words found on all the text files
+	static void fillWordMap(Map&lt;String, Integer&gt; map, File root) throws IOException {
+		// Our file queue begins with the root
+		Queue&lt;File&gt; fileQueue = new ArrayDeque&lt;&gt;();
+		fileQueue.add(root);
+
+		// For as long as the queue is not empty...
+		File file;
+		while ((file = fileQueue.poll()) != null) {
+			if (!file.exists() || !file.canRead()) {
+				// ...ignore files for which we don't have permission...
+				System.err.println(&quot;warning: cannot read file: &quot; + file);
+			} else if (file.isDirectory()) {
+				// ...else if it's a directory, extend our queue with its files...
+				File[] files = file.listFiles();
+				if (files == null) {
+					System.err.println(&quot;warning: cannot list dir: &quot; + file);
+				} else {
+					fileQueue.addAll(Arrays.asList(files));
+				}
+			} else if (isTextFile(file)) {
+				// ...otherwise, count the words in the file.
+				countWordsInFile(map, file);
+			}
+		}
+	}
+
+	// Counts the words in a single file and adds the count to the map.
+	public static void countWordsInFile(Map&lt;String, Integer&gt; map, File file) throws IOException {
+		BufferedReader reader = new BufferedReader(new FileReader(file));
+
+		String line;
+		while ((line = reader.readLine()) != null) {
+			Matcher matcher = WORDS.matcher(line);
+			while (matcher.find()) {
+				String token = normalize(matcher.group());
+				Integer count = map.get(token);
+				if (count == null) {
+					map.put(token, 1);
+				} else {
+					map.put(token, count + 1);
+				}
+			}
+		}
+
+		reader.close();
+	}
+
+	// Prints the map of word count to the desired output stream.
+	public static void printWordMap(Map&lt;String, Integer&gt; map, PrintStream writer) {
+		List&lt;String&gt; keys = new ArrayList&lt;&gt;(map.keySet());
+		Collections.sort(keys);
+		for (String key : keys) {
+			writer.println(key + &quot;\t&quot; + map.get(key));
+		}
+	}
+
+	@SuppressWarnings(&quot;unchecked&quot;)
+	public static void main(String[] args) throws IOException, ClassNotFoundException {
+		// Validate arguments
+		if (args.length == 1 &amp;&amp; args[0].equals(&quot;--help&quot;)) {
+			System.err.println(&quot;usage: java Crawl [input]&quot;);
+			return;
+		}
+
+		File root = new File(args.length &gt; 0 ? args[0] : &quot;.&quot;);
+
+		// Loading or generating the map where we aggregate the data  {word: count}
+		Map&lt;String, Integer&gt; map;
+		if (INDEX_FILE.isFile()) {
+			System.err.println(&quot;Found existing index file: &quot; + INDEX_FILE);
+			try (ObjectInputStream ois = new ObjectInputStream(new FileInputStream(INDEX_FILE))) {
+				map = (Map&lt;String, Integer&gt;) ois.readObject();
+			}
+		} else {
+			System.err.println(&quot;Index file not found: &quot; + INDEX_FILE + &quot;; indexing...&quot;);
+			map = new TreeMap&lt;&gt;();
+			fillWordMap(map, root);
+			// Cache the results to avoid doing the work a next time
+			try (ObjectOutputStream out = new ObjectOutputStream(new FileOutputStream(INDEX_FILE))) {
+				out.writeObject(map);
+			}
+		}
+
+		// Ask the user in a loop to query for words
+		Scanner scanner = new Scanner(System.in);
+		while (true) {
+			System.out.print(&quot;Escriba palabra a consultar (o Enter para salir): &quot;);
+			System.out.flush();
+			String line = scanner.nextLine().trim();
+			if (line.isEmpty()) {
+				break;
+			}
+
+			line = normalize(line);
+			Integer count = map.get(line);
+			if (count == null) {
+				System.out.println(String.format(&quot;La palabra \&quot;%s\&quot; no está presente&quot;, line));
+			} else if (count == 1) {
+				System.out.println(String.format(&quot;La palabra \&quot;%s\&quot; está presente 1 vez&quot;, line));
+			} else {
+				System.out.println(String.format(&quot;La palabra \&quot;%s\&quot; está presente %d veces&quot;, line, count));
+			}
+		}
+	}
+}
+</code></pre>
+<p>It can be compiled and executed as follows:</p>
+<pre><code>javac Crawl.java
+java Crawl
+</code></pre>
+<p>Instead of copy-pasting the code, you may also download it as a <code>.zip</code>:</p>
+<p><em>(contents removed)</em></p>
+<h2 id="addendum"><a class="anchor" href="#addendum">¶</a>Addendum</h2>
+<p>The following simple function can be used if one desires to print the contents of a file:</p>
+<pre><code>public static void printFile(File file) {
+	if (isTextFile(file)) {
+		System.out.println('\n' + file.getName());
+		try (BufferedReader reader = new BufferedReader(new FileReader(file))) {
+			String line;
+			while ((line = reader.readLine()) != null) {
+				System.out.println(line);
+			}
+		} catch (FileNotFoundException ignored) {
+			System.err.println(&quot;warning: file disappeared while reading: &quot; + file);
+		} catch (IOException e) {
+			e.printStackTrace();
+		}
+	}
+}
+</code></pre>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/cassandra-an-introduction/index.html
            
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Cassandra: an Introduction</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This is the first post in the Cassandra series, where we will introduce the Cassandra database system and take a look at its features and installation methods.</p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-03-18</div>
+<p>Other posts in this series:</p>
+<ul>
+<li><a href="/blog/ribw/cassandra-an-introduction/">Cassandra: an Introduction</a> (this post)</li>
+</ul>
+<p>This post is co-authored wih Classmate.</p>
+<hr />
+<div class="image-container">
+<img src="cassandra-database-e1584191543401.jpg" alt="NoSQL database – Apache Cassandra – First delivery" />
+<div class="image-caption"></div>
+</div>
+<p>
+<h2 class="title" id="purpose_of_technology"><a class="anchor" href="#purpose_of_technology">¶</a>Purpose of technology</h2>
+<p>Apache Cassandra is a <strong>NoSQL</strong>, <strong>open-source</strong>, <strong>distributed “key-value” database</strong>. It allows <strong>large volumes of distributed data</strong>. The main **goal **is provide <strong>linear scalability and availabilitywithout compromising performance</strong>. Besides, Cassandra <strong>supports replication</strong> across multiple datacenters, providing low latency. </p>
+<h2 id="how_it_works"><a class="anchor" href="#how_it_works">¶</a>How it works</h2>
+<p>Cassandra’s distributed **architecture **is based on a series of <strong>equal nodes</strong> that communicate with a <strong>P2P protocol</strong> so that <strong>redundancy is maximum</strong>. It offers robust support for multiple datacenters, with <strong>asynchronous replication</strong> without the need for a master server. </p>
+<p>Besides, Cassandra’s <strong>data model consists of partitioning the rows</strong>, which are rearranged into <strong>different tables</strong>. The primary keys of each table have a first component that is the <strong>partition key</strong>. Within a partition, the rows are grouped by the remaining columns of the key. The other columns can be indexed separately from the primary key.</p>
+<p>These tables can be <strong>created, deleted, updated and queried****at runtime without blocking</strong> each other. However it does <strong>not support joins or subqueries</strong>, but instead <strong>emphasizes denormalization</strong> through features like collections.</p>
+<p>Nowadays, Cassandra uses its own query language called <strong>CQL</strong> (<strong>Cassandra Query Language</strong>), with a <strong>similar syntax to SQL</strong>. It also allows access from <strong>JDBC</strong>.</p>
+<p><img src="s0GHpggGZXOFcdhypRWV4trU-PkSI6lukEv54pLZnoirh0GlDVAc4LamB1Dy.png" alt="" />
+_ Cassandra architecture _</p>
+<h2 id="features"><a class="anchor" href="#features">¶</a>Features</h2>
+<ul>
+<li><strong>Decentralized</strong>: there are <strong>no single points of failure</strong>, every **node **in the cluster has the <strong>same role</strong> and there is <strong>no master node</strong>, so each node <strong>can service any request</strong>, besides the data is distributed across the cluster.</li>
+<li>Supports **replication **and multiple replication of <strong>data center</strong>: the replication strategies are <strong>configurable</strong>. </li>
+<li>**Scalability: **reading and writing performance increases linearly as new nodes are added, also <strong>new nodes</strong> can be <strong>added without interrupting</strong> application <strong>execution</strong>.</li>
+<li><strong>Fault tolerance: data replication</strong> is done **automatically **in several nodes in order to recover from failures. It is possible to <strong>replace failure nodes****without <strong>making</strong> inactivity time or interruptions</strong> to the application.</li>
+<li>**Consistency: **a choice of consistency level is provided for <strong>reading and writing</strong>.</li>
+<li><strong>MapReduce support</strong>: it is **integrated **with <strong>Apache Hadoop</strong> to support MapReduce.</li>
+<li><strong>Query language</strong>: it has its own query language called **CQL (Cassandra Query Language) **</li>
+</ul>
+<h2 id="corner_in_cap_theorem"><a class="anchor" href="#corner_in_cap_theorem">¶</a>Corner in CAP theorem</h2>
+<p><strong>Apache Cassandra</strong> is usually described as an “<strong>AP</strong>” system because it guarantees <strong>availability</strong> and <strong>partition/fault tolerance</strong>. So it errs on the side of ensuring data availability even if this means <strong>sacrificing consistency</strong>. But, despite this fact, Apache Cassandra <strong>seeks to satisfy all three requirements</strong> (Consistency, Availability and Fault tolerance) simultaneously and can be <strong>configured to behave</strong> like a “<strong>CP</strong>” database, guaranteeing <strong>consistency and partition/fault tolerance</strong>. </p>
+<p><img src="rf3n9LTOKCQVbx4qrn7NPSVcRcwE1LxR_khi-9Qc51Hcbg6BHHPu-0GZjUwD.png" alt="" />
+<em>Cassandra in CAP Theorem</em></p>
+<h2 id="download"><a class="anchor" href="#download">¶</a>Download</h2>
+<p>In order to download the file, with extension .tar.gz. you must visit the <a href="https://cassandra.apache.org/download/">download site</a> and click on the file “<a href="https://ftp.cixug.es/apache/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz">https://ftp.cixug.es/apache/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz</a>”. It is important to mention that the previous link is related to the 3.11.6 version.</p>
+<h2 id="installation"><a class="anchor" href="#installation">¶</a>Installation</h2>
+<p>This database can only be installed on Linux distributions and Mac OS X systems, so, it is not possible to install it on Microsoft Windows.</p>
+<p>The first main requirement is having installed Java 8 in <strong>Ubuntu</strong>, the OS that we will use. Therefore, the Java 8 installation is explained below. First open a terminal and execute the next command:</p>
+<pre><code>sudo apt update
+sudo apt install openjdk-8-jdk openjdk-8-jre
+</code></pre>
+<p>In order to establish Java as a environment variable it is needed to open the file “/.bashrc”: </p>
+<pre><code>nano ~/.bashrc
+</code></pre>
+<p>And add at the end of it the path where Java is installed, as follows: </p>
+<pre><code>export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64/jre/
+export PATH=$PATH:$JAVA_HOME/bin
+</code></pre>
+<p>At this point, save the file and execute the next command, note that it does the same effect re-opening the terminal: </p>
+<pre><code>source ~/.bashrc
+</code></pre>
+<p>In order to check if the Java environment variable is set correctly, run the next command: </p>
+<pre><code>echo $JAVA_HOME
+</code></pre>
+<p><img src="JUUmX5MIHynJR_K9EdCgKeJcpINeCGRRt2QRu4JLPtRhCVidOhcbWwVTQjyu.png" alt="" />
+<em>$JAVAHOME variable</em></p>
+<p>Afterwards, it is possible to check the installed Java version with the command: </p>
+<pre><code>java -version
+</code></pre>
+<p><img src="z9v1-0hpZwjI4U5UZej9cRGN5-Y4AZl0WUPWyQ_-JlzTAIvZtTFPnKY2xMQ_.png" alt="" />
+<em>Java version</em></p>
+<p>The next requirement is having installed the latest version of Python 2.7. This can be checked with the command: </p>
+<pre><code>python --version
+</code></pre>
+<p>If it is not installed, to install it, it is as simple as run the next command in the terminal: </p>
+<pre><code>sudo apt install python
+</code></pre>
+<p>Note: it is better to use “python2” instead of “python” because in that way, you force to user Python 2.7. Modern distributions will use Python 3 for the «python» command.</p>
+<p>Therefore, it is possible to check the installed Python version with the command:</p>
+<pre><code>python --version
+</code></pre>
+<p><img src="Ger5Vw_e1HIK84QgRub-BwGmzIGKasgiYb4jHdfRNRrvG4d6Msp_3Vk62-9i.png" alt="" />
+<em>Python version</em></p>
+<p>Once both requirements are ready, next step is to unzip the file previously downloaded, right click on the file and select “Extract here” or with the next command, on the directory where is the downloaded file. </p>
+<pre><code>tar -zxvf apache-cassandra-x.x.x-bin.tar.gz
+</code></pre>
+<p>In order to check if the installation is completed, you can execute the next command, in the root folder of the project. This will start Cassandra in a single node. </p>
+<pre><code>/bin/cassandra
+</code></pre>
+<p>It is possible to make a get some data from Cassandra with CQL (Cassandra Query Language). To check this execute the next command in another terminal. </p>
+<pre><code>/bin/cqlsh localhost
+</code></pre>
+<p>Once CQL is open, type the next sentence and check the result: </p>
+<pre><code>SELECT cluster_name, listen_address from system.local;
+</code></pre>
+<p>The output should be:</p>
+<p><img src="miUO60A-RtyEAOOVFJqlkPRC18H4RKUhot6RWzhO9FmtzgTPOYHFtwxqgZEf.png" alt="" />
+<em>Sentence output</em></p>
+<p>Finally, the installation guide provided by the website of the database is attached in this <a href="https://cassandra.apache.org/doc/latest/getting_started/installing.html">installation guide</a>. </p>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://es.wikipedia.org/wiki/Apache_Cassandra">Wikipedia</a></li>
+<li><a href="https://cassandra.apache.org/">Apache Cassandra</a></li>
+<li><a href="https://www.datastax.com/blog/2019/05/how-apache-cassandratm-balances-consistency-availability-and-performance">Datastax</a></li>
+<li><a href="https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/">yugabyte</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/cassandra-an-introduction/z9v1-0hpZwjI4U5UZej9cRGN5-Y4AZl0WUPWyQ_-JlzTAIvZtTFPnKY2xMQ_.png
            

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/css/style.css
            
@@ -0,0 +1,130 @@
+/* containers */
+
+body {
+    background-color: #fffff0;
+    margin: 0;
+}
+
+main {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 10px 20px;
+    background-color: #fffff0;
+}
+
+/* titles and special */
+
+h1.title {
+    text-align: center;
+    font-family: serif;
+    font-size: 2.5em;
+    font-weight: lighter;
+    font-variant-caps: small-caps;
+    border-bottom: 4px double #000;
+}
+
+h1, h2 {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #000;
+}
+
+h1:not(.title):hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
+    opacity: 1;
+}
+
+.anchor {
+    float: left;
+    padding-right: 0.4ch;
+    margin-left: -1.3ch;
+    opacity: 0;
+    transition: opacity 150ms;
+}
+
+/* body text */
+
+p, li {
+    font-family: sans-serif;
+    font-size: 1.1em;
+    line-height: 1.5;
+    text-align: justify;
+}
+
+a {
+    text-decoration: none;
+    color: #f74c00;
+    border-bottom: 0 dashed rgba(0, 0, 0, 0);
+    transition: color 300ms, border-bottom 300ms;
+}
+
+a:hover {
+    color: #e33b26;
+    border-bottom: 1px solid #e33b26;
+}
+
+blockquote {
+    border-left: 4px solid #000;
+    padding-left: 8px;
+    font-style: italic;
+    color: #444;
+}
+
+.footnote:target {
+    background-color: rgba(255, 255, 0, 0.2);
+}
+
+/* code listing */
+
+pre {
+    background-color: #eee;
+    padding: 4px;
+    overflow: auto;
+    max-height: 480px;
+}
+
+/* tables */
+
+table {
+    border-collapse: collapse;
+}
+
+th {
+    background-color: #f7f7e8;
+}
+
+th, td {
+    padding: 0.5em;
+    border: 1px solid #aaa;
+}
+
+tr:nth-child(even) {
+    background-color: #f7f7e8;
+}
+
+/* misc */
+
+p.time {
+    text-align: right;
+    font-style: italic;
+    color: #777;
+    font-size: 0.9em;
+}
+
+hr {
+    border: 0;
+    border-bottom: 2px dashed #aaa;
+}
+
+kbd {
+    padding: 3px 5px;
+    font: 0.9em monospace;
+    color: #333;
+    background-color: #fafafa;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    box-shadow: 0 2px 0 #ddd;
+}
+
+::selection {
+    background-color: #f74c00;
+    color: #fff;
+}


          

          

        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/developing-a-python-application-for-mongodb/index.html
            
@@ -0,0 +1,657 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Developing a Python application for MongoDB</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This is the third and last post in the MongoDB series, where we will develop a Python application to process and store OpenData inside Mongo.</p>
+<div class="date-created-modified">Created 2020-03-25<br>
+Modified 2020-04-16</div>
+<p>Other posts in this series:</p>
+<ul>
+<li><a href="/blog/ribw/mongodb-an-introduction/">MongoDB: an Introduction</a></li>
+<li><a href="/blog/ribw/mongodb-basic-operations-and-architecture/">MongoDB: Basic Operations and Architecture</a></li>
+<li><a href="/blog/ribw/developing-a-python-application-for-mongodb/">Developing a Python application for MongoDB</a> (this post)</li>
+</ul>
+<p>This post is co-authored wih a Classmate.</p>
+<hr />
+<h2 class="title" id="what_are_we_making_"><a class="anchor" href="#what_are_we_making_">¶</a>What are we making?</h2>
+<p>We are going to develop a web application that renders a map, in this case, the town of Cáceres, with which users can interact. When the user clicks somewhere on the map, the selected location will be sent to the server to process. This server will perform geospatial queries to Mongo and once the results are ready, the information is presented back at the webpage.</p>
+<p>The data used for the application comes from <a href="https://opendata.caceres.es/">Cáceres’ OpenData</a>, and our goal is that users will be able to find information about certain areas in a quick and intuitive way, such as precise coordinates, noise level, and such.</p>
+<h2 id="what_are_we_using_"><a class="anchor" href="#what_are_we_using_">¶</a>What are we using?</h2>
+<p>The web application will be using <a href="https://python.org/">Python</a> for the backend, <a href="https://svelte.dev/">Svelte</a> for the frontend, and <a href="https://www.mongodb.com/">Mongo</a> as our storage database and processing center.</p>
+<ul>
+<li><strong>Why Python?</strong> It’s a comfortable language to write and to read, and has a great ecosystem with <a href="https://pypi.org/">plenty of libraries</a>.</li>
+<li><strong>Why Svelte?</strong> Svelte is the New Thing<strong>™</strong> in the world of component frameworks for JavaScript. It is similar to React or Vue, but compiled and with a lot less boilerplate. Check out their <a href="https://svelte.dev/blog/svelte-3-rethinking-reactivity">Svelte post</a> to learn more.</li>
+<li><strong>Why Mongo?</strong> We believe NoSQL is the right approach for doing the kind of processing and storage that we expect, and it’s <a href="https://docs.mongodb.com/">very easy to use</a>. In addition, we will be making Geospatial Queries which <a href="https://docs.mongodb.com/manual/geospatial-queries/">Mongo supports</a>.</li>
+</ul>
+<p>Why didn’t we choose to make a smaller project, you may ask? You will be shocked to hear that we do not have an answer for that!</p>
+<p>Note that we will not be embedding <strong>all</strong> the code of the project in this post, or it would be too long! We will include only the relevant snippets needed to understand the core ideas of the project, and not the unnecessary parts of it (for example, parsing configuration files to easily change the port where the server runs is not included).</p>
+<h2 id="python_dependencies"><a class="anchor" href="#python_dependencies">¶</a>Python dependencies</h2>
+<p>Because we will program it in Python, you need Python installed. You can install it using a package manager of your choice or heading over to the <a href="https://www.python.org/downloads/">Python downloads section</a>, but if you’re on Linux, chances are you have it installed already.</p>
+<p>Once Python 3.7 or above is installed, install <a href="https://motor.readthedocs.io/en/stable/"><code>motor</code> (Asynchronous Python driver for MongoDB)</a> and the <a href="https://docs.aiohttp.org/en/stable/web.html"><code>aiohttp</code> server</a> through <code>pip</code>:</p>
+<pre><code>pip install aiohttp motor
+</code></pre>
+<p>Make sure that Mongo is running in the background (this has been described in previous posts), and we should be able to get to work.</p>
+<h2 id="web_dependencies"><a class="anchor" href="#web_dependencies">¶</a>Web dependencies</h2>
+<p>To work with Svelte and its dependencies, we will need <code>[npm](https://www.npmjs.com/)</code> which comes with <a href="https://nodejs.org/en/">NodeJS</a>, so go and <a href="https://nodejs.org/en/download/">install Node from their site</a>. The download will be different depending on your operating system.</p>
+<p>Following <a href="https://svelte.dev/blog/the-easiest-way-to-get-started">the easiest way to get started with Svelte</a>, we will put our project in a <code>client/</code> folder (because this is what the clients see, the frontend). Feel free to tinker a bit with the configuration files to change the name and such, although this isn’t relevant for the rest of the post.</p>
+<h2 id="finding_the_data"><a class="anchor" href="#finding_the_data">¶</a>Finding the data</h2>
+<p>We are going to work with the JSON files provided by <a href="http://opendata.caceres.es/">OpenData Cáceres</a>. In particular, we want information about the noise, census, vias and trees. To save you the time from <a href="http://opendata.caceres.es/dataset">searching each of these</a>, we will automate the download with code.</p>
+<p>If you want to save the data offline or just know what data we’ll be using for other purposes though, you can right click on the following links and select «Save Link As…» with the name of the link:</p>
+<ul>
+<li><code>[noise.json](http://opendata.caceres.es/GetData/GetData?dataset=om:MedicionRuido&amp;format=json)</code></li>
+<li><code>[census.json](http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionPadron&amp;year=2017&amp;format=json)</code></li>
+<li><code>[vias.json](http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionPadron&amp;year=2017&amp;format=json)</code></li>
+<li><code>[trees.json](http://opendata.caceres.es/GetData/GetData?dataset=om:Arbol&amp;format=json)</code></li>
+</ul>
+<h2 id="backend"><a class="anchor" href="#backend">¶</a>Backend</h2>
+<p>It’s time to get started with some code! We will put it in a <code>server/</code> folder because it will contain the Python server, that is, the backend of our application.</p>
+<p>We are using <code>aiohttp</code> because we would like our server to be <code>async</code>. We don’t expect a lot of users at the same time, but it’s good to know our server would be well-designed for that use-case. As a bonus, it makes IO points clear in the code, which can help reason about it. The implicit synchronization between <code>await</code> is also a nice bonus.</p>
+<h3 id="saving_the_data_in_mongo"><a class="anchor" href="#saving_the_data_in_mongo">¶</a>Saving the data in Mongo</h3>
+<p>Before running the server, we must ensure that the data we need is already stored and indexed in Mongo. Our <code>server/data.py</code> will take care of downloading the files, cleaning them up a little (Cáceres’ OpenData can be a bit awkward sometimes), inserting them into Mongo and indexing them.</p>
+<p>Downloading the JSON data can be done with <code>[ClientSession.get](https://aiohttp.readthedocs.io/en/stable/client_reference.html#aiohttp.ClientSession.get)</code>. We also take this opportunity to clean up the messy encoding from the JSON, which does not seem to be UTF-8 in some cases.</p>
+<pre><code>async def load_json(session, url):
+    fixes = [(old, new.encode('utf-8')) for old, new in [
+        (b'\xc3\x83\\u2018', 'Ñ'),
+        (b'\xc3\x83\\u0081', 'Á'),
+        (b'\xc3\x83\\u2030', 'É'),
+        (b'\xc3\x83\\u008D', 'Í'),
+        (b'\xc3\x83\\u201C', 'Ó'),
+        (b'\xc3\x83\xc5\xa1', 'Ú'),
+        (b'\xc3\x83\xc2\xa1', 'á'),
+    ]]
+
+    async with session.get(url) as resp:
+        data = await resp.read()
+
+    # Yes, this feels inefficient, but it's not really worth improving.
+    for old, new in fixes:
+        data = data.replace(old, new)
+
+    data = data.decode('utf-8')
+    return json.loads(data)
+</code></pre>
+<p>Later on, it can be reused for the various different URLs:</p>
+<pre><code>import aiohttp
+
+NOISE_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:MedicionRuido&amp;format=json'
+# (...other needed URLs here)
+
+async def insert_to_db(db):
+    async with aiohttp.ClientSession() as session:
+        data = await load_json(session, NOISE_URL)
+        # now we have the JSON data cleaned up, ready to be parsed
+</code></pre>
+<h3 id="data_model"><a class="anchor" href="#data_model">¶</a>Data model</h3>
+<p>With the JSON data in our hands, it’s time to parse it. Always remember to <a href="https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/">parse, don’t validate</a>. With <a href="https://docs.python.org/3/library/dataclasses.html">Python 3.7 <code>dataclasses</code></a> it’s trivial to define classes that will store only the fields we care about, typed, and with proper names:</p>
+<pre><code>from dataclasses import dataclass
+
+Longitude = float
+Latitude = float
+
+@dataclass
+class GSON:
+    type: str
+    coordinates: (Longitude, Latitude)
+
+@dataclass
+class Noise:
+    id: int
+    geo: GSON
+    level: float
+</code></pre>
+<p>This makes it really easy to see that, if we have a <code>Noise</code>, we can access its <code>geo</code> data which is a <code>GSON</code> with a <code>type</code> and <code>coordinates</code>, having <code>Longitude</code> and <code>Latitude</code> respectively. <code>dataclasses</code> and <code>[typing](https://docs.python.org/3/library/typing.html)</code> make dealing with this very easy and clear.</p>
+<p>Every dataclass will be on its own collection inside Mongo, and these are:</p>
+<ul>
+<li>
+<p>Noise</p>
+</li>
+<li>
+<p>Integer <code>id</code></p>
+</li>
+<li>
+<p>GeoJSON <code>geo</code></p>
+</li>
+<li>
+<p>String <code>type</code></p>
+</li>
+<li>
+<p>Longitude-latitude pair <code>coordinates</code></p>
+</li>
+<li>
+<p>Floating-point number <code>level</code></p>
+</li>
+<li>
+<p>Tree</p>
+</li>
+<li>
+<p>String <code>name</code></p>
+</li>
+<li>
+<p>String <code>gender</code></p>
+</li>
+<li>
+<p>Integer <code>units</code></p>
+</li>
+<li>
+<p>Floating-point number <code>height</code></p>
+</li>
+<li>
+<p>Floating-point number <code>cup_diameter</code></p>
+</li>
+<li>
+<p>Floating-point number <code>trunk_diameter</code></p>
+</li>
+<li>
+<p>Optional string <code>variety</code></p>
+</li>
+<li>
+<p>Optional string <code>distribution</code></p>
+</li>
+<li>
+<p>GeoJSON <code>geo</code></p>
+</li>
+<li>
+<p>Optional string <code>irrigation</code></p>
+</li>
+<li>
+<p>Census</p>
+</li>
+<li>
+<p>Integer <code>year</code></p>
+</li>
+<li>
+<p>Via <code>via</code></p>
+</li>
+<li>
+<p>String <code>name</code></p>
+</li>
+<li>
+<p>String <code>kind</code></p>
+</li>
+<li>
+<p>Integer <code>code</code></p>
+</li>
+<li>
+<p>Optional string <code>history</code></p>
+</li>
+<li>
+<p>Optional string <code>old_name</code></p>
+</li>
+<li>
+<p>Optional floating-point number <code>length</code></p>
+</li>
+<li>
+<p>Optional GeoJSON <code>start</code></p>
+</li>
+<li>
+<p>GeoJSON <code>middle</code></p>
+</li>
+<li>
+<p>Optional GeoJSON <code>end</code></p>
+</li>
+<li>
+<p>Optional list with geometry pairs <code>geometry</code></p>
+</li>
+<li>
+<p>Integer <code>count</code></p>
+</li>
+<li>
+<p>Mapping year-to-count <code>count_per_year</code></p>
+</li>
+<li>
+<p>Mapping gender-to-count <code>count_per_gender</code></p>
+</li>
+<li>
+<p>Mapping nationality-to-count <code>count_per_nationality</code></p>
+</li>
+<li>
+<p>Integer <code>time_year</code></p>
+</li>
+</ul>
+<p>Now, let’s define a method to actually parse the JSON and yield instances from these new data classes:</p>
+<pre><code>@classmethod
+def iter_from_json(cls, data):
+    for row in data['results']['bindings']:
+        noise_id = int(row['uri']['value'].split('/')[-1])
+        long = float(row['geo_long']['value'])
+        lat = float(row['geo_lat']['value'])
+        level = float(row['om_nivelRuido']['value'])
+
+        yield cls(
+            id=noise_id,
+            geo=GSON(type='Point', coordinates=[long, lat]),
+            level=level
+        )
+</code></pre>
+<p>Here we iterate over the input JSON <code>data</code> bindings and <code>yield cls</code> instances with more consistent naming than the original one. We also extract the data from the many unnecessary nested levels of the JSON and have something a lot flatter to work with.</p>
+<p>For those of you who don’t know what <code>yield</code> does (after all, not everyone is used to seeing generators), here’s two functions that work nearly the same:</p>
+<pre><code>def squares_return(n):
+    result = []
+    for i in range(n):
+        result.append(n ** 2)
+    return result
+
+def squares_yield(n):
+    for i in range(n):
+        yield n ** 2
+</code></pre>
+<p>The difference is that the one with <code>yield</code> is «lazy» and doesn’t need to do all the work up-front. It will generate (yield) more values as they are needed when you use a <code>for</code> loop. Generally, it’s a better idea to create generator functions than do all the work early which may be unnecessary. See <a href="https://stackoverflow.com/questions/231767/what-does-the-yield-keyword-do">What does the «yield» keyword do?</a> if you still have questions.</p>
+<p>With everything parsed, it’s time to insert the data into Mongo. If the data was not present yet (0 documents), then we will download the file, parse it, insert it as documents into the given Mongo <code>db</code>, and index it:</p>
+<pre><code>from dataclasses import asdict
+
+async def insert_to_db(db):
+    async with aiohttp.ClientSession() as session:
+        if await db.noise.estimated_document_count() == 0:
+            data = await load_json(session, NOISE_URL)
+
+            await db.noise.insert_many(asdict(noise) for noise in Noise.iter_from_json(data))
+            await db.noise.create_index([('geo', '2dsphere')])
+</code></pre>
+<p>We repeat this process for all the other data, and just like that, Mongo is ready to be used in our server.</p>
+<h3 id="indices"><a class="anchor" href="#indices">¶</a>Indices</h3>
+<p>In order to execute our geospatial queries we have to create an index on the attribute that represents the location, because the operators that we will use requires it. This attribute can be a <a href="https://docs.mongodb.com/manual/reference/geojson/">GeoJSON object</a> or a legacy coordinate pair.</p>
+<p>We have decided to use a GeoJSON object because we want to avoid legacy features that may be deprecated in the future.</p>
+<p>The attribute is called <code>geo</code> for the <code>Tree</code> and <code>Noise</code> objects and <code>start</code>, <code>middle</code> or <code>end</code> for the <code>Via</code> class. In the <code>Via</code> we are going to index the attribute <code>middle</code> because it is the most representative field for us. Because the <code>Via</code> is inside the <code>Census</code> and it doesn’t have its own collection, we create the index on the <code>Census</code> collection.</p>
+<p>The used index type is <code>2dsphere</code> because it supports queries that work on geometries on an earth-like sphere. Another option is the <code>2d</code> index but it’s not a good fit for our because it is for queries that calculate geometries on a two-dimensional plane.</p>
+<h3 id="running_the_server"><a class="anchor" href="#running_the_server">¶</a>Running the server</h3>
+<p>If we ignore the configuration part of the server creation, our <code>server.py</code> file is pretty simple. Its job is to create a <a href="https://aiohttp.readthedocs.io/en/stable/web.html">server application</a>, setup Mongo and return it to the caller so that they can run it:</p>
+<pre><code>import asyncio
+import subprocess
+import motor.motor_asyncio
+
+from aiohttp import web
+
+from . import rest, data
+
+def create_app():
+    ret = subprocess.run('npm run build', cwd='../client', shell=True).returncode
+    if ret != 0:
+        exit(ret)
+
+    db = motor.motor_asyncio.AsyncIOMotorClient().opendata
+    loop = asyncio.get_event_loop()
+    loop.run_until_complete(data.insert_to_db(db))
+
+    app = web.Application()
+    app['db'] = db
+
+    app.router.add_routes([
+        web.get('/', lambda r: web.HTTPSeeOther('/index.html')),
+        *rest.ROUTES,
+        web.static('/', os.path.join(config['www']['root'], 'public')),
+    ])
+
+    return app
+</code></pre>
+<p>There’s a bit going on here, but it’s nothing too complex:</p>
+<ul>
+<li>We automatically run <code>npm run build</code> on the frontend because it’s very comfortable to have the frontend built automatically before the server runs.</li>
+<li>We create a Motor client and access the <code>opendata</code> database. Into it, we load the data, effectively saving it in Mongo for the server to use.</li>
+<li>We create the server application and save a reference to the Mongo database in it, so that it can be used later on any endpoint without needing to recreate it.</li>
+<li>We define the routes of our app: root, REST and static (where the frontend files live). We’ll get to the <code>rest</code> part soon.
+Running the server is now simple:</li>
+</ul>
+<pre><code>def main():
+    from aiohttp import web
+    from . import server
+
+    app = server.create_app()
+    web.run_app(app)
+
+if __name__ == '__main__':
+    main()
+</code></pre>
+<h3 id="rest_endpoints"><a class="anchor" href="#rest_endpoints">¶</a>REST endpoints</h3>
+<p>The frontend will communicate with the backend via <a href="https://en.wikipedia.org/wiki/Representational_state_transfer">REST</a> calls, so that it can ask for things like «give me the information associated with this area», and the web server can query the Mongo server to reply with a HTTP response. This little diagram should help:</p>
+<p><img src="bitmap.png" alt="" /></p>
+<p>What we need to do, then, is define those REST endpoints we mentioned earlier when creating the server. We will process the HTTP request, ask Mongo for the data, and return the HTTP response:</p>
+<pre><code>import asyncio
+import pymongo
+
+from aiohttp import web
+
+async def get_area_info(request):
+    try:
+        long = float(request.query['long'])
+        lat = float(request.query['lat'])
+        distance = float(request.query['distance'])
+    except KeyError as e:
+        raise web.HTTPBadRequest(reason=f'a required parameter was missing: {e.args[0]}')
+    except ValueError:
+        raise web.HTTPBadRequest(reason='one of the parameters was not a valid float')
+
+    geo_avg_noise_pipeline = [{
+        '$geoNear': {
+            'near' : {'type': 'Point', 'coordinates': [long, lat]},
+            'maxDistance': distance,
+            'minDistance': 0,
+            'spherical' : 'true',
+            'distanceField' : 'distance'
+        }
+    }]
+
+    db = request.app['db']
+
+    try:
+        noise_count, sum_noise, avg_noise = 0, 0, 0
+        async for item in db.noise.aggregate(geo_avg_noise_pipeline):
+            noise_count += 1
+            sum_noise += item['level']
+
+        if noise_count != 0:
+            avg_noise = sum_noise / noise_count
+        else:
+            avg_noise = None
+
+    except pymongo.errors.ConnectionFailure:
+        raise web.HTTPServiceUnavailable(reason='no connection to database')
+
+    return web.json_response({
+        'tree_count': tree_count,
+        'trees_per_type': [[k, v] for k, v in trees_per_type.items()],
+        'census_count': census_count,
+        'avg_noise': avg_noise,
+    })
+
+ROUTES = [
+    web.get('/rest/get-area-info', get_area_info)
+]
+</code></pre>
+<p>In this code, we’re only showing how to return the average noise because that’s the simplest we can do. The real code also fetches tree count, tree count per type, and census count.</p>
+<p>Again, there’s quite a bit to go through, so let’s go step by step:</p>
+<ul>
+<li>We parse the frontend’s <code>request.query</code> into <code>float</code> that we can use. In particular, the frontend is asking us for information at a certain latitude, longitude, and distance. If the query is malformed, we return a proper error.</li>
+<li>We create our query for Mongo outside, just so it’s clearer to read.</li>
+<li>We access the database reference we stored earlier when creating the server with <code>request.app['db']</code>. Handy!</li>
+<li>We try to query Mongo. It may fail if the Mongo server is not running, so we should handle that and tell the client what’s happening. If it succeeds though, we will gather information about the average noise.</li>
+<li>We return a <code>json_response</code> with Mongo results for the frontend to present to the user.
+You may have noticed we defined a <code>ROUTES</code> list at the bottom. This will make it easier to expand in the future, and the server creation won’t need to change anything in its code, because it’s already unpacking all the routes we define here.</li>
+</ul>
+<h3 id="geospatial_queries"><a class="anchor" href="#geospatial_queries">¶</a>Geospatial queries</h3>
+<p>In order to retrieve the information from Mongo database we have defined two geospatial queries:</p>
+<pre><code>geo_query = {
+    '$nearSphere' : {
+        '$geometry': {
+            'type': 'Point',
+            'coordinates': [long, lat]
+         },
+        '$maxDistance': distance,
+        '$minDistance': 0
+    }
+}
+</code></pre>
+<p>This query uses <a href="https://docs.mongodb.com/manual/reference/operator/query/nearSphere/#op._S_nearSphere">the operator <code>$nearSphere</code></a> which return geospatial objects in proximity to a point on a sphere.</p>
+<p>The sphere point is represented by the <code>$geometry</code> operator where it is specified the type of geometry and the coordinates (given by the HTTP request).</p>
+<p>The maximum and minimum distance are represented by <code>$maxDistance</code> and <code>$minDistance</code> respectively. We specify that the maximum distance is the radio selected by the user.</p>
+<pre><code>geo_avg_noise_pipeline = [{
+    '$geoNear': {
+        'near' : {'type': 'Point', 'coordinates': [long, lat]},
+        'maxDistance': distance,
+        'minDistance': 0,
+        'spherical' : 'true',
+        'distanceField' : 'distance'
+    }
+}]
+</code></pre>
+<p>This query uses the <a href="https://docs.mongodb.com/manual/core/aggregation-pipeline/">aggregation pipeline</a> stage <a href="https://docs.mongodb.com/manual/reference/operator/aggregation/geoNear/#pipe._S_geoNear"><code>$geoNear</code></a> which returns an ordered stream of documents based on the proximity to a geospatial point. The output documents include an additional distance field.</p>
+<p>The <code>near</code> field is mandatory and is the point for which to find the closest documents. In this field it is specified the type of geometry and the coordinates (given by the HTTP request).</p>
+<p>The <code>distanceField</code> field is also mandatory and is the output field that will contain the calculated distance. In this case we’ve just called it <code>distance</code>.</p>
+<p>Some other fields are <code>maxDistance</code> that indicates the maximum allowed distance from the center of the point, <code>minDistance</code> for the minimum distance, and <code>spherical</code> which tells MongoDB how to calculate the distance between two points.</p>
+<p>We specify the maximum distance as the radio selected by the user in the frontend.</p>
+<h2 id="frontend"><a class="anchor" href="#frontend">¶</a>Frontend</h2>
+<p>As said earlier, our frontend will use Svelte. We already downloaded the template, so we can start developing. For some, this is the most fun part, because they can finally see and interact with some of the results. But for this interaction to work, we needed a functional backend which we now have!</p>
+<h3 id="rest_queries"><a class="anchor" href="#rest_queries">¶</a>REST queries</h3>
+<p>The frontend has to query the server to get any meaningful data to show on the page. The <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API">Fetch API</a> does not throw an exception if the server doesn’t respond with HTTP OK, but we would like one if things go wrong, so that we can handle them gracefully. The first we’ll do is define our own exception <a href="https://stackoverflow.com/a/27724419">which is not pretty</a>:</p>
+<pre><code>function NetworkError(message, status) {
+    var instance = new Error(message);
+    instance.name = 'NetworkError';
+    instance.status = status;
+    Object.setPrototypeOf(instance, Object.getPrototypeOf(this));
+    if (Error.captureStackTrace) {
+        Error.captureStackTrace(instance, NetworkError);
+    }
+    return instance;
+}
+
+NetworkError.prototype = Object.create(Error.prototype, {
+    constructor: {
+        value: Error,
+        enumerable: false,
+        writable: true,
+        configurable: true
+    }
+});
+Object.setPrototypeOf(NetworkError, Error);
+</code></pre>
+<p>But hey, now we have a proper and reusable <code>NetworkError</code>! Next, let’s make a proper and reusabe <code>query</code> function that deals with <code>fetch</code> for us:</p>
+<pre><code>async function query(endpoint) {
+    const res = await fetch(endpoint, {
+        // if we ever use cookies, this is important
+        credentials: 'include'
+    });
+    if (res.ok) {
+        return await res.json();
+    } else {
+        throw new NetworkError(await res.text(), res.status);
+    }
+}
+</code></pre>
+<p>At last, we can query our web server. The export here tells Svelte that this function should be visible to outer modules (public) as opposed to being private:</p>
+<pre><code>export function get_area_info(long, lat, distance) {
+    return query(`/rest/get-area-info?long=${long}&amp;lat=${lat}&amp;distance=${distance}`);
+}
+</code></pre>
+<p>The attentive reader will have noticed that <code>query</code> is <code>async</code>, but <code>get_area_info</code> is not. This is intentional, because we don’t need to <code>await</code> for anything inside of it. We can just return the <code>[Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)</code> that <code>query</code> created and let the caller <code>await</code> it as they see fit. The <code>await</code> here would have been redundant.</p>
+<p>For those of you who don’t know what a JavaScript promise is, think of it as an object that represents «an eventual result». The result may not be there yet, but we promised it will be present in the future, and we can <code>await</code> for it. You can also find the same concept in other languages like Python under a different name, such as <a href="https://docs.python.org/3/library/asyncio-future.html#asyncio.Future"><code>Future</code></a>.</p>
+<h3 id="map_component"><a class="anchor" href="#map_component">¶</a>Map component</h3>
+<p>In Svelte, we can define self-contained components that are issolated from the rest. This makes it really easy to create a modular application. Think of a Svelte component as your own HTML tag, which you can customize however you want, building upon the already-existing components HTML has to offer.</p>
+<p>The main thing that our map needs to do is render the map as an image and overlay the selection area as the user hovers the map with their mouse. We could render the image in the canvas itself, but instead we’ll use the HTML <code>&lt;img&gt;</code> tag for that and put a transparent <code>&lt;canvas&gt;</code> on top with some CSS. This should make it cheaper and easier to render things on the canvas.</p>
+<p>The <code>Map</code> component will thus render as the user moves the mouse over it, and produce an event when they click so that whatever component is using a <code>Map</code> knows that it was clicked. Here’s the final CSS and HTML:</p>
+<pre><code>&lt;style&gt;
+div {
+    position: relative;
+}
+canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+    cursor: crosshair;
+}
+&lt;/style&gt;
+
+&lt;div&gt;
+    &lt;img bind:this={img} on:load={handleLoad} {height} src=&quot;caceres-municipality.svg&quot; alt=&quot;Cáceres (municipality)&quot;/&gt;
+    &lt;canvas
+        bind:this={canvas}
+        on:mousemove={handleMove}
+        on:wheel={handleWheel}
+        on:mouseup={handleClick}/&gt;
+&lt;/div&gt;
+</code></pre>
+<p>We hardcode a map source here, but ideally this would be provided by the server. The project is already complex enough, so we tried to avoid more complexity than necessary.</p>
+<p>We bind the tags to some variables declared in the JavaScript code of the component, along with some functions and parameters to let the users of <code>Map</code> customize it just a little.</p>
+<p>Here’s the gist of the JavaScript code:</p>
+<pre><code>&lt;script&gt;
+    import { createEventDispatcher, onMount } from 'svelte';
+
+    export let height = 200;
+
+    const dispatch = createEventDispatcher();
+
+    let img;
+    let canvas;
+
+    const LONG_WEST = -6.426881;
+    const LONG_EAST = -6.354143;
+    const LAT_NORTH = 39.500064;
+    const LAT_SOUTH = 39.443201;
+
+    let x = 0;
+    let y = 0;
+    let clickInfo = null; // [x, y, radius]
+    let radiusDelta = 0.005 * height;
+    let maxRadius = 0.2 * height;
+    let minRadius = 0.01 * height;
+    let radius = 0.05 * height;
+
+    function handleLoad() {
+        canvas.width = img.width;
+        canvas.height = img.height;
+    }
+
+    function handleMove(event) {
+        const { left, top } = this.getBoundingClientRect();
+        x = Math.round(event.clientX - left);
+        y = Math.round(event.clientY - top);
+    }
+
+    function handleWheel(event) {
+        if (event.deltaY &lt; 0) {
+            if (radius &lt; maxRadius) {
+                radius += radiusDelta;
+            }
+        } else {
+            if (radius &gt; minRadius) {
+                radius -= radiusDelta;
+            }
+        }
+        event.preventDefault();
+    }
+
+    function handleClick(event) {
+        dispatch('click', {
+            // the real code here maps the x/y/radius values to the right range, here omitted
+            x: ...,
+            y: ...,
+            radius: ...,
+        });
+    }
+
+    onMount(() =&gt; {
+        const ctx = canvas.getContext('2d');
+        let frame;
+
+        (function loop() {
+            frame = requestAnimationFrame(loop);
+
+            // the real code renders mouse area/selection, here omitted for brevity
+            ...
+        }());
+
+        return () =&gt; {
+            cancelAnimationFrame(frame);
+        };
+    });
+&lt;/script&gt;
+</code></pre>
+<p>Let’s go through bit-by-bit:</p>
+<ul>
+<li>We define a few variables and constants for later use in the final code.</li>
+<li>We define the handlers to react to mouse movement and clicks. On click, we dispatch an event to outer components.</li>
+<li>We setup the render loop with animation frames, and cancel the current frame appropriatedly if the component disappears.</li>
+</ul>
+<h3 id="app_component"><a class="anchor" href="#app_component">¶</a>App component</h3>
+<p>Time to put everything together! We wil include our function to make REST queries along with our <code>Map</code> component to render things on screen.</p>
+<pre><code>&lt;script&gt;
+    import Map from './Map.svelte';
+    import { get_area_info } from './rest.js'
+    let selection = null;
+    let area_info_promise = null;
+    function handleMapSelection(event) {
+        selection = event.detail;
+        area_info_promise = get_area_info(selection.x, selection.y, selection.radius);
+    }
+    function format_avg_noise(avg_noise) {
+        if (avg_noise === null) {
+            return '(no data)';
+        } else {
+            return `${avg_noise.toFixed(2)} dB`;
+        }
+    }
+&lt;/script&gt;
+
+&lt;div class=&quot;container-fluid&quot;&gt;
+    &lt;div class=&quot;row&quot;&gt;
+        &lt;div class=&quot;col-3&quot; style=&quot;max-width: 300em;&quot;&gt;
+            &lt;div class=&quot;text-center&quot;&gt;
+                &lt;h1&gt;Caceres Data Consultory&lt;/h1&gt;
+            &lt;/div&gt;
+            &lt;Map height={400} on:click={handleMapSelection}/&gt;
+            &lt;div class=&quot;text-center mt-4&quot;&gt;
+                {#if selection === null}
+                        &lt;p class=&quot;m-1 p-3 border border-bottom-0 bg-info text-white&quot;&gt;Click on the map to select the area you wish to see details for.&lt;/p&gt;
+                {:else}
+                        &lt;h2 class=&quot;bg-dark text-white&quot;&gt;Selected area&lt;/h2&gt;
+                        &lt;p&gt;&lt;b&gt;Coordinates:&lt;/b&gt; ({selection.x}, {selection.y})&lt;/p&gt;
+                        &lt;p&gt;&lt;b&gt;Radius:&lt;/b&gt; {selection.radius} meters&lt;/p&gt;
+                {/if}
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;col-sm-4&quot;&gt;
+            &lt;div class=&quot;row&quot;&gt;
+            {#if area_info_promise !== null}
+                {#await area_info_promise}
+                    &lt;p&gt;Fetching area information…&lt;/p&gt;
+                {:then area_info}
+                    &lt;div class=&quot;col&quot;&gt;
+                        &lt;div class=&quot;text-center&quot;&gt;
+                            &lt;h2 class=&quot;m-1 bg-dark text-white&quot;&gt;Area information&lt;/h2&gt;
+                            &lt;ul class=&quot;list-unstyled&quot;&gt;
+                                &lt;li&gt;There are &lt;b&gt;{area_info.tree_count} trees &lt;/b&gt; within the area&lt;/li&gt;
+                                &lt;li&gt;The &lt;b&gt;average noise&lt;/b&gt; is &lt;b&gt;{format_avg_noise(area_info.avg_noise)}&lt;/b&gt;&lt;/li&gt;
+                                &lt;li&gt;There are &lt;b&gt;{area_info.census_count} persons &lt;/b&gt; within the area&lt;/li&gt;
+                            &lt;/ul&gt;
+                        &lt;/div&gt;
+                        {#if area_info.trees_per_type.length &gt; 0} 
+                            &lt;div class=&quot;text-center&quot;&gt;
+                                &lt;h2 class=&quot;m-1 bg-dark text-white&quot;&gt;Tree count per type&lt;/h2&gt;
+                            &lt;/div&gt;
+                            &lt;ul class=&quot;list-group&quot;&gt;
+                                {#each area_info.trees_per_type as [type, count]}
+                                    &lt;li class=&quot;list-group-item&quot;&gt;{type} &lt;span class=&quot;badge badge-dark float-right&quot;&gt;{count}&lt;/span&gt;&lt;/li&gt;
+                                {/each}
+                            &lt;/ul&gt;
+                        {/if}
+                    &lt;/div&gt;
+                {:catch error}
+                    &lt;p&gt;Failed to fetch area information: {error.message}&lt;/p&gt;
+                {/await}
+            {/if}
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+<ul>
+<li>We import the <code>Map</code> component and REST function so we can use them.</li>
+<li>We define a listener for the events that the <code>Map</code> produces. Such event will trigger a REST call to the server and save the result in a promise used later.</li>
+<li>We’re using Bootstrap for the layout because it’s a lot easier. In the body we add our <code>Map</code> and another column to show the selection information.</li>
+<li>We make use of Svelte’s <code>{#await}</code> to nicely notify the user when the call is being made, when it was successful, and when it failed. If it’s successful, we display the info.</li>
+</ul>
+<h2 id="results"><a class="anchor" href="#results">¶</a>Results</h2>
+<p>Lo and behold, watch our application run!</p>
+<p><video controls="controls" src="sr-2020-04-14_09-28-25.mp4"></video></p>
+<p>In this video you can see our application running, but let’s describe what is happening in more detail.</p>
+<p>When the application starts running (by opening it in your web browser of choice), you can see a map with the town of Cáceres. Then you, the user, can click to retrieve the information within the selected area.</p>
+<p>It is important to note that one can make the selection area larger or smaller by trying to scroll up or down, respectively.</p>
+<p>Once an area is selected, it is colored green in order to let the user know which area they have selected. Under the map, the selected coordinates and the radius (in meters) is also shown for the curious. At the right side the information concerning the selected area is shown, such as the number of trees, the average noise and the number of persons. If there are trees in the area, the application also displays the trees per type, sorted by the number of trees.</p>
+<h2 id="download"><a class="anchor" href="#download">¶</a>Download</h2>
+<p>We hope you enjoyed reading this post as much as we enjoyed writing it! Feel free to download the final project and play around with it. Maybe you can adapt it for even more interesting purposes!</p>
+<p><em>download removed</em></p>
+<p>To run the above code:</p>
+<ol>
+<li>Unzip the downloaded file.</li>
+<li>Make a copy of <code>example-server-config.ini</code> and rename it to <code>server-config.ini</code>, then edit the file to suit your needs.</li>
+<li>Run the server with <code>python -m server</code>.</li>
+<li>Open <a href="http://localhost:9000">localhost:9000</a> in your web browser (or whatever port you chose) and enjoy!</li>
+</ol>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/final-nosql-evaluation/index.html
            
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Privado: Final NoSQL evaluation</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This evaluation is a bit different to my <a href="/blog/ribw/16/nosql-evaluation/">previous one</a> because this time I have been tasked to evaluate the student <code>a(i - 2)</code>, and because I am <code>a = 9</code> that happens to be <code>a(7) =</code> Classmate.</p>
+<div class="date-created-modified">Created 2020-05-13<br>
+Modified 2020-05-14</div>
+<p>Unfortunately for Classmate, the only entry related to NoSQL I have found in their blog is Prima y segunda Actividad: Base de datos NoSQL which does not develop an application as requested for the third entry (as of 14th of May).</p>
+<p>This means that, instead, I will evaluate <code>a(i - 3)</code> which happens to be <code>a(6) =</code> Classmate and they do have an entry.</p>
+<h2 class="title" id="classmate_s_evaluation"><a class="anchor" href="#classmate_s_evaluation">¶</a>Classmate’s Evaluation</h2>
+<p><strong>Grading: B.</strong></p>
+<p>The post I have evaluated is BB.DD. NoSQL RethinkDB 3ª Fase. Aplicación.</p>
+<p>It starts with an introduction, properly explaining what database they have chosen and why, but not what application they will be making.</p>
+<p>This is detailed just below in the next section, although it’s a bit vague.</p>
+<p>The next section talks about the Python dependencies that are required, but they never said they would be making a Python application or that we need to install Python!</p>
+<p>The next section talks about the file structure of the project, and they detail what everything part does, although I have missed some code snippets.</p>
+<p>The final result is pretty cool and contains many interesting graphs, they provide a download to the source code and list all the relevant references used.</p>
+<p>Except for a weird «necesario falta» in the text, it’s otherwise well-written, although given the issues above I cannot grade it with the highest score.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/googles-bigtable/index.html
            
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Google’s BigTable</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Let’s talk about BigTable, and why it is what it is. But before we get into that, let’s see some important aspects anybody should consider when dealing with a lot of data (something BigTable does!).</p>
+<div class="date-created-modified">Created 2020-04-01<br>
+Modified 2020-04-03</div>
+<h2 class="title" id="the_basics"><a class="anchor" href="#the_basics">¶</a>The basics</h2>
+<p>Converting a text document into a different format is often a great way to greatly speed up scanning of it in the future. It allows for efficient searches.</p>
+<p>In addition, you generally want to store everything in a single, giant file. This will save a lot of time opening and closing files, because everything is in the same file! One proposal to make this happen is <a href="https://trec.nist.gov/file_help.html">Web TREC</a> (see also the <a href="https://en.wikipedia.org/wiki/Text_Retrieval_Conference">Wikipedia page on TREC</a>), which is basically HTML but every document is properly delimited from one another.</p>
+<p>Because we will have a lot of data, it’s often a good idea to compress it. Most text consists of the same words, over and over again. Classic compression techniques such as <code>DEFLATE</code> or <code>LZW</code> do an excellent job here.</p>
+<h2 id="so_what_s_bigtable_"><a class="anchor" href="#so_what_s_bigtable_">¶</a>So what’s BigTable?</h2>
+<p>Okay, enough of an introduction to the basics on storing data. BigTable is what Google uses to store documents, and it’s a customized approach to save, search and update web pages.</p>
+<p>BigTable is is a distributed storage system for managing structured data, able to scale to petabytes of data across thousands of commodity servers, with wide applicability, scalability, high performance, and high availability.</p>
+<p>In a way, it’s kind of like databases and shares many implementation strategies with them, like parallel databases, or main-memory databases, but of course, with a different schema.</p>
+<p>It consists of a big table known as the «Root tablet», with pointers to many other «tablets» (or metadata in between). These are stored in a replicated filesystem accessible by all BigTable servers. Any change to a tablet gets logged (said log also gets stored in a replicated filesystem).</p>
+<p>If any of the tablets servers gets locked, a different one can take its place, read the log and deal with the problem.</p>
+<p>There’s no query language, transactions occur at row-level only. Every read or write in a row is atomic. Each row stores a single web page, and by combining the row and column keys along with a timestamp, it is possible to retrieve a single cell in the row. More formally, it’s a map that looks like this:</p>
+<pre><code>fetch(row: string, column: string, time: int64) -&gt; string
+</code></pre>
+<p>A row may have as many columns as it needs, and these column groups are the same for everyone (but the columns themselves may vary), which is importan to reduce disk read time.</p>
+<p>Rows are split in different tablets based on the row keys, which simplifies determining an appropriated server for them. The keys can be up to 64KB big, although most commonly they range 10-100 bytes.</p>
+<h2 id="conclusions"><a class="anchor" href="#conclusions">¶</a>Conclusions</h2>
+<p>BigTable is Google’s way to deal with large amounts of data on many of their services, and the ideas behind it are not too complex to understand.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/how-does-googles-search-engine-work/index.html
            
@@ -0,0 +1,261 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>How does Google’s Search Engine work?</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>The original implementation was written in C/++ for Linux/Solaris.</p>
+<div class="date-created-modified">Created 2020-03-18<br>
+Modified 2020-03-28</div>
+<p>There are three major components in the system’s anatomy, which can be thought as steps to be performed for Google to be what it is today.</p>
+<p><img src="image-1024x649.png" alt="" /></p>
+<p>But before we talk about the different components, let’s take a look at how they store all of this information.</p>
+<h2 class="title" id="data_structures"><a class="anchor" href="#data_structures">¶</a>Data structures</h2>
+<p>A «BigFile» is a virtual file addressable by 64 bits.</p>
+<p>There exists a repository with the full HTML of every page compressed, along with a document identifier, length and URL.</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    sync
+   </td>
+   <td>
+    length
+   </td>
+   <td>
+    compressed packet
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>The Document Index has the document identifier, a pointer into the repository, a checksum and various other statistics.</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    doc id
+   </td>
+   <td>
+    ecode
+   </td>
+   <td>
+    url len
+   </td>
+   <td>
+    page len
+   </td>
+   <td>
+    url
+   </td>
+   <td>
+    page
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>A Lexicon stores the repository of words, implemented with a hashtable over pointers linking to the barrels (sorted linked lists) of the Inverted Index.</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    word id
+   </td>
+   <td>
+    n docs
+   </td>
+  </tr>
+  <tr>
+   <td>
+    word id
+   </td>
+   <td>
+    n docs
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>The Hit Lists store occurences of a word in a document.</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     plain
+    </strong>
+   </td>
+   <td>
+    cap: 1
+   </td>
+   <td>
+    imp: 3
+   </td>
+   <td>
+    pos: 12
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     fancy
+    </strong>
+   </td>
+   <td>
+    cap: 1
+   </td>
+   <td>
+    imp: 7
+   </td>
+   <td>
+    type: 4
+   </td>
+   <td>
+    pos: 8
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     anchor
+    </strong>
+   </td>
+   <td>
+    cap: 1
+   </td>
+   <td>
+    imp: 7
+   </td>
+   <td>
+    type: 4
+   </td>
+   <td>
+    hash: 4
+   </td>
+   <td>
+    pos: 8
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>The Forward Index is a barrel with a range of word identifiers (document identifier and list of word identifiers).</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td rowspan="3">
+    doc id
+   </td>
+   <td>
+    word id: 24
+   </td>
+   <td>
+    n hits: 8
+   </td>
+   <td>
+    hit hit hit hit hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    word id: 24
+   </td>
+   <td>
+    n hits: 8
+   </td>
+   <td>
+    hit hit hit hit hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    null word id
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>The Inverted Index can be sorted by either document identifier or by ranking of word occurence.</p>
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 5
+   </td>
+   <td>
+    hit hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 3
+   </td>
+   <td>
+    hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 4
+   </td>
+   <td>
+    hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 2
+   </td>
+   <td>
+    hit hit
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>Back in 1998, Google compressed its repository to 53GB and had 24 million pages. The indices, lexicon, and other temporary storage required about 55GB.</p>
+<h2 id="crawling"><a class="anchor" href="#crawling">¶</a>Crawling</h2>
+<p>The crawling must be reliable, fast and robust, and also respect the decision of some authors not wanting their pages crawled. Originally, it took a week or more, so simultaneous execution became a must.</p>
+<p>Back in 1998, Google had between 3 and 4 crawlers running at 100 web pages per second maximum. These were implemented in Python.</p>
+<p>The crawled pages need parsing to deal with typos or formatting issues.</p>
+<h2 id="indexing"><a class="anchor" href="#indexing">¶</a>Indexing</h2>
+<p>Indexing is about putting the pages into barrels, converting words into word identifiers, and occurences into hit lists.</p>
+<p>Once indexing is done, sorting of the barrels happens to have them ordered by word identifier, producing the inverted index. This process also had to be done in parallel over many machines, or would otherwise have been too slow.</p>
+<h2 id="searching"><a class="anchor" href="#searching">¶</a>Searching</h2>
+<p>We need to find quality results efficiently. Plenty of weights are considered nowadays, but at its heart, PageRank is used. It is the algorithm they use to map the web, which is formally defined as follows:</p>
+<p><img src="8e1e61b119e107fcb4bdd7e78f649985.png" alt="" />
+<em>PR(A) = (1-d) + d(PR(T1)/C(T1) + … + PR(Tn)/C(Tn))</em></p>
+<p>Where:</p>
+<ul>
+<li><code>A</code> is a given page</li>
+<li><code>T&lt;sub&gt;n&lt;/sub&gt;</code> are pages that point to A</li>
+<li><code>d</code> is the damping factor in the range <code>[0, 1]</code> (often 0.85)</li>
+<li><code>C(A)</code> is the number of links going out of page <code>A</code></li>
+<li><code>PR(A)</code> is the page rank of page <code>A</code>
+This formula indicates the probability that a random surfer visits a certain page, and <code>1 - d</code> is used to indicate when it will «get bored» and stop surfing. More intuitively, the page rank of a page will grow as more pages link to it, or the few that link to it have high page rank.</li>
+</ul>
+<p>The anchor text in the links also help provide a better description and helps indexing for even better results.</p>
+<p>While searching, the concern is disk I/O which takes up most of the time. Caching is very important to improve performance up to 30 times.</p>
+<p>Now, in order to turn user queries into something we can search, we must parse the query and convert the words into word identifiers.</p>
+<h2 id="conclusion"><a class="anchor" href="#conclusion">¶</a>Conclusion</h2>
+<p>Google is designed to be a efficient, scalable, high-quality search engine. There are still bottlenecks in CPU, memory, disk speed and network I/O, but major data structures are used to make efficient use of the resources.</p>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://snap.stanford.edu/class/cs224w-readings/Brin98Anatomy.pdf">The anatomy of a large-scale hypertextual Web search engine</a></li>
+<li><a href="https://www.site.uottawa.ca/%7Ediana/csi4107/Google_SearchEngine.pdf">The Anatomy of a Large-Scale Hypertextual Web Search Engine (slides)</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/index.html
            
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>pagong</title>
+<link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+<main>
+<ul><li><a href="index/index.html">Information Retrieval and Web Search</a></li><li><a href="final-nosql-evaluation/index.html">Privado: Final NoSQL evaluation</a></li><li><a href="developing-a-python-application-for-mongodb/index.html">Developing a Python application for MongoDB</a></li><li><a href="mongodb-an-introduction/index.html">MongoDB: an Introduction</a></li><li><a href="mongodb-basic-operations-and-architecture/index.html">MongoDB: Basic Operations and Architecture</a></li><li><a href="introduction-to-hadoop-and-its-mapreduce/index.html">Introduction to Hadoop and its MapReduce</a></li><li><a href="googles-bigtable/index.html">Google’s BigTable</a></li><li><a href="a-practical-example-with-hadoop/index.html">A practical example with Hadoop</a></li><li><a href="how-does-googles-search-engine-work/index.html">How does Google’s Search Engine work?</a></li><li><a href="pc-crawler-evaluation-2/index.html">Privado: PC-Crawler evaluation 2</a></li><li><a href="what-is-elasticsearch-and-why-should-you-care/index.html">What is ElasticSearch and why should you care?</a></li><li><a href="nosql-evaluation/index.html">Privado: NoSQL evaluation</a></li><li><a href="integrating-apache-tika-into-our-crawler/index.html">Integrating Apache Tika into our Crawler</a></li><li><a href="nosql-databases-basic-operations-and-architecture/index.html">Cassandra: Basic Operations and Architecture</a></li><li><a href="upgrading-our-baby-crawler/index.html">Upgrading our Baby Crawler</a></li><li><a href="cassandra-an-introduction/index.html">Cassandra: an Introduction</a></li><li><a href="pc-crawler-evaluation/index.html">Privado: PC-Crawler evaluation</a></li><li><a href="introduction-to-nosql/index.html">Introduction to NoSQL</a></li><li><a href="build-your-own-pc/index.html">Build your own PC</a></li><li><a href="about-boolean-retrieval/index.html">About Boolean Retrieval</a></li></ul></main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/index/index.html
            
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Information Retrieval and Web Search</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="information_retrieval_and_web_search"><a class="anchor" href="#information_retrieval_and_web_search">¶</a>Information Retrieval and Web Search</h1>
+<div class="date-created-modified">2020-07-03</div>
+<p>During 2020 at university, this subject (&quot;Recuperación de la Información y Búsqueda en la Web&quot;)
+had us write blog posts as assignments. I think it would be really fun and I wanted to preserve
+that work here, with the hopes it's interesting to someone.</p>
+<p>The posts were auto-generated from the original HTML files and manually anonymized later.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/integrating-apache-tika-into-our-crawler/index.html
            
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Integrating Apache Tika into our Crawler</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p><a href="/blog/ribw/upgrading-our-baby-crawler/">In our last crawler post</a>, we detailed how our crawler worked, and although it did a fine job, it’s time for some extra upgrading.</p>
+<div class="date-created-modified">Created 2020-03-18<br>
+Modified 2020-03-25</div>
+<h2 class="title" id="what_kind_of_upgrades_"><a class="anchor" href="#what_kind_of_upgrades_">¶</a>What kind of upgrades?</h2>
+<p>A small but useful one. We are adding support for file types that contain text but cannot be processed by normal text editors because they are structured and not just plain text (such as PDF files, Excel, Word documents…).</p>
+<p>And for this task, we will make use of the help offered by <a href="https://tika.apache.org/">Tika</a>, our friendly Apache tool.</p>
+<h2 id="what_is_tika_"><a class="anchor" href="#what_is_tika_">¶</a>What is Tika?</h2>
+<p><a href="https://tika.apache.org/">Tika</a> is a set of libraries offered by <a href="https://en.wikipedia.org/wiki/The_Apache_Software_Foundation">The Apache Software Foundation</a> that we can include in our project in order to extract the text and metadata of files from a <a href="https://tika.apache.org/1.24/formats.html">long list of supported formats</a>.</p>
+<h2 id="changes_in_the_code"><a class="anchor" href="#changes_in_the_code">¶</a>Changes in the code</h2>
+<p>Not much has changed in the structure of the crawler, we simply have added a new method in <code>Utils</code> that uses the class <code>Tika</code> from the previously mentioned library so as to process and extract the text of more filetypes.</p>
+<p>Then, we use this text just like we would for our standard text file (checking the thesaurus and adding it to the word map) and voilà! We have just added support for a big range of file types.</p>
+<h2 id="incorporating_gradle"><a class="anchor" href="#incorporating_gradle">¶</a>Incorporating Gradle</h2>
+<p>In order for the previous code to work, we need to make use of external libraries. To make this process easier and because the project is growing, we decided to use <a href="https://gradle.org/">Gradle</a>, a build system that can be used for projects in various programming languages, such as Java.</p>
+<p>We followed their <a href="https://guides.gradle.org/building-java-applications/">guide to Building Java Applications</a>, and in a few steps added the required <code>.gradle</code> files. Now we can compile and run the code without having to worry about juggling with Java and external dependencies in a single command:</p>
+<pre><code>./gradlew run
+</code></pre>
+<h2 id="download"><a class="anchor" href="#download">¶</a>Download</h2>
+<p>And here you can download the final result:</p>
+<p><em>download removed</em></p>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/introduction-to-hadoop-and-its-mapreduce/index.html
            
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Introduction to Hadoop and its MapReduce</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.</p>
+<div class="date-created-modified">Created 2020-04-01<br>
+Modified 2020-04-03</div>
+<p>Hadoop also offers a distributed filesystem (HDFS) enabling for fast transfer among nodes, and a way to program with MapReduce.</p>
+<p>It aims to strive for the 4 V’s: Volume, Variety, Veracity and Velocity. For veracity, it is a secure environment that can be trusted.</p>
+<h2 class="title" id="milestones"><a class="anchor" href="#milestones">¶</a>Milestones</h2>
+<p>The creators of Hadoop are Doug Cutting and Mike Cafarella, who just wanted to design a search engine, Nutch, and quickly found the problems of dealing with large amounts of data. They found their solution with the papers Google published.</p>
+<p>The name comes from the plush of Cutting’s child, a yellow elephant.</p>
+<ul>
+<li>In July 2005, Nutch used GFS to perform MapReduce operations.</li>
+<li>In February 2006, Nutch started a Lucene subproject which led to Hadoop.</li>
+<li>In April 2007, Yahoo used Hadoop in a 1 000-node cluster.</li>
+<li>In January 2008, Apache took over and made Hadoop a top-level project.</li>
+<li>In July 2008, Apache tested a 4000-node cluster. The performance was the fastest compared to other technologies that year.</li>
+<li>In May 2009, Hadoop sorted a petabyte of data in 17 hours.</li>
+<li>In December 2011, Hadoop reached 1.0.</li>
+<li>In May 2012, Hadoop 2.0 was released with the addition of YARN (Yet Another Resource Navigator) on top of HDFS, splitting MapReduce and other processes into separate components, greatly improving the fault tolerance.</li>
+</ul>
+<p>From here onwards, many other alternatives have born, like Spark, Hive &amp; Drill, Kafka, HBase, built around the Hadoop ecosystem.</p>
+<p>As of 2017, Amazon has clusters between 1 and 100 nodes, Yahoo has over 100 000 CPUs running Hadoop, AOL has clusters with 50 machines, and Facebook has a 320-machine (2 560 cores) and 1.3PB of raw storage.</p>
+<h2 id="why_not_use_rdbms_"><a class="anchor" href="#why_not_use_rdbms_">¶</a>Why not use RDBMS?</h2>
+<p>Relational database management systems simply cannot scale horizontally, and vertical scaling will require very expensive servers. Similar to RDBMS, Hadoop has a notion of jobs (analogous to transactions), but without ACID or concurrency control. Hadoop supports any form of data (unstructured or semi-structured) in read-only mode, and failures are common but there’s a simple yet efficient fault tolerance.</p>
+<p>So what problems does Hadoop solve? It solves the way we should think about problems, and distributing them, which is key to do anything related with BigData nowadays. We start working with clusters of nodes, and coordinating the jobs between them. Hadoop’s API makes this really easy.</p>
+<p>Hadoop also takes very seriously the loss of data with replication, and if a node falls, they are moved to a different node.</p>
+<h2 id="major_components"><a class="anchor" href="#major_components">¶</a>Major components</h2>
+<p>The previously-mentioned HDFS runs on commodity machine, which are cost-friendly. It is very fault-tolerant and efficient enough to process huge amounts of data, because it splits large files into smaller chunks (or blocks) that can be more easily handled. Multiple nodes can work on multiple chunks at the same time.</p>
+<p>NameNode stores the metadata of the various datablocks (map of blocks) along with their location. It is the brain and the master in Hadoop’s master-slave architecture, also known as the namespace, and makes use of the DataNode.</p>
+<p>A secondary NameNode is a replica that can be used if the first NameNode dies, so that Hadoop doesn’t shutdown and can restart.</p>
+<p>DataNode stores the blocks of data, and are the slaves in the architecture. This data is split into one or more files. Their only job is to manage this access to the data. They are often distributed among racks to avoid data lose.</p>
+<p>JobTracker creates and schedules jobs from the clients for either map or reduce operations.</p>
+<p>TaskTracker runs MapReduce tasks assigned to the current data node.</p>
+<p>When clients need data, they first interact with the NameNode and replies with the location of the data in the correct DataNode. Client proceeds with interaction with the DataNode.</p>
+<h2 id="mapreduce"><a class="anchor" href="#mapreduce">¶</a>MapReduce</h2>
+<p>MapReduce, as the name implies, is split into two steps: the map and the reduce. The map stage is the «divide and conquer» strategy, while the reduce part is about combining and reducing the results.</p>
+<p>The mapper has to process the input data (normally a file or directory), commonly line-by-line, and produce one or more outputs. The reducer uses all the results from the mapper as its input to produce a new output file itself.</p>
+<p><img src="bitmap.png" alt="" /></p>
+<p>When reading the data, some may be junk that we can choose to ignore. If it is valid data, however, we label it with a particular type that can be useful for the upcoming process. Hadoop is responsible for splitting the data accross the many nodes available to execute this process in parallel.</p>
+<p>There is another part to MapReduce, known as the Shuffle-and-Sort. In this part, types or categories from one node get moved to a different node. This happens with all nodes, so that every node can work on a complete category. These categories are known as «keys», and allows Hadoop to scale linearly.</p>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://youtu.be/oT7kczq5A-0">YouTube – Hadoop Tutorial For Beginners | What Is Hadoop? | Hadoop Tutorial | Hadoop Training | Simplilearn</a></li>
+<li><a href="https://youtu.be/bcjSe0xCHbE">YouTube – Learn MapReduce with Playing Cards</a></li>
+<li><a href="https://youtu.be/j8ehT1_G5AY?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi">YouTube – Video Post #2: Hadoop para torpes (I)-¿Qué es y para qué sirve?</a></li>
+<li><a href="https://youtu.be/NQ8mjVPCDvk?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi">Video Post #3: Hadoop para torpes (II)-¿Cómo funciona? HDFS y MapReduce</a></li>
+<li><a href="https://hadoop.apache.org/old/releases.html">Apache Hadoop Releases</a></li>
+<li><a href="https://youtu.be/20qWx2KYqYg?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi">Video Post #4: Hadoop para torpes (III y fin)- Ecosistema y distribuciones</a></li>
+<li><a href="http://www.hadoopbook.com/">Chapter 2 – Hadoop: The Definitive Guide, Fourth Edition</a> (<a href="http://grut-computing.com/HadoopBook.pdf">pdf,</a><a href="http://www.hadoopbook.com/code.html">code</a>)</li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/introduction-to-nosql/index.html
            
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Introduction to NoSQL</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This post will primarly focus on the talk held in the <a href="https://youtu.be/qI_g07C_Q5I">GOTO 2012 conference: Introduction to NoSQL by Martin Fowler</a>. It can be seen as an informal, summarized transcript of the talk</p>
+<div class="date-created-modified">Created 2020-02-25<br>
+Modified 2020-03-18</div>
+<hr />
+<p>The relational database model is affected by the <em><a href="https://en.wikipedia.org/wiki/Object-relational_impedance_mismatch">impedance mismatch problem</a></em>. This occurs because we have to match our high-level design with the separate columns and rows used by relational databases.</p>
+<p>Taking the in-memory objects and putting them into a relational database (which were dominant at the time) simply didn’t work out. Why? Relational databases were more than just databases, they served as a an integration mechanism across applications, up to the 2000s. For 20 years!</p>
+<p>With the rise of the Internet and the sheer amount of traffic, databases needed to scale. Unfortunately, relational databases only scale well vertically (by upgrading a <em>single</em> node). This is <em>very</em> expensive, and not something many could afford.</p>
+<p>The problem are those pesky <code>JOIN</code>‘s, and its friends <code>GROUP BY</code>. Because our program and reality model don’t match the tables used by SQL, we have to rely on them to query the data. It is because the model doesn’t map directly.</p>
+<p>Furthermore, graphs don’t map very well at all to relational models.</p>
+<p>We needed a way to scale horizontally (by increasing the <em>amount</em> of nodes), something relational databases were not designed to do.</p>
+<blockquote>
+<p><em>We need to do something different, relational across nodes is an unnatural act</em></p>
+</blockquote>
+<p>This inspired the NoSQL movement.</p>
+<blockquote>
+<p><em>#nosql was only meant to be a hashtag to advertise it, but unfortunately it’s how it is called now</em></p>
+</blockquote>
+<p>It is not possible to define NoSQL, but we can identify some of its characteristics:</p>
+<ul>
+<li>
+<p>Non-relational</p>
+</li>
+<li>
+<p><strong>Cluster-friendly</strong> (this was the original spark)</p>
+</li>
+<li>
+<p>Open-source (until now, generally)</p>
+</li>
+<li>
+<p>21st century web culture</p>
+</li>
+<li>
+<p>Schema-less (easier integration or conjugation of several models, structure aggregation)
+These databases use different data models to those used by the relational model. However, it is possible to identify 4 broad chunks (some may say 3, or even 2!):</p>
+</li>
+<li>
+<p><strong>Key-value store</strong>. With a certain key, you obtain the value corresponding to it. It knows nothing else, nor does it care. We say the data is opaque.</p>
+</li>
+<li>
+<p><strong>Document-based</strong>. It stores an entire mass of documents with complex structure, normally through the use of JSON (XML has been left behind). Then, you can ask for certain fields, structures, or portions. We say the data is transparent.</p>
+</li>
+<li>
+<p><strong>Column-family</strong>. There is a «row key», and within it we store multiple «column families» (columns that fit together, our aggregate). We access by row-key and column-family name.
+All of these kind of serve to store documents without any <em>explicit</em> schema. Just shove in anything! This gives a lot of flexibility and ease of migration, except… that’s not really true. There’s an <em>implicit</em> schema when querying.</p>
+</li>
+</ul>
+<p>For example, a query where we may do <code>anOrder['price'] * anOrder['quantity']</code> is assuming that <code>anOrder</code> has both a <code>price</code> and a <code>quantity</code>, and that both of these can be multiplied together. «Schema-less» is a fuzzy term.</p>
+<p>However, it is the lack of a <em>fixed</em> schema that gives flexibility.</p>
+<p>One could argue that the line between key-value and document-based is very fuzzy, and they would be right! Key-value databases often let you include additional metadata that behaves like an index, and in document-based, documents often have an identifier anyway.</p>
+<p>The common notion between these three types is what matters. They save an entire structure as an <em>unit</em>. We can refer to these as «Aggregate Oriented Databases». Aggregate, because we group things when designing or modeling our systems, as opposed to relational databases that scatter the information across many tables.</p>
+<p>There exists a notable outlier, though, and that’s:</p>
+<ul>
+<li><strong>Graph</strong> databases. They use a node-and-arc graph structure. They are great for moving on relationships across things. Ironically, relational databases are not very good at jumping across relationships! It is possibly to perform very interesting queries in graph databases which would be really hard and costly on relational models. Unlike the aggregated databases, graphs break things into even smaller units.
+NoSQL is not <em>the</em> solution. It depends on how you’ll work with your data. Do you need an aggregate database? Will you have a lot of relationships? Or would the relational model be good fit for you?</li>
+</ul>
+<p>NoSQL, however, is a good fit for large-scale projects (data will <em>always</em> grow) and faster development (the impedance mismatch is drastically reduced).</p>
+<p>Regardless of our choice, it is important to remember that NoSQL is a young technology, which is still evolving really fast (SQL has been stable for <em>decades</em>). But the <em>polyglot persistence</em> is what matters. One must know the alternatives, and be able to choose.</p>
+<hr />
+<p>Relational databases have the well-known ACID properties: Atomicity, Consistency, Isolation and Durability.</p>
+<p>NoSQL (except graph-based!) are about being BASE instead: Basically Available, Soft state, Eventual consistency.</p>
+<p>SQL needs transactions because we don’t want to perform a read while we’re only half-way done with a write! The readers and writers are the problem, and ensuring consistency results in a performance hit, even if the risk is low (two writers are extremely rare but it still must be handled).</p>
+<p>NoSQL on the other hand doesn’t need ACID because the aggregate <em>is</em> the transaction boundary. Even before NoSQL itself existed! Any update is atomic by nature. When updating many documents it <em>is</em> a problem, but this is very rare.</p>
+<p>We have to distinguish between logical and replication consistency. During an update and if a conflict occurs, it must be resolved to preserve the logical consistency. Replication consistency on the other hand is preserveed when distributing the data across many machines, for example during sharding or copies.</p>
+<p>Replication buys us more processing power and resillence (at the cost of more storage) in case some of the nodes die. But what happens if what dies is the communication across the nodes? We could drop the requests and preserve the consistency, or accept the risk to continue and instead preserve the availability.</p>
+<p>The choice on whether trading consistency for availability is acceptable or not depends on the domain rules. It is the domain’s choice, the business people will choose. If you’re Amazon, you always want to be able to sell, but if you’re a bank, you probably don’t want your clients to have negative numbers in their account!</p>
+<p>Regardless of what we do, in a distributed system, the CAP theorem always applies: Consistecy, Availability, Partitioning-tolerancy (error tolerancy). It is <strong>impossible</strong> to guarantee all 3 at 100%. Most of the times, it does work, but it is mathematically impossible to guarantee at 100%.</p>
+<p>A database has to choose what to give up at some point. When designing a distributed system, this must be considered. Normally, the choice is made between consistency or response time.</p>
+<h2 class="title" id="further_reading"><a class="anchor" href="#further_reading">¶</a>Further reading</h2>
+<ul>
+<li><a href="https://www.martinfowler.com/articles/nosql-intro-original.pdf">The future is: <del>NoSQL Databases</del> Polyglot Persistence</a></li>
+<li><a href="https://www.thoughtworks.com/insights/blog/nosql-databases-overview">NoSQL Databases: An Overview</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/mongodb-an-introduction/index.html
            
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>MongoDB: an Introduction</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This is the first post in the MongoDB series, where we will introduce the MongoDB database system and take a look at its features and installation methods.</p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-04-08</div>
+<p>Other posts in this series:</p>
+<ul>
+<li><a href="/blog/ribw/mongodb-an-introduction/">MongoDB: an Introduction</a> (this post)</li>
+<li><a href="/blog/ribw/mongodb-basic-operations-and-architecture/">MongoDB: Basic Operations and Architecture</a></li>
+<li><a href="/blog/ribw/developing-a-python-application-for-mongodb/">Developing a Python application for MongoDB</a></li>
+</ul>
+<p>This post is co-authored wih Classmate.</p>
+<hr />
+<div class="image-container">
+<img src="mongodb.png" alt="NoSQL database – MongoDB – First delivery" />
+<div class="image-caption"></div>
+</div>
+<p>
+<h2 class="title" id="purpose_of_technology"><a class="anchor" href="#purpose_of_technology">¶</a>Purpose of technology</h2>
+<p>MongoDB is a <strong>general purpose, document-based, distributed database</strong> built for modern application developers and for the cloud era, with the scalability and flexibility that you want with the querying and indexing that you need. It being a document database means it stores data in JSON-like documents.</p>
+<p>The Mongo team believes this is the most natural way to think about data, which is (they claim) much more expressive and powerful than the traditional row/column model, since programmers think in objects.</p>
+<h2 id="how_it_works"><a class="anchor" href="#how_it_works">¶</a>How it works</h2>
+<p>MongoDB’s architecture can be summarized as follows:</p>
+<ul>
+<li>Document data model.</li>
+<li>Distributed systems design.</li>
+<li>Unified experience with freedom to run it anywhere.</li>
+</ul>
+<p>For a more in-depth explanation, MongoDB offers a <a href="https://www.mongodb.com/collateral/mongodb-architecture-guide">download to the MongoDB Architecture Guide</a> with roughly ten pages worth of text.</p>
+<p><img src="knGHenfTGA4kzJb1PHmS9EQvtZl2QlhbIPN15M38m8fZfZf7ODwYfhf0Tltr.png" alt="" />
+_ Overview of MongoDB’s architecture_</p>
+<p>Regarding usage, MongoDB comes with a really nice introduction along with JavaScript, Python, Java, C++ or C# code at our choice, which describes the steps necessary to make it work. Below we will describe a common workflow.</p>
+<p>First, we must <strong>connect</strong> to a running MongoDB instance. Once the connection succeeds, we can access individual «collections», which we can think of as <em>tables</em> where collections of data is stored.</p>
+<p>For instance, we could <strong>insert</strong> an arbitrary JSON document into the <code>restaurants</code> collection to store information about a restaurant.</p>
+<p>At any other point in time, we can <strong>query</strong> these collections. The queries range from trivial, empty ones (which would retrieve all the documents and fields) to more rich and complex queries (for instance, using AND and OR operators, checking if data exists, and then looking for a value in a list).</p>
+<p>MongoDB also supports the creation of <strong>indices</strong>, similar to those in other database systems. It allows for the creation of indices on any field or subfields.</p>
+<p>In Mongo, the <strong>aggregation pipeline</strong> allows us to filter and analyze data based on a given set of criteria. For example, we could pull all the documents in the <code>restaurants</code> collection that have a <code>category</code> of <code>Bakery</code> using the <code>$match</code> operator. Then, we can group them by their star rating using the <code>$group</code> operator. Using the accumulator operator, <code>$sum</code>, we can see how many bakeries in our collection have each star rating.</p>
+<h2 id="features"><a class="anchor" href="#features">¶</a>Features</h2>
+<p>The features can be seen all over the place in their site, because it’s something they make a lot of emphasis on:</p>
+<ul>
+<li>
+<p><strong>Easy development</strong>, thanks to the document data model, something they claim to be «the best way to work with data».</p>
+</li>
+<li>
+<p>Data is stored in flexible JSON-like documents.</p>
+</li>
+<li>
+<p>This model directly maps to the objects in the application’s code.</p>
+</li>
+<li>
+<p>Ad hoc queries, indexing, and real time aggregation provide powerful ways to access and analyze the data.</p>
+</li>
+<li>
+<p><strong>Powerful query language</strong>, with a rich and expressive query language that allows filtering and sorting by any field, no matter how nested it may be within a document. The queries are themselves JSON, and thus easily composable.</p>
+</li>
+<li>
+<p><strong>Support for aggregations</strong> and other modern use-cases such as geo-based search, graph search, and text search.</p>
+</li>
+<li>
+<p><strong>A distributed systems design</strong>, which allows developers to intelligently put data where they want it. High availability, horizontal scaling, and geographic distribution are built in and easy to use.</p>
+</li>
+<li>
+<p><strong>A unified experience</strong> with the freedom to run anywhere, which allows developers to future-proof their work and eliminate vendor lock-in.</p>
+</li>
+</ul>
+<h2 id="corner_in_cap_theorem"><a class="anchor" href="#corner_in_cap_theorem">¶</a>Corner in CAP theorem</h2>
+<p>MongoDB’s position in the CAP theorem (Consistency, Availability, Partition Tolerance) depends on the database and driver configurations, and the type of disaster.</p>
+<ul>
+<li>With <strong>no partitions</strong>, the main focus is <strong>CA</strong>.</li>
+<li>If there are **partitions **but the system is <strong>strongly connected</strong>, the main focus is <strong>AP</strong>: non-synchronized writes from the old primary are ignored.</li>
+<li>If there are <strong>partitions</strong> but the system is <strong>not strongly connected</strong>, the main focus is <strong>CP</strong>: only read access is provided to avoid inconsistencies.
+The general consensus seems to be that Mongo is <strong>CP</strong>.</li>
+</ul>
+<h2 id="download"><a class="anchor" href="#download">¶</a>Download</h2>
+<p>We will be using the apt-based installation.</p>
+<p>The Community version can be downloaded by anyone through <a href="https://www.mongodb.com/download-center/community">MongoDB Download Center</a>, where one can choose the version, Operating System and Package.MongoDB also seems to be <a href="https://packages.ubuntu.com/eoan/mongodb">available in Ubuntu’s PPAs</a>. </p>
+<h2 id="installation"><a class="anchor" href="#installation">¶</a>Installation</h2>
+<p>We will be using an Ubuntu-based system, with apt available. To install MongoDB, we open a terminal and run the following command:</p>
+<pre><code>apt install mongodb
+</code></pre>
+<p>After confirming that we do indeed want to install the package, we should be able to run the following command to verify that the installation was successful:</p>
+<pre><code>mongod --version
+</code></pre>
+<p>The output should be similar to the following: </p>
+<pre><code>db version v4.0.16
+git version: 2a5433168a53044cb6b4fa8083e4cfd7ba142221
+OpenSSL version: OpenSSL 1.1.1  11 Sep 2018
+allocator: tcmalloc
+modules: none
+build environment:
+	distmod: ubuntu1804
+	distarch: x86_64
+	target_arch: x86_64
+</code></pre>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://www.mongodb.com/">MongoDB’s official site</a></li>
+<li><a href="https://www.mongodb.com/what-is-mongodb">What is MongoDB?</a></li>
+<li><a href="https://www.mongodb.com/mongodb-architecture">MongoDB Architecture</a></li>
+<li><a href="https://stackoverflow.com/q/11292215/4759433">Where does mongodb stand in the CAP theorem?</a></li>
+<li><a href="https://medium.com/@bikas.katwal10/mongodb-vs-cassandra-vs-rdbms-where-do-they-stand-in-the-cap-theorem-1bae779a7a15">What is the CAP Theorem? MongoDB vs Cassandra vs RDBMS, where do they stand in the CAP theorem?</a></li>
+<li><a href="https://www.quora.com/Why-doesnt-MongoDB-have-availability-in-the-CAP-theorem">Why doesn’t MongoDB have availability in the CAP theorem?</a></li>
+<li><a href="https://docs.mongodb.com/manual/installation/">Install MongoDB</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/mongodb-basic-operations-and-architecture/index.html
            
@@ -0,0 +1,312 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>MongoDB: Basic Operations and Architecture</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This is the second post in the MongoDB series, where we will take a look at the <a href="https://stackify.com/what-are-crud-operations/">CRUD operations</a> they support, the data model and architecture used.</p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-04-08</div>
+<p>Other posts in this series:</p>
+<ul>
+<li><a href="/blog/ribw/mongodb-an-introduction/">MongoDB: an Introduction</a></li>
+<li><a href="/blog/ribw/mongodb-basic-operations-and-architecture/">MongoDB: Basic Operations and Architecture</a> (this post)</li>
+<li><a href="/blog/ribw/developing-a-python-application-for-mongodb/">Developing a Python application for MongoDB</a></li>
+</ul>
+<p>This post is co-authored wih Classmate, and in it we will take an explorative approach using the <code>mongo</code> command line shell to execute commands against the database. It even has TAB auto-completion, which is awesome!</p>
+<hr />
+<p>Before creating any documents, we first need to create somewhere for the documents to be in. And before we create anything, the database has to be running, so let’s do that first. If we don’t have a service installed, we can run the <code>mongod</code> command ourselves in some local folder to make things easier:</p>
+<pre><code>$ mkdir -p mongo-database
+$ mongod --dbpath mongo-database
+</code></pre>
+<p>Just like that, we will have Mongo running. Now, let’s connect to it using the <code>mongo</code> command in another terminal (don’t close the terminal where the server is running, we need it!). By default, it connects to localhost, which is just what we need.</p>
+<pre><code>$ mongo
+</code></pre>
+<h2 class="title" id="create"><a class="anchor" href="#create">¶</a>Create</h2>
+<h3 id="create_a_database"><a class="anchor" href="#create_a_database">¶</a>Create a database</h3>
+<p>Let’s list the databases:</p>
+<pre><code>&gt; show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+</code></pre>
+<p>Oh, how interesting! There’s already some databases, even though we just created the directory where Mongo will store everything. However, they seem empty, which make sense.</p>
+<p>Creating a new database is done by <code>use</code>-ing a name that doesn’t exist. Let’s call our new database «helloworld».</p>
+<pre><code>&gt; use helloworld
+switched to db helloworld
+</code></pre>
+<p>Good! Now the «local variable» called <code>db</code> points to our <code>helloworld</code> database.</p>
+<pre><code>&gt; db
+helloworld
+</code></pre>
+<p>What happens if we print the databases again? Surely our new database will show up now…</p>
+<pre><code>&gt; show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+</code></pre>
+<p>…maybe not! It seems Mongo won’t create the database until we create some collections and documents in it. Databases contain collections, and inside collections (which you can think of as tables) we can insert new documents (which you can think of as rows). Like in many programming languages, the dot operator is used to access these «members».</p>
+<h3 id="create_a_document"><a class="anchor" href="#create_a_document">¶</a>Create a document</h3>
+<p>Let’s add a new greeting into the <code>greetings</code> collection:</p>
+<pre><code>&gt; db.greetings.insert({message: &quot;¡Bienvenido!&quot;, lang: &quot;es&quot;})
+WriteResult({ &quot;nInserted&quot; : 1 })
+
+&gt; show collections
+greetings
+
+&gt; show databases
+admin       0.000GB
+config      0.000GB
+helloworld  0.000GB
+local       0.000GB
+</code></pre>
+<p>That looks promising! We can also see our new <code>helloworld</code> database also shows up. The Mongo shell actually works on JavaScript-like code, which is why we can use a variant of JSON (BSON) to insert documents (note the lack of quotes around the keys, convenient!).</p>
+<p>The <a href="https://docs.mongodb.com/manual/reference/method/db.collection.insert/index.html"><code>insert</code></a> method actually supports a list of documents, and by default Mongo will assign a unique identifier to each. If we don’t want that though, all we have to do is add the <code>_id</code> key to our documents.</p>
+<pre><code>&gt; db.greetings.insert([
+... {message: &quot;Welcome!&quot;, lang: &quot;en&quot;},
+... {message: &quot;Bonjour!&quot;, lang: &quot;fr&quot;},
+... ])
+BulkWriteResult({
+    &quot;writeErrors&quot; : [ ],
+    &quot;writeConcernErrors&quot; : [ ],
+    &quot;nInserted&quot; : 2,
+    &quot;nUpserted&quot; : 0,
+    &quot;nMatched&quot; : 0,
+    &quot;nModified&quot; : 0,
+    &quot;nRemoved&quot; : 0,
+    &quot;upserted&quot; : [ ]
+})
+</code></pre>
+<h3 id="create_a_collection"><a class="anchor" href="#create_a_collection">¶</a>Create a collection</h3>
+<p>In this example, we created the collection <code>greetings</code> implicitly, but behind the scenes Mongo made a call to <a href="https://docs.mongodb.com/manual/reference/method/db.createCollection/"><code>createCollection</code></a>. Let’s do just that:</p>
+<pre><code>&gt; db.createCollection(&quot;goodbyes&quot;)
+{ &quot;ok&quot; : 1 }
+
+&gt; show collections
+goodbyes
+greetings
+</code></pre>
+<p>The method actually has a default parameter to configure other options, like the maximum size of the collection or maximum amount of documents in it, validation-related options, and so on. These are all described in more details in the documentation.</p>
+<h2 id="read"><a class="anchor" href="#read">¶</a>Read</h2>
+<p>To read the contents of a document, we have to <a href="https://docs.mongodb.com/manual/reference/method/db.collection.find/index.html"><code>find</code></a> it.</p>
+<pre><code>&gt; db.greetings.find()
+{ &quot;_id&quot; : ObjectId(&quot;5e74829a0659f802b15f18dd&quot;), &quot;message&quot; : &quot;¡Bienvenido!&quot;, &quot;lang&quot; : &quot;es&quot; }
+{ &quot;_id&quot; : ObjectId(&quot;5e7487b90659f802b15f18de&quot;), &quot;message&quot; : &quot;Welcome!&quot;, &quot;lang&quot; : &quot;en&quot; }
+{ &quot;_id&quot; : ObjectId(&quot;5e7487b90659f802b15f18df&quot;), &quot;message&quot; : &quot;Bonjour!&quot;, &quot;lang&quot; : &quot;fr&quot; }
+</code></pre>
+<p>That’s a bit unreadable for my taste, can we make it more <a href="https://docs.mongodb.com/manual/reference/method/cursor.pretty/index.html"><code>pretty</code></a>?</p>
+<pre><code>&gt; db.greetings.find().pretty()
+{
+    &quot;_id&quot; : ObjectId(&quot;5e74829a0659f802b15f18dd&quot;),
+    &quot;message&quot; : &quot;¡Bienvenido!&quot;,
+    &quot;lang&quot; : &quot;es&quot;
+}
+{
+    &quot;_id&quot; : ObjectId(&quot;5e7487b90659f802b15f18de&quot;),
+    &quot;message&quot; : &quot;Welcome!&quot;,
+    &quot;lang&quot; : &quot;en&quot;
+}
+{
+    &quot;_id&quot; : ObjectId(&quot;5e7487b90659f802b15f18df&quot;),
+    &quot;message&quot; : &quot;Bonjour!&quot;,
+    &quot;lang&quot; : &quot;fr&quot;
+}
+</code></pre>
+<p>Gorgeous! We can clearly see Mongo created an identifier for us automatically. The queries are also JSON, and support a bunch of operators (prefixed by <code>$</code>), known as <a href="https://docs.mongodb.com/manual/reference/operator/query/">Query Selectors</a>. Here’s a few:</p>
+<table>
+ <thead>
+  <tr>
+   <th>
+    Operation
+   </th>
+   <th>
+    Syntax
+   </th>
+   <th>
+    RDBMS equivalent
+   </th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    Equals
+   </td>
+   <td>
+    <code>
+     {key: {$eq: value}}
+    </code>
+    <br/>
+    Shorthand:
+    <code>
+     {key: value}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key = value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Less Than
+   </td>
+   <td>
+    <code>
+     {key: {$lte: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &lt; value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Less Than or Equal
+   </td>
+   <td>
+    <code>
+     {key: {$lt: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &lt;= value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Greater Than
+   </td>
+   <td>
+    <code>
+     {key: {$gt: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &gt; value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Greater Than or Equal
+   </td>
+   <td>
+    <code>
+     {key: {$gte: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &gt;= value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Not Equal
+   </td>
+   <td>
+    <code>
+     {key: {$ne: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key != value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    And
+   </td>
+   <td>
+    <code>
+     {$and: [{k1: v1}, {k2: v2}]}
+    </code>
+   </td>
+   <td>
+    <code>
+     where k1 = v1 and k2 = v2
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Or
+   </td>
+   <td>
+    <code>
+     {$or: [{k1: v1}, {k2: v2}]}
+    </code>
+   </td>
+   <td>
+    <code>
+     where k1 = v1 or k2 = v2
+    </code>
+   </td>
+  </tr>
+ </tbody>
+</table>
+<p>The operations all do what you would expect them to do, and their names are really intuitive. Aggregating operations with <code>$and</code> or <code>$or</code> can be done anywhere in the query, nested any level deep.</p>
+<h2 id="update"><a class="anchor" href="#update">¶</a>Update</h2>
+<p>Updating a document can be done by using <a href="https://docs.mongodb.com/manual/reference/method/db.collection.save/index.html"><code>save</code></a> on an already-existing document (that is, the document we want to save has <code>_id</code> and it’s in the collection already). If the document is not in the collection yet, this method will create it.</p>
+<pre><code>&gt; db.greetings.save({_id: ObjectId(&quot;5e74829a0659f802b15f18dd&quot;), message: &quot;¡Bienvenido, humano!&quot;, &quot;lang&quot; : &quot;es&quot;})
+WriteResult({ &quot;nMatched&quot; : 1, &quot;nUpserted&quot; : 0, &quot;nModified&quot; : 1 })
+
+&gt; db.greetings.find({lang: &quot;es&quot;})
+{ &quot;_id&quot; : ObjectId(&quot;5e74829a0659f802b15f18dd&quot;), &quot;message&quot; : &quot;¡Bienvenido, humano!&quot;, &quot;lang&quot; : &quot;es&quot; }
+</code></pre>
+<p>Alternatively, the <a href="https://docs.mongodb.com/manual/reference/method/db.collection.update/index.html"><code>update</code></a> method takes a query and new value.</p>
+<pre><code>&gt; db.greetings.update({lang: &quot;en&quot;}, {$set: {message: &quot;Welcome, human!&quot;}})
+WriteResult({ &quot;nMatched&quot; : 1, &quot;nUpserted&quot; : 0, &quot;nModified&quot; : 1 })
+
+&gt; db.greetings.find({lang: &quot;en&quot;})
+{ &quot;_id&quot; : ObjectId(&quot;5e7487b90659f802b15f18de&quot;), &quot;message&quot; : &quot;Welcome, human!&quot;, &quot;lang&quot; : &quot;en&quot; }
+</code></pre>
+<h2 id="indexing"><a class="anchor" href="#indexing">¶</a>Indexing</h2>
+<p>Creating an index is done with <a href="https://docs.mongodb.com/manual/reference/method/db.collection.createIndex/index.html"><code>createIndex</code></a>:</p>
+<pre><code>&gt; db.greetings.createIndex({lang: +1})
+{
+    &quot;createdCollectionAutomatically&quot; : false,
+    &quot;numIndexesBefore&quot; : 1,
+    &quot;numIndexesAfter&quot; : 2,
+    &quot;ok&quot; : 1
+}
+</code></pre>
+<p>Here, we create an ascending index on the lang key. Descending order is done with <code>-1</code>. Now a query for <code>lang</code> in our three documents will be fast… well maybe iteration over three documents was faster than an index.</p>
+<h2 id="delete"><a class="anchor" href="#delete">¶</a>Delete</h2>
+<h3 id="delete_a_document"><a class="anchor" href="#delete_a_document">¶</a>Delete a document</h3>
+<p>I have to confess, I can’t talk French. I learnt it long ago and it’s long forgotten, so let’s remove the translation I copied online from our greetings with <a href="https://docs.mongodb.com/manual/reference/method/db.collection.remove/index.html"><code>remove</code></a>.</p>
+<pre><code>&gt; db.greetings.remove({lang: &quot;fr&quot;})
+WriteResult({ &quot;nRemoved&quot; : 1 })
+</code></pre>
+<h3 id="delete_a_collection"><a class="anchor" href="#delete_a_collection">¶</a>Delete a collection</h3>
+<p>We never really used the <code>goodbyes</code> collection. Can we get rid of that?</p>
+<pre><code>&gt; db.goodbyes.drop()
+true
+</code></pre>
+<p>Yes, it is <code>true</code> that we can <a href="https://docs.mongodb.com/manual/reference/method/db.collection.drop/index.html"><code>drop</code></a> it.</p>
+<h3 id="delete_a_database"><a class="anchor" href="#delete_a_database">¶</a>Delete a database</h3>
+<p>Now, I will be honest, I don’t really like our <code>greetings</code> database either. It stinks. Let’s get rid of it as well:</p>
+<pre><code>&gt; db.dropDatabase()
+{ &quot;dropped&quot; : &quot;helloworld&quot;, &quot;ok&quot; : 1 }
+</code></pre>
+<p>Yeah, take that! The <a href="https://docs.mongodb.com/manual/reference/method/db.dropDatabase/"><code>dropDatabase</code></a> can be used to drop databases.</p>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<p>The examples in this post are all fictional, and the methods that could be used where taken from Classmate’s post, and of course <a href="https://docs.mongodb.com/manual/reference/method/">Mongo’s documentation</a>.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          
        
          
        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/nosql-databases-basic-operations-and-architecture/index.html
            
@@ -0,0 +1,271 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Cassandra: Basic Operations and Architecture</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>This is the second post in the NoSQL Databases series, with a brief description on the basic operations (such as insertion, retrieval, indexing…), and complete execution along with the data model / architecture.</p>
+<div class="date-created-modified">Created 2020-03-05<br>
+Modified 2020-03-24</div>
+<p>Other posts in this series:</p>
+<ul>
+<li><a href="/blog/ribw/nosql-databases-an-introduction/">Cassandra: an Introduction</a></li>
+<li><a href="/blog/ribw/nosql-databases-basic-operations-and-architecture/">Cassandra: Basic Operations and Architecture</a> (this post)</li>
+</ul>
+<hr />
+<p>Cassandra uses it own Query Language for managing the databases, it is known as **CQL **(<strong>Cassandra Query Language</strong>). Cassandra stores data in <strong><em>tables</em></strong>, as in relational databases, and these tables are grouped in <strong><em>keyspaces</em></strong>. A keyspace defines a number of options that applies to all the tables it contains. The most used option is the **replication strategy. **It is recommended to have only one keyspace by application.</p>
+<p>It is important to mention that <strong>tables and keyspaces</strong> are** case insensitive**, so myTable is equivalent to mytable, but it is possible to <strong>force case sensitivity</strong> using <strong>double-quotes</strong>.</p>
+<p>To begin with the basic operations it is necessary to deploy Cassandra:</p>
+<ol>
+<li>Open a terminal in the root of the Apache Cassandra folder downloaded in the previous post.</li>
+<li>Run the command:</li>
+</ol>
+<pre><code>$ bin/cassandra
+</code></pre>
+<p>Once Cassandra is deployed, it is time to open a** CQL Shell**, in <strong>other terminal</strong>, with the command: </p>
+<pre><code>$ bin/cqlsh
+</code></pre>
+<p>It is possible to check if Cassandra is deployed if the SQL Shell prints the next message:</p>
+<p><img src="uwqQgQte-cuYb_pePFOuY58re23kngrDKNgL1qz4yOfnBDZkqMIH3fFuCrye.png" alt="" />
+<em>CQL Shell</em></p>
+<h2 class="title" id="create_insert"><a class="anchor" href="#create_insert">¶</a>Create/Insert</h2>
+<h3 id="ddl_data_definition_language_"><a class="anchor" href="#ddl_data_definition_language_">¶</a>DDL (Data Definition Language)</h3>
+<h4 id="create_keyspace"><a class="anchor" href="#create_keyspace">¶</a>Create keyspace</h4>
+<p>A keyspace is created using a **CREATE KEYSPACE **statement:</p>
+<pre><code>$ **CREATE** KEYSPACE [ **IF** **NOT** **EXISTS** ] keyspace_name **WITH** options;
+</code></pre>
+<p>The supported “<strong>options</strong>” are:</p>
+<ul>
+<li>“<strong>replication</strong>”: this is **mandatory **and defines the <strong>replication strategy</strong> and the <strong>replication factor</strong> (the number of nodes that will have a copy of the data). Within this option there is a property called “<strong>class</strong>” in which the <strong>replication strategy</strong> is specified (“SimpleStrategy” or “NetworkTopologyStrategy”)</li>
+<li>“<strong>durable_writes</strong>”: this is <strong>not mandatory</strong> and it is possible to use the <strong>commit logs for updates</strong>.
+Attempting to create an already existing keyspace will return an error unless the **IF NOT EXISTS **directive is used. </li>
+</ul>
+<p>The example associated to this statement is create a keyspace with name “test_keyspace” with “SimpleStrategy” as “class” of replication and a “replication_factor” of 3.</p>
+<pre><code>**CREATE** KEYSPACE test_keyspace
+    **WITH** **replication** = {'class': 'SimpleStrategy',
+                        'replication_factor' : 3};
+</code></pre>
+<p>The **USE **statement allows to <strong>change</strong> the current <strong>keyspace</strong>. The syntax of this statement is very simple: </p>
+<pre><code>**USE** keyspace_name;
+</code></pre>
+<p><img src="RDWIG2RwvEevUFQv6TGFtGzRm4_9ERpxPf0feriflaj3alvWw3FEIAr_ZdF1.png" alt="" />
+<em>USE statement</em></p>
+<p>It is also possible to get the metadata from a keyspace with the **DESCRIBE **statement.</p>
+<pre><code>**DESCRIBE** KEYSPACES | KEYSPACE keyspace_name;
+</code></pre>
+<h4 id="create_table"><a class="anchor" href="#create_table">¶</a>Create table</h4>
+<p>Creating a new table uses the **CREATE TABLE **statement:</p>
+<pre><code>**CREATE** **TABLE** [ **IF** **NOT** **EXISTS** ] table_name
+    '('
+        column_definition
+        ( ',' column_definition )*
+        [ ',' **PRIMARY** **KEY** '(' primary_key ')' ]
+    ')' [ **WITH** table_options ];
+</code></pre>
+<p>With “column_definition” as: column_name cql_type [ STATIC ] [ PRIMARY KEY]; “primary_key” as: partition_key [ ‘,’ clustering_columns ]; and “table_options” as: COMPACT STORAGE [ AND table_options ] or CLUSTERING ORDER BY ‘(‘ clustering_order ‘)’ [ AND table_options ] or “options”.</p>
+<p>Attempting to create an already existing table will return an error unless the <strong>IF NOT EXISTS</strong> directive is used.</p>
+<p>The <strong>CQL types</strong> are described in the References section.</p>
+<p>For example, we are going to create a table called “species_table” in the keyspace “test_keyspace” in which we will have a “species” text (as PRIMARY KEY), a “common_name” text, a “population” varint, a “average_size” int and a “sex” text. Besides, we are going to add a comment to the table: “Some species records”;</p>
+<pre><code>**CREATE** **TABLE** species_table (
+    species text **PRIMARY** **KEY**,
+    common_name text,
+    population varint,
+    average_size **int**,
+    sex text,
+) **WITH** **comment**='Some species records';
+</code></pre>
+<p>It is also possible to get the metadata from a table with the **DESCRIBE **statement.</p>
+<pre><code>**DESCRIBE** **TABLES** | **TABLE** [keyspace_name.]table_name;
+</code></pre>
+<h3 id="dml_data_manipulation_language_"><a class="anchor" href="#dml_data_manipulation_language_">¶</a>DML (Data Manipulation Language)</h3>
+<h4 id="insert_data"><a class="anchor" href="#insert_data">¶</a>Insert data</h4>
+<p>Inserting data for a row is done using an **INSERT **statement:</p>
+<pre><code>**INSERT** **INTO** table_name ( names_values | json_clause )
+                      [ **IF** **NOT** **EXISTS** ]
+                      [ **USING** update_parameter ( **AND** update_parameter )* ];
+</code></pre>
+<p>Where “names_values” is: names VALUES tuple_literal; “json_clause” is: JSON string [ DEFAULT ( NULL | UNSET ) ]; and “update_parameter” is usually: TTL.</p>
+<p>For example we are going to use both VALUES and JSON clauses to insert data in the table “species_table”. In the VALUES clause it is necessary to supply the list of columns, not as in the JSON clause that is optional.</p>
+<p>Note: TTL (Time To Live) and Timestamp are metrics for expiring data, so, when the time set is passed, the operation is expired.</p>
+<p>In the VALUES clause we are going to insert a new specie called “White monkey”, with an average size of 3, its common name is “Copito de nieve”, population 0 and sex “male”.</p>
+<pre><code>**INSERT** **INTO** species_table (species, common_name, population, average_size, sex)
+                **VALUES** ('White monkey', 'Copito de nieve', 0, 3, 'male');
+</code></pre>
+<p>In the JSON clause we are going to insert a new specie called “Cloned sheep”, with an average size of 1, its common name is “Dolly the sheep”, population 0 and sex “female”.</p>
+<pre><code>**INSERT** **INTO** species_table JSON '{&quot;species&quot;: &quot;Cloned Sheep&quot;,
+                              &quot;common_name&quot;: &quot;Dolly the Sheep&quot;,
+                              &quot;average_size&quot;:1,
+                              &quot;population&quot;:0,
+                              &quot;sex&quot;: &quot;female&quot;}';
+</code></pre>
+<p>Note: all updates for an **INSERT **are applied **atomically **and in <strong>isolation.</strong></p>
+<h2 id="read"><a class="anchor" href="#read">¶</a>Read</h2>
+<p>Querying data from data is done using a **SELECT **statement:</p>
+<pre><code>**SELECT** [ JSON | **DISTINCT** ] ( select_clause | '*' )
+                      **FROM** table_name
+                      [ **WHERE** where_clause ]
+                      [ **GROUP** **BY** group_by_clause ]
+                      [ **ORDER** **BY** ordering_clause ]
+                      [ PER **PARTITION** **LIMIT** (**integer** | bind_marker) ]
+                      [ **LIMIT** (**integer** | bind_marker) ]
+                      [ ALLOW FILTERING ];
+</code></pre>
+<p>The **CQL SELECT **statement is very **similar **to the **SQL SELECT **statement due to the fact that both allows filtering (<strong>WHERE</strong>), grouping data (<strong>GROUP BY</strong>), ordering the data (<strong>ORDER BY</strong>) and limit the number of data (<strong>LIMIT</strong>). Besides, **CQL offers **a **limit per partition **and allow the **filtering **of <strong>data</strong>.</p>
+<p>Note: as in SQL it it possible to set alias to the data with the statement <strong>AS.</strong></p>
+<p>For example we are going to retrieve all the information about those values from the tables “species_table” which “sex” is “male”. Allow filtering is mandatory when there is a WHERE statement.</p>
+<pre><code>**SELECT** * **FROM** species_table **WHERE** sex = 'male' ALLOW FILTERING;
+</code></pre>
+<p><img src="s6GrKIGATvOSD7oGRNScUU5RnLN_-3X1JXvnVi_wDT_hrmPMZdnCdBI8DpIJ.png" alt="" />
+<em>SELECT statement</em></p>
+<p>Furthermore, we are going to test the SELECT JSON statement. For this, we are going to retrieve only the species name with a population of 0. </p>
+<pre><code>**SELECT** JSON species **FROM** species_table **WHERE** population = 0 ALLOW FILTERING;
+</code></pre>
+<p><img src="Up_eHlqKQp2RI5XIbgPOvj1B5J3gLxz7v7EI0NDRgezQTipecdfDT6AQoso0.png" alt="" />
+<em>SELECT JSON statement</em></p>
+<h2 id="update"><a class="anchor" href="#update">¶</a>Update</h2>
+<h3 id="ddl_data_definition_language__2"><a class="anchor" href="#ddl_data_definition_language__2">¶</a>DDL (Data Definition Language)</h3>
+<h4 id="alter_keyspace"><a class="anchor" href="#alter_keyspace">¶</a>Alter keyspace</h4>
+<p>The statement **ALTER KEYSPACE **allows to modify the options of a keyspace:</p>
+<pre><code>**ALTER** KEYSPACE keyspace_name **WITH** options;
+</code></pre>
+<p>Note: the supported **options **are the same than for creating a keyspace, “<strong>replication</strong>” and “<strong>durable_writes</strong>”.</p>
+<p>The example associated to this statement is to modify the keyspace with name “test_keyspace” and set a “replication_factor” of 4.</p>
+<pre><code>**ALTER** KEYSPACE test_keyspace
+    **WITH** **replication** = {'class': 'SimpleStrategy', 'replication_factor' : 4};
+</code></pre>
+<h4 id="alter_table"><a class="anchor" href="#alter_table">¶</a>Alter table</h4>
+<p>Altering an existing table uses the **ALTER TABLE **statement:</p>
+<pre><code>**ALTER** **TABLE** table_name alter_table_instruction;
+</code></pre>
+<p>Where “alter_table_instruction” can be: ADD column_name cql_type ( ‘,’ column_name cql_type )<em>; or DROP column_name ( column_name )</em>; or WITH options</p>
+<p>The example associated to this statement is to ADD a new column to the table “species_table”, called “extinct” with type “boolean”.</p>
+<pre><code>**ALTER** **TABLE** species_table **ADD** extinct **boolean**;
+</code></pre>
+<p>Another example is to DROP the column called “sex” from the table “species_table”.</p>
+<pre><code>**ALTER** **TABLE** species_table **DROP** sex;
+</code></pre>
+<p>Finally, alter the comment with the WITH clause and set the comment to “All species records”. </p>
+<pre><code>**ALTER** **TABLE** species_table **WITH** **comment**='All species records';
+</code></pre>
+<p>These changes can be checked with the **DESCRIBE **statement:</p>
+<pre><code>**DESCRIBE** **TABLE** species_table;
+</code></pre>
+<p><img src="xebKPqkWkn97YVHpRVXZYWvRUfeRUyCH-vPDs67aFaEeU53YTRbDOFscOlAr.png" alt="" />
+<em>DESCRIBE table</em></p>
+<h3 id="dml_data_manipulation_language__2"><a class="anchor" href="#dml_data_manipulation_language__2">¶</a>DML (Data Manipulation Language)</h3>
+<h4 id="update_data"><a class="anchor" href="#update_data">¶</a>Update data</h4>
+<p>Updating a row is done using an **UPDATE **statement:</p>
+<pre><code>**UPDATE** table_name
+[ **USING** update_parameter ( **AND** update_parameter )* ]
+**SET** assignment ( ',' assignment )*
+**WHERE** where_clause
+[ **IF** ( **EXISTS** | condition ( **AND** condition )*) ];
+</code></pre>
+<p>Where the update_parameter is: ( TIMESTAMP | TTL) (integer | bind_marker)</p>
+<p>It is important to mention that the **WHERE **clause is used to select the row to update and **must <strong>include ** all columns</strong> composing the <strong>PRIMARY KEY.</strong></p>
+<p>We are going to test this statement updating the column “extinct” to true to the column with name ‘White monkey’.</p>
+<pre><code>**UPDATE** species_table **SET** extinct = **true** **WHERE** species='White monkey';
+</code></pre>
+<p><img src="IcaCe6VEC5c0ZQIygz-CiclzFyt491u7xPMg2muJLR8grmqaiUzkoQsVCoHf.png" alt="" />
+<em>SELECT statement</em></p>
+<h2 id="delete"><a class="anchor" href="#delete">¶</a>Delete</h2>
+<h3 id="ddl_data_definition_language__3"><a class="anchor" href="#ddl_data_definition_language__3">¶</a>DDL (Data Definition Language)</h3>
+<h4 id="drop_keyspace"><a class="anchor" href="#drop_keyspace">¶</a>Drop keyspace</h4>
+<p>Dropping a keyspace can be done using the **DROP KEYSPACE **statement:</p>
+<pre><code>**DROP** KEYSPACE [ **IF** **EXISTS** ] keyspace_name;
+</code></pre>
+<p>For example, drop the keyspace called “test_keyspace_2” if it exists:</p>
+<pre><code>**DROP** KEYSPACE **IF** **EXISTS** test_keyspace_2;
+</code></pre>
+<p>As this keyspace does not exists, this sentence will do nothing.</p>
+<h4 id="drop_table"><a class="anchor" href="#drop_table">¶</a>Drop table</h4>
+<p>Dropping a table uses the **DROP TABLE **statement:</p>
+<pre><code>**DROP** **TABLE** [ **IF** **EXISTS** ] table_name;
+</code></pre>
+<p>For example, drop the table called “species_2” if it exists: </p>
+<pre><code>**DROP** **TABLE** **IF** **EXISTS** species_2;
+</code></pre>
+<p>As this table does not exists, this sentence will do nothing.</p>
+<h4 id="truncate_table_"><a class="anchor" href="#truncate_table_">¶</a>Truncate (table)</h4>
+<p>A table can be truncated using the **TRUNCATE **statement:</p>
+<pre><code>**TRUNCATE** [ **TABLE** ] table_name;
+</code></pre>
+<p>Do not execute this command now, because if you do it, you will need to insert the previous data again.</p>
+<p>Note: as tables are the only object that can be truncated the keyword TABLE can be omitted.</p>
+<p><img src="FOkhfpxlWFQCzcdfeWxLTy7wx5inDv0xwVeVhE79Pqtk3yYzWsZJnz_SBhUi.png" alt="" />
+<em>TRUNCATE statement</em></p>
+<h3 id="dml_data_manipulation_language__3"><a class="anchor" href="#dml_data_manipulation_language__3">¶</a>DML (Data Manipulation Language)</h3>
+<h4 id="delete_data"><a class="anchor" href="#delete_data">¶</a>Delete data</h4>
+<p>Deleting rows or parts of rows uses the **DELETE **statement:</p>
+<pre><code>**DELETE** [ simple_selection ( ',' simple_selection ) ]
+                      **FROM** table_name
+                      [ **USING** update_parameter ( **AND** update_parameter )* ]
+                      **WHERE** where_clause
+                      [ **IF** ( **EXISTS** | condition ( **AND** condition )*) ]
+</code></pre>
+<p>Now we are going to delete the value of the column “average_size” from “Cloned Sheep”. </p>
+<pre><code>**DELETE** average_size **FROM** species_table **WHERE** species = 'Cloned Sheep';
+</code></pre>
+<p><img src="CyuQokVL5J9TAelq-WEWhNl6kFtbIYs0R1AeU5NX4EkG-YQI81mNHdnf2yWN.png" alt="" />
+<em>DELETE value statement</em></p>
+<p>And we are going to delete the same row as mentioned before. </p>
+<pre><code>**DELETE** **FROM** species_table **WHERE** species = 'Cloned Sheep';
+</code></pre>
+<p><img src="jvQ5cXJ5GTVQ6giVhBEpPJmrJw-zwKKyB9nsTm5PRcGSTzkmh-WO4kTeuLpB.png" alt="" />
+<em>DELETE row statement</em></p>
+<h2 id="batch"><a class="anchor" href="#batch">¶</a>Batch</h2>
+<p>Multiple <strong>INSERT</strong>, **UPDATE **and **DELETE **can be executed in a <strong>single statement</strong> by grouping them through a **BATCH **statement.</p>
+<pre><code>**BEGIN** [ UNLOGGED | COUNTER ] BATCH
+                            [ **USING** update_parameter ( **AND** update_parameter )* ]
+                            modification_statement ( ';' modification_statement )*
+                            APPLY BATCH;
+</code></pre>
+<p>Where modification_statement can be a insert_statement or an update_statement or a delete_statement.</p>
+<ul>
+<li>**UNLOGGED **means that either all operations in a batch eventually complete or none will.</li>
+<li><strong>COUNTER</strong> means that the updates are not idempotent, so each time we execute the updates in a batch, we will have different results.
+For example:</li>
+</ul>
+<pre><code>**BEGIN** BATCH
+   **INSERT** **INTO** species_table (species, common_name, population, average_size, extinct)
+                **VALUES** ('Blue Shark', 'Tiburillo', 30, 10, **false**);
+   **INSERT** **INTO** species_table (species, common_name, population, average_size, extinct)
+                **VALUES** ('Cloned sheep', 'Dolly the Sheep', 1, 1, **true**);
+   **UPDATE** species_table **SET** population = 2 **WHERE** species='Cloned sheep';
+   **DELETE** **FROM** species_table **WHERE** species =  'White monkey';
+APPLY BATCH;
+</code></pre>
+<p><img src="EL9Dac26o0FqkVoeAKmopEKQe0wWq-xYI14b9RzGxtUkFJA3i2eTiR6qkuuJ.png" alt="" />
+<em>BATCH statement</em></p>
+<h2 id="index"><a class="anchor" href="#index">¶</a>Index</h2>
+<p>CQL support creating secondary indexes on tables, allowing queries on the table to use those indexes. </p>
+<p>**Creating **a secondary index on a table uses the **CREATE INDEX **statement:</p>
+<pre><code>**CREATE** [ CUSTOM ] **INDEX** [ **IF** **NOT** **EXISTS** ] [ index_name ]
+                                **ON** table_name '(' index_identifier ')'
+                                [ **USING** string [ **WITH** OPTIONS = map_literal ] ];
+</code></pre>
+<p>For example we are going to create a index called “population_idx” that is related to the column “population” in the table “species_table”.</p>
+<pre><code>**CREATE** **INDEX** population_idx **ON** species_table (population);
+</code></pre>
+<p>**Dropping **a secondary index uses the <strong>DROP INDEX</strong> statement: </p>
+<pre><code>**DROP** **INDEX** [ **IF** **EXISTS** ] index_name;
+</code></pre>
+<p>Now, we are going to drop the previous index: </p>
+<pre><code>**DROP** **INDEX** **IF** **EXISTS** population_idx;
+</code></pre>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://cassandra.apache.org/doc/latest/cql/ddl.html">Cassandra CQL</a></li>
+<li><a href="https://techdifferences.com/difference-between-ddl-and-dml-in-dbms.html">Differences between DML and DDL</a></li>
+<li><a href="https://docs.datastax.com/en/dse/5.1/cql/cql/cql_reference/cqlReferenceTOC.html">Datastax CQL</a></li>
+<li><a href="https://cassandra.apache.org/doc/latest/cql/types.html#grammar-token-cql-type">Cassandra CQL Types</a></li>
+<li><a href="https://cassandra.apache.org/doc/latest/cql/indexes.html">Cassandra Index</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/nosql-databases-basic-operations-and-architecture/s6GrKIGATvOSD7oGRNScUU5RnLN_-3X1JXvnVi_wDT_hrmPMZdnCdBI8DpIJ.png
            

          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          blog/ribw/nosql-evaluation/index.html
            
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Privado: NoSQL evaluation</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>I have decided to evaluate Classmate‘s post and Classmate‘s post, because they review databases I have not seen or used before, and I think it would be interesting to see new ones.</p>
+<div class="date-created-modified">Created 2020-03-16<br>
+Modified 2020-03-27</div>
+<p>The evaluation is based on the requirements defined by Trabajos en grupo sobre Bases de Datos NoSQL:</p>
+<blockquote>
+<p><strong>1ª entrada:</strong> Descripción de la finalidad de la tecnología y cómo funciona o trabaja la BD NoSQL, sus características, la arista que ocupa en el Teorema CAP, de dónde se descarga, y cómo se instala.</p>
+</blockquote>
+<p>-- Teacher</p>
+<h2 class="title" id="classmate_s_evaluation"><a class="anchor" href="#classmate_s_evaluation">¶</a>Classmate’s evaluation</h2>
+<p><strong>Grading: A.</strong></p>
+<p>The post I have evaluated is BB.DD. NoSQL: Voldemort 1ª Fase.</p>
+<p>The post doesn’t start very well, because the first sentence has (emphasis mine):</p>
+<blockquote>
+<p>En él repasaremos en qué consiste <strong>MongoDB</strong>, sus características, y cómo se instala, entre otros.</p>
+</blockquote>
+<p>-- Classmate</p>
+<p>…yet the post is about Voldemort!</p>
+<p>The post does detail how it works, its architecture, corner in the CAP theorem, download and installation.</p>
+<p>I have graded the post with A because I think it meets all the requirements, even if they slipped a bit in the beginning.</p>
+<h2 id="classmate_s_evaluation_2"><a class="anchor" href="#classmate_s_evaluation_2">¶</a>Classmate’s evaluation</h2>
+<p><strong>Grading: A.</strong></p>
+<p>The post I have evaluted is Raven.</p>
+<p>They have done a good job describing the project’s goals, corner in the CAP theorem, download, and provide an extensive installation section.</p>
+<p>They don’t seem to use some of WordPress features, such as lists, but otherwise the post is good and deserves an A grading.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/pc-crawler-evaluation-2/index.html
            
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Privado: PC-Crawler evaluation 2</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>As the student <code>a(i)</code> where <code>i = 9</code>, I have been assigned to evaluate students <code>a(i - 1)</code> and <code>a(i - 2)</code>, these being:</p>
+<div class="date-created-modified">Created 2020-03-16<br>
+Modified 2020-03-28</div>
+<ul>
+<li>a08: Classmate (username)</li>
+<li>a07: Classmate (username)</li>
+</ul>
+<p>The evaluation is done according to the criteria described in Segunda entrega del PC-Crawler.</p>
+<h2 class="title" id="classmate_s_evaluation"><a class="anchor" href="#classmate_s_evaluation">¶</a>Classmate’s evaluation</h2>
+<p><strong>Grading: A.</strong></p>
+<p>This is the evaluation of Crawler – Thesauro.</p>
+<p>It’s a well-written post, properly using WordPress code blocks, and they explain the process of improving the code and what it does. Because there are no noticeable issues with the post, they get the highest grading.</p>
+<h2 id="classmate_s_evaluation_2"><a class="anchor" href="#classmate_s_evaluation_2">¶</a>Classmate’s evaluation</h2>
+<p><strong>Grading: B.</strong></p>
+<p>This is the evaluation of Actividad 2-Crawler.</p>
+<p>They start with an introduction on what they will do.</p>
+<p>Next, they show the code they have written, also describing what it does, although they don’t explain <em>why</em> they chose the data structures they used.</p>
+<p>The style of the code leaves a lot to be desired, and they should have embedded the code in the post instead of taking screenshots. People that rely on screen readers will not be able to see the code.</p>
+<p>I have graded them B and not A for this last reason.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/pc-crawler-evaluation/index.html
            
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Privado: PC-Crawler evaluation</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>As the student <code>a(i)</code> where <code>i = 9</code>, I have been assigned to evaluate students <code>a(i + 3)</code> and <code>a(i + 4)</code>, these being:</p>
+<div class="date-created-modified">Created 2020-03-04<br>
+Modified 2020-03-18</div>
+<ul>
+<li>a12: Classmate (username)</li>
+<li>a13: Classmate (username)</li>
+</ul>
+<h2 class="title" id="classmate_s_evaluation"><a class="anchor" href="#classmate_s_evaluation">¶</a>Classmate’s evaluation</h2>
+<p><strong>Grading: B.</strong></p>
+<p>I think they mix up a bit their considerations with program usage and how it works, not justifying why the considerations are the ones they chose, or what the alternatives would be.</p>
+<p>The implementation notes are quite well-written. Even someone without knowledge of Java’s syntax can read the notes and more or less make sense of what’s going on, with the relevant code excerpts on each section.</p>
+<p>Implementation-wise, some methods could definitely use some improvement:</p>
+<ul>
+<li><code>esExtensionTextual</code> is overly complicated. It could use a <code>for</code> loop and Java’s <code>String.endsWith</code>.</li>
+<li><code>calcularFrecuencia</code> has quite some duplication (e.g. <code>this.getFicherosYDirectorios().remove(0)</code>) and could definitely be cleaned up.</li>
+</ul>
+<p>However, all the desired functionality is implemented.</p>
+<p>Style-wise, some of the newlines and avoiding braces on <code>if</code> and <code>while</code> could be changed to improve the readability.</p>
+<p>The post is written in Spanish, but uses some words that don’t translate well («remover» could better be said as «eliminar» or «quitar»).</p>
+<h2 id="classmate_s_evaluation_2"><a class="anchor" href="#classmate_s_evaluation_2">¶</a>Classmate’s evaluation</h2>
+<p><strong>Grading: B.</strong></p>
+<p>Their post starts with an explanation on what a crawler is, common uses for them, and what type of crawler they will be developing. This is a very good start. Regarding the post style, it seems they are not properly using some of WordPress features, such as lists, and instead rely on paragraphs with special characters prefixing each list item.</p>
+<p>The post also contains some details on how to install the requirements to run the program, which can be very useful for someone not used to working with Java.</p>
+<p>They do not explain their implementation and the filename of the download has a typo.</p>
+<p>Implementation-wise, the code seems to be well-organized, into several packages and files, although the naming is a bit inconsistent. They even designed a GUI, which is quite impressive.</p>
+<p>Some of the methods are documented, although the code inside them is not very commented, including missing rationale for the data structures chosen. There also seem to be several other unused main functions, which I’m unsure why they were kept.</p>
+<p>However, all the desired functionality is implemented.</p>
+<p>Similar to Classmate, the code style could be improved and settled on some standard, as well as making use of Java features such as <code>for</code> loops over iterators instead of manual loops.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/upgrading-our-baby-crawler/index.html
            
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Upgrading our Baby Crawler</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>In our <a href="/blog/ribw/build-your-own-pc/">last post on this series</a>, we presented the code for our Personal Crawler. However, we didn’t quite explain what a crawler even is! We will use this moment to go a bit more in-depth, and make some upgrades to it.</p>
+<div class="date-created-modified">Created 2020-03-11<br>
+Modified 2020-03-18</div>
+<h2 class="title" id="what_is_a_crawler_"><a class="anchor" href="#what_is_a_crawler_">¶</a>What is a Crawler?</h2>
+<p>A crawler is a program whose job is to analyze documents and extract data from them. For example, search engines like <a href="http://duckduckgo.com/">DuckDuckGo</a>, <a href="https://bing.com/">Bing</a> or <a href="http://google.com/">Google</a> all have crawlers to analyze websites and build a database around them. They are some kind of «trackers», because they keep track of everything they find.</p>
+<p>Their basic behaviour can be described as follows: given a starting list of URLs, follow them all and identify hyperlinks inside the documents. Add these to the list of links to follow, and repeat <em>ad infinitum</em>.</p>
+<ul>
+<li>This lets us create an index to quickly search across them all.</li>
+<li>We can also identify broken links.</li>
+<li>We can gather any other type of information that we found.
+Our crawler will work offline, within our own computer, scanning the text documents it finds on the root we tell it to scan.</li>
+</ul>
+<h2 id="design_decissions"><a class="anchor" href="#design_decissions">¶</a>Design Decissions</h2>
+<ul>
+<li>We will use Java. Its runtime is quite ubiquitous, so it should be able to run in virtually anywhere. The language is typed, which helps catch errors early on.</li>
+<li>Our solution is iterative. While recursion can be seen as more elegants by some, iterative solutions are often more performant with less need for optimization.</li>
+</ul>
+<h2 id="requirements"><a class="anchor" href="#requirements">¶</a>Requirements</h2>
+<p>If you don’t have Java installed yet, you can <a href="https://java.com/en/download/">Download Free Java Software</a> from Oracle’s site. To compile the code, the <a href="https://www.oracle.com/java/technologies/javase-jdk8-downloads.html">Java Development Kit</a> is also necessary.</p>
+<p>We don’t depend on any other external libraries, for easier deployment and compilation.</p>
+<h2 id="implementation"><a class="anchor" href="#implementation">¶</a>Implementation</h2>
+<p>Because the code was getting pretty large, it has been split into several files, and we have also upgraded it to use a Graphical User Interface instead! We decided to use Swing, based on the Java tutorial <a href="https://docs.oracle.com/javase/tutorial/uiswing/">Creating a GUI With JFC/Swing</a>.</p>
+<h3 id="app"><a class="anchor" href="#app">¶</a>App</h3>
+<p>This file is the entry point of our application. Its job is to initialize the components, lay them out in the main panel, and connect the event handlers.</p>
+<p>Most widgets are pretty standard, and are defined as class variables. However, some variables are notable. The <code>[DefaultTableModel](https://docs.oracle.com/javase/8/docs/api/javax/swing/table/DefaultTableModel.html)</code> is used because it allows to <a href="https://stackoverflow.com/a/22550106">dynamically add rows</a>, and we also have a <code>[SwingWorker](https://docs.oracle.com/javase/8/docs/api/javax/swing/SwingWorker.html)</code> subclass responsible for performing the word analysis (which is quite CPU intensive and should not be ran in the UI thread!).</p>
+<p>There’s a few utility methods to ease some common operations, such as <code>updateStatus</code> which changes the status label in the main window, informing the user of the latest changes.</p>
+<h3 id="thesaurus"><a class="anchor" href="#thesaurus">¶</a>Thesaurus</h3>
+<p>A thesaurus is a collection of words or terms used to represent concepts. In literature this is commonly known as a dictionary.</p>
+<p>On the subject of this project, we are using a thesaurus based on how relevant is a word for the meaning of a sentence, filtering out those that barely give us any information.</p>
+<p>This file contains a simple thesaurus implementation, which can trivially be used as a normal or inverted thesaurus. However, we only treat it as inverted, and its job is loading itself and determining if words are valid or should otherwise be ignored.</p>
+<h3 id="utils"><a class="anchor" href="#utils">¶</a>Utils</h3>
+<p>Several utility functions used across the codebase.</p>
+<h3 id="wordmap"><a class="anchor" href="#wordmap">¶</a>WordMap</h3>
+<p>This file is the important one, and its implementation hasn’t changed much since our last post. Instances of a word map contain… wait for it… a map of words! It stores the mapping <code>word → count</code> in memory, and offers methods to query the count of a word or iterate over the word count entries.</p>
+<p>It can be loaded from cache or told to analyze a root path. Once an instance is created, additional files could be analyzed one by one if desired.</p>
+<h2 id="download"><a class="anchor" href="#download">¶</a>Download</h2>
+<p>The code was getting a bit too large to embed it within the blog post itself, so instead you can download it as a<code>.zip</code> file.</p>
+<p><em>download removed</em></p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/ribw/what-is-elasticsearch-and-why-should-you-care/index.html
            
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>What is ElasticSearch and why should you care?</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<p>ElasticSearch is a giant search index with powerful analytics capabilities. It’s like a database and search engine on steroids, really easy and fast to get up and running. One can think of it as your own Google, a search engine with analytics.</p>
+<div class="date-created-modified">Created 2020-03-18<br>
+Modified 2020-03-27</div>
+<p>ElasticSearch is rich, stable, performs well, is well maintained, and able to scale to petabytes of any kind of data, whether it’s structured, semi-structured or not at all. It’s cost-effective and can be used to make business decisions.</p>
+<p>Or, described in 10 seconds:</p>
+<blockquote>
+<p>Schema-free, REST &amp; JSON based distributed document store
+Open source: Apache License 2.0
+Zero configuration</p>
+</blockquote>
+<p>-- Alex Reelsen</p>
+<h2 class="title" id="basic_capabilities"><a class="anchor" href="#basic_capabilities">¶</a>Basic capabilities</h2>
+<p>ElasticSearch lets you ask questions about your data, not just make queries. You may think SQL can do this too, but what’s important is making a pipeline of facets, and feed the results from query to query.</p>
+<p>Instead of changing your data, you can be flexible with your questions with no need to re-index it every time the questions change.</p>
+<p>ElasticSearch is not just to search for full-text data, either. It can search for structured data and return more than just the results. It also yields additional data, such as ranking, highlights, and allows for pagination.</p>
+<p>It doesn’t take a lot of configuration to get running, either, which can be a good boost on productivity.</p>
+<h2 id="how_does_it_work_"><a class="anchor" href="#how_does_it_work_">¶</a>How does it work?</h2>
+<p>ElasticSearch depends on Java, and can work in a distributed cluster if you execute multiple instances. Data will be replicated and sharded as needed. The current version at the time of writing is 7.6.1, and it’s being developed fast!</p>
+<p>It also has support for plugins, with an ever-growing ecosystem and integration on many programming languages. Tools around it are being built around it, too, like Kibana which helps you visualize your data.</p>
+<p>The way you use it is through a JSON API, served over HTTP/S.</p>
+<h2 id="how_can_i_use_it_"><a class="anchor" href="#how_can_i_use_it_">¶</a>How can I use it?</h2>
+<p><a href="https://www.elastic.co/downloads/">You can try ElasticSearch out for free on Elastic Cloud</a>, however, it can also be <a href="https://www.elastic.co/downloads/elasticsearch">downloaded and ran offline</a>, which is what we’ll do. Download the file corresponding to your operating system, unzip it, and execute the binary. Running it is as simple as that!</p>
+<p>Now you can make queries to it over HTTP, with for example <code>curl</code>:</p>
+<pre><code>curl -X PUT localhost:9200/orders/order/1 -d '
+{
+  &quot;created_at&quot;: &quot;2013/09/05 15:45:10&quot;,
+  &quot;items&quot;: [
+    {
+      name: &quot;HD Monitor&quot;
+    }
+  ],
+  &quot;total&quot;: 249.95
+}'
+</code></pre>
+<p>This will create a new order with some information, such as when it was created, what items it contains, and the total cost of the order.</p>
+<p>You can then query or filter as needed, script it or even create statistics.</p>
+<h2 id="references"><a class="anchor" href="#references">¶</a>References</h2>
+<ul>
+<li><a href="https://youtu.be/sKnkQSec1U0">YouTube – What is Elasticsearch?</a></li>
+<li><a href="https://youtu.be/yWNiRC_hUAw">YouTube – GOTO 2013 • Elasticsearch – Beyond Full-text Search • Alex Reelsen</a></li>
+<li><a href="https://www.elastic.co/kibana">Kibana – Your window into the Elastic Stack</a></li>
+<li><a href="https://www.elastic.co/guide/index.html">Elastic Stack and Product Documentation</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/sentences/index.html
            
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Sentences</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="sentences"><a class="anchor" href="#sentences">¶</a>Sentences</h1>
+<div class="date-created-modified">2018-01-31</div>
+<blockquote>
+<p>Don't know English? <a href="spanish.html">Read the Spanish version instead</a>.</p>
+</blockquote>
+<p>Just a few sentences that I've been gathering among the years and I think are worthy of being kept somewhere.</p>
+<ul>
+<li>So far, you've survived 100% of your worst days. You're doing great</li>
+<li>Money is not a concern, perfection is</li>
+<li>The only limit to our realization of tomorrow will be our doubts today</li>
+<li>Not all cultures deserve respect.</li>
+<li>It's not the same knowing that you're not free that not being free.</li>
+<li>Being alive is not a biolgical matter, rather mental.</li>
+<li>Every mountain starts off as a grain of sand.</li>
+<li>Time goes against desire.</li>
+<li>The only way to respect is fear.</li>
+<li>For those who have nothing I have so much.</li>
+<li>One isn't what they think, it's what they do.</li>
+<li>When your goal seems impossible, don't change the goal. Find new ways to get to it.</li>
+<li>Be the change you wish to see in the world.</li>
+<li>Tell me something, I'll forget. Show me something, I'll remember. But make me part of it and I'll understand it.</li>
+<li>If you want something to happen, go and do it. Or wait sitting like a stupid until it happens that it never happens.</li>
+<li>I'd rather be happy than be right.</li>
+<li>The engines don’t move the ship at all. The ship stays where it is and the engines move the universe around it.</li>
+<li>If I never try getting there, I'll never get there.</li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/tips-outpost/index.html
            
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Tips for Outpost</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="tips_for_outpost"><a class="anchor" href="#tips_for_outpost">¶</a>Tips for Outpost</h1>
+<div class="date-created-modified">Created 2020-05-10<br>
+Modified 2020-05-22</div>
+<p><a href="https://store.steampowered.com/app/1127110/Outpost/">Outpost</a> is a fun little game by Open Mid Interactive that has popped in recently in my recommended section of Steam, and I decided to give it a try.</p>
+<p>It's a fun tower-defense game with progression, different graphics and random world generation which makes it quite fun for a few hours. In this post I want to talk about some tips I found useful to get past night 50.</p>
+<h2 id="build_pattern"><a class="anchor" href="#build_pattern">¶</a>Build Pattern</h2>
+<p>At first, you may be inclined to design a checkerboard pattern like the following, where &quot;C&quot; is the Crystal shrine, &quot;S&quot; is a stone launcher and &quot;B&quot; is a booster:</p>
+<div class="image-container">
+<img src="outpost-bad-pattern.svg" alt="Bad Outpost build pattern" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p>Indeed, this pattern will apply <strong>4</strong> boosts to every turret, but unfortunately, the other 4 slots of the booster are wasted! This is because boosters are able to power 8 different towers, and you really want to maximize that. Here's a better design:</p>
+<div class="image-container">
+<img src="outpost-good-pattern.svg" alt="Good Outpost build pattern" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p>The shrine's tower does get boosted, but it's still not really worth it to boost it. This pattern works good, and it's really easy to tile: just repeat the same 3x3 pattern.</p>
+<p>Nonetheless, we can do better. What if we applied multiple boosters to the same tower while still applying all 8 boosts?</p>
+<div class="image-container">
+<img src="outpost-best-pattern.svg" alt="Best Outpost build pattern" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p>That's what peak performance looks like. You can actually apply multiple boosters to the same tower, and it works great.</p>
+<p>Now, is it really worth it building anywhere except around the shrine? Not really. You never know where a boss will come from, so all sides need a lot of defense if you want to stand a chance.</p>
+<p>The addition of traps in 1.6 is amazing. You want to build these outside your strong &quot;core&quot;, mostly to slow the enemies down so your turrets have more time to finish them off. Don't waste boosters on the traps, and build them at a reasonable distance from the center (the sixth tile is a good spot):</p>
+<div class="image-container">
+<img src="outpost-trap-pattern.svg" alt="Trap Outpost build pattern" />
+<div class="image-caption"></div>
+</div>
+<p>
+<p>If you gather enough materials, you can build more trap and cannon layers outside, roughly at enough distance to slow them for enough duration until they reach the next layer of traps, and so on. Probably a single gap of &quot;cannon, booster, cannon&quot; is enough between trap layers, just not in the center where you need a lot of fire power.</p>
+<h2 id="talents"><a class="anchor" href="#talents">¶</a>Talents</h2>
+<p>Talents are the way progression works in the game. Generally, after a run, you will have enough experience to upgrade nearly all talents of roughly the same tier. However, some are worth upgrading more than others (which provide basically no value).</p>
+<p>The best ones to upgrade are:</p>
+<ul>
+<li>Starting supplies. Amazing to get good tools early.</li>
+<li>Shrine shield. Very useful to hold against tough bosses.</li>
+<li>Better buildings (cannon, boosters, bed and traps). They're a must to deal the most damage.</li>
+<li>Better pickaxe. Stone is limited, so better make good use of it.</li>
+<li>Better chests. They provide an insane amount of resources early.</li>
+<li>Winter slow. Turrets will have more time to deal damage, it's perfect.</li>
+<li>More time. Useful if you're running out, although generally you enter nights early after having a good core anyway.</li>
+<li>More rocks. Similar to a better pickaxe, more stone is always better.</li>
+</ul>
+<p>Some decent ones:</p>
+<ul>
+<li>In-shrine turret. It's okay to get past the first night without building but not much beyond that.</li>
+<li>Better axe and greaves. Great to save some energy and really nice quality of life to move around.</li>
+<li>Tree growth. Normally there's enough trees for this not to be an issue but it can save some time gathering wood.</li>
+<li>Wisps. They're half-decent since they can provide materials once you max out or max out expensive gear.</li>
+</ul>
+<p>Some okay ones:</p>
+<ul>
+<li>Extra XP while playing. Generally not needed due to the way XP scales per night, but can be a good boost.</li>
+<li>Runestones. Not as reliable as chests but some can grant more energy per day.</li>
+</ul>
+<p>Some crap ones:</p>
+<ul>
+<li>Boosts for other seasons. I mean, winter is already the best, no use there.</li>
+<li>Bow. The bow is very useless at the moment, it's not worth your experience.</li>
+<li>More energy per bush. Not really worth hunting for bushes since you will have enough energy to do well.</li>
+</ul>
+<h2 id="turrets"><a class="anchor" href="#turrets">¶</a>Turrets</h2>
+<p>Always build the highest tier, there's no point in anything lower than that. You will need to deal a lot of damage in a small area, which means space is a premium.</p>
+<h2 id="boosters"><a class="anchor" href="#boosters">¶</a>Boosters</h2>
+<p>If you're very early in the game, I recommend alternating both the flag and torch in a checkerboard pattern where the boosters should go in the pattern above. This way your towers will get extra speed and extra range, which works great.</p>
+<p>When you're in mid-game (stone launchers, gears and campfires), I do not recommend using campfires. The issue is their range boost is way too long, and the turrets will miss quite a few shots. It's better to put all your power into fire speed for increased DPS, at least near the center. If you manage to build too far out and some of the turrets hardly ever shoot, you may put campfires there.</p>
+<p>In end-game, of course alternate both of the highest tier upgrades. They are really good, and provide the best benefit / cost ratio.</p>
+<h2 id="gathering_materials"><a class="anchor" href="#gathering_materials">¶</a>Gathering Materials</h2>
+<p>It is <strong>very</strong> important to use all your energy every day! Otherwise it will go to waste, and you will need a lot of materials.</p>
+<p>As of 1.6, you can mine two things at once if they're close enough! I don't know if this is intended or a bug, but it sure is great.</p>
+<p>Once you're in mid-game, your stone-based fort should stand pretty well against the nights on its own. After playing for a while you will notice, if your base can defend a boss, then it will have no issue carrying you through the nights until the next boss. You can (and should!) spend the nights gathering materials, but only when you're confident that the night won't run out.</p>
+<p>Before the boss hits (every fifth night), come back to your base and use all of your materials. This is the next fort upgrade that will carry it the five next nights.</p>
+<p>You may also speed up time during night, but make sure you use all your energy before hand. And also take care, in the current version of the game speeding up time only speeds up monster movement, not the fire rate or projectile speed of your turrets! This means they will miss more shots and can be pretty dangerous. If you're speeding up time, consider speeding it up for a little bit, then go back to normal until things are more calm, and repeat.</p>
+<p>If you're in the end-game, try to rush for chests. They provide a huge amount of materials which is really helpful to upgrade all your tools early so you can make sure to get the most out of every rock left in the map.</p>
+<p>In the end-game, after all stone has been collected, you don't really need to use all of your energy anymore. Just enough to have enough wood to build with the remaining stone. This will also be nice with the bow upgrades, which admitedly can get quite powerful, but it's best to have a strong fort first.</p>
+<h2 id="season"><a class="anchor" href="#season">¶</a>Season</h2>
+<p>In my opinion, winter is just the best of the seasons. You don't <em>really</em> need that much energy (it gets tiresome), or extra tree drops, or luck. Slower movement means your turrets will be able to shoot enemies for longer, dealing more damage over time, giving them more chance to take enemies out before they reach the shrine.</p>
+<p>Feel free to re-roll the map a few times (play and exit, or even restart the game) until you get winter if you want to go for The Play.</p>
+<h2 id="gear"><a class="anchor" href="#gear">¶</a>Gear</h2>
+<p>In my opinion, you really should rush for the best pickaxe you can afford. Stone is a limited resource that doesn't regrow like trees, so once you run out, it's over. Better to make the best use out of it with a good pickaxe!</p>
+<p>You may also upgrade your greaves, we all known faster movement is a <em>really</em> nice quality of life improvement.</p>
+<p>Of course, you will eventually upgrade your axe to chop wood (otherwise it's wasted energy, really), but it's not as much of a priority as the pickaxe.</p>
+<p>Now, the bow is completely useless. Don't bother with it. Your energy is better spent gathering materials to build permanent turrets that deal constant damage while you're away, and the damage adds up with every extra turret you build.</p>
+<p>With regards to items you carry (like sword, or helmet), look for these (from best to worst):</p>
+<ul>
+<li>Less minion life.</li>
+<li>Chance to not consume energy.</li>
+<li>+1 turret damage.</li>
+<li>Extra energy.</li>
+<li>+1 drop from trees or stones.</li>
+<li>+1 free wood or stone per day.</li>
+</ul>
+<p>Less minion life, nothing to say. You will need it near end-game.</p>
+<p>The chance to not consume energy is better the more energy you have. With a 25% chance not to consume energy, you can think of it as 1 extra energy for every 4 energy you have on average.</p>
+<p>Turret damage is a tough one, it's <em>amazing</em> mid-game (it basically doubles your damage) but falls short once you unlock the cannon where you may prefer other items. Definitely recommended if you're getting started. You may even try to roll it on low tiers by dying on the second night, because it's that good.</p>
+<p>Extra energy is really good, because it means you can get more materials before it gets too rough. Make sure you have built at least two beds in the first night! This extra energy will pay of for the many nights to come.</p>
+<p>The problem with free wood or stone per day is that you have, often, five times as much energy per day. By this I mean you can get easily 5 stone every day, which means 5 extra stone, whereas the other would provide just 1 per night. On a good run, you will get around 50 free stone or 250 extra stone. It's a clear winner.</p>
+<p>In end-game, more quality of life are revealing chests so that you can rush them early, if you like to hunt for them try to make better use of the slot.</p>
+<h2 id="closing_words"><a class="anchor" href="#closing_words">¶</a>Closing words</h2>
+<p>I hope you enjoy the game as much as I do! Movement is sometimes janky and there's the occassional lag spikes, but despite this it should provide at least a few good hours of gameplay. Beware however a good run can take up to an hour!</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/tips-outpost/outpost-bad-pattern.svg
            
@@ -0,0 +1,1719 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="220"
+   height="220"
+   viewBox="0 0 58.208332 58.208334"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-bad-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4.0000001"
+     inkscape:cx="48.149205"
+     inkscape:cy="127.57923"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-238.79165)">
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect815"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect817"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect819"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect821"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect823"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect825"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect827"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect829"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect831"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="291.70831" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect835"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect837"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect839"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect841"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="10.583333"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect843"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect845"
+       width="5.2916665"
+       height="5.2916665"
+       x="15.875"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect847"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect849"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect851"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect853"
+       width="5.2916665"
+       height="5.2916665"
+       x="37.041664"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="42.333328"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect855"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect857"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect859"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="286.41666" />
+    <rect
+       y="281.125"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect861"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect863"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="281.125" />
+    <rect
+       y="281.125"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect879"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect881"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect883"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect885"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect901"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect903"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="270.54169"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect905"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect907"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="270.54169" />
+    <rect
+       y="270.54169"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect923"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect925"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="270.54169" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect927"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect929"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect945"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect947"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect949"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect951"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect967"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect969"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="254.66672"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect971"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect973"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="254.66672" />
+    <rect
+       y="254.66672"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect989"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect991"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="254.66672" />
+    <rect
+       y="249.37506"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect993"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect995"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="249.37506" />
+    <rect
+       y="249.37506"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1011"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1013"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="249.37506" />
+    <rect
+       y="244.0834"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1015"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1017"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="10.583333"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1019"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1021"
+       width="5.2916665"
+       height="5.2916665"
+       x="15.875"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1023"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1025"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1027"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1029"
+       width="5.2916665"
+       height="5.2916665"
+       x="37.041664"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="42.333328"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1031"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.0834"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1033"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1035"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="244.0834" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1037"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1039"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1041"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1043"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1045"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1047"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1049"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1051"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1053"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="238.79175" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1055"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1057"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1106">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332;fill:#ffffff;"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,26.458286)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(35.6385,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-11.263733)"
+       id="g1173">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1167"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1171"><tspan
+           sodipodi:role="line"
+           id="tspan1169"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1181"
+       transform="translate(46.221832,-0.68041992)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1175"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1179"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1177"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.6385,-0.68041992)"
+       id="g1189">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1183"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1187"><tspan
+           sodipodi:role="line"
+           id="tspan1185"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-21.847046)"
+       id="g1197">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1191"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1195"><tspan
+           sodipodi:role="line"
+           id="tspan1193"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1205"
+       transform="translate(35.638501,-21.847046)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1199"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1203"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1201"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1213"
+       transform="translate(46.221832,-21.847046)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1207"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1211"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1209"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-21.847046)"
+       id="g1221">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1215"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1219"><tspan
+           sodipodi:role="line"
+           id="tspan1217"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-0.68041992)"
+       id="g1229">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1223"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1227"><tspan
+           sodipodi:role="line"
+           id="tspan1225"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1237"
+       transform="translate(25.055168,9.9028932)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1231"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1235"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1233"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055169,-11.263733)"
+       id="g1245">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1239"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1243"><tspan
+           sodipodi:role="line"
+           id="tspan1241"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1253"
+       transform="translate(56.805163,-0.68041983)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1247"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1251"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1249"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805163,9.9028933)"
+       id="g1261">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1255"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1259"><tspan
+           sodipodi:role="line"
+           id="tspan1257"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1269"
+       transform="translate(56.805164,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1263"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1267"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1265"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221832,9.9028931)"
+       id="g1277">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1271"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1275"><tspan
+           sodipodi:role="line"
+           id="tspan1273"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1285"
+       transform="translate(35.6385,9.9028931)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1279"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1283"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1281"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1345"
+       transform="translate(30.346834,-16.555389)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1339"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1343"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1341"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930167,-16.555389)"
+       id="g1353">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1347"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1351"><tspan
+           sodipodi:role="line"
+           id="tspan1349"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513498,-16.555389)"
+       id="g1361">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1355"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1359"><tspan
+           sodipodi:role="line"
+           id="tspan1357"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346833,-5.9720764)"
+       id="g1369">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1363"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1367"><tspan
+           sodipodi:role="line"
+           id="tspan1365"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1385"
+       transform="translate(51.513497,-5.9720764)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1379"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1383"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1381"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1393"
+       transform="translate(30.346833,4.6112366)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1387"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1391"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1389"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930166,4.6112366)"
+       id="g1401">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1395"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1399"><tspan
+           sodipodi:role="line"
+           id="tspan1397"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513497,4.6112366)"
+       id="g1409">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1403"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1407"><tspan
+           sodipodi:role="line"
+           id="tspan1405"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,9.9028864)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,10.797967)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1482"
+       transform="translate(28.94367,-26.243621)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1476"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1480"><tspan
+           sodipodi:role="line"
+           id="tspan1478"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652005,-20.951965)"
+       id="g1490">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1484"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1488"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1486"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1498"
+       transform="translate(34.235336,-20.951965)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1492"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1496"><tspan
+           sodipodi:role="line"
+           id="tspan1494"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(34.235335,-10.368652)"
+       id="g1506">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1500"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1504"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1502"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1514"
+       transform="translate(28.943669,-15.660309)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1508"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1512"><tspan
+           sodipodi:role="line"
+           id="tspan1510"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652005,-10.368652)"
+       id="g1522">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1516"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1520"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1518"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1530"
+       transform="translate(28.943669,-5.0769958)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1524"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1528"><tspan
+           sodipodi:role="line"
+           id="tspan1526"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652003,0.21466064)"
+       id="g1538">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1532"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1536"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1534"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1546"
+       transform="translate(28.943669,5.5063172)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1540"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1544"><tspan
+           sodipodi:role="line"
+           id="tspan1542"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(34.235336,0.21466065)"
+       id="g1554">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1548"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1552"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1550"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1562"
+       transform="translate(39.527002,-5.0769958)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1556"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1560"><tspan
+           sodipodi:role="line"
+           id="tspan1558"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527002,5.5063171)"
+       id="g1570">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1564"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1568"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1566"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1578"
+       transform="translate(44.818666,0.21466067)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1572"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1576"><tspan
+           sodipodi:role="line"
+           id="tspan1574"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110332,5.5063174)"
+       id="g1586">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1580"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1584"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1582"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1594"
+       transform="translate(55.401999,0.21466074)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1588"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1592"><tspan
+           sodipodi:role="line"
+           id="tspan1590"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110334,-5.0769958)"
+       id="g1602">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1596"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1600"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1598"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1610"
+       transform="translate(55.401999,-10.368652)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1604"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1608"><tspan
+           sodipodi:role="line"
+           id="tspan1606"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818669,-10.368652)"
+       id="g1618">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1612"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1616"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1614"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1626"
+       transform="translate(39.527003,-15.660309)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1620"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1624"><tspan
+           sodipodi:role="line"
+           id="tspan1622"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110335,-15.660309)"
+       id="g1634">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1628"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1632"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1630"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1642"
+       transform="translate(44.818667,-20.951965)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1636"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1640"><tspan
+           sodipodi:role="line"
+           id="tspan1638"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(55.402,-20.951965)"
+       id="g1650">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1644"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1648"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1646"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1658"
+       transform="translate(50.110334,-26.243607)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1652"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1656"><tspan
+           sodipodi:role="line"
+           id="tspan1654"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527003,-26.243622)"
+       id="g1666">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1660"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1664"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1662"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="275.83334" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.46266627;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1093"
+       width="10.583333"
+       height="10.583333"
+       x="10.583333"
+       y="249.37508" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          blog/tips-outpost/outpost-best-pattern.svg
            
@@ -0,0 +1,1715 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="220"
+   height="220"
+   viewBox="0 0 58.208332 58.208334"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpos-best-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.0000001"
+     inkscape:cx="132.5362"
+     inkscape:cy="94.229796"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-238.79165)">
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect815"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect817"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect819"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect821"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect823"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect825"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect827"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect829"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect831"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="291.70831" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect835"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect837"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect839"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect847"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect849"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect851"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect859"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="286.41666" />
+    <rect
+       y="281.125"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect861"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect881"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect883"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect903"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="270.54169"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect905"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect907"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="270.54169" />
+    <rect
+       y="270.54169"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect923"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect925"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="270.54169" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect927"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect929"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect945"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect947"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect949"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect951"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect967"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect969"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="254.66672"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect971"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect991"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="254.66672" />
+    <rect
+       y="249.37506"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect993"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1013"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="249.37506" />
+    <rect
+       y="244.0834"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1015"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.0834"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1023"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1025"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1027"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1035"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="244.0834" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1037"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1039"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1041"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1043"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1045"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1047"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1049"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1051"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1053"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="238.79175" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1055"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1057"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1106">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332;fill:#ffffff;"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,26.458286)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(35.6385,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,9.9028864)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,10.797967)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="275.83334" />
+    <g
+       id="g1147"
+       transform="translate(40.930166,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1141"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1145"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1143"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527002,-20.951965)"
+       id="g1415">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1409"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1413"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1411"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.6385,-16.555389)"
+       id="g1431">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1425"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1429"><tspan
+           sodipodi:role="line"
+           id="tspan1427"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1439"
+       transform="translate(35.6385,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1433"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1437"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1435"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930166,-21.847031)"
+       id="g1447">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1441"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1445"><tspan
+           sodipodi:role="line"
+           id="tspan1443"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1455"
+       transform="translate(46.221832,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1449"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1453"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1451"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221832,-16.555375)"
+       id="g1463">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1457"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1461"><tspan
+           sodipodi:role="line"
+           id="tspan1459"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-0.68042051)"
+       id="g1555">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1549"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1553"><tspan
+           sodipodi:role="line"
+           id="tspan1551"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513499,-0.68042051)"
+       id="g1563">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1557"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1561"><tspan
+           sodipodi:role="line"
+           id="tspan1559"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1571"
+       transform="translate(50.110335,-10.368653)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1565"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1569"><tspan
+           sodipodi:role="line"
+           id="tspan1567"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1579"
+       transform="translate(46.221833,-5.9720765)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1573"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1577"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1575"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-11.263719)"
+       id="g1587">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1581"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1585"><tspan
+           sodipodi:role="line"
+           id="tspan1583"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1595"
+       transform="translate(51.513499,-11.263719)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1589"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1593"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1591"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-0.68040601)"
+       id="g1603">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1597"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1601"><tspan
+           sodipodi:role="line"
+           id="tspan1599"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1611"
+       transform="translate(56.805165,-5.9720625)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1605"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1609"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1607"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1639"
+       transform="translate(35.638501,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1633"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1637"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1635"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1647"
+       transform="translate(40.930167,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1641"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1645"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1643"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527003,0.21464608)"
+       id="g1655">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1649"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1653"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1651"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,4.6112226)"
+       id="g1663">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1657"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1661"><tspan
+           sodipodi:role="line"
+           id="tspan1659"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1671"
+       transform="translate(35.638501,-0.68041992)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1665"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1669"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1667"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930167,-0.68041992)"
+       id="g1679">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1673"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1677"><tspan
+           sodipodi:role="line"
+           id="tspan1675"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1687"
+       transform="translate(46.221833,9.9028931)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1681"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1685"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1683"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,4.6112366)"
+       id="g1695">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1689"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1693"><tspan
+           sodipodi:role="line"
+           id="tspan1691"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-11.263719)"
+       id="g1703">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1697"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1701"><tspan
+           sodipodi:role="line"
+           id="tspan1699"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-0.68041992)"
+       id="g1711">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1705"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1709"><tspan
+           sodipodi:role="line"
+           id="tspan1707"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346834,-0.68041992)"
+       id="g1719">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1713"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1717"><tspan
+           sodipodi:role="line"
+           id="tspan1715"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1727"
+       transform="translate(28.94367,-10.368652)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1721"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1725"><tspan
+           sodipodi:role="line"
+           id="tspan1723"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1735"
+       transform="translate(25.055168,-5.9720759)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1729"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1733"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1731"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-11.263718)"
+       id="g1743">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1737"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1741"><tspan
+           sodipodi:role="line"
+           id="tspan1739"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1751"
+       transform="translate(30.346834,-11.263718)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1745"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1749"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1747"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,-5.9720761)"
+       id="g1759">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1753"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1757"><tspan
+           sodipodi:role="line"
+           id="tspan1755"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055167,4.6112372)"
+       id="g1862">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1856"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1860"><tspan
+           sodipodi:role="line"
+           id="tspan1858"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1870"
+       transform="translate(30.346834,9.9028791)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1864"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1868"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1866"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1910"
+       transform="translate(50.110335,0.21466067)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1904"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1908"><tspan
+           sodipodi:role="line"
+           id="tspan1906"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1918"
+       transform="translate(51.5135,9.9029076)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1912"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1916"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1914"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1934"
+       transform="translate(56.805166,4.6112655)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1928"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1932"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1930"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1974"
+       transform="translate(56.805162,-16.555375)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1968"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1972"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1970"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110335,-20.951951)"
+       id="g1982">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1976"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1980"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1978"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513496,-21.84703)"
+       id="g1990">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1984"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1988"><tspan
+           sodipodi:role="line"
+           id="tspan1986"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2054"
+       transform="translate(28.94367,-20.951964)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2048"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text2052"><tspan
+           sodipodi:role="line"
+           id="tspan2050"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346835,-21.847045)"
+       id="g2086">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2080"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2084"><tspan
+           sodipodi:role="line"
+           id="tspan2082"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1204"
+       transform="translate(28.943669,0.21466127)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1198"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1202"><tspan
+           sodipodi:role="line"
+           id="tspan1200"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805162,-16.555375)"
+       id="g1356" />
+    <g
+       transform="translate(56.805162,-21.847031)"
+       id="g1383">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1377"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1381"><tspan
+           sodipodi:role="line"
+           id="tspan1379"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <rect
+       y="249.37505"
+       x="47.624992"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1473"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.08339"
+       x="42.333328"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1475"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1477"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624992"
+       y="244.08339" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1479"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="254.6667" />
+    <rect
+       y="244.0834"
+       x="37.04166"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1481"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41669"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1483"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41669"
+       x="42.333332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1485"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1487"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="286.41669" />
+    <rect
+       y="281.12503"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1489"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="275.83337"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1491"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1530"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1532"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1534"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1536"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1538"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="275.83334" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1574"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="254.66673" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1576"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="249.37508" />
+    <rect
+       y="244.08342"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1578"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1580"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="244.08342" />
+    <rect
+       y="244.08342"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1582"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1621"
+       transform="translate(25.055168,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1615"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1619"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1617"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055167,-16.555374)"
+       id="g1629">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1623"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1627"><tspan
+           sodipodi:role="line"
+           id="tspan1625"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1649"
+       transform="translate(25.055167,9.9028791)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1643"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1647"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1645"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805164,9.9029236)"
+       id="g1657">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1651"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1655"><tspan
+           sodipodi:role="line"
+           id="tspan1653"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          blog/tips-outpost/outpost-brand.svg
            
@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="195"
+   height="195"
+   viewBox="0 0 51.593749 51.593751"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-brand.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1398">
+      <stop
+         style="stop-color:#63e500;stop-opacity:1"
+         offset="0"
+         id="stop1394" />
+      <stop
+         id="stop1406"
+         offset="0.25"
+         style="stop-color:#a6e928;stop-opacity:0.74901962" />
+      <stop
+         id="stop1402"
+         offset="0.5"
+         style="stop-color:#72ff8f;stop-opacity:0.49803922" />
+      <stop
+         style="stop-color:#c4eddd;stop-opacity:0.63921571"
+         offset="0.75"
+         id="stop1404" />
+      <stop
+         style="stop-color:#bfffff;stop-opacity:0.78494626"
+         offset="1"
+         id="stop1396" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1398"
+       id="linearGradient1400"
+       x1="-5.5511151e-17"
+       y1="245.40623"
+       x2="51.59375"
+       y2="297"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2"
+     inkscape:cx="42.490073"
+     inkscape:cy="108.35271"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-245.40623)">
+    <rect
+       style="opacity:1;fill:url(#linearGradient1400);fill-opacity:1;stroke:none;stroke-width:0.27449697;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1392"
+       width="51.59375"
+       height="51.59375"
+       x="-5.5511151e-17"
+       y="245.40623" />
+    <rect
+       style="opacity:1;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.45617813;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1408"
+       width="13.229167"
+       height="13.229167"
+       x="19.182291"
+       y="264.58853" />
+    <g
+       id="g847"
+       transform="translate(-1.7185197,1.9843955)">
+      <path
+         d="m 32.098112,271.86455 -4.582718,2.64584 -4.582718,-2.64584 0,-5.29166 4.582718,-2.64584 4.582718,2.64584 z"
+         inkscape:randomized="0"
+         inkscape:rounded="1.04083e-17"
+         inkscape:flatsided="true"
+         sodipodi:arg2="1.0471976"
+         sodipodi:arg1="0.52359878"
+         sodipodi:r2="4.5827179"
+         sodipodi:r1="5.291667"
+         sodipodi:cy="269.21872"
+         sodipodi:cx="27.515394"
+         sodipodi:sides="6"
+         id="path821"
+         style="opacity:1;fill:#80ffff;fill-opacity:1;stroke:none;stroke-width:0.20531785;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="star" />
+      <path
+         sodipodi:type="star"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.04927629;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path823"
+         sodipodi:sides="6"
+         sodipodi:cx="26.03373"
+         sodipodi:cy="267.41956"
+         sodipodi:r1="1.2700001"
+         sodipodi:r2="1.0998524"
+         sodipodi:arg1="0.52359878"
+         sodipodi:arg2="1.0471976"
+         inkscape:flatsided="true"
+         inkscape:rounded="1.04083e-17"
+         inkscape:randomized="0"
+         d="m 27.133582,268.05456 -1.099852,0.635 -1.099853,-0.635 0,-1.27 1.099853,-0.635 1.099852,0.635 z" />
+    </g>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:5.30142689px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.36146089"
+       x="1.1195526"
+       y="252.34299"
+       id="text827"><tspan
+         sodipodi:role="line"
+         x="1.1195526"
+         y="252.34299"
+         style="stroke-width:0.36146089"
+         id="tspan833">Early to late-game</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:5.25529337px;line-height:1.25;font-family:sans-serif;text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.35831544"
+       x="50.197937"
+       y="281.55966"
+       id="text837"><tspan
+         sodipodi:role="line"
+         id="tspan835"
+         x="50.197937"
+         y="281.55966"
+         style="text-align:end;text-anchor:end;stroke-width:0.35831544">• Gear</tspan><tspan
+         sodipodi:role="line"
+         x="50.197937"
+         y="288.12878"
+         style="text-align:end;text-anchor:end;stroke-width:0.35831544"
+         id="tspan839">• Materials</tspan><tspan
+         sodipodi:role="line"
+         x="50.197937"
+         y="294.69791"
+         style="text-align:end;text-anchor:end;stroke-width:0.35831544"
+         id="tspan841">• Gameplay tips</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="opacity:1;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path849"
+       sodipodi:sides="6"
+       sodipodi:cx="12.083937"
+       sodipodi:cy="271.64813"
+       sodipodi:r1="4.1095676"
+       sodipodi:r2="3.55899"
+       sodipodi:arg1="1.0471976"
+       sodipodi:arg2="1.5707963"
+       inkscape:flatsided="true"
+       inkscape:rounded="1.04083e-17"
+       inkscape:randomized="0"
+       d="m 14.13872,275.20712 -4.109567,0 -2.054784,-3.55899 2.054784,-3.55899 4.109568,0 2.054783,3.55899 z" />
+    <path
+       d="m 39.863412,262.76572 -4.109568,0 -2.054784,-3.55899 2.054784,-3.55899 4.109568,0 2.054784,3.55899 z"
+       inkscape:randomized="0"
+       inkscape:rounded="1.04083e-17"
+       inkscape:flatsided="true"
+       sodipodi:arg2="1.5707963"
+       sodipodi:arg1="1.0471976"
+       sodipodi:r2="3.55899"
+       sodipodi:r1="4.1095676"
+       sodipodi:cy="259.20674"
+       sodipodi:cx="37.808629"
+       sodipodi:sides="6"
+       id="path851"
+       style="opacity:1;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       sodipodi:type="star" />
+    <g
+       id="g864">
+      <ellipse
+         ry="2.1047475"
+         rx="3.3675961"
+         cy="260.19028"
+         cx="24.789249"
+         id="path853"
+         style="opacity:1;fill:#a05a2c;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="rect855"
+         transform="matrix(0.26458333,0,0,0.26458333,0,245.40623)"
+         d="M 88.609375 37.419922 L 85.464844 38.599609 L 91.171875 53.828125 L 94.318359 52.648438 L 90.164062 41.568359 L 99.595703 45.033203 L 94.708984 58.070312 L 97.853516 59.25 L 103.5625 44.019531 L 103.51758 44.001953 L 103.875 43.027344 L 88.609375 37.419922 z "
+         style="opacity:1;fill:#c87137;fill-opacity:1;stroke:none;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       id="g870"
+       transform="translate(-12.369271,0.13229167)">
+      <ellipse
+         style="opacity:1;fill:#a05a2c;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse866"
+         cx="24.789249"
+         cy="260.19028"
+         rx="3.3675961"
+         ry="2.1047475" />
+      <path
+         style="opacity:1;fill:#c87137;fill-opacity:1;stroke:none;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 88.609375,37.419922 -3.144531,1.179687 5.707031,15.228516 3.146484,-1.179687 -4.154297,-11.080079 9.431641,3.464844 -4.886719,13.037109 3.144532,1.179688 5.708984,-15.230469 -0.0449,-0.01758 0.35742,-0.974609 z"
+         transform="matrix(0.26458333,0,0,0.26458333,0,245.40623)"
+         id="path868"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       transform="translate(14.022917,11.840104)"
+       id="g876">
+      <ellipse
+         ry="2.1047475"
+         rx="3.3675961"
+         cy="260.19028"
+         cx="24.789249"
+         id="ellipse872"
+         style="opacity:1;fill:#a05a2c;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path874"
+         transform="matrix(0.26458333,0,0,0.26458333,0,245.40623)"
+         d="m 88.609375,37.419922 -3.144531,1.179687 5.707031,15.228516 3.146484,-1.179687 -4.154297,-11.080079 9.431641,3.464844 -4.886719,13.037109 3.144532,1.179688 5.708984,-15.230469 -0.0449,-0.01758 0.35742,-0.974609 z"
+         style="opacity:1;fill:#c87137;fill-opacity:1;stroke:none;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          blog/tips-outpost/outpost-good-pattern.svg
            
@@ -0,0 +1,2019 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="220"
+   height="220"
+   viewBox="0 0 58.208332 58.208334"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-good-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568544"
+     inkscape:cx="29.205714"
+     inkscape:cy="182.75107"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-238.79165)">
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect815"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect817"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect819"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect821"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect823"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect825"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect827"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect829"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect831"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="291.70831" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect835"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect837"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect839"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect847"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect849"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect851"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect859"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="286.41666" />
+    <rect
+       y="281.125"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect861"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect881"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect883"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect903"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="270.54169"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect905"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect907"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="270.54169" />
+    <rect
+       y="270.54169"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect923"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect925"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="270.54169" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect927"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect929"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect945"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect947"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect949"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect951"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect967"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect969"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="254.66672"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect971"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect991"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="254.66672" />
+    <rect
+       y="249.37506"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect993"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1013"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="249.37506" />
+    <rect
+       y="244.0834"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1015"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.0834"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1023"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1025"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1027"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1035"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="244.0834" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1037"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1039"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1041"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1043"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1045"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1047"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1049"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1051"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1053"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="238.79175" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1055"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1057"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1106">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332;fill:#ffffff;"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,26.458286)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(35.6385,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,9.9028864)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,10.797967)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="275.83334" />
+    <g
+       id="g1147"
+       transform="translate(40.930166,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1141"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1145"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1143"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527002,-20.951965)"
+       id="g1415">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1409"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1413"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1411"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.6385,-16.555389)"
+       id="g1431">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1425"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1429"><tspan
+           sodipodi:role="line"
+           id="tspan1427"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1439"
+       transform="translate(35.6385,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1433"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1437"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1435"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930166,-21.847031)"
+       id="g1447">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1441"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1445"><tspan
+           sodipodi:role="line"
+           id="tspan1443"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1455"
+       transform="translate(46.221832,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1449"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1453"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1451"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221832,-16.555375)"
+       id="g1463">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1457"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1461"><tspan
+           sodipodi:role="line"
+           id="tspan1459"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-0.68042051)"
+       id="g1555">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1549"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1553"><tspan
+           sodipodi:role="line"
+           id="tspan1551"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513499,-0.68042051)"
+       id="g1563">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1557"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1561"><tspan
+           sodipodi:role="line"
+           id="tspan1559"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1571"
+       transform="translate(50.110335,-10.368653)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1565"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1569"><tspan
+           sodipodi:role="line"
+           id="tspan1567"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1579"
+       transform="translate(46.221833,-5.9720765)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1573"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1577"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1575"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-11.263719)"
+       id="g1587">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1581"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1585"><tspan
+           sodipodi:role="line"
+           id="tspan1583"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1595"
+       transform="translate(51.513499,-11.263719)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1589"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1593"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1591"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-0.68040601)"
+       id="g1603">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1597"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1601"><tspan
+           sodipodi:role="line"
+           id="tspan1599"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1611"
+       transform="translate(56.805165,-5.9720625)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1605"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1609"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1607"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1639"
+       transform="translate(35.638501,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1633"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1637"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1635"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1647"
+       transform="translate(40.930167,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1641"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1645"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1643"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527003,0.21464608)"
+       id="g1655">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1649"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1653"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1651"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,4.6112226)"
+       id="g1663">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1657"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1661"><tspan
+           sodipodi:role="line"
+           id="tspan1659"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1671"
+       transform="translate(35.638501,-0.68041992)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1665"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1669"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1667"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930167,-0.68041992)"
+       id="g1679">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1673"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1677"><tspan
+           sodipodi:role="line"
+           id="tspan1675"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1687"
+       transform="translate(46.221833,9.9028931)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1681"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1685"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1683"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,4.6112366)"
+       id="g1695">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1689"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1693"><tspan
+           sodipodi:role="line"
+           id="tspan1691"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-11.263719)"
+       id="g1703">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1697"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1701"><tspan
+           sodipodi:role="line"
+           id="tspan1699"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-0.68041992)"
+       id="g1711">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1705"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1709"><tspan
+           sodipodi:role="line"
+           id="tspan1707"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346834,-0.68041992)"
+       id="g1719">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1713"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1717"><tspan
+           sodipodi:role="line"
+           id="tspan1715"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1727"
+       transform="translate(28.94367,-10.368652)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1721"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1725"><tspan
+           sodipodi:role="line"
+           id="tspan1723"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1735"
+       transform="translate(25.055168,-5.9720759)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1729"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1733"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1731"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-11.263718)"
+       id="g1743">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1737"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1741"><tspan
+           sodipodi:role="line"
+           id="tspan1739"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1751"
+       transform="translate(30.346834,-11.263718)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1745"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1749"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1747"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,-5.9720761)"
+       id="g1759">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1753"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1757"><tspan
+           sodipodi:role="line"
+           id="tspan1755"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346833,4.6112222)"
+       id="g1806">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1800"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1804"><tspan
+           sodipodi:role="line"
+           id="tspan1802"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346834,15.194535)"
+       id="g1814">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1808"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1812"><tspan
+           sodipodi:role="line"
+           id="tspan1810"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1822"
+       transform="translate(19.763501,15.194535)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1816"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1820"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1818"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1830"
+       transform="translate(25.055167,15.194535)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1824"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1828"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1826"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652003,5.5063032)"
+       id="g1838">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1832"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1836"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1834"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763501,9.9028793)"
+       id="g1846">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1840"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1844"><tspan
+           sodipodi:role="line"
+           id="tspan1842"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1854"
+       transform="translate(19.763501,4.6112372)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1848"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1852"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1850"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055167,4.6112372)"
+       id="g1862">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1856"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1860"><tspan
+           sodipodi:role="line"
+           id="tspan1858"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1870"
+       transform="translate(30.346834,9.9028791)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1864"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1868"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1866"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1878"
+       transform="translate(62.096832,4.6112505)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1872"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1876"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1874"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1886"
+       transform="translate(62.096833,15.194563)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1880"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1884"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1882"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.5135,15.194563)"
+       id="g1894">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1888"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1892"><tspan
+           sodipodi:role="line"
+           id="tspan1890"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805166,15.194563)"
+       id="g1902">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1896"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1900"><tspan
+           sodipodi:role="line"
+           id="tspan1898"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1910"
+       transform="translate(55.402002,5.5063315)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1904"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1908"><tspan
+           sodipodi:role="line"
+           id="tspan1906"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1918"
+       transform="translate(51.5135,9.9029076)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1912"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1916"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1914"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.5135,4.6112655)"
+       id="g1926">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1920"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1924"><tspan
+           sodipodi:role="line"
+           id="tspan1922"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1934"
+       transform="translate(56.805166,4.6112655)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1928"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1932"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1930"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096833,9.9029074)"
+       id="g1942">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1936"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1940"><tspan
+           sodipodi:role="line"
+           id="tspan1938"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096828,-27.138687)"
+       id="g1950">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1944"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1948"><tspan
+           sodipodi:role="line"
+           id="tspan1946"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096829,-16.555375)"
+       id="g1958">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1952"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1956"><tspan
+           sodipodi:role="line"
+           id="tspan1954"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1966"
+       transform="translate(51.513496,-16.555375)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1960"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1964"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1962"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1974"
+       transform="translate(56.805162,-16.555375)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1968"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1972"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1970"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(55.401998,-26.243606)"
+       id="g1982">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1976"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1980"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1978"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513496,-21.84703)"
+       id="g1990">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1984"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1988"><tspan
+           sodipodi:role="line"
+           id="tspan1986"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1998"
+       transform="translate(51.513496,-27.138672)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1992"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1996"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1994"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805162,-27.138672)"
+       id="g2006">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2000"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2004"><tspan
+           sodipodi:role="line"
+           id="tspan2002"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2014"
+       transform="translate(62.096829,-21.84703)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2008"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2012"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2010"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g2022"
+       transform="translate(30.346834,-27.138702)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2016"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2020"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2018"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g2030"
+       transform="translate(30.346835,-16.55539)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2024"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2028"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2026"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763502,-16.55539)"
+       id="g2038">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2032"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2036"><tspan
+           sodipodi:role="line"
+           id="tspan2034"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-16.55539)"
+       id="g2046">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2040"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2044"><tspan
+           sodipodi:role="line"
+           id="tspan2042"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2054"
+       transform="translate(23.652004,-26.243621)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2048"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text2052"><tspan
+           sodipodi:role="line"
+           id="tspan2050"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g2062"
+       transform="translate(19.763502,-21.847045)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2056"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2060"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2058"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763502,-27.138687)"
+       id="g2070">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2064"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2068"><tspan
+           sodipodi:role="line"
+           id="tspan2066"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2078"
+       transform="translate(25.055168,-27.138687)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2072"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2076"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2074"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346835,-21.847045)"
+       id="g2086">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2080"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2084"><tspan
+           sodipodi:role="line"
+           id="tspan2082"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect2101"
+       width="15.875"
+       height="15.875"
+       x="5.2916665"
+       y="244.0834" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          blog/tips-outpost/outpost-trap-pattern.svg
            
@@ -0,0 +1,3873 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="260"
+   height="260"
+   viewBox="0 0 68.791665 68.791667"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-trap-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="74.729176"
+     inkscape:cy="68.576247"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-228.20832)">
+    <g
+       id="g1106"
+       transform="translate(5.2916728,-5.2916471)">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,20.658538)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(40.930173,-16.55538)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,4.103138)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,4.9982186)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="270.0336" />
+    <g
+       id="g1147"
+       transform="translate(46.221839,-16.55538)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1141"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1145"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1143"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818675,-26.243612)"
+       id="g1415">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1409"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1413"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1411"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930173,-21.847036)"
+       id="g1431">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1425"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1429"><tspan
+           sodipodi:role="line"
+           id="tspan1427"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1439"
+       transform="translate(40.930173,-27.138678)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1433"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1437"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1435"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221839,-27.138678)"
+       id="g1447">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1441"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1445"><tspan
+           sodipodi:role="line"
+           id="tspan1443"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1455"
+       transform="translate(51.513505,-27.138678)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1449"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1453"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1451"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513505,-21.847022)"
+       id="g1463">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1457"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1461"><tspan
+           sodipodi:role="line"
+           id="tspan1459"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513506,-5.9720676)"
+       id="g1555">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1549"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1553"><tspan
+           sodipodi:role="line"
+           id="tspan1551"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805172,-5.9720676)"
+       id="g1563">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1557"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1561"><tspan
+           sodipodi:role="line"
+           id="tspan1559"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1571"
+       transform="translate(55.402008,-15.6603)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1565"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1569"><tspan
+           sodipodi:role="line"
+           id="tspan1567"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1579"
+       transform="translate(51.513506,-11.263724)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1573"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1577"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1575"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513506,-16.555366)"
+       id="g1587">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1581"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1585"><tspan
+           sodipodi:role="line"
+           id="tspan1583"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1595"
+       transform="translate(56.805172,-16.555366)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1589"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1593"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1591"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096838,-5.9720531)"
+       id="g1603">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1597"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1601"><tspan
+           sodipodi:role="line"
+           id="tspan1599"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1611"
+       transform="translate(62.096838,-11.26371)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1605"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1609"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1607"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1639"
+       transform="translate(40.930174,4.6112315)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1633"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1637"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1635"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1647"
+       transform="translate(46.22184,4.6112315)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1641"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1645"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1643"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818676,-5.077001)"
+       id="g1655">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1649"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1653"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1651"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930174,-0.68042446)"
+       id="g1663">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1657"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1661"><tspan
+           sodipodi:role="line"
+           id="tspan1659"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1671"
+       transform="translate(40.930174,-5.972067)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1665"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1669"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1667"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.22184,-5.972067)"
+       id="g1679">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1673"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1677"><tspan
+           sodipodi:role="line"
+           id="tspan1675"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1687"
+       transform="translate(51.513506,4.611246)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1681"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1685"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1683"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513506,-0.68041046)"
+       id="g1695">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1689"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1693"><tspan
+           sodipodi:role="line"
+           id="tspan1691"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096838,-16.555366)"
+       id="g1703">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1697"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1701"><tspan
+           sodipodi:role="line"
+           id="tspan1699"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346841,-5.972067)"
+       id="g1711">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1705"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1709"><tspan
+           sodipodi:role="line"
+           id="tspan1707"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638507,-5.972067)"
+       id="g1719">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1713"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1717"><tspan
+           sodipodi:role="line"
+           id="tspan1715"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1727"
+       transform="translate(34.235343,-15.660299)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1721"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1725"><tspan
+           sodipodi:role="line"
+           id="tspan1723"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1735"
+       transform="translate(30.346841,-11.263723)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1729"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1733"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1731"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346841,-16.555365)"
+       id="g1743">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1737"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1741"><tspan
+           sodipodi:role="line"
+           id="tspan1739"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1751"
+       transform="translate(35.638507,-16.555365)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1745"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1749"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1747"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930174,-11.263723)"
+       id="g1759">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1753"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1757"><tspan
+           sodipodi:role="line"
+           id="tspan1755"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.34684,-0.68040986)"
+       id="g1862">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1856"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1860"><tspan
+           sodipodi:role="line"
+           id="tspan1858"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1870"
+       transform="translate(35.638507,4.611232)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1864"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1868"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1866"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1910"
+       transform="translate(55.402008,-5.0769864)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1904"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1908"><tspan
+           sodipodi:role="line"
+           id="tspan1906"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1918"
+       transform="translate(56.805173,4.6112605)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1912"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1916"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1914"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1934"
+       transform="translate(62.096839,-0.68038156)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1928"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1932"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1930"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1974"
+       transform="translate(62.096835,-21.847022)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1968"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1972"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1970"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(55.402008,-26.243598)"
+       id="g1982">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1976"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1980"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1978"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805169,-27.138677)"
+       id="g1990">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1984"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1988"><tspan
+           sodipodi:role="line"
+           id="tspan1986"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2054"
+       transform="translate(34.235343,-26.243611)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2048"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text2052"><tspan
+           sodipodi:role="line"
+           id="tspan2050"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638508,-27.138692)"
+       id="g2086">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2080"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2084"><tspan
+           sodipodi:role="line"
+           id="tspan2082"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1204"
+       transform="translate(34.235342,-5.0769858)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1198"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1202"><tspan
+           sodipodi:role="line"
+           id="tspan1200"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805162,-16.555375)"
+       id="g1356" />
+    <g
+       transform="translate(62.096835,-27.138678)"
+       id="g1383">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1377"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1381"><tspan
+           sodipodi:role="line"
+           id="tspan1379"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1621"
+       transform="translate(30.346841,-27.138678)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1615"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1619"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1617"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.34684,-21.847021)"
+       id="g1629">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1623"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1627"><tspan
+           sodipodi:role="line"
+           id="tspan1625"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1649"
+       transform="translate(30.34684,4.611232)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1643"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1647"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1645"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096837,4.6112765)"
+       id="g1657">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1651"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1655"><tspan
+           sodipodi:role="line"
+           id="tspan1653"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1180"
+       transform="translate(44.818671,-36.826923)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1174"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1178"><tspan
+           sodipodi:role="line"
+           id="tspan1176"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1188"
+       transform="translate(55.402004,-36.826909)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1182"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1186"><tspan
+           sodipodi:role="line"
+           id="tspan1184"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(34.235339,-36.826922)"
+       id="g1196">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1190"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1194"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1192"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818675,5.5063269)"
+       id="g1205">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1199"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1203"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1201"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(55.402008,5.5063409)"
+       id="g1213">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1207"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1211"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1209"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1221"
+       transform="translate(34.235343,5.5063279)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1215"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1219"><tspan
+           sodipodi:role="line"
+           id="tspan1217"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(65.985339,-15.660269)"
+       id="g1229">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1223"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1227"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1225"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(65.985339,-5.0769559)"
+       id="g1237">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1231"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1235"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1233"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(65.985335,-36.826878)"
+       id="g1253">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1247"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1251"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1249"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1261"
+       transform="translate(65.985339,5.5063719)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1255"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1259"><tspan
+           sodipodi:role="line"
+           id="tspan1257"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1269"
+       transform="translate(23.652009,-15.660314)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1263"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1267"><tspan
+           sodipodi:role="line"
+           id="tspan1265"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1277"
+       transform="translate(23.652009,-5.0770004)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1271"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1275"><tspan
+           sodipodi:role="line"
+           id="tspan1273"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652009,-26.243612)"
+       id="g1285">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1279"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1283"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1281"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1293"
+       transform="translate(23.652005,-36.826923)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1287"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1291"><tspan
+           sodipodi:role="line"
+           id="tspan1289"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652009,5.5063269)"
+       id="g1301">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1295"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1299"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1297"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1355"
+       transform="translate(65.985337,-26.243597)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1349"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1353"><tspan
+           sodipodi:role="line"
+           id="tspan1351"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(40.93017,-37.722004)"
+       id="g1425">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1419"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1423"><tspan
+           sodipodi:role="line"
+           id="tspan1421"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1433"
+       transform="translate(46.221836,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1427"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1431"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1429"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513502,-37.722004)"
+       id="g1441">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1435"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1439"><tspan
+           sodipodi:role="line"
+           id="tspan1437"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1449"
+       transform="translate(56.805166,-37.722003)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1443"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1447"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1445"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1457"
+       transform="translate(35.638505,-37.722018)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1451"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1455"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1453"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1465"
+       transform="translate(62.096832,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1459"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1463"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1461"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346838,-37.722004)"
+       id="g1473">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1467"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1471"><tspan
+           sodipodi:role="line"
+           id="tspan1469"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(67.388499,-37.722004)"
+       id="g1481">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1475"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1479"><tspan
+           sodipodi:role="line"
+           id="tspan1477"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1489"
+       transform="translate(72.680166,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1483"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1487"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1485"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1497"
+       transform="translate(19.763503,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1491"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1495"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1493"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.05517,-37.722004)"
+       id="g1505">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1499"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1503"><tspan
+           sodipodi:role="line"
+           id="tspan1501"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1513"
+       transform="translate(19.763503,-11.263736)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1507"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1511"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1509"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763503,-16.555392)"
+       id="g1521">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1515"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1519"><tspan
+           sodipodi:role="line"
+           id="tspan1517"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1529"
+       transform="translate(19.763503,-21.847034)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1523"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1527"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1525"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1537"
+       transform="translate(19.763502,-5.9720789)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1531"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1535"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1533"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763503,-32.430347)"
+       id="g1545">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1539"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1543"><tspan
+           sodipodi:role="line"
+           id="tspan1541"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1553"
+       transform="translate(19.763502,-27.13869)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1547"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1551"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1549"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763502,-0.68043706)"
+       id="g1561">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1555"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1559"><tspan
+           sodipodi:role="line"
+           id="tspan1557"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763508,4.6112457)"
+       id="g1569">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1563"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1567"><tspan
+           sodipodi:role="line"
+           id="tspan1565"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763507,9.9029029)"
+       id="g1577">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1571"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1575"><tspan
+           sodipodi:role="line"
+           id="tspan1573"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1585"
+       transform="translate(19.763507,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1579"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1583"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1581"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1593"
+       transform="translate(40.930174,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1587"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1591"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1589"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.22184,15.194545)"
+       id="g1601">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1595"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1599"><tspan
+           sodipodi:role="line"
+           id="tspan1597"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1609"
+       transform="translate(51.513506,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1603"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1607"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1605"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.80517,15.194546)"
+       id="g1617">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1611"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1615"><tspan
+           sodipodi:role="line"
+           id="tspan1613"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638509,15.194531)"
+       id="g1625">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1619"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1623"><tspan
+           sodipodi:role="line"
+           id="tspan1621"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096836,15.194545)"
+       id="g1633">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1627"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1631"><tspan
+           sodipodi:role="line"
+           id="tspan1629"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1641"
+       transform="translate(30.346842,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1635"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1639"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1637"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1650"
+       transform="translate(67.388503,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1644"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1648"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1646"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.68017,15.194545)"
+       id="g1658">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1652"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1656"><tspan
+           sodipodi:role="line"
+           id="tspan1654"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1666"
+       transform="translate(25.055174,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1660"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1664"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1662"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680166,-11.263691)"
+       id="g1674">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1668"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1672"><tspan
+           sodipodi:role="line"
+           id="tspan1670"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1682"
+       transform="translate(72.680166,-16.555347)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1676"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1680"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1678"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680166,-21.846989)"
+       id="g1690">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1684"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1688"><tspan
+           sodipodi:role="line"
+           id="tspan1686"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680165,-5.972034)"
+       id="g1698">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1692"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1696"><tspan
+           sodipodi:role="line"
+           id="tspan1694"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1706"
+       transform="translate(72.680166,-32.430302)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1700"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1704"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1702"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680165,-27.138645)"
+       id="g1714">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1708"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1712"><tspan
+           sodipodi:role="line"
+           id="tspan1710"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1722"
+       transform="translate(72.680165,-0.68039216)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1716"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1720"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1718"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1730"
+       transform="translate(72.680171,4.6112906)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1724"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1728"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1726"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1738"
+       transform="translate(72.68017,9.9029479)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1732"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1736"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1734"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1746"
+       transform="translate(67.388501,-5.9720201)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1740"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1744"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1742"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1754"
+       transform="translate(67.388501,-16.555333)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1748"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1752"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1750"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1762"
+       transform="translate(67.388498,-27.138645)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1756"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1760"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1758"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1770"
+       transform="translate(67.3885,4.6113095)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1764"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1768"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1766"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055172,-5.9720656)"
+       id="g1778">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1772"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1776"><tspan
+           sodipodi:role="line"
+           id="tspan1774"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055172,-16.555379)"
+       id="g1786">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1780"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1784"><tspan
+           sodipodi:role="line"
+           id="tspan1782"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055169,-27.138691)"
+       id="g1794">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1788"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1792"><tspan
+           sodipodi:role="line"
+           id="tspan1790"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055171,4.6112639)"
+       id="g1802">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1796"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1800"><tspan
+           sodipodi:role="line"
+           id="tspan1798"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.93017,-32.430333)"
+       id="g1810">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1804"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1808"><tspan
+           sodipodi:role="line"
+           id="tspan1806"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513502,-32.430333)"
+       id="g1818">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1812"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1816"><tspan
+           sodipodi:role="line"
+           id="tspan1814"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1826"
+       transform="translate(62.096832,-32.430333)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1820"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1824"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1822"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346838,-32.430333)"
+       id="g1834">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1828"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1832"><tspan
+           sodipodi:role="line"
+           id="tspan1830"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1842"
+       transform="translate(40.930171,9.9028899)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1836"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1840"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1838"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1850"
+       transform="translate(51.513503,9.9028899)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1844"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1848"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1846"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096833,9.9028899)"
+       id="g1858">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1852"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1856"><tspan
+           sodipodi:role="line"
+           id="tspan1854"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1866"
+       transform="translate(30.346839,9.9028899)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1860"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1864"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1862"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1882">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1868"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1872"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1870"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1890"
+       transform="translate(15.875006,0.5080826)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1884"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1888"><tspan
+           sodipodi:role="line"
+           id="tspan1886"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875006,-4.7835739)"
+       id="g1898">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1892"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1896"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1894"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875001,-10.075243)"
+       id="g1906">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1900"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1904"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1902"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1914"
+       transform="translate(15.875001,-15.366899)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1908"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1912"><tspan
+           sodipodi:role="line"
+           id="tspan1910"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875007,-20.658529)"
+       id="g1922">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1916"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1920"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1918"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1930"
+       transform="translate(15.875007,-25.950185)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1924"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1928"><tspan
+           sodipodi:role="line"
+           id="tspan1926"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g1938"
+       transform="translate(15.875002,-31.241854)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1932"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1936"><tspan
+           sodipodi:role="line"
+           id="tspan1934"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875002,-36.53351)"
+       id="g1946">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1940"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1944"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1942"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875006,-41.82514)"
+       id="g1954">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1948"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1952"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1950"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875001,-47.116809)"
+       id="g1962">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1956"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1960"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1958"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1970"
+       transform="translate(15.875001,-52.408465)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1964"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1968"><tspan
+           sodipodi:role="line"
+           id="tspan1966"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g1978"
+       transform="translate(15.875001,-57.700121)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1972"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1976"><tspan
+           sodipodi:role="line"
+           id="tspan1974"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875001,-62.991777)"
+       id="g1986">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1980"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1984"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1982"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1994"
+       transform="translate(21.166669,-62.991779)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1988"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1992"><tspan
+           sodipodi:role="line"
+           id="tspan1990"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2002"
+       transform="translate(26.458337,-62.991779)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1996"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2000"><tspan
+           sodipodi:role="line"
+           id="tspan1998"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(31.750005,-62.991781)"
+       id="g2010">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2004"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2008"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2006"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2018"
+       transform="translate(37.041671,-62.991781)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2012"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2016"><tspan
+           sodipodi:role="line"
+           id="tspan2014"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(42.333339,-62.991783)"
+       id="g2026">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2020"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2024"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2022"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(47.625007,-62.991783)"
+       id="g2034">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2028"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2032"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2030"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2042"
+       transform="translate(52.916675,-62.991785)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2036"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2040"><tspan
+           sodipodi:role="line"
+           id="tspan2038"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2050"
+       transform="translate(58.208329,-62.991777)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2044"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2048"><tspan
+           sodipodi:role="line"
+           id="tspan2046"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(63.499997,-62.991779)"
+       id="g2058">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2052"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2056"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2054"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(68.791665,-62.991779)"
+       id="g2066">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2060"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2064"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2062"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2074"
+       transform="translate(74.083333,-62.991781)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2068"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2072"><tspan
+           sodipodi:role="line"
+           id="tspan2070"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.374999,-62.991781)"
+       id="g2082">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2076"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2080"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2078"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375008,0.5081533)"
+       id="g2134">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2128"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2132"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2130"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2142"
+       transform="translate(79.375008,-4.7835032)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2136"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2140"><tspan
+           sodipodi:role="line"
+           id="tspan2138"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2150"
+       transform="translate(79.375003,-10.075172)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2144"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2148"><tspan
+           sodipodi:role="line"
+           id="tspan2146"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375003,-15.366828)"
+       id="g2158">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2152"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2156"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2154"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2166"
+       transform="translate(79.375009,-20.658458)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2160"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2164"><tspan
+           sodipodi:role="line"
+           id="tspan2162"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375009,-25.950114)"
+       id="g2174">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2168"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2172"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2170"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375004,-31.241783)"
+       id="g2182">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2176"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2180"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2178"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2190"
+       transform="translate(79.375004,-36.533439)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2184"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2188"><tspan
+           sodipodi:role="line"
+           id="tspan2186"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2198"
+       transform="translate(79.375008,-41.825069)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2192"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2196"><tspan
+           sodipodi:role="line"
+           id="tspan2194"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2206"
+       transform="translate(79.375003,-47.116738)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2200"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2204"><tspan
+           sodipodi:role="line"
+           id="tspan2202"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375003,-52.408394)"
+       id="g2214">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2208"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2212"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2210"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375003,-57.70005)"
+       id="g2222">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2216"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2220"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2218"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(21.166672,0.5080826)"
+       id="g2382">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2376"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2380"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2378"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(26.45834,0.5080826)"
+       id="g2390">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2384"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2388"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2386"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2398"
+       transform="translate(31.750008,0.5080806)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2392"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2396"><tspan
+           sodipodi:role="line"
+           id="tspan2394"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(37.041674,0.5080806)"
+       id="g2406">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2400"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2404"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2402"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2414"
+       transform="translate(42.333342,0.5080786)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2408"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2412"><tspan
+           sodipodi:role="line"
+           id="tspan2410"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2422"
+       transform="translate(47.62501,0.5080786)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2416"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2420"><tspan
+           sodipodi:role="line"
+           id="tspan2418"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(52.916678,0.5080766)"
+       id="g2430">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2424"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2428"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2426"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(58.208332,0.5080846)"
+       id="g2438">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2432"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2436"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2434"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2446"
+       transform="translate(63.5,0.5080826)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2440"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2444"><tspan
+           sodipodi:role="line"
+           id="tspan2442"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2454"
+       transform="translate(68.791668,0.5080826)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2448"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2452"><tspan
+           sodipodi:role="line"
+           id="tspan2450"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(74.083336,0.5080806)"
+       id="g2462">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2456"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2460"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2458"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          blog/university/index.html
            
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>University posts</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="university_posts"><a class="anchor" href="#university_posts">¶</a>University posts</h1>
+<div class="date-created-modified">2020-07-03</div>
+<p>During university, there were a few subjects where I had to write blog posts for (either as
+evaluable tasks or just for fun). Currently, these are:</p>
+<ul>
+<li><a href="mdad">Data Mining and Data Warehousing</a></li>
+<li><a href="ribw">Information Retrieval and Web Search</a></li>
+</ul>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          blog/world_edit/index.html
            
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>WorldEdit Commands</title>
+<link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+<main>
+<h1 class="title" id="worldedit_commands"><a class="anchor" href="#worldedit_commands">¶</a>WorldEdit Commands</h1>
+<div class="date-created-modified">2018-07-11</div>
+<p><a href="https://dev.bukkit.org/projects/worldedit">WorldEdit</a> is an extremely powerful tool for modifying entire worlds within <a href="https://minecraft.net">Minecraft</a>, which can be used as either a mod for your single-player worlds or as a plugin for your <a href="https://getbukkit.org/">Bukkit</a> servers.</p>
+<p>This command guide was written for Minecraft 1.12.1, version <a href="https://dev.bukkit.org/projects/worldedit/files/2460562">6.1.7.3</a>, but should work for newer versions too. All WorldEdit commands can be used with a double slash (<code>//</code>) so they don't conlict with built-in commands. This means you can get a list of all commands with <code>//help</code>. Let's explore different categories!</p>
+<h2 id="movement"><a class="anchor" href="#movement">¶</a>Movement</h2>
+<p>In order to edit a world properly you need to learn how to move in said world properly. There are several straightforward commands that let you move:</p>
+<ul>
+<li><code>//ascend</code> goes up one floor.</li>
+<li><code>//descend</code> goes down one floor.</li>
+<li><code>//thru</code> let's you pass through walls.</li>
+<li><code>//jumpto</code> to go wherever you are looking.</li>
+</ul>
+<h2 id="information"><a class="anchor" href="#information">¶</a>Information</h2>
+<p>Knowing your world properly is as important as knowing how to move within it, and will also let you change the information in said world if you need to.</p>
+<ul>
+<li><code>//biomelist</code> shows all known biomes.</li>
+<li><code>//biomeinfo</code> shows the current biome.</li>
+<li><code>//setbiome</code> lets you change the biome.</li>
+</ul>
+<h2 id="blocks"><a class="anchor" href="#blocks">¶</a>Blocks</h2>
+<p>You can act over all blocks in a radius around you with quite a few commands. Some won't actually act over the entire range you specify, so 100 is often a good number.</p>
+<h3 id="filling"><a class="anchor" href="#filling">¶</a>Filling</h3>
+<p>You can fill pools with <code>//fill water 100</code> or caves with <code>//fillr water 100</code>, both of which act below your feet.</p>
+<h3 id="fixing"><a class="anchor" href="#fixing">¶</a>Fixing</h3>
+<p>If the water or lava is buggy use <code>//fixwater 100</code> or <code>//fixlava 100</code> respectively.</p>
+<p>Some creeper removed the snow or the grass? Fear not, you can use <code>//snow 10</code> or <code>//grass 10</code>.</p>
+<h3 id="emptying"><a class="anchor" href="#emptying">¶</a>Emptying</h3>
+<p>You can empty a pool completely with <code>//drain 100</code>, remove the snow with <code>//thaw 10</code>, and remove fire with <code>//ex 10</code>.</p>
+<h3 id="removing"><a class="anchor" href="#removing">¶</a>Removing</h3>
+<p>You can remove blocks above and below you in some area with the <code>//removeabove N</code> and <code>//removebelow N</code>. You probably want to set a limit though, or you could fall off the world with <code>//removebelow 1 10</code> for radius and depth. You can also remove near blocks with <code>//removenear block 10</code>.</p>
+<h3 id="shapes"><a class="anchor" href="#shapes">¶</a>Shapes</h3>
+<p>Making a cylinder (or circle) can be done with through <code>//cyl stone 10</code>, a third argument for the height. The radius can be comma-separated to make a ellipses instead, such as <code>//cyl stone 5,10</code>.</p>
+<p>Spheres are done with <code>//sphere stone 5</code>. This will build one right at your center, so you can raise it to be on your feet with <code>//sphere stone 5 yes</code>. Similar to cylinders, you can comma separate the radius <code>x,y,z</code>.</p>
+<p>Pyramids can be done with <code>//pyramic stone 5</code>.</p>
+<p>All these commands can be prefixed with &quot;h&quot; to make them hollow. For instance, <code>//hsphere stone 10</code>.</p>
+<h2 id="regions"><a class="anchor" href="#regions">¶</a>Regions</h2>
+<h3 id="basics"><a class="anchor" href="#basics">¶</a>Basics</h3>
+<p>Operating over an entire region is really important, and the first thing you need to work comfortably with them is a tool to make selections. The default wooden-axe tool can be obtained with <code>//wand</code>, but you must be near the blocks to select. You can use a different tool, like a golden axe, to use as your &quot;far wand&quot; (wand usable over distance). Once you have one in your hand type <code>//farwand</code> to use it as your &quot;far wand&quot;. You can select the two corners of your region with left and right click. If you have selected the wrong tool, use <code>//none</code> to clear it.</p>
+<p>If there are no blocks but you want to use your current position as a corner, use <code>//pos1</code> or 2.</p>
+<p>If you made a region too small, you can enlarge it with <code>//expand 10 up</code>, or <code>//expand vert</code> for the entire vertical range, etc., or make it smaller with <code>//contract 10 up</code> etc., or <code>//inset</code> it to contract in both directions. You can use short-names for the cardinal directions (NSEW).</p>
+<p>Finally, if you want to move your selection, you can <code>//shift 1 north</code> it to wherever you need.</p>
+<h3 id="information_2"><a class="anchor" href="#information_2">¶</a>Information</h3>
+<p>You can get the <code>//size</code> of the selection or even <code>//count torch</code> in some area. If you want to count all blocks, get their distribution <code>//distr</code>.</p>
+<h3 id="filling_2"><a class="anchor" href="#filling_2">¶</a>Filling</h3>
+<p>With a region selected, you can <code>//set</code> it to be any block! For instance, you can use <code>//set air</code> to clear it entirely. You can use more than one block evenly by separting them with a comma <code>//set stone,dirt</code>, or with a custom chance <code>//set 20%stone,80%dirt</code>.</p>
+<p>You can use <code>//replace from to</code> instead if you don't want to override all blocks in your selection.</p>
+<p>You can make an hollow set with <code>//faces</code>, and if you just want the walls, use <code>//walls</code>.</p>
+<h3 id="cleaning"><a class="anchor" href="#cleaning">¶</a>Cleaning</h3>
+<p>If someone destroyed your wonderful snow landscape, fear not, you can use <code>//overlay snow</code> over it (although for this you actually have <code>//snow N</code> and its opposite <code>//thaw</code>).</p>
+<p>If you set some rough area, you can always <code>//smooth</code> it, even more than one time with <code>//smooth 3</code>. You can get your dirt and stone back with <code>//naturalize</code> and put some plants with <code>//flora</code> or <code>//forest</code>, both of which support a density or even the type for the trees. If you already have the dirt use <code>//green</code> instead. If you want some pumpkins, with <code>//pumpkins</code>.</p>
+<h3 id="moving"><a class="anchor" href="#moving">¶</a>Moving</h3>
+<p>You can repeat an entire selection many times by stacking them with <code>//stack N DIR</code>. This is extremely useful to make things like corridors or elevators. For instance, you can make a small section of the corridor, select it entirely, and then repeat it 10 times with <code>//stack 10 north</code>. Or you can make the elevator and then <code>//stack 10 up</code>. If you need to also copy the air use <code>//stackair</code>.</p>
+<p>Finally, if you don't need to repeat it and simply move it just a bit towards the right direction, you can use <code>//move N</code>. The default direction is &quot;me&quot; (towards where you are facing) but you can set one with <code>//move 1 up</code> for example.</p>
+<h3 id="selecting"><a class="anchor" href="#selecting">¶</a>Selecting</h3>
+<p>You can not only select cuboids. You can also select different shapes, or even just points:</p>
+<ul>
+<li><code>//sel cuboid</code> is the default.</li>
+<li><code>//sel extend</code> expands the default.</li>
+<li><code>//sel poly</code> first point with left click and right click to add new points.</li>
+<li><code>//sel ellipsoid</code> first point to select the center and right click to select the different radius.</li>
+<li><code>//sel sphere</code> first point to select the center and one more right click for the radius.</li>
+<li><code>//sel cyl</code> for cylinders, first click being the center.</li>
+<li><code>//sel convex</code> for convex shapes. This one is extremely useful for <code>//curve</code>.</li>
+</ul>
+<h2 id="brushes"><a class="anchor" href="#brushes">¶</a>Brushes</h2>
+<p>Brushes are a way to paint in 3D without first bothering about making a selection, and there are spherical and cylinder brushes with e.g. <code>//brush sphere stone 2</code>, or the shorter form <code>//br s stone</code>. For cylinder, one must use <code>cyl</code> instead <code>sphere</code>.</p>
+<p>There also exists a brush to smooth the terrain which can be enabled on the current item with <code>//br smooth</code>, which can be used with right-click like any other brush.</p>
+<h2 id="clipboard"><a class="anchor" href="#clipboard">¶</a>Clipboard</h2>
+<p>Finally, you can copy and cut things around like you would do with normal text with <code>//copy</code> and <code>//cut</code>. The copy is issued from wherever you issue the command, so when you use <code>//paste</code>, remember that if you were 4 blocks apart when copying, it will be 4 blocks apart when pasting.</p>
+<p>The contents of the clipboard can be flipped to wherever you are looking via <code>//flip</code>, and can be rotated via the <code>//rotate 90</code> command (in degrees).</p>
+<p>To remove the copy use <code>//clearclipboard</code>.</p>
+</main>
+</body>
+</html>
+ 

          

          

        
          

            

            
            A
            
            
            
          
          contact.html
            
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Contact Lonami</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <meta name="description" content="Official Lonami's website">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+</head>
+<body>
+    <div class="menu">
+        <ul>
+            <li><a href="index">Welcome</a></li>
+            <li><a href="projects">Projects</a></li>
+            <li><a href="contact" class="selected">Contact</a></li>
+            <li><a href="about">About</a></li>
+            <li><a href="more-links">More&nbsp;Links</a></li>
+        </ul>
+    </div>
+    <div class="body">
+        <h1>Contact</h1>
+        <p>If you use Telegram you can join
+        <a href="https://t.me/LonamiWebs" target="_blank">@LonamiWebs</a>
+        and just chat about any topics you like politely.</p>
+
+        <p>If you prefer, you can also send me a private email to
+        <a href="mailto:totufals@hotmail.com">totufals[at]hotmail[dot]com</a>
+        and I will try to reply as soon as I can.</p>
+    </div>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          content/asyncio/awaitkwd1.svg
            
@@ -0,0 +1,492 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="640"
+   height="480"
+   viewBox="0 0 169.33333 127"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="awaitkwd1.svg">
+  <defs
+     id="defs2">
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2498"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2496"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2434"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2432"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2376"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2374"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker2306"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path2304" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2035"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path2033"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1920"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1918" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1441"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1439" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker1399"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1397"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1363"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1361" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="Arrow1Lend"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1074"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="180.99756"
+     inkscape:cy="228.4128"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-169.99997)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="8.8198938"
+       y="183.27678"
+       id="text831"><tspan
+         sodipodi:role="line"
+         id="tspan829"
+         x="8.8198938"
+         y="192.64055"
+         style="stroke-width:0.26458332" /></text>
+    <g
+       id="g929"
+       transform="translate(-3.8334857,-1.0690781)">
+      <rect
+         y="173.66089"
+         x="99.108299"
+         height="59.932461"
+         width="71.760002"
+         id="rect812"
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <rect
+         y="175.69913"
+         x="101.14654"
+         height="9.8860025"
+         width="39.184521"
+         id="rect827"
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <text
+         id="text835"
+         y="183.15857"
+         x="102.76424"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.17793897"
+           y="183.15857"
+           x="102.76424"
+           id="tspan833"
+           sodipodi:role="line">method 1</tspan></text>
+      <text
+         id="text848"
+         y="190.75735"
+         x="101.92492"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="190.75735"
+           x="101.92492"
+           id="tspan846"
+           sodipodi:role="line">async def m1():</tspan><tspan
+           id="tspan850"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="196.39587"
+           x="101.92492"
+           sodipodi:role="line">    prepare request</tspan><tspan
+           id="tspan852"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="202.03439"
+           x="101.92492"
+           sodipodi:role="line">    await send request</tspan><tspan
+           id="tspan854"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="207.67291"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan856"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="213.31145"
+           x="101.92492"
+           sodipodi:role="line">    await receive request</tspan><tspan
+           id="tspan860"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="218.94997"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan858"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="224.58849"
+           x="101.92492"
+           sodipodi:role="line">    process request</tspan><tspan
+           id="tspan862"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="230.22701"
+           x="101.92492"
+           sodipodi:role="line">    return result</tspan></text>
+    </g>
+    <g
+       transform="translate(-3.8334857,60.867907)"
+       id="g957">
+      <rect
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect931"
+         width="71.760002"
+         height="59.932461"
+         x="99.108299"
+         y="173.66089" />
+      <rect
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect933"
+         width="39.184521"
+         height="9.8860025"
+         x="101.14654"
+         y="175.69913" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         x="102.76424"
+         y="183.15857"
+         id="text937"><tspan
+           sodipodi:role="line"
+           id="tspan935"
+           x="102.76424"
+           y="183.15857"
+           style="stroke-width:0.17793897">method 2</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         x="101.92492"
+         y="190.75735"
+         id="text955"><tspan
+           sodipodi:role="line"
+           id="tspan939"
+           x="101.92492"
+           y="190.75735"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042">async def m2():</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="196.39587"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan941">    prepare parameters</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="202.03439"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan943">    await send query</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="207.67291"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan945" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="213.31145"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan947">    await receive answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="218.94997"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan949" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="224.58849"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan951">    process answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="230.22701"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan953">    return result</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#faffb5;fill-opacity:1;stroke:#000000;stroke-width:0.26830563;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect959"
+       width="87.068367"
+       height="121.70461"
+       x="2.6476943"
+       y="172.26968" />
+    <rect
+       y="174.00694"
+       x="3.9172246"
+       height="9.8860025"
+       width="39.184525"
+       id="rect963"
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <text
+       id="text967"
+       y="180.99866"
+       x="4.7331147"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+       xml:space="preserve"><tspan
+         style="stroke-width:0.17793897"
+         y="180.99866"
+         x="4.7331147"
+         id="tspan965"
+         sodipodi:role="line">event loop</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.54473734px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16361843"
+       x="6.6373014"
+       y="190.92131"
+       id="text1043"><tspan
+         sodipodi:role="line"
+         id="tspan1041"
+         x="6.6373014"
+         y="190.92131"
+         style="stroke-width:0.16361843">no events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="199.10223"
+         style="stroke-width:0.16361843"
+         id="tspan1045">enter m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="207.28316"
+         style="stroke-width:0.16361843"
+         id="tspan1047">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="215.46408"
+         style="stroke-width:0.16361843"
+         id="tspan1049">enter m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="223.645"
+         style="stroke-width:0.16361843"
+         id="tspan1051">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="231.82591"
+         style="stroke-width:0.16361843"
+         id="tspan1053">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="240.00684"
+         style="stroke-width:0.16361843"
+         id="tspan1055">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="248.18776"
+         style="stroke-width:0.16361843"
+         id="tspan1057">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="256.36868"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1059">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="264.54959"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1061">resume m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="272.73053"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1063">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="280.91144"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1065">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="289.09238"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1067">...</tspan></text>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none;marker-end:url(#Arrow1Lend)"
+       d="m 39.288619,196.50663 65.748301,-3.20724"
+       id="path1069"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1363)"
+       d="M 106.96726,199.48211 42.144344,204.3958"
+       id="path1353"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1399)"
+       d="m 39.309524,212.71128 64.391056,42.32737"
+       id="path1389"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1441)"
+       d="M 105.54985,260.99774 43.832203,220.82815"
+       id="path1431"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2035)"
+       d="m 46.113094,237.65771 58.397326,28.5372"
+       id="path2288"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2306)"
+       d="M 106.02232,272.43152 44.60119,245.78419"
+       id="path2290"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/asyncio/awaitkwd2.svg
            
@@ -0,0 +1,507 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="640"
+   height="480"
+   viewBox="0 0 169.33333 127"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="awaitkwd2.svg">
+  <defs
+     id="defs2">
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2498"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2496"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2434"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2432"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2376"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path2374"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker2306"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path2304" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker2035"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path2033"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1920"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1918" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1441"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1439" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker1399"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1397"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="marker1363"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend"
+       inkscape:collect="always">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1361" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="Arrow1Lend"
+       style="overflow:visible;"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path1074"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#7f7f7f;stroke-width:1pt;stroke-opacity:1;fill:#7f7f7f;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="172.66711"
+     inkscape:cy="250.50475"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-169.99997)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="8.8198938"
+       y="183.27678"
+       id="text831"><tspan
+         sodipodi:role="line"
+         id="tspan829"
+         x="8.8198938"
+         y="192.64055"
+         style="stroke-width:0.26458332" /></text>
+    <g
+       id="g929"
+       transform="translate(-3.8334857,-1.0690781)">
+      <rect
+         y="173.66089"
+         x="99.108299"
+         height="59.932461"
+         width="71.760002"
+         id="rect812"
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <rect
+         y="175.69913"
+         x="101.14654"
+         height="9.8860025"
+         width="39.184521"
+         id="rect827"
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <text
+         id="text835"
+         y="183.15857"
+         x="102.76424"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.17793897"
+           y="183.15857"
+           x="102.76424"
+           id="tspan833"
+           sodipodi:role="line">method 1</tspan></text>
+      <text
+         id="text848"
+         y="190.75735"
+         x="101.92492"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="190.75735"
+           x="101.92492"
+           id="tspan846"
+           sodipodi:role="line">async def m1():</tspan><tspan
+           id="tspan850"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="196.39587"
+           x="101.92492"
+           sodipodi:role="line">    prepare request</tspan><tspan
+           id="tspan852"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="202.03439"
+           x="101.92492"
+           sodipodi:role="line">    await send request</tspan><tspan
+           id="tspan854"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="207.67291"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan856"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="213.31145"
+           x="101.92492"
+           sodipodi:role="line">    await receive request</tspan><tspan
+           id="tspan860"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="218.94997"
+           x="101.92492"
+           sodipodi:role="line" /><tspan
+           id="tspan858"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="224.58849"
+           x="101.92492"
+           sodipodi:role="line">    process request</tspan><tspan
+           id="tspan862"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           y="230.22701"
+           x="101.92492"
+           sodipodi:role="line">    return result</tspan></text>
+    </g>
+    <g
+       transform="translate(-3.8334857,60.867907)"
+       id="g957">
+      <rect
+         style="opacity:1;fill:#d6ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17683256;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect931"
+         width="71.760002"
+         height="59.932461"
+         x="99.108299"
+         y="173.66089" />
+      <rect
+         style="opacity:1;fill:#d8ffff;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect933"
+         width="39.184521"
+         height="9.8860025"
+         x="101.14654"
+         y="175.69913" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+         x="102.76424"
+         y="183.15857"
+         id="text937"><tspan
+           sodipodi:role="line"
+           id="tspan935"
+           x="102.76424"
+           y="183.15857"
+           style="stroke-width:0.17793897">method 2</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.51081705px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11277042"
+         x="101.92492"
+         y="190.75735"
+         id="text955"><tspan
+           sodipodi:role="line"
+           id="tspan939"
+           x="101.92492"
+           y="190.75735"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042">async def m2():</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="196.39587"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan941">    prepare parameters</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="202.03439"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan943">    await send query</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="207.67291"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan945" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="213.31145"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan947">    await receive answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="218.94997"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan949" /><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="224.58849"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan951">    process answer</tspan><tspan
+           sodipodi:role="line"
+           x="101.92492"
+           y="230.22701"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.11277042"
+           id="tspan953">    return result</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#faffb5;fill-opacity:1;stroke:#000000;stroke-width:0.26830563;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect959"
+       width="87.068367"
+       height="121.70461"
+       x="2.6476943"
+       y="172.26968" />
+    <rect
+       y="174.00694"
+       x="3.9172246"
+       height="9.8860025"
+       width="39.184525"
+       id="rect963"
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.17793897;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <text
+       id="text967"
+       y="180.99866"
+       x="4.7331147"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.11755896px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.17793897"
+       xml:space="preserve"><tspan
+         style="stroke-width:0.17793897"
+         y="180.99866"
+         x="4.7331147"
+         id="tspan965"
+         sodipodi:role="line">event loop</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.54473734px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16361843"
+       x="6.6373014"
+       y="190.92131"
+       id="text1043"><tspan
+         sodipodi:role="line"
+         id="tspan1041"
+         x="6.6373014"
+         y="190.92131"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1">no events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="199.10223"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1045">enter m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="207.28316"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1047">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="215.46408"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1049">enter m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="223.645"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1051">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="231.82591"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1053">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="240.00684"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1055">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="248.18776"
+         style="stroke-width:0.16361843;fill:#7f7f7f;fill-opacity:1"
+         id="tspan1057">pause m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="256.36868"
+         style="stroke-width:0.16361843"
+         id="tspan1059">check events</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="264.54959"
+         style="stroke-width:0.16361843"
+         id="tspan1061">resume m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="272.73053"
+         style="stroke-width:0.16361843"
+         id="tspan1063">pause m1</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="280.91144"
+         style="stroke-width:0.16361843"
+         id="tspan1065">resume m2</tspan><tspan
+         sodipodi:role="line"
+         x="6.6373014"
+         y="289.09238"
+         style="stroke-width:0.16361843"
+         id="tspan1067">...</tspan></text>
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none;marker-end:url(#Arrow1Lend)"
+       d="m 39.288619,196.50663 65.748301,-3.20724"
+       id="path1069"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1363)"
+       d="M 106.96726,199.48211 42.144344,204.3958"
+       id="path1353"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1399)"
+       d="m 39.309524,212.71128 64.391056,42.32737"
+       id="path1389"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker1441)"
+       d="M 105.54985,260.99774 43.832203,220.82815"
+       id="path1431"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2035)"
+       d="m 46.113094,237.65771 58.397326,28.5372"
+       id="path2288"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#7f7f7f;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2306)"
+       d="M 106.02232,272.43152 44.60119,245.78419"
+       id="path2290"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2434)"
+       d="M 48.758927,261.47021 105.45536,205.52973"
+       id="path2362"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2376)"
+       d="M 106.21131,213.65622 42.900298,270.35265"
+       id="path2364"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2498)"
+       d="m 46.302083,277.91217 58.586307,0.37798"
+       id="path2366"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/asyncio/eventloop.svg
            
@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="640"
+   height="480"
+   viewBox="0 0 169.33333 127"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="eventloop.svg">
+  <defs
+     id="defs2">
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="Arrow1Lend"
+       style="overflow:visible;"
+       inkscape:isstock="true">
+      <path
+         id="path855"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         transform="scale(0.8) rotate(180) translate(12.5,0)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="316.89692"
+     inkscape:cy="221.88288"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="true" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-169.99995)">
+    <rect
+       style="opacity:1;fill:#ffffc3;fill-opacity:1;stroke:#000000;stroke-width:0.25628251;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect834"
+       width="163.12053"
+       height="66.714058"
+       x="3.1063988"
+       y="172.44116" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.25628251;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect836"
+       width="72.491341"
+       height="14.827774"
+       x="5.7682643"
+       y="176.38446" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.25129986px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.25628251"
+       x="12.724504"
+       y="186.4527"
+       id="text840"><tspan
+         sodipodi:role="line"
+         id="tspan838"
+         x="12.724504"
+         y="186.4527"
+         style="stroke-width:0.25628251">event loop</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.77740383px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.21943507"
+       x="18.673456"
+       y="204.51938"
+       id="text844"><tspan
+         sodipodi:role="line"
+         id="tspan842"
+         x="18.673456"
+         y="204.51938"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507">while running:</tspan><tspan
+         sodipodi:role="line"
+         x="18.673456"
+         y="215.49113"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         id="tspan846">    process events</tspan><tspan
+         sodipodi:role="line"
+         x="18.673456"
+         y="226.46289"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         id="tspan848">    call user_function()</tspan></text>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.25628251px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)"
+       d="m 24.661439,211.12809 v 23.81738 H 150.99704 V 187.8285 H 86.793703 v 5.17769"
+       id="path850"
+       inkscape:connector-curvature="0" />
+    <rect
+       y="243.02905"
+       x="3.1063988"
+       height="51.462708"
+       width="163.12053"
+       id="rect1134"
+       style="opacity:1;fill:#daffff;fill-opacity:1;stroke:#000000;stroke-width:0.25004876;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       y="248.85146"
+       x="5.7682643"
+       height="14.827774"
+       width="72.491341"
+       id="rect1136"
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.25628251;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <text
+       id="text1140"
+       y="258.91971"
+       x="12.724504"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.25129986px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.25628251"
+       xml:space="preserve"><tspan
+         style="stroke-width:0.25628251"
+         y="258.91971"
+         x="12.724504"
+         id="tspan1138"
+         sodipodi:role="line">your code</tspan></text>
+    <text
+       id="text1148"
+       y="275.38342"
+       x="14.646159"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.77740383px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.21943507"
+       xml:space="preserve"><tspan
+         id="tspan1146"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         y="275.38342"
+         x="14.646159"
+         sodipodi:role="line">async def user_function():</tspan><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:monospace;stroke-width:0.21943507"
+         y="286.35516"
+         x="14.646159"
+         sodipodi:role="line"
+         id="tspan1155">    ...  # some code</tspan></text>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/asyncio/post.md
            
@@ -0,0 +1,376 @@
+```meta
+created: 2018-06-13
+updated: 2018-06-15
+```
+
+An Introduction to Asyncio
+==========================
+
+Index
+-----
+
+* [Background](#background)
+* [Input / Output](#inputoutput)
+* [Diving In](#divingin)
+* [A Toy Example](#toyexample)
+* [A Real Example](#example)
+* [Extra Material](#extra)
+
+
+Background
+----------
+
+After seeing some friends struggle with `asyncio` I decided that it could be a good idea to write a blog post using my own words to explain how I understand the world of asynchronous IO. I will focus on Python's `asyncio` module but this post should apply to any other language easily.
+
+So what is `asyncio` and what makes it good? Why don't we just use the old and known threads to run several parts of the code concurrently, at the same time?
+
+The first reason is that `asyncio` makes your code easier to reason about, as opposed to using threads, because the amount of ways in which your code can run grows exponentially. Let's see that with an example. Imagine you have this code:
+
+```python
+def method():
+	line 1
+	line 2
+	line 3
+	line 4
+	line 5
+```
+
+And you start two threads to run the method at the same time. What is the order in which the lines of code get executed? The answer is that you can't know! The first thread can run the entire method before the second thread even starts. Or it could be the first thread that runs after the second thread. Perhaps both run the "line 1", and then the line 2. Maybe the first thread runs lines 1 and 2, and then the second thread only runs the line 1 before the first thread finishes.
+
+As you can see, any combination of the order in which the lines run is possible. If the lines modify some global shared state, that will get messy quickly.
+
+Second, in Python, threads *won't* make your code faster. It will only increase the concurrency of your program, allowing you to run several things at the same time, so using threads for speed isn't a real advantage. Indeed, your code will probably run slower under the most common Python implementation, CPython, which makes use of a Global Interpreter Lock (GIL) that only lets a thread run at once.
+
+
+Input / Output
+--------------
+
+Before we go any further, let's first stop to talk about input and output, commonly known as "IO". There are two main ways to perform IO operations, such as reading or writing from a file or a network socket.
+
+The first one is known as "blocking IO". What this means is that, when you try performing IO, the current application thread is going to *block* until the Operative System can tell you it's done. Normally, this is not a problem, since disks are pretty fast anyway, but it can soon become a performance bottleneck. And network IO will be much slower than disk IO!
+
+```python
+# "open" will block until the OS creates a new file in the disk.
+#        this can be really slow if the disk is under heavy load!
+with open('hello.txt', 'w') as fd:
+    fd.write('hello!\n')
+
+    # "flush" will block until the OS has written all data to disk*
+    fd.flush()
+
+# * the reality is a bit more complicated, since writes to disk are
+#   quite expensive, the OS will normally keep the data in RAM until
+#   it has more stuff to write to disk, and then it will `sync`
+#   everything after a few seconds
+```
+
+Blocking IO offers timeouts, so that you can get control back in your code if the operation doesn't finish. Imagine that the remote host doesn't want to reply, your code would be stuck for as long as the connection remains alive!
+
+But wait, what if we make the timeout small? Very, very small? If we do that, we will never block waiting for an answer. That's how asynchronous IO works, and it's the opposite of blocking IO (you can also call it non-blocking IO if you want to).
+
+How does non-blocking IO work if the IO device needs a while to answer with the data? In that case, the operative system responds with "not ready", and your application gets control back so it can do other stuff while the IO device completes your request. It works a bit like this:
+
+```python
+&lt;app&gt; Hey, I would like to read 16 bytes from this file
+&lt;OS&gt; Okay, but the disk hasn't sent me the data yet
+&lt;app&gt; Alright, I will do something else then
+(a lot of computer time passes)
+&lt;app&gt; Do you have my 16 bytes now?
+&lt;OS&gt; Yes, here they are! "Hello, world !!\n"
+```
+
+In reality, you can tell the OS to notify you when the data is ready, as opposed to polling (constantly asking the OS whether the data is ready yet or not), which is more efficient.
+
+But either way, that's the difference between blocking and non-blocking IO, and what matters is that your application gets to run more without ever needing to wait for data to arrive, because the data will be there immediately when you ask, and if it's not yet, your app can do more things meanwhile.
+
+
+Diving In
+---------
+
+Now we've seen what blocking and non-blocking IO is, and how threads make your code harder to reason about, but they give concurrency (yet not more speed). Is there any other way to achieve this concurrency that doesn't involve threads? Yes! The answer is `asyncio`.
+
+So how does `asyncio` help? First we need to understand a very crucial concept before we can dive any deeper, and I'm talking about the *event loop*. What is it and why do we need it?
+
+You can think of the event loop as a *loop* that will be responsible for calling your `async` functions:
+
+![The Event Loop](eventloop.svg)
+
+That's silly you may think. Now not only we run our code but we also have to run some "event loop". It doesn't sound beneficial at all. What are these events? Well, they are the IO events we talked about before!
+
+`asyncio`'s event loop is responsible for handling those IO events, such as file is ready, data arrived, flushing is done, and so on. As we saw before, we can make these events non-blocking by setting their timeout to 0.
+
+Let's say you want to read from 10 files at the same time. You will ask the OS to read data from 10 files, and at first none of the reads will be ready. But the event loop will be constantly asking the OS to know which are done, and when they are done, you will get your data.
+
+This has some nice advantages. It means that, instead of waiting for a network request to send you a response or some file, instead of blocking there, the event loop can decide to run other code meanwhile. Whenever the contents are ready, they can be read, and your code can continue. Waiting for the contents to be received is done with the `await` keyword, and it tells the loop that it can run other code meanwhile:
+
+![Step 1, await keyword](awaitkwd1.svg)
+
+![Step 2, await keyword](awaitkwd2.svg)
+
+Start reading the code of the event loop and follow the arrows. You can see that, in the beginning, there are no events yet, so the loop calls one of your functions. The code runs until it has to `await` for some IO operation to complete, such as sending a request over the network. The method is "paused" until an event occurs (for example, an "event" occurs when the request has been sent completely).
+
+While the first method is busy, the event loop can enter the second method, and run its code until the first `await`. But it can happen that the event of the second query occurs before the request on the first method, so the event loop can re-enter the second method because it has already sent the query, but the first method isn't done sending the request yet.
+
+Then, the second method `await`'s for an answer, and an event occurs telling the event loop that the request from the first method was sent. The code can be resumed again, until it has to `await` for a response, and so on.
+
+There are some important things to note here. The first is that we only need one thread to be running! The event loop decides when and which methods should run. The second is that we know when it may run other methods. Those are the `await` keywords! Whenever there is one of those, we know that the loop is able to run other things until the resource (again, like network) becomes ready.
+
+So far, we already have two advantages. We are only using a single thread so the cost for switching between methods is low, and we can easily reason about where our program may interleave operations.
+
+Another advantage is that, with the event loop, you can easily schedule when a piece of code should run, such as using the method [`loop.call_at`](https://docs.python.org/3/library/asyncio-eventloop.html#asyncio.loop.call_at), without the need for spawning another thread at all.
+
+To tell the `asyncio` to run the two methods shown above, we can use [`asyncio.ensure_future`](https://docs.python.org/3/library/asyncio-future.html#asyncio.ensure_future), which is a way of saying "I want the future of my method to be ensured". That is, you want to run your method in the future, whenever the loop is free to do so. This method returns a `Future` object, so if your method returns a value, you can `await` this future to retrieve its result.
+
+What is a `Future`? This object represents the value of something that will be there in the future, but might not be there yet. Just like you can `await` your own `async def` functions, you can `await` these `Future`'s.
+
+The `async def` functions are also called "coroutines", and Python does some magic behind the scenes to turn them into such. The coroutines can be `await`'ed, and this is what you normally do.
+
+
+A Toy Example
+-------------
+
+That's all about `asyncio`! Let's wrap up with some example code. We will create a server that replies with the text a client sends, but reversed. First, we will show what you could write with normal synchronous code, and then we will port it.
+
+Here is the **synchronous version**:
+
+```python
+# server.py
+import socket
+
+
+def server_method():
+	# create a new server socket to listen for connections
+	server = socket.socket()
+
+	# bind to localhost:6789 for new connections
+	server.bind(('localhost', 6789))
+
+	# we will listen for one client at most
+	server.listen(1)
+
+	# *block* waiting for a new client
+	client, _ = server.accept()
+
+	# *block* waiting for some data
+	data = client.recv(1024)
+
+	# reverse the data
+	data = data[::-1]
+
+	# *block* sending the data
+	client.sendall(data)
+
+	# close client and server
+	server.close()
+	client.close()
+
+
+if __name__ == '__main__':
+	# block running the server
+	server_method()
+```
+
+```python
+# client.py
+import socket
+
+
+def client_method():
+	message = b'Hello Server!\n'
+	client = socket.socket()
+
+	# *block* trying to stabilish a connection
+	client.connect(('localhost', 6789))
+
+	# *block* trying to send the message
+	print('Sending', message)
+	client.sendall(message)
+
+	# *block* until we receive a response
+	response = client.recv(1024)
+	print('Server replied', response)
+
+	client.close()
+
+
+if __name__ == '__main__':
+	client_method()
+```
+
+From what we've seen, this code will block on all the lines with a comment above them saying that they will block. This means that for running more than one client or server, or both in the same file, you will need threads. But we can do better, we can rewrite it into `asyncio`!
+
+The first step is to mark all your `def`initions that may block with `async`. This marks them as coroutines, which can be `await`ed on.
+
+Second, since we're using low-level sockets, we need to make use of the methods that `asyncio` provides directly. If this was a third-party library, this would be just like using their `async def`initions.
+
+Here is the **asynchronous version**:
+
+```python
+# server.py
+import asyncio
+import socket
+
+# get the default "event loop" that we will run
+loop = asyncio.get_event_loop()
+
+
+# notice our new "async" before the definition
+async def server_method():
+	server = socket.socket()
+	server.bind(('localhost', 6789))
+	server.listen(1)
+
+	# await for a new client
+	# the event loop can run other code while we wait here!
+	client, _ = await loop.sock_accept(server)
+
+	# await for some data
+	data = await loop.sock_recv(client, 1024)
+	data = data[::-1]
+
+	# await for sending the data
+	await loop.sock_sendall(client, data)
+
+	server.close()
+	client.close()
+
+
+if __name__ == '__main__':
+	# run the loop until "server method" is complete
+	loop.run_until_complete(server_method())
+```
+
+```python
+# client.py
+import asyncio
+import socket
+
+loop = asyncio.get_event_loop()
+
+
+async def client_method():
+	message = b'Hello Server!\n'
+	client = socket.socket()
+
+	# await to stabilish a connection
+	await loop.sock_connect(client, ('localhost', 6789))
+
+	# await to send the message
+	print('Sending', message)
+	await loop.sock_sendall(client, message)
+
+	# await to receive a response
+	response = await loop.sock_recv(client, 1024)
+	print('Server replied', response)
+
+	client.close()
+
+
+if __name__ == '__main__':
+	loop.run_until_complete(client_method())
+```
+
+That's it! You can place these two files separately and run, first the server, then the client. You should see output in the client.
+
+The big difference here is that you can easily modify the code to run more than one server or clients at the same time. Whenever you `await` the event loop will run other of your code. It seems to "block" on the `await` parts, but remember it's actually jumping to run more code, and the event loop will get back to you whenever it can.
+
+In short, you need an `async def` to `await` things, and you run them with the event loop instead of calling them directly. So this…
+
+```python
+def main():
+	...  # some code
+
+
+if __name__ == '__main__':
+	main()
+```
+
+…becomes this:
+
+```python
+import asyncio
+
+
+async def main():
+	...  # some code
+
+
+if __name__ == '__main__':
+	asyncio.get_event_loop().run_until_complete(main)
+```
+
+This is pretty much how most of your `async` scripts will start, running the main method until its completion.
+
+
+A Real Example
+--------------
+
+Let's have some fun with a real library. We'll be using [Telethon](https://github.com/LonamiWebs/Telethon) to broadcast a message to our three best friends, all at the same time, thanks to the magic of `asyncio`. We'll dive right into the code, and then I'll explain our new friend `asyncio.wait(...)`:
+
+```python
+# broadcast.py
+import asyncio
+import sys
+
+from telethon import TelegramClient
+
+# (you need your own values here, check Telethon's documentation)
+api_id = 123
+api_hash = '123abc'
+friends = [
+	'@friend1__username',
+	'@friend2__username',
+	'@bestie__username'
+]
+
+# we will have to await things, so we need an async def
+async def main(message):
+	# start is a coroutine, so we need to await it to run it
+	client = await TelegramClient('me', api_id, api_hash).start()
+
+	# wait for all three client.send_message to complete
+	await asyncio.wait([
+		client.send_message(friend, message)
+		for friend in friends
+	])
+
+	# and close our client
+	await client.disconnect()
+
+
+if __name__ == '__main__':
+	if len(sys.argv) != 2:
+		print('You must pass the message to broadcast!')
+		quit()
+
+	message = sys.argv[1]
+	asyncio.get_event_loop().run_until_complete(main(message))
+```
+
+Wait… how did that send a message to all three of
+my friends? The magic is done here:
+
+```python
+[
+	client.send_message(friend, message)
+	for friend in friends
+]
+```
+
+This list comprehension creates another list with three
+coroutines, the three `client.send_message(...)`.
+Then we just pass that list to `asyncio.wait`:
+
+```python
+await asyncio.wait([...])
+```
+
+This method, by default, waits for the list of coroutines to run until they've all finished. You can read more on the Python [documentation](https://docs.python.org/3/library/asyncio-task.html#asyncio.wait). Truly a good function to know about!
+
+Now whenever you have some important news for your friends, you can simply `python3 broadcast.py 'I bought a car!'` to tell all your friends about your new car! All you need to remember is that you need to `await` on coroutines, and you will be good. `asyncio` will warn you when you forget to do so.
+
+
+Extra Material
+--------------
+
+If you want to understand how `asyncio` works under the hood, I recommend you to watch this hour-long talk [Get to grips with asyncio in Python 3](https://youtu.be/M-UcUs7IMIM) by Robert Smallshire. In the video, they will explain the differences between concurrency and parallelism, along with others concepts, and how to implement your own `asyncio` "scheduler" from scratch.


          

          

        
          

            

            
            A
            
            
            
          
          content/breaking-ror.md
            
@@ -0,0 +1,84 @@
+```meta
+created: 2019-01-12
+```
+
+Breaking Risk of Rain
+=====================
+
+[Risk of Rain](https://riskofraingame.com/) is a fun little game you can spend a lot of hours on. It's incredibly challenging for new players, and fun once you have learnt the basics. This blog will go through what I've learnt and how to play the game correctly.
+
+
+Getting Started
+---------------
+
+If you're new to the game, you may find it frustrating. You must learn very well to dodge.
+
+Your first [character](http://riskofrain.wikia.com/wiki/Category:Characters) will be [Commando](http://riskofrain.wikia.com/wiki/Commando). He's actually a very nice character. Use your third skill (dodge) to move faster, pass through large groups of enemies, and negate fall damage.
+
+If there are a lot of monsters, remember to **leave** from there! It's really important for survival. Most enemies **don't do body damage**. Not even the body of the [Magma Worm](http://riskofrain.wikia.com/wiki/Magma_Worm) or the [Wandering Vagrant](http://riskofrain.wikia.com/wiki/Wandering_Vagrant) (just dodge the head and projectiles respectively).
+
+The first thing you must do is always **rush for the teleporter**. Completing the levels quick will make the game easier. But make sure to take note of **where the chests are**! When you have time (even when the countdown finishes), go back for them and buy as many as you can. Generally, prefer [chests](http://riskofrain.wikia.com/wiki/Chest) over [shrines](http://riskofrain.wikia.com/wiki/Shrine) since they may eat all your money.
+
+Completing the game on [Drizzle](http://riskofrain.wikia.com/wiki/Difficulty) is really easy if you follow these tips.
+
+
+Requisites
+----------
+
+Before breaking the game, you must obtain several [artifacts](http://riskofrain.wikia.com/wiki/Item#Artifacts). We are interested in particular in the following:
+
+* [Sacrifice](http://riskofrain.wikia.com/wiki/Sacrifice). You really need this one, and may be a bit hard to get. With it, you will be able to farm the first level for 30 minutes and kill the final boss in 30 seconds.
+* [Command](http://riskofrain.wikia.com/wiki/Command). You need this unless you want to grind for hours to get enough of the items you really need for the rest of the game. Getting this one is easy.
+* [Glass](http://riskofrain.wikia.com/wiki/Glass). Your life will be very small (at the beginning…), but you will be able to one-shot everything easily.
+* [Kin](http://riskofrain.wikia.com/wiki/Kin) (optional). It makes it easier to obtain a lot of boxes if you restart the first level until you get [lemurians](http://riskofrain.wikia.com/wiki/Lemurian) or [jellyfish](http://riskofrain.wikia.com/wiki/Jellyfish) as the monster, since they're cheap to spawn.
+
+With those, the game becomes trivial. Playing as [Huntress](http://riskofrain.wikia.com/wiki/Huntress) is excellent since she can move at high speed while killing everything on screen.
+
+
+Breaking the Game
+-----------------
+
+The rest is easy! With the command artifact you want the following items.
+
+### [Common Items](http://riskofrain.wikia.com/wiki/Category:Common_Items)
+
+* [Soldier's Syringe](http://riskofrain.wikia.com/wiki/Soldier's_Syringe). **Stack 13** of these and you will triple your attack speed. You can get started with 4 or so.
+* [Paul's Goat Hoof](http://riskofrain.wikia.com/wiki/Paul's_Goat_Hoof). **Stack +30** of these and your movement speed will be insane. You can get a very good speed with 8 or so.
+* [Crowbar](http://riskofrain.wikia.com/wiki/Crowbar). **Stack +20** to guarantee you can one-shot bosses.
+
+If you want to be safer:
+* [Hermit's Scarf](http://riskofrain.wikia.com/wiki/Hermit's_Scarf). **Stack 6** of these to dodge 1/3 of the attacks.
+* [Monster Tooth](http://riskofrain.wikia.com/wiki/Monster_Tooth). **Stack 9** of these to recover 50 life on kill. This is plenty, since you will be killing *a lot*.
+
+If you don't have enough and want more fun, get one of these:
+* [Gasoline](http://riskofrain.wikia.com/wiki/Gasoline). Burn the ground on kill, and more will die!
+* [Headstompers](http://riskofrain.wikia.com/wiki/Headstompers). They make a pleasing sound on fall, and hurt.
+* [Lens-Maker's Glasses](http://riskofrain.wikia.com/wiki/Lens-Maker's_Glasses). **Stack 14** and you will always deal a critical strike for double the damage.
+
+### [Uncommon Items](http://riskofrain.wikia.com/wiki/Category:Uncommon_Items)
+
+* [Infusion](http://riskofrain.wikia.com/wiki/Infusion). You only really need one of this. Your life will skyrocket after a while, since this gives you 1HP per kill.
+* [Hopoo Feather](http://riskofrain.wikia.com/wiki/Hopoo_Feather). **Stack +10** of these. You will pretty much be able to fly with so many jumps.
+* [Guardian's Heart](http://riskofrain.wikia.com/wiki/Guardian's_Heart). Not really necessary, but useful for early and late game, since it will absorb infinite damage the first hit.
+
+If, again, you want more fun, get one of these:
+* [Ukelele](http://riskofrain.wikia.com/wiki/Ukulele). Spazz your enemies!
+* [Will-o'-the-wisp](http://riskofrain.wikia.com/wiki/Will-o'-the-wisp). Explode your enemies!
+* [Chargefield Generator](http://riskofrain.wikia.com/wiki/Chargefield_Generator). It should cover your entire screen after a bit, hurting all enemies without moving a finger.
+* [Golden Gun](http://riskofrain.wikia.com/wiki/Golden_Gun). You will be rich, so this gives you +40% damage.
+* [Predatory Instincts](http://riskofrain.wikia.com/wiki/Predatory_Instincts). If you got 14 glasses, you will always be doing critical strikes, and this will give even more attack speed.
+* [56 Leaf Clover](http://riskofrain.wikia.com/wiki/56_Leaf_Clover). More drops, in case you didn't have enough.
+
+### [Rare Items](http://riskofrain.wikia.com/wiki/Category:Rare_Items)
+
+* [Ceremonial Dagger](http://riskofrain.wikia.com/wiki/Ceremonial_Dagger). **Stack +3**, then killing one thing kills another thing and makes a chain reaction.
+* [Alien Head](http://riskofrain.wikia.com/wiki/Alien_Head). **Stack 3**, and you will be able to use your abilities more often.
+
+For more fun:
+* [Brilliant Behemoth](http://riskofrain.wikia.com/wiki/Brilliant_Behemoth). Boom boom.
+
+
+Closing Words
+-------------
+
+You can now beat the game in Monsoon solo with any character. Have fun! And be careful with the sadly common crashes.


          

          

        
          

            

            
            A
            
            
            
          
          content/ctypes-and-windows.md
            
@@ -0,0 +1,376 @@
+```meta
+created: 2019-06-19
+```
+
+Python ctypes and Windows
+=========================
+
+[Python](https://www.python.org/)'s [`ctypes`](https://docs.python.org/3/library/ctypes.html) is quite a nice library to easily load and invoke C methods available in already-compiled [`.dll` files](https://en.wikipedia.org/wiki/Dynamic-link_library) without any additional dependencies. And I *love* depending on as little as possible.
+
+In this blog post, we will walk through my endeavors to use `ctypes` with the [Windows API](https://docs.microsoft.com/en-us/windows/desktop/api/), and do some cool stuff with it.
+
+We will assume some knowledge of C/++ and Python, since we will need to read and write a bit of both. Please note that this post is only an introduction to `ctypes`, and if you need more information you should consult the [Python's documentation for `ctypes`](https://docs.python.org/3/library/ctypes.html).
+
+While the post focuses on Windows' API, the code here probably applies to unix-based systems with little modifications.
+
+Basics
+------
+
+First of all, let's learn how to load a library. Let's say we want to load `User32.dll`:
+
+```python
+import ctypes
+
+ctypes.windll.user32
+```
+
+Yes, it's that simple. When you access an attribute of `windll`, said library will load. Since Windows is case-insensitive, we will use lowercase consistently.
+
+Calling a function is just as simple. Let's say you want to call [`SetCursorPos`](https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-setcursorpos), which is defined as follows:
+```c
+BOOL SetCursorPos(
+    int X,
+    int Y
+);
+```
+
+Okay, it returns a `bool` and takes two inputs, `x` and `y`. So we can call it like so:
+
+```python
+ctypes.windll.user32.SetCursorPos(100, 100)
+```
+
+Try it! Your cursor will move!
+
+Funky Stuff
+-----------
+
+We can go a bit more crazy and make it form a spiral:
+
+```python
+import math
+import time
+
+for i in range(200):
+    x = int(500 + math.cos(i / 5) * i)
+    y = int(500 + math.sin(i / 5) * i)
+    ctypes.windll.user32.SetCursorPos(x, y)
+    time.sleep(0.05)
+```
+
+Ah, it's always so pleasant to do random stuff when programming. Sure makes it more fun.
+
+Complex Structures
+------------------
+
+`SetCursorPos` was really simple. It took two parameters and they both were integers. Let's go with something harder. Let's go with [`SendInput`](https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-sendinput)! Emulating input will be a fun exercise:
+
+```c
+UINT SendInput(
+    UINT    cInputs,
+    LPINPUT pInputs,
+    int     cbSize
+);
+```
+
+Okay, `LPINPUT`, what are you? Microsoft likes to prefix types with what they are. In this case, `LP` stands for "Long Pointer" (I guess?), so `LPINPUT` is just a Long Pointer to [`INPUT`](https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-taginput):
+
+```c
+typedef struct tagINPUT {
+    DWORD type;
+    union {
+        MOUSEINPUT    mi;
+        KEYBDINPUT    ki;
+        HARDWAREINPUT hi;
+    } DUMMYUNIONNAME;
+} INPUT, *PINPUT, *LPINPUT;
+```
+
+Alright, that's new. We have a `struct` and `union`, two different concepts. We can define both with `ctypes`:
+
+```python
+INPUT_MOUSE = 0
+INPUT_KEYBOARD = 1
+INPUT_HARDWARE = 2
+
+class INPUT(ctypes.Structure):
+    _fields_ = [
+        ('type', ctypes.c_long),
+        ...
+    ]
+```
+
+Structures are classes that subclass `ctypes.Structure`, and you define their fields in the `_fields_` class-level variable, which is a list of tuples `(field name, field type)`.
+
+The C structure had a `DWORD type`. `DWORD` is a `c_long`, and `type` is a name like any other, which is why we did `('type', ctypes.c_long)`.
+
+But what about the union? It's anonymous, and we can't make anonymous unions (*citation needed*) with `ctypes`. We will give it a concrete name and a type.
+
+Before defining the union, we need to define its inner structures, [`MOUSEINPUT`](https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-tagmouseinput), [`KEYBDINPUT`](https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-tagkeybdinput) and [`HARDWAREINPUT`](https://docs.microsoft.com/en-us/windows/desktop/api/winuser/ns-winuser-taghardwareinput). We won't be using them all, but since they count towards the final struct size (C will choose the largest structure as the final size), we need them, or Windows' API will get confused and refuse to work (personal experience):
+
+```python
+class MOUSEINPUT(ctypes.Structure):
+    _fields_ = [
+        ('dx', ctypes.c_long),
+        ('dy', ctypes.c_long),
+        ('mouseData', ctypes.c_long),
+        ('dwFlags', ctypes.c_long),
+        ('time', ctypes.c_long),
+        ('dwExtraInfo', ctypes.POINTER(ctypes.c_ulong))
+    ]
+
+
+class KEYBDINPUT(ctypes.Structure):
+    _fields_ = [
+        ('wVk', ctypes.c_short),
+        ('wScan', ctypes.c_short),
+        ('dwFlags', ctypes.c_long),
+        ('time', ctypes.c_long),
+        ('dwExtraInfo', ctypes.POINTER(ctypes.c_ulong))
+    ]
+
+
+class HARDWAREINPUT(ctypes.Structure):
+    _fields_ = [
+        ('uMsg', ctypes.c_long),
+        ('wParamL', ctypes.c_short),
+        ('wParamH', ctypes.c_short)
+    ]
+
+
+class INPUTUNION(ctypes.Union):
+    _fields_ = [
+        ('mi', MOUSEINPUT),
+        ('ki', KEYBDINPUT),
+        ('hi', HARDWAREINPUT)
+    ]
+
+
+class INPUT(ctypes.Structure):
+    _fields_ = [
+        ('type', ctypes.c_long),
+        ('value', INPUTUNION)
+    ]
+```
+
+Some things to note:
+- Pointers are defined as `ctypes.POINTER(inner type)`.
+- The field names can be anything you want. You can make them more "pythonic" if you want (such as changing `dwExtraInfo` for just `extra_info`), but I chose to stick with the original naming.
+- The union is very similar, but it uses `ctypes.Union` instead of `ctypes.Structure`.
+- We gave a name to the anonymous union, `INPUTUNION`, and used it inside `INPUT` with also a made-up name, `('value', INPUTUNION)`.
+
+Now that we have all the types we need defined, we can use them:
+
+```python
+KEYEVENTF_KEYUP = 0x0002
+
+def press(vk, down):
+    inputs = INPUT(type=INPUT_KEYBOARD, value=INPUTUNION(ki=KEYBDINPUT(
+        wVk=vk,
+        wScan=0,
+        dwFlags=0 if down else KEYEVENTF_KEYUP,
+        time=0,
+        dwExtraInfo=None
+    )))
+    ctypes.windll.user32.SendInput(1, ctypes.byref(inputs), ctypes.sizeof(inputs))
+
+
+for char in 'HELLO':
+    press(ord(char), down=True)
+    press(ord(char), down=False)
+```
+
+Run it! It will press and release the keys `hello` to type the word `"hello"`!
+
+`vk` stands for "virtual key". Letters correspond with their upper-case ASCII value, which is what we did above. You can find all the available keys in the page with all the [Virtual Key Codes](https://docs.microsoft.com/en-us/windows/desktop/inputdev/virtual-key-codes).
+
+Dynamic Inputs and Pointers
+---------------------------
+
+What happens if a method wants something by reference? That is, a pointer to your thing? For example, [`GetCursorPos`](https://docs.microsoft.com/en-us/windows/desktop/api/winuser/nf-winuser-getcursorpos):
+
+```c
+typedef struct tagPOINT {
+    LONG x;
+    LONG y;
+} POINT, *PPOINT, *NPPOINT, *LPPOINT;
+
+BOOL GetCursorPos(
+    LPPOINT lpPoint
+);
+```
+
+It wants a Long Pointer to [`POINT`](https://docs.microsoft.com/en-us/windows/desktop/api/windef/ns-windef-point). We can do just that with `ctypes.byref`:
+
+```python
+class POINT(ctypes.Structure):
+    _fields_ = [
+        ('x', ctypes.c_long),
+        ('y', ctypes.c_long)
+    ]
+
+
+def get_mouse():
+    point = POINT()
+    ctypes.windll.user32.GetCursorPos(ctypes.byref(point))
+    #                  pass our point by ref ^^^^^
+    # this lets GetCursorPos fill its x and y fields
+
+    return point.x, point.y
+
+
+while True:
+    print(get_mouse())
+    time.sleep(0.05)
+```
+
+Now you can track the mouse position! Make sure to `Ctrl+C` the program when you're tired of it.
+
+What happens if a method wants a dynamically-sized input?
+
+```python
+buffer = ctypes.create_string_buffer(size)
+```
+
+In that case, you can create an in-memory `buffer` of `size` with `ctypes.create_string_buffer`. It will return a character array of that size, which you can pass as a pointer directly (without `ctypes.byref`).
+
+To access the buffer's contents, you can use either `.raw` or `.value`:
+
+```python
+entire_buffer_as_bytes = buffer.raw
+up_until_null = buffer.value
+```
+
+When the method fills in the data, you can `cast` your buffer back into a pointer of a concrete type:
+
+```python
+result_ptr = ctypes.cast(buffer, ctypes.POINTER(ctypes.c_long))
+```
+
+And you can de-reference pointers with `.contents`:
+
+```python
+first_result = result_ptr.contents
+```
+
+Arrays
+------
+
+Arrays are defined as `type * size`. Your linter may not like that, and if you don't know the size beforehand, consider creating a 0-sized array. For example:
+
+```python
+# 10 longs
+ten_longs = (ctypes.c_long * 10)()
+for i in range(10):
+    ten_longs[i] = 2 ** i
+
+# Unknown size of longs, e.g. inside some Structure
+longs = (ctypes.c_long * 0)
+
+# Now you know how many longs it actually was
+known_longs = ctypes.cast(
+    ctypes.byref(longs),
+    ctypes.POINTER(ctypes.c_long * size)
+).contents
+```
+
+If there's a better way to initialize arrays, please let me know.
+
+wintypes
+--------
+
+Under Windows, the `ctypes` module has a `wintypes` submodule. This one contains definitions like `HWND` which may be useful and can be imported as:
+
+```python
+from ctypes.wintypes import HWND, LPCWSTR, UINT
+```
+
+Callbacks
+---------
+
+Some functions (I'm looking at you, <a href="https://docs.microsoft.com/en-us/windows/win32/api/winuser/nf-winuser-enumwindows"><code>EnumWindows</code></a>) ask us to pass a callback. In this case, it wants a <a href="https://docs.microsoft.com/en-us/previous-versions/windows/desktop/legacy/ms633498(v=vs.85)"><code>EnumWindowsProc</code></a>:
+
+```c
+BOOL EnumWindows(
+    WNDENUMPROC lpEnumFunc,
+    LPARAM      lParam
+);
+
+BOOL CALLBACK EnumWindowsProc(
+    _In_ HWND   hwnd,
+    _In_ LPARAM lParam
+);
+```
+
+The naive approach won't work:
+
+```python
+def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+# ctypes.ArgumentError: argument 1: <class 'TypeError'>: Don't know how to convert parameter 1
+# Aww.
+```
+
+Instead, you must wrap your function as a C definition like so:
+
+```python
+from ctypes.wintypes import BOOL, HWND, LPARAM
+
+EnumWindowsProc = ctypes.WINFUNCTYPE(BOOL, HWND, LPARAM)
+
+def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+# Wrap the function in the C definition
+callback = EnumWindowsProc(callback)
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+# Yay, it works.
+```
+
+You may have noticed this is what decorators do, wrap the function. So…
+
+```python
+from ctypes.wintypes import BOOL, HWND, LPARAM
+
+@ctypes.WINFUNCTYPE(BOOL, HWND, LPARAM)
+def callback(hwnd, lParam):
+    print(hwnd)
+    return True
+
+ctypes.windll.user32.EnumWindows(callback, 0)
+```
+
+…will also work. And it is a *lot* fancier.
+
+Closing Words
+-------------
+
+With the knowledge above and some experimentation, you should be able to call and do (almost) anything you want. That was pretty much all I needed on my project anyway :)
+
+We have been letting Python convert Python values into C values, but you can do so explicitly too. For example, you can use `ctypes.c_short(17)` to make sure to pass that `17` as a `short`. And if you have a `c_short`, you can convert or cast it to its Python `.value` as `some_short.value`. The same applies for integers, longs, floats, doubles… pretty much anything, char pointers (strings) included.
+
+If you can't find something in their online documentation, you can always [`rg`](https://github.com/BurntSushi/ripgrep) for it in the `C:\Program Files (x86)\Windows Kits\10\Include\*` directory.
+
+Note that the `ctypes.Structure`'s that you define can have more methods of your own. For example, you can write them a `__str__` to easily view its fields, or define a `@property` to re-interpret some data in a meaningful way.
+
+For enumerations, you can pass just the right integer number, make a constant for it, or if you prefer, use a [`enum.IntEnum`](https://docs.python.org/3/library/enum.html#enum.IntEnum). For example, [`DismLogLevel`](https://docs.microsoft.com/en-us/windows-hardware/manufacture/desktop/dism/dismloglevel-enumeration) would be:
+
+```python
+class DismLogLevel(enum.IntEnum):
+    DismLogErrors = 0
+    DismLogErrorsWarnings = 1
+    DismLogErrorsWarningsInfo = 2
+```
+
+And you *should* be able to pass `DismLogLevel.DismLogErrors` as the parameter now.
+
+If you see a function definition like `Function(void)`, that's C's way of saying it takes no parameters, so just call it as `Function()`.
+
+Make sure to pass all parameters, even if they seem optional they probably still want a `NULL` at least, and of course, read the documentation well. Some methods have certain pre-conditions.
+
+Have fun hacking!


          

          

        
          
        
          
        
          
        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/filosofia/post.md
            
@@ -0,0 +1,22 @@
+```meta
+created: 2016-06-21
+updated: 2016-06-21
+```
+
+Apuntes de bachillerato de Filosofía
+====================================
+
+Hay asignaturas que merecen la pena, y una de ellas es la filosofía. De verdad. Aprendes un montón de cosas y abres tu mente, comparas muchos puntos de vista y te das cuenta de grandes cosas. Por eso, quiero compartir mis apuntes con todo aquel interesado.
+
+Personalmente, mi autor favorito es Friedrich Nietzsche (se pronuncia */niche/*). Está en el tercer trimestre, el más interesante, aunque si prefieres algo de contexto, te recomiendo leerlo todo. Puedes leerlo como si fuera un libro cualquiera:
+
+* Descargar en .pdf
+  * [Filosofía - Primer trimestre](filo_trimestre1.pdf)
+  * [Filosofía - Segundo trimestre](filo_trimestre2.pdf)
+  * [Filosofía - Tercer trimestre](filo_trimestre3.pdf)
+* Descargar en .odt (lo puedes editar)
+  * [Filosofía - Primer trimestre](filo_trimestre1.odt)
+  * [Filosofía - Segundo trimestre](filo_trimestre2.odt)
+  * [Filosofía - Tercer trimestre](filo_trimestre3.odt)
+
+Nota: Hay algunas palabras un tanto soez. ¡Añaden emoción y no son para tanto, a lo sumo dos o tres! :)


          

          

        
          

            

            
            A
            
            
            
          
          content/graphs/enhancements.js
            
@@ -0,0 +1,207 @@
+// Enhancing prototypes
+CanvasRenderingContext2D.prototype.clear = function() {
+  // http://stackoverflow.com/a/9722502/4759433
+  this.clearRect(0, 0, this.canvas.width, this.canvas.height);
+  this.beginPath(); // Clear strokes
+};
+
+var TWOPI = 2 * Math.PI;
+CanvasRenderingContext2D.prototype.circle = function(x, y, r) {
+  this.beginPath();
+  this.arc(x, y, r, 0, TWOPI);
+  this.fill();
+  this.beginPath();
+};
+
+var SIXTHPI = Math.PI / 6.0;
+CanvasRenderingContext2D.prototype.arrow = function(
+    x0, y0, x1, y1, headLen=10) {
+  // http://stackoverflow.com/a/6333775
+  var angle = Math.atan2(y1 - y0, x1 - x0);
+  this.moveTo(x0, y0);
+
+  this.lineTo(x1, y1);
+  this.lineTo(x1 - headLen * Math.cos(angle - SIXTHPI),
+              y1 - headLen * Math.sin(angle - SIXTHPI));
+
+  this.moveTo(x1, y1);
+  this.lineTo(x1 - headLen * Math.cos(angle + SIXTHPI),
+              y1 - headLen * Math.sin(angle + SIXTHPI));
+
+  this.stroke();
+}
+
+String.prototype.format = function() {
+  // http://stackoverflow.com/a/4673436/4759433
+  var args = arguments;
+  return this.replace(/{(\d+)}/g, function(match, number) {
+    return typeof args[number] != 'undefined' ? args[number] : match;
+  });
+};
+
+String.prototype.lpad = function(pad) {
+  return String(pad + this).slice(-pad.length);
+};
+
+Array.matrix = function(numrows, numcols, initial) {
+  // http://stackoverflow.com/a/30056867/4759433
+  var arr = [];
+  for (var i = 0; i != numrows; ++i) {
+    var columns = [];
+    for (var j = 0; j != numcols; ++j)
+      columns[j] = initial;
+    arr[i] = columns;
+  }
+  return arr;
+}
+
+function matrixCpy(src, dst) {
+  // Ensure it has at least one item
+  if (src.length != 0 && dst.length != 0) {
+    var ii = Math.min(src.length,    dst.length);
+    var jj = Math.min(src[0].length, dst[0].length);
+
+    for (var i = 0; i != ii; ++i)
+      for (var j = 0; j != jj; ++j)
+        dst[i][j] = src[i][j];
+  }
+}
+
+function matrixAdd(src, dst) {
+  // Ensure it has at least one item
+  if (src.length != 0 && dst.length != 0) {
+    var ii = Math.min(src.length,    dst.length);
+    var jj = Math.min(src[0].length, dst[0].length);
+
+    for (var i = 0; i != ii; ++i)
+      for (var j = 0; j != jj; ++j)
+        dst[i][j] += src[i][j];
+  }
+}
+
+function matrixMul(a, b) {
+  var ii = a.length;
+  var jj = b[0].length;
+  var c = Array.matrix(ii, jj, 0);
+
+  var kk = a[0].length;
+  if (kk == b.length) // Ensure nxp times pxm
+    for (var i = 0; i != ii; ++i)
+      for (var j = 0; j != jj; ++j)
+        for (var k = 0; k != kk; ++k)
+          c[i][j] += a[i][k] * b[k][j];
+
+  return c;
+}
+
+// Pops the i'th row and j'th column off the matrix
+function matrixPop(matrix, i, j) {
+  if (!matrix || !matrix[0])
+    return Array.matrix(0, 0, 0);
+
+  var ii = matrix.length;
+  var jj = matrix[0].length;
+  if (i < 0 || i >= ii || j < 0 || j >= jj)
+    return matrix;
+
+  var srci, srcj, dsti, dstj;
+  var result = Array.matrix(ii-1, jj-1, 0);
+
+  dsti = 0;
+  for (srci = 0; srci < ii; ++srci) {
+    dstj = 0;
+    if (srci != i) {
+      for (srcj = 0; srcj < jj; ++srcj) {
+        if (srcj != j) {
+          result[dsti][dstj] = matrix[srci][srcj];
+          ++dstj;
+        }
+      }
+      ++dsti;
+    }
+  }
+
+  return result;
+}
+
+function matrixStr(a) {
+  if (!a || !a[0])
+    return '[]';
+
+  var ii = a.length;
+  var jj = a[0].length;
+  var jjm1 = jj - 1;
+
+  var max = a[0][0];
+  for (var i = 0; i != ii; ++i)
+    for (var j = 0; j != jj; ++j)
+      if (a[i][j] > max)
+        max = a[i][j];
+
+  var result = '';
+  max = '' + max;
+  var pad = '';
+  for (var i = 0; i != max; ++i)
+    pad += ' ';
+
+  for (var i = 0; i != ii; ++i) {
+    result += '[';
+    for (var j = 0; j != jjm1; ++j) {
+      result += ('' + a[i][j]).lpad(pad);
+      result += ',';
+    }
+    result += ('' + a[i][jjm1]).lpad(pad);
+    result += ']\n';
+  }
+
+  return result;
+}
+
+// highlight = [belowRow, belowCol, color]
+function matrixRepr(matrix, table, highlight=null) {
+  if (!matrix || !matrix[0]) {
+    table.innerHTML = '';
+    return;
+  }
+
+  if (!highlight)
+    highlight = [-1, -1, '#000'];
+
+  var result = '';
+  var ii = matrix.length;
+  var jj = matrix[0].length;
+
+  result += '<tr><td></td>';
+  for (var j = 0; j != jj; ++j)
+    result += '<td><b>' + (j+1) + '</b></td>';
+  result += '</tr>';
+
+  for (var i = 0; i != ii; ++i) {
+    result += '<tr><td><b>' + (i+1) + '</b></td>';
+    for (var j = 0; j != jj; ++j) {
+      // We want to higlight 0..col on row and 0..row on col
+      if ((i <= highlight[0] && j == highlight[1]) ||
+          (i == highlight[0] && j <= highlight[1])) {
+        result += '<td style="background-color:' + highlight[2] +
+                  ';">' + matrix[i][j] + '</td>';
+      } else {
+        result += '<td>' + matrix[i][j] + '</td>';
+      }
+    }
+    result += '</tr>';
+  }
+
+  table.innerHTML = result;
+}
+
+function lerp(start, end, t) {
+  return start + t * (end - start);
+}
+
+function lerpArray(start, end, t) {
+  var result = [];
+  var ii = Math.min(start.length, end.length);
+  for (var i = 0; i != ii; ++i)
+    result.push(start[i] + t * (end[i] - start[i]));
+  return result;
+}


          

          

        
          

            

            
            A
            
            
            
          
          content/graphs/example1.svg
            
@@ -0,0 +1,306 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 52.916665 51.064584"
+   height="193"
+   width="200"
+   sodipodi:docname="example1.svg"
+   inkscape:version="0.92.1 r15371">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     id="namedview53"
+     showgrid="false"
+     inkscape:zoom="1.0697256"
+     inkscape:cx="60.504485"
+     inkscape:cy="128.85834"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <defs
+     id="defs2">
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker5335"
+       style="overflow:visible">
+      <path
+         id="path5333"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lstart"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4579"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker5041"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path5039"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4989"
+       style="overflow:visible">
+      <path
+         id="path4987"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker4943"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4941"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4903"
+       style="overflow:visible">
+      <path
+         id="path4901"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4869"
+       style="overflow:visible">
+      <path
+         id="path4867"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4582"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2350865,0,0,1.2350865,-4.4147099e-8,-315.75609)"
+     id="layer1">
+    <g
+       transform="translate(-58.254533,115.25159)"
+       id="g4513">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path4485"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4489"><tspan
+           id="tspan4487"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   style="font-size:3.52777767px"
+   id="tspan4491"
+   dx="0"
+   dy="2">2</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-73.657062,129.99266)"
+       id="g4523">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4515"
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4521"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4519">s<tspan
+   dy="2"
+   id="tspan4555"
+   style="font-size:3.52777767px">1</tspan></tspan></text>
+    </g>
+    <g
+       id="g4533"
+       transform="translate(-39.450217,127.53582)">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4525"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4531"><tspan
+           id="tspan4529"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4563"
+   style="font-size:3.52777767px">3</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-65.530574,147.56855)"
+       id="g4543">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4535"
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4541"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4539">s<tspan
+   dy="2"
+   id="tspan4557"
+   style="font-size:3.52777767px">5</tspan></tspan></text>
+    </g>
+    <g
+       id="g4553"
+       transform="translate(-49.183104,147.75754)">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4545"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4551"><tspan
+           id="tspan4549"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4561"
+   style="font-size:3.52777767px">4</tspan></tspan></text>
+    </g>
+    <path
+       id="path4565"
+       d="m 15.511855,264.18427 -7.2162772,6.81537"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#Arrow1Lstart);marker-end:url(#marker5041)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4567"
+       d="m 18.719089,265.25335 -5.078121,21.11429"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4903)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4571"
+       d="M 27.208867,287.23737 22.130745,265.98945"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4943)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4573"
+       d="m 31.147124,287.57035 4.543581,-10.28987"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker5335);marker-end:url(#marker4989)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4575"
+       d="m 17.650011,292.24757 h 5.479026"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4869)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4577"
+       d="m 8.9637538,288.63943 -3.073601,-8.15172"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/graphs/example2.svg
            
@@ -0,0 +1,350 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 52.916665 51.064584"
+   height="193"
+   width="200"
+   sodipodi:docname="example2.svg"
+   inkscape:version="0.92.1 r15371">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     id="namedview53"
+     showgrid="false"
+     inkscape:zoom="1.5128205"
+     inkscape:cx="65.358647"
+     inkscape:cy="121.33424"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <defs
+     id="defs2">
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker5335"
+       style="overflow:visible">
+      <path
+         id="path5333"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lstart"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4579"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker5041"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path5039"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4989"
+       style="overflow:visible">
+      <path
+         id="path4987"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker4943"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4941"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4903"
+       style="overflow:visible">
+      <path
+         id="path4901"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker4869"
+       style="overflow:visible">
+      <path
+         id="path4867"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         id="path4582"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2350865,0,0,1.2350865,-4.4147099e-8,-315.75609)"
+     id="layer1">
+    <g
+       transform="translate(-58.254533,115.25159)"
+       id="g4513">
+      <circle
+         style="fill:#5fbcd3;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path4485"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4489"><tspan
+           id="tspan4487"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   style="font-size:3.52777767px"
+   id="tspan4491"
+   dx="0"
+   dy="2">2</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-73.657062,129.99266)"
+       id="g4523">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4515"
+         style="fill:#ffb380;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4521"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4519">s<tspan
+   dy="2"
+   id="tspan4555"
+   style="font-size:3.52777767px">1</tspan></tspan></text>
+    </g>
+    <g
+       id="g4533"
+       transform="translate(-39.450217,127.53582)">
+      <circle
+         style="fill:#b7c4c8;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4525"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4531"><tspan
+           id="tspan4529"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4563"
+   style="font-size:3.52777767px">3</tspan></tspan></text>
+    </g>
+    <g
+       transform="translate(-65.530574,147.56855)"
+       id="g4543">
+      <circle
+         r="4.1865373"
+         cy="144.92363"
+         cx="77.975891"
+         id="circle4535"
+         style="fill:#00ff00;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text4541"
+         y="145.38777"
+         x="75.418594"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332"
+           y="145.38777"
+           x="75.418594"
+           id="tspan4539">s<tspan
+   dy="2"
+   id="tspan4557"
+   style="font-size:3.52777767px">5</tspan></tspan></text>
+    </g>
+    <g
+       id="g4553"
+       transform="translate(-49.183104,147.75754)">
+      <circle
+         style="fill:#ffb380;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4545"
+         cx="77.975891"
+         cy="144.92363"
+         r="4.1865373" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="75.418594"
+         y="145.38777"
+         id="text4551"><tspan
+           id="tspan4549"
+           x="75.418594"
+           y="145.38777"
+           style="stroke-width:0.26458332">s<tspan
+   dy="2"
+   id="tspan4561"
+   style="font-size:3.52777767px">4</tspan></tspan></text>
+    </g>
+    <path
+       id="path4565"
+       d="m 15.511855,264.18427 -7.2162772,6.81537"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#Arrow1Lstart);marker-end:url(#marker5041)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4567"
+       d="m 18.719089,265.25335 -5.078121,21.11429"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4903)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4571"
+       d="M 27.208867,287.23737 22.130745,265.98945"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4943)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4573"
+       d="m 31.147124,287.57035 4.543581,-10.28987"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker5335);marker-end:url(#marker4989)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4575"
+       d="m 17.650011,292.24757 h 5.479026"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4869)"
+       inkscape:connector-curvature="0" />
+    <path
+       id="path4577"
+       d="m 8.9637538,288.63943 -3.073601,-8.15172"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)"
+       inkscape:connector-curvature="0" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     x="6.2450199"
+     y="47.761745"
+     id="text4579"><tspan
+       sodipodi:role="line"
+       id="tspan4577"
+       x="6.2450199"
+       y="47.761745"
+       style="stroke-width:0.22780183">1</tspan></text>
+  <text
+     id="text4631"
+     y="7.4923263"
+     x="30.73904"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     xml:space="preserve"><tspan
+       style="stroke-width:0.22780183"
+       y="7.4923263"
+       x="30.73904"
+       id="tspan4629"
+       sodipodi:role="line">3</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     x="1.26939"
+     y="17.198946"
+     id="text4583"><tspan
+       sodipodi:role="line"
+       id="tspan4581"
+       x="1.26939"
+       y="17.198946"
+       style="stroke-width:0.22780183">2.1</tspan></text>
+  <text
+     id="text4635"
+     y="46.231361"
+     x="41.495026"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.85977268px;line-height:1.25;font-family:Serif;-inkscape-font-specification:Serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.22780183"
+     xml:space="preserve"><tspan
+       style="stroke-width:0.22780183"
+       y="46.231361"
+       x="41.495026"
+       id="tspan4633"
+       sodipodi:role="line">2.2</tspan></text>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/graphs/graphs.js
            
@@ -0,0 +1,405 @@
+// -------------------------------------------------------------------------- //
+// Constants
+var INTERPOLATION = 0.6;
+
+var BOX_HEIGHT = 0.15; // %, from and to which drop the items
+var BOX_HOVER = [255, 0, 0];
+var BOX_NORMAL = [255, 200, 200];
+
+var NODE_NORMAL = '#000';
+var NODE_TEXT = '#fff';
+var NODE_FONT = 'px Georgia';
+
+var FRAME_DURATION = 25; // ms
+
+// -------------------------------------------------------------------------- //
+// Retrieve used HTML elements
+canvas = document.getElementById('canvas');
+matrixTable = document.getElementById('matrixTable');
+matrixOrder = document.getElementById('matrixOrder');
+matrixAccum = document.getElementById('matrixAccum');
+matrixTableWrapper = document.getElementById('matrixTableWrapper');
+
+// -------------------------------------------------------------------------- //
+// Variables
+var orderShown, accumShown;
+c = canvas.getContext('2d');
+
+// Box color, from which and to which nodes should be dragged
+var boxColor = BOX_NORMAL.slice();
+
+// Available nodes and their connection matrix- these should be kept in sync
+var nodes = [];
+var connMatrix = Array.matrix(0, 0, 0);
+
+// Which node was the first we right clicked to create a new connection?
+var startConn = null;
+
+// Are we dragging any node yet?
+var anyDragging = false;
+
+// Highlight mode [row, col, color] for the matrix representing the graph
+var highlight = [-1, -1, '#fff'];
+
+function updateOrder() {
+  orderShown = Number(matrixOrder.value);
+  accumShown = matrixAccum.checked;
+  calcShowConnMatrix();
+}
+updateOrder();
+
+// -------------------------------------------------------------------------- //
+// Declare a prototype (Node) to render the selectable elements
+function Node(x, y, r, id) {
+  this.x = x;
+  this.y = y;
+  this.r = r;
+  this.id = id;
+  this.color = null;
+  this.dragging = false;
+
+  this.draw = function() {
+    if (this.dragging) {
+      c.fillStyle = NODE_NORMAL;
+      this.x = lerp(this.x, canvas.mouseX, INTERPOLATION);
+      this.y = lerp(this.y, canvas.mouseY, INTERPOLATION);
+    } else {
+      c.fillStyle = this.color;
+    }
+    c.circle(this.x, this.y, this.r);
+
+    c.fillStyle = NODE_TEXT;
+    c.font = ''+r+NODE_FONT;
+    // Arbitrary but nice
+    var x = this.x - r * 0.3;
+    var y = this.y + r * 0.3;
+
+    c.fillText(""+this.id, x, y);
+  }
+
+  this.resetColor = function() {
+    this.color = '#777';
+  }
+  this.resetColor();
+
+  this.inBounds = function(x, y) {
+    return Math.abs(this.x - x) < this.r &&
+           Math.abs(this.y - y) < this.r;
+  }
+}
+
+// -------------------------------------------------------------------------- //
+// Node handling
+function addNode(x, y) {
+  nodes.push(new Node(x, y, 20, nodes.length + 1));
+  limitOrder(nodes.length);
+
+  var newMatrix = Array.matrix(nodes.length, nodes.length, 0);
+  matrixCpy(connMatrix, newMatrix);
+  setConnMatrix(newMatrix);
+}
+
+function deleteNode(at) {
+  nodes.splice(at, 1);
+  limitOrder(nodes.length);
+
+  // Re-set the nodes IDs
+  for (var i = 0; i != nodes.length; ++i) {
+    nodes[i].id = i+1;
+  }
+
+  // Pop the at'th row (connections from the node we deleted)
+  // and also the at'th column (connections to the node we deleted)
+  setConnMatrix(matrixPop(connMatrix, at, at));
+}
+
+function clearNodes() {
+  nodes.length = 0;
+  limitOrder(1);
+  resetConnections();
+}
+
+// -------------------------------------------------------------------------- //
+// Connection matrix handling
+function setConnMatrix(matrix) {
+  connMatrix = matrix;
+  makeNodesHighlightable(matrixTable, connMatrix);
+  calcShowConnMatrix();
+}
+
+function resetConnections() {
+  setConnMatrix(Array.matrix(nodes.length, nodes.length, 0));
+}
+
+// -------------------------------------------------------------------------- //
+// Matrix representation
+function calcShowConnMatrix() {
+  if (orderShown > 1) {
+    var multiplied = Array.matrix(nodes.length, nodes.length, 0);
+    matrixCpy(connMatrix, multiplied);
+
+    if (accumShown) {
+      var shown = Array.matrix(nodes.length, nodes.length, 0);
+      matrixCpy(connMatrix, shown);
+    }
+
+    for (var i = 1; i != orderShown; ++i) {
+      multiplied = matrixMul(connMatrix, multiplied);
+      if (accumShown) {
+        matrixAdd(multiplied, shown);
+      }
+    }
+    if (accumShown) {
+      matrixRepr(shown, matrixTable, highlight);
+    } else {
+      matrixRepr(multiplied, matrixTable, highlight);
+    }
+  } else {
+    matrixRepr(connMatrix, matrixTable, highlight);
+  }
+}
+
+// Makes a table "highlightable" (when the mouse hovers,
+// it will be redrawn) by using the specified matrix.
+function makeNodesHighlightable(table, matrix) {
+  table.matrix = matrix;
+  table.addEventListener('mousemove', function(e) {
+    if (!table.matrix && !table.matrix[0])
+      return;
+
+    // TODO I know, this shouldn't have to go here and I should make a
+    //      better script to show the whole path and stuff... oh well.
+    if (orderShown > 1) {
+      if (highlight[0] != -1 || highlight[1] != -1) {
+        highlight[0] = highlight[1] = -1;
+        for (var i = 0; i != nodes.length; ++i)
+          nodes[i].resetColor();
+        calcShowConnMatrix();
+      }
+      return;
+    }
+
+    var rect = table.getBoundingClientRect();
+    var x = e.clientX - rect.left;
+    var y = e.clientY - rect.top;
+
+    var colWidth = rect.width / (table.matrix[0].length+1);
+    var col = Math.floor(x / colWidth)-1;
+    
+    var rowHeight = rect.height / (table.matrix.length+1);
+    var row = Math.floor(y / rowHeight)-1;
+
+    if (row != highlight[0] || col != highlight[1]) {
+      highlight[0] = row;
+      highlight[1] = col;
+      if (row >= 0 && col >= 0) {
+        if (table.matrix[row][col]) {
+          // there is a connection so color them
+          nodes[row].color = '#77f';
+          nodes[col].color = '#7f7';
+          highlight[2] = '#afa';
+        } else {
+          // no connection so reset its colors
+          for (var i = 0; i != nodes.length; ++i)
+            nodes[i].resetColor();
+
+          highlight[2] = '#faa';
+        }
+      }
+      calcShowConnMatrix();
+    }
+
+  }, false);
+}
+
+// -------------------------------------------------------------------------- //
+// Canvas rendering
+function renderElements() {
+  c.clear();
+  if (canvas.mouseDown && canvas.mouseY < canvas.height * BOX_HEIGHT) {
+    boxColor = lerpArray(boxColor, BOX_HOVER, 0.2);
+  } else {
+    boxColor = lerpArray(boxColor, BOX_NORMAL, 0.2);
+  }
+  c.rect(0, 0, canvas.width, canvas.height * BOX_HEIGHT);
+  c.fillStyle = 'rgb(' +
+                  Math.round(boxColor[0]) + ',' +
+                  Math.round(boxColor[1]) + ',' +
+                  Math.round(boxColor[2]) + ')';
+  c.fill();
+  
+  
+  if (nodes.length == 0)
+    return;
+
+  for (var i = 0; i != nodes.length; ++i)
+    nodes[i].draw();
+
+  c.strokeStyle = '#f00';
+
+  var ii = connMatrix.length;
+  var jj = connMatrix.length;
+
+  var x0, y0, x1, y1, cos, sin;
+  var rsq = Math.pow(nodes[0].r + 40, 2); // Radius SQuared + some margin
+  for (var i = 0; i != ii; ++i) {
+    for (var j = 0; j != jj; ++j) {
+      if (connMatrix[i][j]) {
+        // Non-zero item, this implies a connection between nodes.
+        // An element on the matrix connects row (i) -> column (j)
+        x0 = nodes[i].x;
+        y0 = nodes[i].y;
+        x1 = nodes[j].x;
+        y1 = nodes[j].y;
+
+        // Interpolate a bit to exit the radius unless we're too close
+        if (Math.pow(y1 - y0, 2) + Math.pow(x1 - x0, 2) > rsq) {
+          var angle = Math.atan2(y1 - y0, x1 - x0);
+          cos = Math.cos(angle) * nodes[0].r;
+          sin = Math.sin(angle) * nodes[0].r;
+          x0 += cos;
+          y0 += sin;
+          x1 -= cos;
+          y1 -= sin;
+        }
+        c.arrow(x0, y0, x1, y1);
+      }
+    }
+  }
+
+  if (startConn != null) {
+    c.arrow(nodes[startConn].x, nodes[startConn].y,
+            canvas.mouseX, canvas.mouseY);
+  }
+}
+
+function renderLoop() {
+  renderElements();
+  setTimeout(renderLoop, FRAME_DURATION);
+}
+
+// -------------------------------------------------------------------------- //
+// HTML interaction
+
+// To limit the maximum orden which can be specified on the HTML and
+// also clamp the currently shown order to the limit if it's exceeded
+function limitOrder(value) {
+  matrixOrder.max = value;
+  if (orderShown > value) {
+    orderShown = value;
+    matrixOrder.value = '' + value;
+  }
+}
+
+canvas.addEventListener('mousedown', function(e) {
+  if (e.button == 0) {
+      if (canvas.mouseY < canvas.height * BOX_HEIGHT) {
+        // Add node
+        addNode(canvas.mouseX, 0);
+        nodes[nodes.length - 1].dragging = true;
+        anyDragging = true;
+      } else {
+        // Drag nodes
+        for (var i = nodes.length; i--;) {
+          if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+            nodes[i].dragging = true;
+            anyDragging = true;
+            break;
+          }
+        }
+    }
+    canvas.style.cursor = anyDragging ? "crosshair" : "default";
+
+  } else if (e.button == 2) {
+    // Right button, select two nodes to join
+    if (startConn == null) {
+      for (var i = nodes.length; i--;) {
+        if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+          startConn = i;
+          break;
+        }
+      }
+    }
+  } else if (e.button == 1) {
+    // Middle click, clear the connections from and to a given node
+    for (var i = nodes.length; i--;) {
+      if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+        for (var j = 0; j != nodes.length; ++j)
+          connMatrix[i][j] = 0;
+        break;
+      }
+    }
+  }
+
+  canvas.mouseDown = e.button == 0 ? 'L' : 'R';
+}, false);
+
+canvas.addEventListener('mouseup', function(e) {
+  canvas.mouseDown = '';
+
+  if (anyDragging) {
+    anyDragging = false;
+    for (var i = nodes.length; i--; ) {
+      if (nodes[i].dragging) {
+        if (canvas.mouseY < canvas.height * BOX_HEIGHT) {
+          deleteNode(i);
+        } else {
+          nodes[i].dragging = false;
+        }
+      }
+    }
+  } else if (startConn != null) {
+    for (var i = nodes.length; i--;) {
+      if (nodes[i].inBounds(canvas.mouseX, canvas.mouseY)) {
+        // Node row connected to node column
+        if (i != startConn)
+          connMatrix[startConn][i] = 1;
+        break;
+      }
+    }
+    startConn = null;
+  }
+
+  calcShowConnMatrix();
+}, false);
+
+canvas.addEventListener('mousemove', function(e) {
+  var rect = canvas.getBoundingClientRect();
+  canvas.mouseX = e.clientX - rect.left;
+  canvas.mouseY = e.clientY - rect.top;
+
+}, false);
+
+// -------------------------------------------------------------------------- //
+// Represent the example we walked through
+function lilNoise() {
+  return (Math.random() - 0.5) * canvas.width * 0.05;
+}
+
+function getNoiseX(relative) {
+  return canvas.width * relative + lilNoise();
+}
+
+function getNoiseY(relative) {
+  return canvas.height * relative + lilNoise();
+}
+
+addNode(getNoiseX(0.2), getNoiseY(0.5));
+addNode(getNoiseX(0.5), getNoiseY(0.3));
+addNode(getNoiseX(0.8), getNoiseY(0.5));
+addNode(getNoiseX(0.7), getNoiseY(0.7));
+addNode(getNoiseX(0.3), getNoiseY(0.7));
+
+setConnMatrix([
+  [0, 1, 0, 0, 0],
+  [1, 0, 0, 0, 1],
+  [0, 0, 0, 1, 0],
+  [0, 1, 1, 0, 0],
+  [1, 0, 0, 1, 0]
+]);
+
+calcShowConnMatrix();
+
+
+// Let's go!
+renderLoop();


          

          

        
          

            

            
            A
            
            
            
          
          content/graphs/post.md
            
@@ -0,0 +1,178 @@
+```meta
+created: 2017-06-02
+updated: 2017-06-02
+```
+
+<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
+<noscript>There are a few things which won't render unless you enable
+JavaScript. No tracking, I promise!</noscript>
+
+Graphs
+======
+
+> Don't know English? [Read the Spanish version instead](spanish.html).
+
+  <p>Let's imagine we have 5 bus stations, which we'll denote by \(s_i\):</p>
+
+  \(\begin{bmatrix}
+  & s_1 & s_2 & s_3 & s_4 & s_5 \\
+  s_1   &   & V &   &   &       \\
+  s_2   & V &   &   &   & V     \\
+  s_3   &   &   &   & V &       \\
+  s_4   &   & V & V &   &       \\
+  s_5   & V &   &   & V & 
+ \end{bmatrix}\)
+
+  <p>This is known as a <i>"table of direct interconnections"</i>.</p>
+  <p>The \(V\) represent connected paths. For instance, on the first
+  row starting at \(s_1\), reaching the \(V\),
+  allows us to turn up to get to \(s_2\).</p>
+
+  <p>We can see the above table represented in a more graphical way:</p>
+  <img src="example1.svg" />
+  <p>This type of graph is called, well, a <i>graph</i>, and it's a directed
+  graph (or <i>digraph</i>), since the direction on which the arrows go does
+  matter. It's made up of vertices, joined together by edges (also known as
+  lines or directed <b>arcs</b>).</p>
+
+  <p>One can walk from a node to another through different <b>paths</b>. For
+  example, \(s_4 \rightarrow s_2 \rightarrow s_5\) is an indirect path of <b>order</b>
+  two, because we must use two edges to go from \(s_4\) to
+  \(s_5\).</p>
+
+  <p>Let's now represent its adjacency matrix called A which represents the
+  same table, but uses <mark>1</mark> instead </mark>V</mark> to represent
+  a connection:</p>
+
+  \(\begin{bmatrix}
+    0 & 1 & 0 & 0 & 0 \\
+    1 & 0 & 0 & 0 & 1 \\
+    0 & 0 & 0 & 1 & 0 \\
+    0 & 1 & 1 & 0 & 0 \\
+    1 & 0 & 0 & 1 & 0
+\end{bmatrix}\)
+
+  <p>This way we can see how the \(a_{2,1}\) element represents the
+  connection \(s_2 \rightarrow s_1\), and the \(a_{5,1}\) element the
+  \(s_5 \rightarrow s_1\) connection, etc.</p>
+
+  <p>In general, \(a_{i,j}\) represents a connection from
+    \(s_i \rightarrow s_j\)as long as \(a_{i,j}\geq 1\).</p>
+
+  <p>Working with matrices allows us to have a computable representation of
+  any graph, which is very useful.</p>
+
+  <hr />
+
+  <p>Graphs have a lot of interesting properties besides being representable
+  by a computer. What would happen if, for instance, we calculated
+  \(A^2\)? We obtain the following matrix:</p>
+
+  \(\begin{bmatrix}
+  1 & 0 & 0 & 0 & 1 \\
+  1 & 1 & 0 & 1 & 0 \\
+  0 & 1 & 1 & 0 & 0 \\
+  1 & 0 & 0 & 1 & 1 \\
+  0 & 2 & 1 & 0 & 0
+  \end{bmatrix}\)
+
+  <p>We can interpret this as the paths of order <b>two</b>.</p>
+  <p>But what does the element \(a_{5,2}=2\) represent? It indicates
+  the amount of possible ways to go from  \(s_5 \rightarrow s_i \rightarrow s_2\).</p>
+
+  <p>One can manually multiply the involved row and column to determine which
+  element is the one we need to pass through, this way we have the row
+  \([1 0 0 1 0]\) and the column \([1 0 0 1 0]\) (on
+  vertical). The elements \(s_i\geq 1\) are \(s_1\) and
+  \(s_4\). This is, we can go from \(s_5\) to
+  \(s_2\) via \(s_5 \rightarrow s_1 \rightarrow s_2\) or via
+  \(s_5 \rightarrow s_4 \rightarrow s_2\):</p>
+  <img src="example2.svg" />
+
+  <p>It's important to note that graphs to not consider self-connections, this
+  is, \(s_i \rightarrow s_i\) is not allowed; neither we work with multigraphs
+  here (those which allow multiple connections, for instance, an arbitrary
+  number \(n\) of times).</p>
+
+  \(\begin{bmatrix}
+  1 & 1 & 0          & 1 & 0 \\
+  1 & 2 & \textbf{1} & 0 & 1 \\
+  1 & 0 & 0          & 1 & 1 \\
+  1 & 2 & 1          & 1 & 0 \\
+  2 & 0 & 0          & 1 & 2
+  \end{bmatrix}\)
+
+  <p>We can see how the first \(1\) just appeared on the element
+    \(a_{2,3}\), which means that the shortest path to it is at least
+  of order three.</mark>
+
+  <hr />
+
+  <p>A graph is said to be <b>strongly connected</b> as long as there is a
+  way to reach <i>all</i> its elements.</p>
+
+  <p>We can see all the available paths until now by simply adding up all the
+  direct and indirect ways to reach a node, so for now, we can add
+  \(A+A^2+A^3\) in such a way that:</p>
+
+  \(\begin{bmatrix}
+  2 & 2 & 0 & 1 & 1 \\
+  3 & 3 & 1 & 1 & 3 \\
+  1 & 1 & 1 & 2 & 1 \\
+  2 & 3 & 2 & 2 & 1 \\
+  3 & 2 & 1 & 2 & 2
+  \end{bmatrix}\)
+
+  <p>There isn't a connection between \(s_1\) and \(s_3\) yet.
+  If we were to calculate \(A^4\):</p>
+
+  \(\begin{bmatrix}
+  1 & 2 & 1 &   &   \\
+    &   &   &   &   \\
+    &   &   &   &   \\
+    &   &   &   &   \\
+    &   &   &   &  
+  \end{bmatrix}\)
+
+  <p>We don't need to calculate anymore. We now know that the graph is
+  strongly connected!</p>
+
+  <hr />
+
+  <p>Congratulations! You've completed this tiny introduction to graphs.
+  Now you can play around with them and design your own connections.</p>
+
+  <p>Hold the left mouse button on the above area and drag it down to create
+  a new node, or drag a node to this area to delete it.</p>
+
+  <p>To create new connections, hold the right mouse button on the node you
+  want to start with, and drag it to the node you want it to be connected to.</p>
+
+  <p>To delete the connections coming from a specific node, middle click it.</p>
+
+  <table><tr><td style="width:100%;">
+    <button onclick="resetConnections()">Reset connections</button>
+    <button onclick="clearNodes()">Clear all the nodes</button>
+    <br />
+    <br />
+    <label for="matrixOrder">Show matrix of order:</label>
+    <input id="matrixOrder" type="number" min="1" max="5"
+                            value="1" oninput="updateOrder()">
+    <br />
+    <label for="matrixAccum">Show accumulated matrix</label>
+    <input id="matrixAccum" type="checkbox" onchange="updateOrder()">
+    <br />
+    <br />
+    <div class="matrix">
+      <table id="matrixTable"></table>
+    </div>
+  </td><td>
+    <canvas id="canvas" width="400" height="400" oncontextmenu="return false;">
+    Looks like your browser won't let you see this fancy example :(
+    </canvas>
+    <br />
+  </td></tr></table>
+
+<script src="tinyparser.js"></script>
+<script src="enhancements.js"></script>
+<script src="graphs.js"></script>


          

          

        
          

            

            
            A
            
            
            
          
          content/graphs/spanish.md
            
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu"
+        rel="stylesheet">
+  <link href="css/graphs.css" rel="stylesheet">
+</head>
+<body>
+<main>
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
+  <noscript>Hay cosas que no se van a ver a menos que actives JavaScript.
+  No <i>tracking</i>, ¡lo prometo!</noscript>
+
+  <h1>Grafos</h1>
+  <p class="right"><em>Escrito por
+    <a href="https://lonami.dev" >Imanol H.</a><br />
+    el 02-06-2017. Última revisión el 02-06-2017
+  </em></p>
+
+  <p>Imaginemos 5 estaciones de autobús, que denotaremos por \(s_i\):</p>
+  \(\begin{bmatrix}
+  & s_1 & s_2 & s_3 & s_4 & s_5 \\
+  s_1   &   & V &   &   &       \\
+  s_2   & V &   &   &   & V     \\
+  s_3   &   &   &   & V &       \\
+  s_4   &   & V & V &   &       \\
+  s_5   & V &   &   & V & 
+  \end{bmatrix}\)
+  <p>Esto se conoce como <i>"cuadro de interconexiones directas"</i>.</p>
+  <p>Las \(V\) representan caminos conectados. Por ejemplo, en la
+  primera fila partiendo de \(s_1\), llegando hasta la \(V\),
+  se nos permite girar hacia arriba para llegar a \(s_2\).</p>
+
+  <p>Podemos ver esta misma tabla representada de una manera más gráfica:</p>
+  <img src="example1.svg" />
+  <p>Este tipo de gráfica es un grafo, y además dirigido (o <i>digrafo</i>),
+  ya que el sentido en el que van las flechas sí importa. Está compuesto
+  por vértices, unidos entre si por ejes (también llamados aristas o
+  <b>arcos</b> dirigidos).</p>
+
+  <p>Se puede ir de un nodo otro mediante distintos <b>caminos</b> o
+  <i>tours</i>. Por ejemplo, \(s_4 \rightarrow s_2 \rightarrow s_5\) es un camino
+  indirecto de <b>orden</b> dos, porque debemos usar dos aristas para ir
+  de \(s_4\) a \(s_5\).</p>
+
+  <p>Pasemos ahora a representar la matriz de <b>adyacencia</b> llamada A, que
+  representa el mismo cuadro, pero usa \(1\) en vez de \(V\)
+  para representar una conexión:</p>
+
+  \(\begin{bmatrix}
+    0 & 1 & 0 & 0 & 0 \\
+    1 & 0 & 0 & 0 & 1 \\
+    0 & 0 & 0 & 1 & 0 \\
+    0 & 1 & 1 & 0 & 0 \\
+    1 & 0 & 0 & 1 & 0
+  \end{bmatrix}\)
+
+  <p>Así podemos ver como el elemento \(a_{2,1}\) representa la
+  conexión \(s_2 \rightarrow s_1\), y el \(a_{5,1}\) la
+  \(s_5 \rightarrow s_1\), etc.</p>
+
+  <p>En general, \(a_ij\) representa una conexión de
+  \(s_i \rightarrow s_j\) siempre que \(a_{i,j} \geq 1\).</p>
+
+  <p>Trabajar con matrices nos permite tener una representación computable
+  de un grafo cualquiera, lo cual es realmente útil.</p>
+
+  <hr />
+
+  <p>Los grafos tienen muchas más propiedades interesantes a parte de ser
+  representables computacionalmente. ¿Qué ocurre si, por ejemplo, hallamos
+  \(A^2\)? Resulta la siguiente matriz:</p>
+
+  \(\begin{bmatrix}
+  1 & 0 & 0 & 0 & 1 \\
+  1 & 1 & 0 & 1 & 0 \\
+  0 & 1 & 1 & 0 & 0 \\
+  1 & 0 & 0 & 1 & 1 \\
+  0 & 2 & 1 & 0 & 0
+  \end{bmatrix}\)
+
+  <p>Podemos interpretar esta matriz como los caminos de orden <b>dos</b>.</p>
+  <p>¿Pero qué representa el elemento \(a_{5,2} = 2\)? Indica que hay
+  dos posibles caminos para ir de \(s_5 \rightarrow s_i \rightarrow s_2\)</p>
+
+  <p>Es posible realizar la multiplicación de la fila y columna implicadas
+  para ver qué elemento es el que hay que atravesar, así se tiene la fila
+  \([1, 0, 0, 1, 0]\) y la columna \([1, 0, 0, 1, 0]\) (en
+  vertical). Los elementos \(s_1 \geq 1\) son \(s_1\) y
+  \(s_4\). Es decir, se puede ir de \(s_5\) a
+  \(s_2\) o bien mediante \(s_5 \rightarrow s_1 \rightarrow s_2\) ó bien
+  \(s_5 \rightarrow s_4 \rightarrow s_2\):</p>
+  <img src="example2.svg" />
+
+  <p>Es importante notar que en los gráfos no se consideran lazos, es decir,
+  \(s_i \rightarrow s_i\) no está permitido; ni tampoco se trabaja con
+  multigrafos (que permiten muchas conexiones, por ejemplo, de un número
+  arbitrario \(n\) de veces.</p>
+
+  <p>Terminemos con \(A^3\):</p>
+  \(\begin{bmatrix}
+  1 & 1 & 0          & 1 & 0 \\
+  1 & 2 & \textbf{1} & 0 & 1 \\
+  1 & 0 & 0          & 1 & 1 \\
+  1 & 2 & 1          & 1 & 0 \\
+  2 & 0 & 0          & 1 & 2
+  \end{bmatrix}\)
+
+  <p>Podemos ver como ha aparecido el primer \(1\) en
+  \(a_{2,3}\), lo que representa que el camino más corto es de al menos
+  de orden tres.
+
+  <hr />
+
+  <p>Un grafo es <b>fuertemente conexo</b> siempre que se pueda encontrar una
+  conexión para <i>todos</i> los elementos.</p>
+
+  <p>Para ver todos los caminos posibles hasta ahora, basta con sumar las
+  formas directas más las formas indirectas, por lo que hasta ahora podemos
+  sumar \(A + A^2 + A^3\) tal que:</p>
+
+  \(\begin{bmatrix}
+  2 & 2 & 0 & 1 & 1 \\
+  3 & 3 & 1 & 1 & 3 \\
+  1 & 1 & 1 & 2 & 1 \\
+  2 & 3 & 2 & 2 & 1 \\
+  3 & 2 & 1 & 2 & 2
+  \end{bmatrix}\)
+
+  <p>Sigue sin haber una conexión entre \(s_1\) y \(s_3\).
+  Calculando \(A^4\):</p>
+
+  \(\begin{bmatrix}
+  1 & 2 & 1 &   &   \\
+    &   &   &   &   \\
+    &   &   &   &   \\
+    &   &   &   &   \\
+    &   &   &   &  
+  \end{bmatrix}\)
+
+  <p>No hace falta seguir calculando, ya tenemos un grafo totalmente conexo.
+  </p>
+
+  <hr />
+
+  <p>¡Felicidades! Has completado esta pequeña introducción a los gráficos.
+  Ahora puedes jugar tú y diseñar tus propias conexiones.</p>
+
+  <p>Mantén pulsado el botón izquierdo del ratón en el área de arriba y
+  arrastra hacia abajo para crear un nuevo nodo, o arrastra un nodo a este
+  área para eliminarlo.</p>
+
+  <p>Para crear nuevas conexiones, mantén pulsado el botón derecho del ratón
+  en el nodo del que quiera partir, y arrástralo hasta el nodo con el que
+  lo quieras conectar.</p>
+
+  <p>Para eliminar las conexiones que salen de un nodo en concreto, haz clic
+  con el botón central del ratón en el nodo que quieras.</p>
+
+  <table><tr><td style="width:100%;">
+    <button onclick="resetConnections()">Reiniciar conexiones</button>
+    <button onclick="clearNodes()">Limpiar todos los nodos</button>
+    <br />
+    <br />
+    <label for="matrixOrder">Mostrar matriz de orden:</label>
+    <input id="matrixOrder" type="number" min="1" max="5"
+                            value="1" oninput="updateOrder()">
+    <br />
+    <label for="matrixAccum">Mostrar matriz acumulada</label>
+    <input id="matrixAccum" type="checkbox" onchange="updateOrder()">
+    <br />
+    <br />
+    <div class="matrix">
+      <table id="matrixTable"></table>
+    </div>
+  </td><td>
+    <canvas id="canvas" width="400" height="400" oncontextmenu="return false;">
+    Parece que tu navegador no vas a poder probar el ejemplo en tu navegador :(
+    </canvas>
+    <br />
+  </td></tr></table>
+</main>
+
+<script src="tinyparser.js"></script>
+<script src="enhancements.js"></script>
+<script src="graphs.js"></script>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          content/graphs/tinyparser.js
            
@@ -0,0 +1,63 @@
+// Custom tiny parser for csv tables. They're more comfortable.
+var tables = document.getElementsByClassName('csv');
+for (var i = 0; i != tables.length; ++i) {
+  var lines = tables[i].innerHTML.split('\n');
+  var result = ['<table>'];
+  var line = null;
+  for (var j = 0; j != lines.length; ++j) {
+    line = lines[j].trim();
+    if (line) {
+      result.push('<tr><td>');
+      result.push(lines[j].replace(/\s*;\s*/g, '</td><td>'));
+      result.push('</td></tr>');
+    }
+  }
+  result.push('</table>');
+  tables[i].innerHTML = result.join('');
+}
+
+// Custom tiny math parser. I like writing parsers.
+// 'x^2n ' becomes 'x<sup>2n</sup> '
+// 'x_5n ' becomes 'x<sub>5n</sub> '
+// 'a * b' becomes 'a × b'
+// ' '     becomes '&nbsp;'
+function mathify(element) {
+  var c = null;
+  var closeOnSpace = null;
+  var content = element.innerHTML.split('');
+  for (var j = 0; j != content.length; ++j) {
+    c = content[j];
+    if (c == '*') {
+      content[j] = '×';
+    } else if (c == '^') {
+      content[j] = '<sup>';
+      closeOnSpace = '</sup>';
+    } else if (c == '_') {
+      content[j] = '<sub>';
+      closeOnSpace = '</sub>';
+    } else if (c == ' ') {
+      if (closeOnSpace == null) {
+        content[j] = '&nbsp;';
+      } else {
+        content[j] = closeOnSpace + ' ';
+        closeOnSpace = null;
+      }
+    } else if (c == '\n' && closeOnSpace != null) {
+        content[j] = closeOnSpace + '\n';
+        closeOnSpace = null;
+    }
+  }
+  if (closeOnSpace != null) {
+    content.push(closeOnSpace.trim());
+  }
+
+  element.innerHTML = content.join('');
+}
+
+var maths = document.getElementsByTagName('mark');
+for (var i = 0; i != maths.length; ++i)
+  mathify(maths[i]);
+
+var maths = document.getElementsByClassName('math');
+for (var i = 0; i != maths.length; ++i)
+  mathify(maths[i]);


          

          

        
          

            

            
            A
            
            
            
          
          content/index.md
            
@@ -0,0 +1,24 @@
+```meta
+created: 2016-03-04
+updated: 2018-01-31
+```
+
+Blog de Lonami
+==============
+
+Hola | Hi.
+
+Choose your language below:
+
+* [Leer entradas en español](#bienvenido-al-blog)
+* [Read English entries](#welcome-to-the-blog)
+
+Bienvenido al blog
+------------------
+
+Bienvenido al mejor (o no) blog del mundo. En esta sección publicaré de manera muy puntual algunas entradas que espero resulten interesantes para el gran público.
+
+Welcome to the blog
+-------------------
+
+Welcome to the best (or not) blog in the entire world. On this blog I will occasionally post new entries which I find interesting.


          

          

        
          

            

            
            A
            
            
            
          
          content/installing_nixos.md
            
@@ -0,0 +1,70 @@
+```meta
+created: 2017-05-13
+updated: 2019-02-16
+```
+
+Installing NixOS
+================
+
+Update
+------
+
+*Please see [my followup post with NixOS](../installing_nixos_2/index.html) for a far better experience with it*
+
+----------------------------------------
+
+Today I decided to install [NixOS](http://nixos.org/) as a recommendation, a purely functional Linux distribution, since [Xubuntu](https://xubuntu.org/) kept crashing. Here's my journey, and how I managed to install it from a terminal for the first time in my life. Steps aren't hard, but they may not seem obvious at first.
+
+* Grab the Live CD, burn it on a USB stick and boot. I recommend using [Etcher](https://etcher.io/).
+* Type `systemctl start display-manager` and wait.[^1]
+* Open both the manual and the `konsole`.
+* Connect to the network using the GUI.
+* Create the disk partitions by using `fdisk`.
+
+  You can list them with `fdisk -l`, modify a certain drive with `fdisk /dev/sdX` (for instance, `/dev/sda`) and follow the instructions.
+
+  To create the file system, use `mkfs.ext4 -L <label> /dev/sdXY` and swap with `mkswap -L <label> /dev/sdXY`.
+
+  The EFI partition should be done with `mkfs.vfat`.
+
+* Mount the target to `/mnt` e.g. if the label was `nixos`, `mount /dev/disk/by-label/nixos /mnt`
+* `mkdir /mnt/boot` and then mount your EFI partition to it.
+* Generate a configuration template with `nixos-generate-config --root /mnt`, and modify it with `nano /etc/nixos/configuration.nix`.
+* While modifying the configuration, make sure to add `boot.loader.grub.device = "/dev/sda"`
+* More useful configuration things are:
+  * Uncomment the whole `i18n` block.
+  * Add some essential packages like `environment.systemPackages = with pkgs; [wget git firefox pulseaudio networkmanagerapplet];`.
+  * If you want to use XFCE, add `services.xserver.desktopManager.xfce.enable = true;`, otherwise, you don't need `networkmanagerapplet` either. Make sure to add `networking.networkmanager.enable = true;` too.
+  * Define some user for yourself (modify `guest` name) and use a UID greater than 1000. Also, add yourself to `extraGroups = ["wheel" "networkmanager"];` (the first to be able to `sudo`, the second to use network related things).
+
+* Run `nixos-install`. If you ever modify that file again, to add more packages for instance (this is how they're installed), run `nixos-rebuild switch` (or use `test` to test but don't boot to it, or `boot` not to switch but to use on next boot.
+* `reboot`.
+* Login as `root`, and set a password for your user with `passwd <user>`. Done!
+
+I enjoyed the process of installing it, and it's really cool that it has versioning and is so clean to keep track of which packages you install. But not being able to run arbitrary binaries by default is something very limitting in my opinion, though they've done a good job.
+
+I'm now back to Xubuntu, with a fresh install.
+
+Update
+------
+
+It is not true that "they don't allow running arbitrary binaries by default", as pointed out in their [manual, buildFHSUserEnv](https://nixos.org/nixpkgs/manual/#sec-fhs-environments):
+
+> `buildFHSUserEnv` provides a way to build and run FHS-compatible lightweight sandboxes. It creates an isolated root with bound `/nix/store`, so its footprint in terms of disk space needed is quite small. This allows one to run software which is hard or unfeasible to patch for NixOS -- 3rd-party source trees with FHS assumptions, games distributed as tarballs, software with integrity checking and/or external self-updated binaries. It uses Linux namespaces feature to create temporary lightweight environments which are destroyed after all child processes exit, without root user rights requirement.
+
+Thanks to [@bb010g](https://github.com/bb010g) for pointing this out.
+
+Notes
+-----
+
+[^1]: The keyboard mapping is a bit strange. On my Spanish keyboard, the keys were as follows:
+
+|Keyboard|Maps to|Shift
+|---|---|---|
+|'|-|_|
+|´|'|"|
+|`|[| |
+|+|]| |
+|¡|=| |
+|-|/| |
+|ñ|;| |


          

          

        
          

            

            
            A
            
            
            
          
          content/installing_nixos_2.md
            
@@ -0,0 +1,142 @@
+```meta
+created: 2019-02-15
+updated: 2019-02-16
+```
+
+Installing NixOS, Take 2
+========================
+
+This is my second take at installing NixOS, after a while being frustrated with Arch Linux and the fact that a few kernel upgrades ago, the system crashed randomly from time to time. `journalctl` did not have any helpful hints and I thought reinstalling could be worthwhile anyway.
+
+This time, I started with more knowledge! The first step is heading to the [NixOS website](https://nixos.org) and downloading their minimal installation CD for 64 bits. I didn't go with their graphical live CD, because their [installation manual](https://nixos.org/nixos/manual) is a wonderful resource that guides you nicely.
+
+Once you have downloaded their `.iso`, you should probably verify it's `sha256sum` and make sure that it matches. The easiest thing to do in my opinion is using an USB to burn the image in it. Plug it in and check its device name with `fdisk -l`. In my case, it was `/dev/sdb`, so I went ahead with it and ran `dd if=nixos.iso of=/dev/sdb status=progress`. Make sure to run `sync` once that's done.
+
+If either `dd` or `sync` seem "stuck" in the end, they are just flushing the changes to disk to make sure all is good. This is normal, and depends on your drives.
+
+Now, reboot your computer with the USB plugged in and make sure to boot into it. You should be welcome with a pretty screen. Just select the first option and wait until it logs you in as root. Once you're there you probably want to `loadkeys es` or whatever your keyboard layout is, or you will have a hard time with passwords, since the characters are all over the place.
+
+In a clean disk, you would normally create the partitions now. In my case, I already had the partitions made (100MB for the EFI system, where `/boot` lives, 40GB for the root `/` partition with my old Linux installation, and 700G for `/home`), so I didn't need to do anything here. The manual showcases `parted`, but I personally use `fdisk`, which has very helpful help I check every time I use it.
+
+**Important**: The `XY` in `/dev/sdXY` is probably different in your system! Make sure you use `fdisk -l` to see the correct letters and numbers!
+
+With the partitions ready in my UEFI system, I formatted both `/` and `/boot` just to be safe with `mkfs.ext4 -L nixos /dev/sda2` and `mkfs.fat -F 32 -n boot /dev/sda1` (remember that these are the letters and numbers used in my partition scheme). Don't worry about the warning in the second command regarding lowercase letters and Windows. It's not really an issue.
+
+Now, since we gave each partition a label, we can easily mount them through `mount /dev/disk/by-label/nixos /mnt` and, in UEFI systems, be sure to `mkdir -p /mnt/boot` and `mount /dev/disk/by-label/boot /mnt/boot`. I didn't bother setting up swap, since I have 8GB of RAM in my laptop and that's really enough for my use case.
+
+With that done, we will now ask the configuration wizard to do some work for us (in particular, generate a template) with `nixos-generate-config --root /mnt`. This generates a very well documented file that we should edit right now (and this is important!) with whatever editor you prefer. I used `vim`, but you can change it for `nano` if you prefer.
+
+On to the configuration file, we need to enable a few things, so `vim /mnt/etc/nixos/configuration.nix` and start scrolling down. We want to make sure to uncomment:
+
+```
+# We really want network!
+networking.wireless.enable = true;
+
+# This "fixes" the keyboard layout. Put the one you use.
+i18n = {
+consoleKeyMap = "es";
+}
+
+# Timezones are tricky so let's get this right.
+time.timeZone = "Europe/Madrid";
+
+# We *really* want some base packages installed, such as
+# wpa_supplicant, or we won't have a way to connect to the
+# network once we install...
+environment.systemPackages = with pkgs; [
+wpa_supplicant wget curl vim neovim cmus mpv firefox git tdesktop
+];
+
+# Printing is useful, sure, enable CUPS
+services.printing.enable = true;
+
+# We have speakers, let's make use of them.
+sound.enable = true;
+hardware.pulseaudio.enable = true;
+
+# We want the X11 windowing system enabled, in Spanish.
+services.xserver.enable = true;
+services.xserver.layout = "es";
+
+# I want a desktop manager in my laptop.
+# I personally prefer XFCE, but the manual shows plenty
+# of other options, such as Plasma, i3 WM, or whatever.
+services.xserver.desktopManager.xfce.enable = true;
+services.xserver.desktopManager.default = "xfce";
+
+# Touchpad is useful (although sometimes annoying) in a laptop
+services.xserver.libinput.enable = true;
+
+# We don't want to do everything as root!
+users.users.lonami = {
+isNormalUser = true;
+uid = 1000;
+home = "/home/lonami";
+extraGroups = [ "wheel" "networkmanager" "audio" ];
+};
+```
+
+*(Fun fact, I overlooked the configuration file until I wrote this and hadn't noticed sound/pulseaudio was there. It wasn't hard to find online how to enable it though!)*
+
+Now, let's modify `hardware-configuration.nix`. But if you have `/home` in a separate partition like me, you should run `blkid` to figure out its UUID. To avoid typing it out myself, I just ran `blkid >> /mnt/etc/nixos/hardware-configuration.nix` so that I could easily move it around with `vim`:
+
+```
+# (stuff...)
+
+fileSystems."/home" =
+{ device = "/dev/disk/by-uuid/d344c686-cae7-4dd3-840e-308eddf86608";
+fsType = "ext4";
+};
+
+# (more stuff...)
+```
+
+Note that, obviously, you should put your own partition's UUID there. Modifying the configuration is where I think the current NixOS' manual should have made more emphasis, at this step of the installation. They do detail it below, but that was already too late in my first attempt. Anyway, you can boot from the USB and run `nixos-install` as many times as you need until you get it working!
+
+But before installing, we need to configure the network since there are plenty of things to download. If you want to work from WiFi, you should first figure out the name of your network card with `ip link show`. In my case it's called `wlp3s0`. So with that knowledge we can run `wpa_supplicant -B -i wlp3s0 -c <(wpa_passphrase SSID key)`. Be sure to replace both `SSID` and `key` with the name of your network and password key, respectively. If they have spaces, surround them in quotes.
+
+Another funny pitfall was typing `wpa_supplicant` in the command above twice (instead of `wpa_passphrase`). That sure spit out a few funny errors! Once you have ran that, wait a few seconds and `ping 1.1.1.1` to make sure that you can reach the internet. If you do, `^C` and let's install NixOS!
+
+```
+nixos-install
+```
+
+Well, that was pretty painless. You can now `reboot` and enjoy your new, functional system.
+
+Afterword
+---------
+
+The process of installing NixOS was really painless once you have made sense out of what things mean. I was far more pleased this time than in my previous attempt, despite the four attempts I needed to have it up and running.
+
+However not all is so good. I'm not sure where I went wrong, but the first time I tried with `i3` instead of `xfce`, all I was welcome with was a white, small terminal in the top left corner. I even generated a configuration file with `i3-config-wizard` to make sure it could detect my Mod1/Mod4 keys (which, it did), but even after rebooting, my commands weren't responding. For example, I couldn't manage to open another terminal with `Mod1+Enter`. I'm not even sure that I was in `i3`…
+
+In my very first attempt, I pressed `Alt+F8` as suggested in the welcome message. This took me an offline copy of the manual, which is really nicely done. Funny enough, though, I couldn't exit `w3m`. Both `Q` and `B` to quit and take me back wouldn't work. Somehow, it kept throwing me back into `w3m`, so I had to forcibly shutdown.
+
+In my second attempt, I also forgot to configure network, so I had no way to download `wpa_supplicant` without having `wpa_supplicant` itself to connect my laptop to the network! So, it was important to do that through the USB before installing it (which comes with the program preinstalled), just by making sure to add it in the configuration file.
+
+Some other notes, if you can't reach the internet, don't add any DNS in `/etc/resolv.conf`. This should be done declaratively in `configuration.nix`.
+
+In the end, I spent the entire afternoon playing around with it, taking breaks and what-not. I still haven't figured out why `nvim` was printing the literal escape character when going from normal to insert mode in the `xfce4-terminal` (and other actions also made it print this "garbage" to the console), why sometimes the network can reach the internet (and only some sites!) and sometimes not, and how to setup dualboot.
+
+But despite all of this, I think it was a worth installing it again. One sure sees things from a different perspective, and gets the chance to write another blog post!
+
+If there's something I overlooked or that could be done better, or maybe you can explain it differently, please be sure to [contact me](https://lonami.dev/contact) to let me know!
+
+Update
+------
+
+Well, that was surprisingly fast feedback. Thank you very much [@bb010g](https://bb010g.keybase.pub/) for it! As they rightfully pointed out, one can avoid adding `/home` manually to `hardware-configuration.nix` if you mount it before generating the configuration files. However, the installation process doesn't need `/home` mounted, so I didn't do it.
+
+The second weird issue with `w3m` is actually a funny one. `Alt+F8` *switches to another TTY*! That's why quitting the program wouldn't do anything. You'd still be in a different TTY! Normally, this is `Ctrl+Alt+FX`, so I hadn't even thought that this is what could be happening. Anyway, the solution is not quitting the program, but rather going back to the main TTY with `Alt+F1`. You can switch back and forth all you need to consult the manual.
+
+More suggestions are having [`home-manager`](https://github.com/rycee/home-manager) manage the graphical sessions, since it should be easier to deal with than the alternatives.
+
+Despite having followed the guide and having read it over and over several times, it seems like my thoughts in this blog post may be a bit messy. So I recommend you also reading through the guide to have two versions of all this, just in case.
+
+Regarding network issues, they use `connman` so that may be worth checking out.
+
+Regarding terminal issues with `nvim` printing the literal escape character, I was told off for not having checked what my `$TERM` was. I hadn't really looked into it much myself, just complained about it here, so sorry for being annoying about that. A quick search in the `nixpkgs` repository lets us find [neovim/default.nix](https://github.com/NixOS/nixpkgs/blob/release-18.09/pkgs/applications/editors/neovim/default.nix), with version 0.3.1. Looking at [Neovim's main repository](https://github.com/neovim/neovim) we can see that this is a bit outdated, but that is fine.
+
+If only I had bothered to look at [Neovim's wiki](https://github.com/neovim/neovim/wiki/FAQ#nvim-shows-weird-symbols-2-q-when-changing-modes), (which they found through [Neovim's GitHub issues](https://github.com/neovim/neovim/issues/7749)) I would've seen that some terminals just don't support the program properly. The solution is, of course, to use a different terminal emulator with better support or to disable the `guicursor` in Neovim's config.
+
+This is a pretty good life lesson. 30 seconds of searching, maybe two minutes and a half for also checking XFCE issues, are often more than enough to troubleshoot your issues. The internet is a big place and more people have surely came across the problem before, so make sure to look online first. In my defense I'll say that it didn't bother me so much so I didn't bother looking for that soon either.


          

          

        
          

            

            
            A
            
            
            
          
          content/inteligencia_artificial/bayesian_network.svg
            
@@ -0,0 +1,893 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="480"
+   height="230"
+   viewBox="0 0 480 230"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="bayesian_network.svg">
+  <defs
+     id="defs4">
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible"
+       id="marker5391"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         id="path5393"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker5075"
+       style="overflow:visible"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path5077"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lend"
+       style="overflow:visible"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path4680"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="111.75179"
+     inkscape:cy="243.66335"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="745"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-822.36216)">
+    <g
+       id="g5777">
+      <rect
+         style="opacity:1;fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:1.38805318;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4331"
+         width="160.26018"
+         height="86.903847"
+         x="319.04575"
+         y="823.05615"
+         ry="18.212736" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4470"
+         d="m 449.26648,872.37344 c -0.81362,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.6083 -1.07846,-4.0136 0.81362,-1.4053 6.15631,-4.75688 6.15631,-4.75688 0,0 -0.23935,6.28974 -1.05298,7.69504 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 447.79543,882.40525 c -0.55786,0.96354 -1.7934,1.29367 -2.75965,0.73737 -0.96624,-0.5563 -1.2973,-1.78837 -0.73944,-2.75191 0.55786,-0.96354 4.22106,-3.26154 4.22106,-3.26154 0,0 -0.16411,4.31254 -0.72197,5.27608 z"
+         id="path4472"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4474"
+         d="m 454.61642,879.47845 c -0.61483,1.06195 -1.97655,1.4258 -3.04149,0.81269 -1.06494,-0.61312 -1.4298,-1.97104 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79572,5.81496 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 455.97486,893.5466 c -0.7587,1.31045 -2.43906,1.75944 -3.75318,1.00285 -1.31413,-0.75658 -1.76437,-2.43224 -1.00567,-3.74268 0.7587,-1.31045 5.74076,-4.4358 5.74076,-4.4358 0,0 -0.22318,5.86519 -0.98191,7.17563 z"
+         id="path4476"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4478"
+         d="m 473.94035,882.58467 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50154 -1.16958,-1.61232 -0.66665,-2.481 0.50294,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88799 -0.6509,4.75667 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 473.94035,882.58467 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50154 -1.16958,-1.61232 -0.66665,-2.481 0.50294,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88799 -0.6509,4.75667 z"
+         id="path4480"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4405"
+         d="m 378.22829,839.53921 c -0.81362,1.40531 -2.61563,1.8868 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.6083 -1.07847,-4.0136 0.81363,-1.4053 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23935,6.28974 -1.05298,7.69504 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 376.75723,849.57102 c -0.55785,0.96354 -1.79339,1.29367 -2.75964,0.73737 -0.96625,-0.5563 -1.2973,-1.78837 -0.73944,-2.75191 0.55786,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31254 -0.72197,5.27608 z"
+         id="path4408"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4410"
+         d="m 383.57823,846.64422 c -0.61483,1.06195 -1.97656,1.4258 -3.04149,0.81269 -1.06494,-0.61312 -1.42981,-1.97104 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18087,4.75301 -0.79572,5.81496 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 384.93667,860.71237 c -0.7587,1.31045 -2.43907,1.75944 -3.75319,1.00285 -1.31413,-0.75658 -1.76437,-2.43224 -1.00567,-3.74268 0.7587,-1.31045 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22317,5.86518 -0.9819,7.17562 z"
+         id="path4412"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4414"
+         d="m 402.90216,849.75044 c -0.50294,0.86868 -1.61684,1.16631 -2.48796,0.66478 -0.87111,-0.50154 -1.16957,-1.61231 -0.66664,-2.481 0.50294,-0.86868 3.80549,-2.94044 3.80549,-2.94044 0,0 -0.14793,3.88798 -0.65089,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 402.90216,849.75044 c -0.50294,0.86868 -1.61684,1.16631 -2.48796,0.66478 -0.87111,-0.50154 -1.16957,-1.61231 -0.66664,-2.481 0.50294,-0.86868 3.80549,-2.94044 3.80549,-2.94044 0,0 -0.14793,3.88798 -0.65089,4.75666 z"
+         id="path4416"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         id="path4391"
+         d="m 383.19525,823.05708 a 27.030959,26.955273 0 0 0 -1.16873,7.76705 27.030959,26.955273 0 0 0 27.03007,26.95438 27.030959,26.955273 0 0 0 4.45589,-0.37525 27.030959,26.955273 0 0 0 25.92306,19.37197 27.030959,26.955273 0 0 0 20.04557,-8.91663 27.030959,26.955273 0 0 0 19.08392,7.89016 27.030959,26.955273 0 0 0 0.74065,-0.0357 l 0,-34.44348 c 0,-10.08985 -8.14542,-18.21247 -18.26361,-18.21247 l -77.84682,0 z"
+         style="opacity:1;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:connector-curvature="0" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 392.60914,864.40831 c -0.81363,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.6083 -1.07847,-4.0136 0.81363,-1.40531 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23936,6.28974 -1.05298,7.69504 z"
+         id="path4428"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4430"
+         d="m 391.13808,874.44012 c -0.55786,0.96354 -1.79339,1.29367 -2.75964,0.73737 -0.96625,-0.5563 -1.2973,-1.78837 -0.73944,-2.75192 0.55785,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31255 -0.72197,5.27609 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 397.95908,871.51332 c -0.61483,1.06195 -1.97656,1.4258 -3.0415,0.81268 -1.06494,-0.61311 -1.4298,-1.97103 -0.81497,-3.03298 0.61483,-1.06196 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79571,5.81496 z"
+         id="path4432"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4434"
+         d="m 399.31751,885.58147 c -0.7587,1.31044 -2.43906,1.75943 -3.75318,1.00285 -1.31413,-0.75659 -1.76437,-2.43224 -1.00567,-3.74269 0.7587,-1.31044 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22318,5.86519 -0.98191,7.17563 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 417.283,874.61953 c -0.50293,0.86869 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         id="path4436"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4438"
+         d="m 417.283,874.61953 c -0.50293,0.86869 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86868 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4442"
+         d="m 410.37705,882.71132 c -0.81363,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.60831 -1.07847,-4.01361 0.81363,-1.4053 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23936,6.28974 -1.05298,7.69505 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 408.90599,892.74312 c -0.55786,0.96354 -1.79339,1.29368 -2.75964,0.73738 -0.96625,-0.5563 -1.2973,-1.78838 -0.73944,-2.75192 0.55785,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31254 -0.72197,5.27608 z"
+         id="path4444"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4446"
+         d="m 415.72699,889.81632 c -0.61483,1.06196 -1.97656,1.42581 -3.0415,0.81269 -1.06494,-0.61312 -1.4298,-1.97103 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79571,5.81496 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 417.08542,903.88448 c -0.7587,1.31044 -2.43906,1.75943 -3.75318,1.00285 -1.31413,-0.75659 -1.76437,-2.43225 -1.00567,-3.74269 0.7587,-1.31045 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22318,5.86518 -0.98191,7.17563 z"
+         id="path4448"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4450"
+         d="m 435.05091,892.92254 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86869 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 435.05091,892.92254 c -0.50293,0.86868 -1.61683,1.16631 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66665,-2.48099 0.50295,-0.86869 3.8055,-2.94045 3.8055,-2.94045 0,0 -0.14794,3.88798 -0.6509,4.75666 z"
+         id="path4452"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 423.92847,879.86919 c -0.81363,1.4053 -2.61563,1.88679 -4.02487,1.07544 -1.40926,-0.81135 -1.89209,-2.60831 -1.07847,-4.01361 0.81363,-1.4053 6.15632,-4.75688 6.15632,-4.75688 0,0 -0.23936,6.28974 -1.05298,7.69505 z"
+         id="path4456"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4458"
+         d="m 422.45741,889.90099 c -0.55786,0.96354 -1.79339,1.29368 -2.75964,0.73738 -0.96625,-0.5563 -1.2973,-1.78838 -0.73944,-2.75192 0.55785,-0.96354 4.22105,-3.26154 4.22105,-3.26154 0,0 -0.1641,4.31254 -0.72197,5.27608 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 429.27841,886.97419 c -0.61483,1.06196 -1.97656,1.42581 -3.0415,0.81269 -1.06493,-0.61312 -1.4298,-1.97103 -0.81497,-3.03299 0.61483,-1.06195 4.65218,-3.59466 4.65218,-3.59466 0,0 -0.18086,4.75301 -0.79571,5.81496 z"
+         id="path4460"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4462"
+         d="m 430.63684,901.04235 c -0.7587,1.31044 -2.43906,1.75943 -3.75318,1.00285 -1.31413,-0.75659 -1.76437,-2.43225 -1.00567,-3.74269 0.7587,-1.31044 5.74076,-4.43579 5.74076,-4.43579 0,0 -0.22318,5.86518 -0.98191,7.17563 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 448.60233,890.08041 c -0.50293,0.86868 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66664,-2.48099 0.50294,-0.86869 3.80549,-2.94045 3.80549,-2.94045 0,0 -0.14793,3.88798 -0.6509,4.75666 z"
+         id="path4464"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ssscs" />
+      <path
+         sodipodi:nodetypes="ssscs"
+         inkscape:connector-curvature="0"
+         id="path4466"
+         d="m 448.60233,890.08041 c -0.50293,0.86868 -1.61683,1.16632 -2.48795,0.66478 -0.87112,-0.50153 -1.16958,-1.61231 -0.66664,-2.48099 0.50294,-0.86869 3.80549,-2.94045 3.80549,-2.94045 0,0 -0.14793,3.88798 -0.6509,4.75666 z"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#00ccff;fill-opacity:1;stroke:#000000;stroke-width:1.9121151;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4333"
+         width="305.96002"
+         height="86.380524"
+         x="113.66848"
+         y="965.02557"
+         ry="18.10306" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4370"
+         d="m 118.77951,1001.0521 c 0,0 -3.178,5.2584 -5.11094,10.0106 l 0,22.2409 c 0,10.0291 8.09684,18.1033 18.1541,18.1033 l 269.65155,0 c 10.05726,0 18.15411,-8.0742 18.15411,-18.1033 l 0,-3.1668 c -0.43795,-1.6775 -0.89918,-3.7771 -0.9756,-5.589 0.0131,-0.2181 0.0183,-0.453 0.0418,-0.6472 0.12229,-1.0125 0.52123,-2.3698 0.93379,-3.6036 l 0,-2.8888 c -1.52518,2.1843 -3.04758,4.5989 -3.76502,6.4924 -0.39102,1.0319 -0.71148,2.1643 -0.98555,3.2978 l -0.81632,-4.5824 -1.20655,8.9027 c -0.57242,-3.0292 -1.20135,-7.4171 -0.85415,-10.9557 0.10051,-1.0241 0.36666,-2.2535 0.69088,-3.5301 1.50735,-3.2279 3.42853,-6.2263 3.42853,-6.2263 0,0 -1.20555,1.4921 -2.63212,3.397 1.27942,-4.1111 2.88896,-8.0172 2.88896,-8.0172 0,0 -3.51145,5.8176 -5.39565,10.7472 -1.22277,1.7299 -2.49455,3.8123 -2.84118,5.4262 -0.0633,0.2949 -0.11053,0.6117 -0.14336,0.9431 -1.6219,4.5766 -2.09853,10.7532 -2.09853,10.7532 0,0 -0.30446,-1.1813 -0.65704,-2.9663 -0.0312,-0.9478 -0.0192,-1.8499 0.0677,-2.5691 0.27915,-2.3111 2.05871,-6.6751 2.05871,-6.6751 0,0 -1.96311,2.0987 -2.94869,3.816 -0.21812,-2.0648 -0.32851,-4.2196 -0.14137,-6.127 0.48903,-4.9842 4.37626,-14.3746 4.37626,-14.3746 0,0 -5.48674,9.0358 -6.43497,14.1184 -0.68266,3.6593 -0.77998,8.4116 -0.58536,13.3323 l -0.95966,-5.3746 -1.2862,9.4984 c 0,0 -2.22415,-6.6463 -1.80188,-10.0106 0.5151,-4.1039 5.14878,-11.2952 5.14878,-11.2952 0,0 -6.2743,7.5585 -7.982,12.0655 -0.4087,1.0786 -0.744,2.2659 -1.02536,3.4507 -0.81419,-3.2131 -1.81375,-7.8563 -1.86759,-11.3984 1.30668,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.48524,0.8099 -1.16275,2.0112 0.49058,-0.9801 0.90591,-1.7551 0.90591,-1.7551 0,0 -4.68942,5.3862 -5.40761,8.73 -0.18297,0.8519 -0.22749,1.8736 -0.18516,2.9682 -0.25591,0.7688 -0.46367,1.5032 -0.58735,2.1662 -0.50191,2.6902 -0.68006,5.9798 -0.66898,9.4824 l -0.87406,0.272 c 0,0 -0.86519,-5.8344 -0.51567,-8.728 0.27915,-2.3111 2.05871,-6.675 2.05871,-6.675 0,0 -2.66743,2.845 -3.3469,4.6201 -0.31086,0.8121 -0.53229,1.85 -0.71279,2.9484 -0.74346,-3.4279 -1.38439,-7.4115 -1.08908,-10.1357 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -2.70166,3.1101 -4.31654,6.0714 -0.65726,0.8509 -1.35545,1.7709 -2.16224,2.9087 0.17926,-0.4669 0.30064,-0.7644 0.30064,-0.7644 0,0 -2.66742,2.8451 -3.3469,4.6202 -0.21525,0.5623 -0.38738,1.238 -0.53757,1.9556 -0.18649,0.3888 -0.35691,0.7698 -0.49179,1.1258 -0.48483,1.2795 -0.86653,2.7056 -1.17469,4.1059 l -1.14284,-6.417 -0.97561,7.2111 c -0.13564,-1.4199 -0.17501,-2.7552 -0.0537,-3.8736 0.29798,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -2.08686,2.4164 -3.69136,5.0152 0.0112,-0.5733 0.0347,-1.1375 0.0876,-1.6777 0.22492,-2.2924 1.17056,-5.5004 2.12442,-8.315 0.83423,-1.4659 1.47933,-2.4679 1.47933,-2.4679 0,0 -0.44556,0.5453 -1.10701,1.3858 0.97949,-2.7804 1.87952,-4.9795 1.87952,-4.9795 0,0 -2.45762,4.0742 -4.37029,8.2893 -1.7159,2.3871 -3.56755,5.2198 -4.38223,7.3699 -1.6434,4.3373 -2.16081,10.2275 -2.21799,10.9259 -0.0119,0.069 -0.0244,0.1351 -0.0359,0.2045 -0.0354,-0.1373 -1.66945,-6.5112 -1.70431,-12.0894 0.64553,-1.105 1.12692,-1.8643 1.12692,-1.8643 0,0 -0.45394,0.5539 -1.12095,1.4017 0.007,-0.6557 0.0313,-1.3016 0.0915,-1.9159 0.48902,-4.9842 4.37625,-14.3766 4.37625,-14.3766 0,0 -5.48873,9.0378 -6.43695,14.1205 -0.31067,1.6652 -0.4989,3.5616 -0.59731,5.591 -1.69097,2.3615 -3.49183,5.1314 -4.29264,7.2449 -0.50238,1.3259 -0.89124,2.8084 -1.20456,4.2568 -0.92135,-3.7544 -1.97676,-9.0115 -1.63264,-12.3972 0.40415,-1.4258 0.86886,-2.8813 1.33199,-4.2151 0.84093,-1.9138 1.76206,-3.5618 1.76206,-3.5618 0,0 -0.33054,0.3851 -0.81234,0.9828 0.58954,-1.5632 1.06918,-2.7797 1.06918,-2.7797 0,0 -1.37726,2.2695 -2.87106,5.1721 -1.20757,1.7161 -2.44938,3.7623 -2.7914,5.3548 -0.09,0.419 -0.13926,0.8883 -0.16923,1.3778 -0.26355,0.7863 -0.47703,1.5391 -0.60328,2.2158 -0.57487,3.0814 -0.73461,6.9412 -0.65704,11.0192 l -0.88799,0.276 c 0,0 -0.8652,-5.8344 -0.51567,-8.728 0.27914,-2.3111 2.0607,-6.6751 2.0607,-6.6751 0,0 -2.66743,2.8451 -3.3469,4.6202 -0.23377,0.6107 -0.41381,1.3585 -0.57143,2.1482 -0.56271,-2.9494 -0.96073,-6.0585 -0.71677,-8.3091 0.29798,-2.7489 3.09007,-7.7015 3.09007,-7.7015 0,0 -4.68743,5.3841 -5.40562,8.728 -0.37064,1.7257 -0.1841,4.1419 0.18119,6.4626 l -1.08311,7.9875 -0.39025,0.1211 c -0.45834,-1.4848 -1.46667,-5.0062 -1.58286,-7.7611 0.0131,-0.2182 0.0183,-0.453 0.0418,-0.6473 0.22309,-1.847 1.36805,-4.9055 1.83373,-6.0993 1.48757,-3.1283 3.31504,-5.9682 3.31504,-5.9682 0,0 -6.27229,7.5605 -7.98,12.0675 -0.39102,1.032 -0.71148,2.1643 -0.98555,3.2978 l -0.81632,-4.5824 -1.20655,8.9008 c -0.57231,-3.0292 -1.20127,-7.4159 -0.85415,-10.9537 0.10072,-1.0262 0.36768,-2.2587 0.69287,-3.5381 1.50686,-3.2251 3.42654,-6.2184 3.42654,-6.2184 0,0 -1.20495,1.4933 -2.63212,3.3991 1.27951,-4.1119 2.89096,-8.0192 2.89096,-8.0192 0,0 -4.46061,7.3545 -6.0288,12.5261 -0.15867,0.2517 -0.3074,0.4947 -0.45794,0.7446 -0.41228,-2.4864 -0.66964,-4.9742 -0.46589,-6.8538 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -4.68743,5.3861 -5.40562,8.73 -0.56135,2.6136 0.14706,6.784 0.83423,9.8279 -0.49151,1.4202 -0.87674,2.9618 -1.17072,4.4435 l -1.98106,0.6174 c 0,0 -0.86518,-5.8344 -0.51567,-8.728 0.27916,-2.3111 2.0607,-6.675 2.0607,-6.675 0,0 -0.37851,0.4198 -0.84021,0.9589 1.30876,-4.4219 3.15776,-8.9166 3.15776,-8.9166 0,0 -5.48874,9.0358 -6.43697,14.1185 -0.52346,2.8059 -0.69649,6.2645 -0.66698,9.9371 l -1.9074,-10.7075 -1.2862,9.4984 c 0,0 -2.22414,-6.6462 -1.80187,-10.0106 0.5151,-4.1039 5.14679,-11.2972 5.14679,-11.2972 0,0 -6.27231,7.5606 -7.98001,12.0676 -0.40912,1.0797 -0.74384,2.2686 -1.02537,3.4546 -0.81433,-3.213 -1.81357,-7.8586 -1.86758,-11.4024 1.30667,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.48695,0.8136 -1.16674,2.0192 0.49272,-0.9849 0.9099,-1.763 0.9099,-1.763 0,0 -4.68942,5.3841 -5.40761,8.728 -0.18307,0.8524 -0.22762,1.8748 -0.18516,2.9702 -0.25591,0.7687 -0.46367,1.5011 -0.58735,2.1641 -0.5019,2.6903 -0.68205,5.9819 -0.67098,9.4845 l -0.87207,0.272 c 0,0 -0.86518,-5.8344 -0.51567,-8.728 0.27916,-2.3111 2.05872,-6.6751 2.05872,-6.6751 0,0 -2.66744,2.845 -3.34691,4.6201 -0.23375,0.6107 -0.41182,1.3586 -0.56943,2.1483 -0.56272,-2.9494 -0.96073,-6.0585 -0.71677,-8.3091 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -4.68941,5.3841 -5.4076,8.728 -0.37065,1.7257 -0.18213,4.1418 0.18317,6.4626 l -1.08311,7.9874 -0.38825,0.1212 c -0.45785,-1.4829 -1.46858,-5.0044 -1.58485,-7.7611 0.0131,-0.2185 0.0183,-0.4548 0.0418,-0.6493 0.21906,-1.8135 1.33361,-4.8146 1.81581,-6.0556 1.49105,-3.1446 3.33296,-6.0099 3.33296,-6.0099 0,0 -6.27229,7.5585 -7.97999,12.0655 -0.3912,1.0325 -0.71141,2.1658 -0.98556,3.2998 l -0.81632,-4.5824 -1.20655,8.9027 c -0.55706,-2.9479 -1.16175,-7.1774 -0.87406,-10.6658 0.78125,-1.7165 1.56494,-3.1151 1.56494,-3.1151 0,0 -0.63266,0.767 -1.39969,1.7531 0.12618,-0.7605 0.32803,-1.6015 0.54554,-2.4579 1.50735,-3.228 3.42853,-6.2264 3.42853,-6.2264 0,0 -1.20516,1.4886 -2.63013,3.3911 1.27912,-4.1089 2.88698,-8.0112 2.88698,-8.0112 0,0 -4.4619,7.3583 -6.02881,12.5301 -0.92604,1.4693 -1.74188,2.9253 -2.20803,4.1555 -0.39399,1.0399 -0.7162,2.1815 -0.99153,3.3237 -0.37208,0.4075 -1.42336,1.5874 -2.27972,2.855 -0.47912,-2.8827 -0.88555,-6.5175 -0.59132,-9.5162 0.48902,-4.9842 4.37624,-14.3766 4.37624,-14.3766 0,0 -5.48674,9.0378 -6.43497,14.1205 -0.064,0.343 -0.10315,0.7306 -0.15728,1.092 -1.4924,1.8551 -5.8862,7.4745 -7.30904,11.2297 -0.83983,2.2165 -1.38495,4.8778 -1.73019,7.0542 -0.31999,-1.0785 -1.46708,-5.1044 -2.19211,-9.5122 0.0159,-0.2964 0.0337,-0.5935 0.0617,-0.8796 0.48902,-4.9842 4.37625,-14.3746 4.37625,-14.3746 0,0 -3.01515,4.9697 -4.96161,9.6115 0.008,-0.3992 0.0308,-0.7804 0.0697,-1.1396 0.29799,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -4.68941,5.3841 -5.40761,8.728 -0.42923,1.9985 -0.10448,4.9101 0.37431,7.5387 -0.20327,2.0287 -0.279,4.2629 -0.27077,6.5976 l -2.41909,0.7525 c 0,0 -0.86518,-5.8344 -0.51568,-8.728 0.27916,-2.3111 2.05871,-6.6751 2.05871,-6.6751 0,0 -2.15663,2.3115 -3.0801,4.0682 0.31859,-2.756 3.0801,-7.6618 3.0801,-7.6618 0,0 -4.68742,5.3841 -5.40561,8.728 -0.54841,2.5534 0.11873,6.5889 0.79044,9.6135 -0.0192,1.2438 -0.0179,2.1959 -0.0179,2.1959 l -1.98903,-11.1641 c 0.24803,-0.6578 0.44399,-1.1575 0.44399,-1.1575 0,0 -2.54004,2.7168 -3.28716,4.497 -0.28365,-1.5325 -0.46207,-3.0817 -0.31658,-4.2409 0.5151,-4.1039 5.14878,-11.2952 5.14878,-11.2952 0,0 -6.27231,7.5586 -7.98001,12.0655 -1.74579,4.6075 -2.24188,11.184 -2.24188,11.184 0,0 -0.62044,-2.4402 -1.11697,-5.6049 -0.0404,-0.6247 -0.0519,-1.2204 0.0119,-1.7293 0.5151,-4.1039 5.14877,-11.2952 5.14877,-11.2952 0,0 -3.24703,3.9268 -5.70625,7.8068 -0.0599,-1.2731 -0.0723,-2.5362 0.0418,-3.6989 0.48902,-4.9842 4.37626,-14.3766 4.37626,-14.3766 0,0 -5.48675,9.0378 -6.43497,14.1205 -0.50077,2.6842 -0.68111,5.9649 -0.67097,9.4586 -0.17465,0.5554 -0.33276,1.1169 -0.47785,1.6916 -0.76639,-2.9529 -1.7699,-7.3677 -1.9731,-10.9874 1.30864,-4.6465 3.37875,-9.6632 3.37875,-9.6632 0,0 -1.47315,2.4361 -3.02435,5.4799 0.80382,-2.7501 2.76752,-6.2482 2.76752,-6.2482 0,0 -4.68744,5.3841 -5.40562,8.728 -0.23148,1.0778 -0.2455,2.4279 -0.13539,3.8537 -0.2778,0.8188 -0.50613,1.605 -0.63712,2.3071 -0.4532,2.4292 -0.6545,5.3378 -0.68093,8.458 l -0.8641,0.27 c 0,0 -0.86518,-5.8344 -0.51568,-8.728 0.27916,-2.3111 2.06071,-6.6751 2.06071,-6.6751 0,0 -2.66743,2.8471 -3.3469,4.6222 -1.47683,3.8581 -1.28819,12.3216 -1.28819,12.3216 l -2.05871,-11.5533 -1.28819,9.4984 c 0,0 -2.22415,-6.6462 -1.80187,-10.0106 0.5151,-4.1039 5.14877,-11.2952 5.14877,-11.2952 0,0 -6.2723,7.5586 -7.98,12.0655 -0.40913,1.0798 -0.74384,2.2686 -1.02537,3.4547 -0.8144,-3.2133 -1.81372,-7.8585 -1.86758,-11.4024 1.30668,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.47863,0.7956 -1.14683,1.9795 0.48279,-0.9628 0.88799,-1.7234 0.88799,-1.7234 0,0 -4.68743,5.3862 -5.40561,8.73 -0.18319,0.8529 -0.22975,1.8761 -0.18716,2.9722 -0.25527,0.7673 -0.46188,1.5003 -0.58536,2.1622 -0.5019,2.6903 -0.68204,5.9798 -0.67097,9.4825 l -0.87406,0.272 c 0,0 -0.86319,-5.8345 -0.51368,-8.7281 0.27915,-2.3111 2.05871,-6.675 2.05871,-6.675 0,0 -2.66743,2.845 -3.3469,4.6201 -0.23339,0.6098 -0.41394,1.3561 -0.57142,2.1443 -0.56228,-2.9481 -0.95862,-6.0556 -0.71478,-8.3051 0.29799,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -4.68742,5.3841 -5.40561,8.728 -0.37064,1.7257 -0.1841,4.1419 0.18118,6.4626 l -1.08112,7.9854 -0.39024,0.1231 c -0.45866,-1.4858 -1.46788,-5.0115 -1.58286,-7.767 0.0131,-0.2159 0.0186,-0.4489 0.0418,-0.6413 0.21905,-1.8136 1.33361,-4.8166 1.81581,-6.0576 1.49104,-3.1446 3.33296,-6.0099 3.33296,-6.0099 0,0 -6.27429,7.5605 -7.98199,12.0675 -0.39123,1.0325 -0.7094,2.1657 -0.98356,3.2998 l -0.81831,-4.5844 -1.20656,8.9067 c -0.57259,-3.0293 -1.19949,-7.4196 -0.85215,-10.9597 0.10048,-1.024 0.36666,-2.2535 0.69088,-3.5301 1.50734,-3.2279 3.42853,-6.2263 3.42853,-6.2263 0,0 -1.20694,1.4932 -2.63411,3.3991 1.27951,-4.1119 2.89095,-8.0193 2.89095,-8.0193 0,0 -4.46424,7.3603 -6.03079,12.5322 -0.92543,1.4684 -1.74213,2.9239 -2.20804,4.1535 -1.74579,4.6075 -2.23989,11.184 -2.23989,11.184 0,0 -2.20854,-8.5302 -1.62069,-14.5215 0.48903,-4.9842 4.37625,-14.3746 4.37625,-14.3746 0,0 -5.48674,9.0358 -6.43497,14.1185 -0.61057,3.2727 -0.75918,7.4167 -0.64509,11.7756 -0.65467,-3.2038 -1.16918,-6.7247 -0.89994,-9.2085 0.29799,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -4.68742,5.3842 -5.40561,8.728 -0.96076,4.4733 1.80187,13.6063 1.80187,13.6063 l -4.11942,1.2845 c 0,0 -0.86319,-5.8344 -0.51368,-8.728 0.27915,-2.3111 2.05871,-6.675 2.05871,-6.675 0,0 -2.66743,2.845 -3.3469,4.6201 -1.47683,3.8582 -1.2862,12.3217 -1.2862,12.3217 l -2.0607,-11.5513 -1.2862,9.4983 c 0,0 -2.22415,-6.6482 -1.80187,-10.0126 0.5151,-4.1038 5.14877,-11.2952 5.14877,-11.2952 0,0 -6.27429,7.5586 -7.98199,12.0656 -0.52252,1.379 -0.91963,2.9268 -1.23841,4.4295 -0.738,-3.4148 -1.37078,-7.3673 -1.07714,-10.0761 0.29798,-2.7489 3.08807,-7.7016 3.08807,-7.7016 0,0 -1.85965,2.1396 -3.41659,4.5586 1.30885,-4.4238 3.15975,-8.9226 3.15975,-8.9226 0,0 -4.61258,7.6014 -6.10646,12.7823 -0.46678,0.5091 -2.55592,2.8349 -3.16173,4.4176 -1.10212,2.8793 -1.27482,8.3127 -1.29217,10.8902 -0.17383,-0.595 -0.37492,-1.2953 -0.72872,-2.6823 l -1.32601,-7.4375 -0.0916,0.673 c -0.38427,-2.3932 -0.61828,-4.7679 -0.4221,-6.5777 0.0932,-0.8601 0.43862,-1.9357 0.85813,-3.008 0.94295,-1.6852 1.71626,-2.8967 1.71626,-2.8967 0,0 -0.40771,0.4926 -1.03533,1.2885 0.77676,-1.7029 1.54901,-3.0854 1.54901,-3.0854 0,0 -4.11962,4.732 -5.22642,8.0788 -0.78676,1.1573 -1.52857,2.3459 -2.15429,3.4805 0.573,-1.7557 1.20258,-3.3455 1.20258,-3.3455 0,0 -2.66743,2.847 -3.3469,4.6221 -1.35907,3.5506 -1.30516,10.7151 -1.28819,11.8809 -0.0541,-0.2152 -0.15697,-0.6411 -0.35042,-1.5407 l -0.79424,-4.4494 c -0.38098,-2.6283 -0.65005,-5.635 -0.3982,-8.2018 0.48902,-4.9842 4.37625,-14.3766 4.37625,-14.3766 0,0 -1.81852,3.0193 -3.54401,6.5341 -1.5478,1.9282 -5.86168,7.4705 -7.26722,11.18 -0.1745,0.4606 -0.32955,0.9501 -0.47983,1.4414 -0.83802,-3.6364 -1.65093,-8.1802 -1.32403,-11.1959 0.29798,-2.7489 3.09006,-7.7015 3.09006,-7.7015 0,0 -0.78672,0.9471 -1.70829,2.1582 0.52368,-1.376 0.93578,-2.4163 0.93578,-2.4163 0,0 -1.41195,2.3295 -2.9268,5.2832 -0.72578,1.1767 -1.35092,2.3822 -1.63064,3.4269 -0.85433,1.9259 -1.58703,3.8532 -1.87753,5.4103 -0.45434,2.4354 -0.6553,5.3528 -0.68093,8.4819 -0.23152,-1.8662 -0.60066,-5.3836 -0.35042,-7.4554 0.27915,-2.3111 2.0607,-6.675 2.0607,-6.675 0,0 -2.66743,2.847 -3.3469,4.6221 -1.47683,3.8582 -1.28819,12.3216 -1.28819,12.3216 l -2.05871,-11.5533 -1.2862,9.5004 c 0,0 -2.22614,-6.6482 -1.80386,-10.0126 0.5151,-4.1039 5.14877,-11.2952 5.14877,-11.2952 0,0 -6.2723,7.5586 -7.98,12.0655 -0.40913,1.0798 -0.74384,2.2687 -1.02537,3.4547 -0.8144,-3.2132 -1.81372,-7.8585 -1.86758,-11.4024 1.30668,-4.6754 3.40863,-9.7664 3.40863,-9.7664 0,0 -0.48524,0.8099 -1.16276,2.0113 0.49059,-0.9802 0.90392,-1.7552 0.90392,-1.7552 0,0 -4.68742,5.3862 -5.40561,8.73 -0.18319,0.853 -0.22975,1.8761 -0.18716,2.9722 -0.25527,0.7673 -0.46188,1.5004 -0.58536,2.1622 -0.5019,2.6903 -0.68204,5.9799 -0.67097,9.4825 l -0.87406,0.272 c 0,0 -0.86319,-5.8345 -0.51368,-8.728 0.27915,-2.3111 2.05871,-6.6751 2.05871,-6.6751 0,0 -2.66743,2.845 -3.3469,4.6201 -0.23375,0.6107 -0.41181,1.3586 -0.56943,2.1483 -0.56271,-2.9494 -0.96073,-6.0585 -0.71677,-8.3091 0.29799,-2.7489 3.08807,-7.7015 3.08807,-7.7015 0,0 -4.68742,5.3841 -5.40561,8.728 -0.37064,1.7257 -0.1841,4.1419 0.18118,6.4626 l -1.08112,7.9855 -0.39024,0.1231 c -0.45834,-1.4848 -1.46667,-5.0062 -1.58286,-7.7612 0.0131,-0.2181 0.0183,-0.4529 0.0418,-0.6472 0.21905,-1.8135 1.33361,-4.8166 1.81581,-6.0576 1.49104,-3.1446 3.33296,-6.0099 3.33296,-6.0099 0,0 -6.2723,7.5605 -7.98,12.0675 -0.39123,1.0325 -0.71139,2.1657 -0.98555,3.2998 l -0.81831,-4.5844 -1.20656,8.9067 c -0.57258,-3.0293 -1.19949,-7.4196 -0.85215,-10.9596 0.10048,-1.0241 0.36666,-2.2536 0.69088,-3.5301 1.50734,-3.228 3.42853,-6.2264 3.42853,-6.2264 0,0 -1.2063,1.4913 -2.63212,3.3951 1.27933,-4.1105 2.88896,-8.0152 2.88896,-8.0152 z m 42.10605,15.1727 c -0.99577,2.161 -1.87499,4.3819 -2.20206,6.135 -0.5064,2.7144 -0.6858,6.0398 -0.67098,9.5778 -0.55442,-2.1777 -1.10455,-4.9181 -0.87405,-6.7544 0.3296,-2.6261 2.33788,-6.497 3.74709,-8.9584 z m 220.4535,0.6671 c -0.42619,2.2552 0.0186,5.5804 0.58137,8.3647 l -0.77251,5.6903 -0.86211,0.27 c -0.62836,-2.2131 -1.51998,-5.8276 -1.23642,-8.0867 0.22377,-1.7828 1.2289,-4.1327 2.28967,-6.2383 z m -97.23138,0.2184 c -0.71166,5.0963 -0.51995,11.8041 0.006,18.1946 l -1.34593,-7.5546 -1.28818,9.4984 c 0,0 -2.22415,-6.6482 -1.80188,-10.0126 0.3883,-3.0937 3.11014,-7.9263 4.43002,-10.1258 z m -107.288,4.231 c -0.0388,0.1683 -0.0855,0.3435 -0.11548,0.5043 -0.70059,3.7553 -0.78731,8.6607 -0.57142,13.7194 l -0.45993,0.143 c 0,0 -0.86319,-5.8345 -0.51368,-8.728 0.19673,-1.6287 1.1212,-4.2169 1.66051,-5.6387 z m 112.23369,2.0768 c -0.79563,3.6291 -1.06121,7.0443 -1.06121,7.0443 0,0 -0.2089,-0.8354 -0.47386,-2.0867 0.31634,-1.6095 1.0613,-3.7072 1.53507,-4.9576 z m -138.68238,0.274 c 0.58178,3.6926 1.6187,7.1396 1.6187,7.1396 l -1.09506,0.3415 c -0.35541,-2.3538 -0.63183,-5.0473 -0.52364,-7.4811 z m -25.13461,0.7068 c 0.28153,1.0881 0.49377,1.8107 0.49377,1.8107 l -0.16326,0.05 -0.33051,-1.8603 z m 42.31511,0.131 c 0.29728,4.1591 1.61656,8.7681 1.8397,9.5262 l -0.0557,0.4189 -0.29467,0.091 c -0.46221,-1.4636 -1.96617,-6.5038 -1.60476,-9.3832 0.0262,-0.2084 0.0692,-0.4302 0.11548,-0.6532 z m 95.01138,1.0603 -1.16275,8.5771 c 0,0 -0.13745,-0.4184 -0.32454,-1.0404 -0.0305,-0.9418 -0.0186,-1.8382 0.0677,-2.5533 0.17063,-1.4126 0.87664,-3.5024 1.4196,-4.9834 z m 42.36888,0.3673 c 0.27938,1.0787 0.48979,1.7928 0.48979,1.7928 l -0.16128,0.05 -0.32851,-1.8425 z m 56.46726,0.012 c -0.0749,4.1838 0.17489,8.7786 0.56545,13.1575 l -0.16326,1.2052 c 0,0 -2.22415,-6.6482 -1.80187,-10.0126 0.15799,-1.2589 0.71924,-2.8069 1.39968,-4.3501 z m -228.19059,0.3852 c 0.0994,0.3532 0.24489,0.8835 0.24489,0.8835 l -0.1095,0.034 c -0.0449,-0.3081 -0.0944,-0.5994 -0.13539,-0.9173 z m 87.28026,0.6194 c 0.28085,1.0851 0.49377,1.8048 0.49377,1.8048 l -0.16326,0.05 -0.33051,-1.8544 z m 92.41112,0.9213 c 0.0994,0.3532 0.2449,0.8835 0.2449,0.8835 l -0.10952,0.034 c -0.0448,-0.308 -0.0944,-0.5994 -0.13538,-0.9173 z m -84.43908,1.0265 c 0.0994,0.3532 0.24489,0.8835 0.24489,0.8835 l -0.1095,0.034 c -0.0449,-0.3081 -0.0944,-0.5994 -0.13539,-0.9173 z m 162.70003,2.5671 c 0.0994,0.3532 0.24489,0.8836 0.24489,0.8836 l -0.1095,0.034 c -0.0448,-0.3081 -0.0944,-0.5994 -0.13539,-0.9173 z m -144.33687,0.415 c 0.244,0.9261 0.4181,1.497 0.4181,1.497 l -0.25485,0.079 c -0.0658,-0.5142 -0.11216,-1.0465 -0.16325,-1.5764 z m 98.78238,2.7796 c 0.27983,1.0807 0.49178,1.7968 0.49178,1.7968 l -0.16327,0.052 -0.32851,-1.8484 z"
+         style="fill:#00aa00;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <text
+         transform="scale(1.0014029,0.99859906)"
+         sodipodi:linespacing="125%"
+         id="text4234"
+         y="1024.4113"
+         x="265.60812"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.71892548px;line-height:125%;font-family:Aileron;-inkscape-font-specification:Aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           y="1024.4113"
+           x="265.60812"
+           id="tspan4236"
+           sodipodi:role="line">Hierba húmeda</tspan></text>
+      <rect
+         ry="18.159618"
+         y="823.18292"
+         x="0.8209275"
+         height="86.650398"
+         width="224.88033"
+         id="rect4329"
+         style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:1.641855;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         transform="scale(1.0014029,0.99859906)"
+         sodipodi:linespacing="125%"
+         id="text4230"
+         y="882.40289"
+         x="397.9498"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.71892548px;line-height:125%;font-family:Aileron;-inkscape-font-specification:Aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           y="882.40289"
+           x="397.9498"
+           id="tspan4232"
+           sodipodi:role="line">Lluvia</tspan></text>
+      <path
+         id="rect4512"
+         d="m 0.82020767,891.66605 0,0.008 c 0,10.06043 8.12317003,18.15887 18.21185033,18.15887 l 188.457832,0 c 10.08868,0 18.21185,-8.09844 18.21185,-18.15887 l 0,-0.008 -224.88153233,0 z"
+         style="opacity:1;fill:#808080;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:connector-curvature="0" />
+      <rect
+         ry="2.0241551"
+         y="884.09607"
+         x="103.97713"
+         height="9.4393644"
+         width="18.567665"
+         id="rect4517"
+         style="opacity:1;fill:#808000;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="874.37567"
+         cx="47.838871"
+         id="path4519"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4521"
+         cx="177.44792"
+         cy="883.78241" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="876.44196"
+         cx="184.28316"
+         id="circle4523"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4525"
+         cx="33.469151"
+         cy="878.19641" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4527"
+         cx="30.643055"
+         cy="887.11475" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="874.6228"
+         cx="74.616142"
+         id="circle4529"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4531"
+         cx="19.679264"
+         cy="891.38293" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="855.85492"
+         cx="87.801125"
+         id="circle4533"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="865.89838"
+         cx="43.000645"
+         id="circle4535"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4537"
+         cx="61.099461"
+         cy="882.01807" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="882.133"
+         cx="163.95946"
+         id="circle4539"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4541"
+         cx="82.706062"
+         cy="845.0896" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4543"
+         cx="94.593269"
+         cy="872.27783" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.59332"
+         cx="49.030384"
+         id="circle4545"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4547"
+         cx="178.4698"
+         cy="875.96783" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="879.55194"
+         cx="116.26012"
+         id="circle4549"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="890.22119"
+         cx="44.396305"
+         id="circle4551"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4553"
+         cx="45.705967"
+         cy="879.98785" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="840.94855"
+         cx="143.11592"
+         id="circle4555"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4557"
+         cx="53.901478"
+         cy="884.62781" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4559"
+         cx="209.43462"
+         cy="871.9281" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="879.08624"
+         cx="201.1263"
+         id="circle4561"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4563"
+         cx="43.964039"
+         cy="889.69244" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="881.84027"
+         cx="49.856373"
+         id="circle4565"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.57916"
+         cx="16.237385"
+         id="circle4567"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4569"
+         cx="133.77803"
+         cy="884.23138" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="878.41895"
+         cx="176.10667"
+         id="circle4571"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4573"
+         cx="174.37386"
+         cy="883.27612" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4575"
+         cx="199.62434"
+         cy="887.39838" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="870.50201"
+         cx="77.127922"
+         id="circle4577"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4579"
+         cx="136.62419"
+         cy="857.6756" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="859.68036"
+         cx="102.93819"
+         id="circle4581"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="862.31866"
+         cx="123.20824"
+         id="circle4583"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4585"
+         cx="149.65666"
+         cy="870.02258" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="884.09174"
+         cx="201.19298"
+         id="circle4587"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4589"
+         cx="107.67751"
+         cy="844.36407" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4591"
+         cx="35.460438"
+         cy="885.48853" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="862.33563"
+         cx="47.575352"
+         id="circle4593"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4595"
+         cx="159.09386"
+         cy="888.82471" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="882.99445"
+         cx="213.20641"
+         id="circle4597"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="881.94281"
+         cx="192.40041"
+         id="circle4599"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4601"
+         cx="183.87141"
+         cy="864.2027" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="843.72821"
+         cx="139.69835"
+         id="circle4603"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4605"
+         cx="193.07372"
+         cy="892.599" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4607"
+         cx="97.447273"
+         cy="875.99255" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="874.26556"
+         cx="190.96544"
+         id="circle4609"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4611"
+         cx="15.090428"
+         cy="890.4538" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.85785"
+         cx="69.627007"
+         id="circle4613"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="875.13007"
+         cx="179.52736"
+         id="circle4615"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4617"
+         cx="37.392857"
+         cy="887.22388" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="844.81134"
+         cx="124.71972"
+         id="circle4619"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4621"
+         cx="143.52824"
+         cy="869.26886" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4623"
+         cx="121.59261"
+         cy="868.32147" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="846.16119"
+         cx="138.12941"
+         id="circle4625"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4627"
+         cx="160.31245"
+         cy="842.13684" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="847.33124"
+         cx="161.41139"
+         id="circle4629"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="889.40601"
+         cx="175.26646"
+         id="circle4631"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4633"
+         cx="108.81359"
+         cy="868.89734" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="888.61377"
+         cx="50.881107"
+         id="circle4635"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4637"
+         cx="155.37907"
+         cy="863.96887" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4639"
+         cx="117.3785"
+         cy="882.84583" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="852.88269"
+         cx="148.6971"
+         id="circle4641"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4643"
+         cx="145.36333"
+         cy="860.38068" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="844.05261"
+         cx="109.7109"
+         id="circle4645"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="864.93878"
+         cx="204.14308"
+         id="circle4647"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4649"
+         cx="166.79225"
+         cy="888.90369" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="888.47974"
+         cx="105.70071"
+         id="circle4651"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4653"
+         cx="184.02208"
+         cy="883.57819" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4655"
+         cx="115.05871"
+         cy="870.26837" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="873.42896"
+         cx="23.000599"
+         id="circle4657"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="circle4659"
+         cx="149.80882"
+         cy="873.91669" />
+      <ellipse
+         ry="1.0910468"
+         rx="1.0941103"
+         cy="854.1792"
+         cx="152.18968"
+         id="circle4661"
+         style="opacity:1;fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         transform="scale(1.0014029,0.99859906)"
+         sodipodi:linespacing="125%"
+         id="text4226"
+         y="882.40289"
+         x="111.31236"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.71892548px;line-height:125%;font-family:Aileron;-inkscape-font-specification:Aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           y="882.40289"
+           x="111.31237"
+           id="tspan4228"
+           sodipodi:role="line">Rociador</tspan></text>
+      <path
+         inkscape:connector-curvature="0"
+         id="path4671"
+         d="m 299.64598,868.04839 -59.21066,0"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.01797318px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow1Lend)" />
+      <path
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="path5073"
+         d="M 365.03515,922.47237 345.4699,955.33214"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.01797318px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker5075)" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.01797318px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker5391)"
+         d="m 164.75456,922.47237 19.56524,32.85977"
+         id="path5389"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/inteligencia_artificial/decision_tree.svg
            
@@ -0,0 +1,638 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1400"
+   height="800"
+   viewBox="0 0 1400 800.00001"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="decission_tree.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="666.52844"
+     inkscape:cy="513.1507"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="745"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-252.36216)">
+    <g
+       id="g4537">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4335"
+         d="m 619.45408,462.04855 -4.84255,150.25129"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4271"
+         d="m 352.68783,613.19378 35.22036,141.00547"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4249"
+         d="m 616.84054,301.80669 1.95669,152.75593"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4251"
+         d="M 597.27367,462.39626 356.6012,587.73445"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4253"
+         d="M 648.14753,454.56262 871.20983,575.984"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4255"
+         d="M 916.21362,587.73445 1025.7881,856.03654"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4257"
+         d="M 904.4735,558.35832 1113.839,679.77969"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4259"
+         d="m 1166.6695,705.23902 125.228,127.29661"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4261"
+         d="m 1139.2759,720.90629 58.7006,283.96941"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4263"
+         d="M 642.27747,652.36196 830.1194,771.82493"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4265"
+         d="m 605.10042,634.73628 3.91337,186.04889"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4267"
+         d="M 648.14753,832.53563 789.02898,955.91542"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4269"
+         d="M 597.27367,832.53563 485.74253,977.45792"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4273"
+         d="M 319.42411,601.44332 100.27526,762.03289"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4275"
+         d="M 315.51075,628.86105 188.32614,899.12154"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.96893674px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="302.78589"
+         cx="621.7323"
+         id="path4155"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4147"
+         y="317.12897"
+         x="622.75885"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="317.12897"
+           x="622.75885"
+           id="tspan4149"
+           sodipodi:role="line">Consulta</tspan></text>
+      <rect
+         y="401.80957"
+         x="535.74707"
+         height="103.86034"
+         width="168.79756"
+         id="rect4157"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4159"
+         width="168.79756"
+         height="103.86034"
+         x="263.76752"
+         y="548.69025" />
+      <rect
+         y="580.02478"
+         x="527.92023"
+         height="103.86034"
+         width="168.79756"
+         id="rect4161"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4163"
+         width="168.79756"
+         height="103.86034"
+         x="790.11627"
+         y="519.31409" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4165"
+         width="168.79756"
+         height="103.86034"
+         x="527.92023"
+         y="775.86572" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4167"
+         cx="484.76419"
+         cy="962.7699"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="962.7699"
+         cx="791.96405"
+         id="ellipse4169"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4171"
+         cx="838.92456"
+         cy="774.76257"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="764.97052"
+         cx="97.340225"
+         id="ellipse4173"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4175"
+         cx="369.31967"
+         cy="761.05371"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="898.14233"
+         cx="191.26115"
+         id="ellipse4177"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         ry="49.939438"
+         rx="96.855988"
+         cy="878.55829"
+         cx="1034.5933"
+         id="ellipse4179"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         y="642.69391"
+         x="1032.7455"
+         height="103.86034"
+         width="168.79756"
+         id="rect4183"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4185"
+         cx="1196.9982"
+         cy="1001.9381"
+         rx="96.855988"
+         ry="49.939438" />
+      <ellipse
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.96893674;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse4187"
+         cx="1302.6593"
+         cy="845.26532"
+         rx="96.855988"
+         ry="49.939438" />
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="618.84381"
+         y="467.86017"
+         id="text4189"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4191"
+           x="618.84381"
+           y="467.86017"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Color</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4193"
+         y="589.22815"
+         x="869.40991"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="589.22815"
+           x="869.40991"
+           id="tspan4195"
+           sodipodi:role="line">Tamaño</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1121.9336"
+         y="708.63855"
+         id="text4197"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4199"
+           x="1121.9336"
+           y="708.63855"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Sabor</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4201"
+         y="647.95453"
+         x="607.09851"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="647.95453"
+           x="607.09851"
+           id="tspan4203"
+           sodipodi:role="line">Forma</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="348.70215"
+         y="616.63379"
+         id="text4205"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4207"
+           x="348.70215"
+           y="616.63379"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Tamaño</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4209"
+         y="781.06781"
+         x="100.09353"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="781.06781"
+           x="100.09353"
+           id="tspan4211"
+           sodipodi:role="line">Sandía</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="366.32004"
+         y="771.28009"
+         id="text4213"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4215"
+           x="366.32004"
+           y="771.28009"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Uvas</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4217"
+         y="910.26599"
+         x="192.09828"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="910.26599"
+           x="192.09828"
+           id="tspan4219"
+           sodipodi:role="line">Manzana</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="607.09845"
+         y="839.79425"
+         id="text4221"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4223"
+           x="607.09845"
+           y="839.79425"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Tamaño</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4225"
+         y="972.90747"
+         x="479.85785"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="972.90747"
+           x="479.85785"
+           id="tspan4227"
+           sodipodi:role="line">Pomelo</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="834.17401"
+         y="790.85553"
+         id="text4229"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4231"
+           x="834.17401"
+           y="790.85553"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Plátano</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4233"
+         y="972.90747"
+         x="783.27777"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="972.90747"
+           x="783.27777"
+           id="tspan4235"
+           sodipodi:role="line">Limón</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1033.8439"
+         y="890.69049"
+         id="text4237"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4239"
+           x="1033.8439"
+           y="890.69049"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Manzana</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4241"
+         y="859.36969"
+         x="1303.9855"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="859.36969"
+           x="1303.9855"
+           id="tspan4243"
+           sodipodi:role="line">Uva</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:37.14643478px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1192.4053"
+         y="1012.0584"
+         id="text4245"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4247"
+           x="1192.4053"
+           y="1012.0584"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Cereza</tspan></text>
+      <text
+         transform="matrix(0.81157269,-0.58401192,0.58349823,0.81228716,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4277"
+         y="668.25781"
+         x="-229.80688"
+         style="font-style:normal;font-weight:normal;font-size:21.05917931px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="668.25781"
+           x="-229.80688"
+           id="tspan4279"
+           sodipodi:role="line">Grande</tspan></text>
+      <text
+         transform="matrix(0.34225715,0.93996493,-0.93913815,0.34255846,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:26.32293129px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1005.8774"
+         y="-676.61884"
+         id="text4289"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4291"
+           x="1005.8774"
+           y="-676.61884"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Mediano</tspan></text>
+      <text
+         transform="matrix(0.9160891,0.40022848,-0.39987645,0.91689559,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4293"
+         y="149.85788"
+         x="1174.7745"
+         style="font-style:normal;font-weight:normal;font-size:20.7318058px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="149.85788"
+           x="1174.7745"
+           id="tspan4295"
+           sodipodi:role="line">Pequeño</tspan></text>
+      <text
+         transform="matrix(0.88742856,-0.46039514,0.45999018,0.88820982,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4307"
+         y="674.89526"
+         x="185.33745"
+         style="font-style:normal;font-weight:normal;font-size:21.76940536px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="674.89526"
+           x="185.33745"
+           id="tspan4309"
+           sodipodi:role="line">Verde</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:20.46263123px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="572.30908"
+         y="554.45374"
+         id="text4311"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4313"
+           x="572.30908"
+           y="554.45374"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Amarillo</tspan></text>
+      <text
+         transform="matrix(0.94064864,0.33838128,-0.33808364,0.94147675,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4315"
+         y="216.6124"
+         x="871.52502"
+         style="font-style:normal;font-weight:normal;font-size:26.06164169px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="216.6124"
+           x="871.52502"
+           id="tspan4317"
+           sodipodi:role="line">Rojo</tspan></text>
+      <text
+         transform="matrix(0.70679573,0.70741797,-0.70679573,0.70741797,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4319"
+         y="-344.22678"
+         x="1420.978"
+         style="font-style:normal;font-weight:normal;font-size:24.88329887px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="-344.22678"
+           x="1420.978"
+           id="tspan4321"
+           sodipodi:role="line">Agrio</tspan></text>
+      <text
+         transform="matrix(0.2695615,0.96337374,-0.96252637,0.26979881,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:26.99650192px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1189.4249"
+         y="-900.60632"
+         id="text4323"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4325"
+           x="1189.4249"
+           y="-900.60632"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Dulce</tspan></text>
+      <text
+         transform="matrix(0.89536218,0.44474125,-0.44435006,0.89615043,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4327"
+         y="298.39502"
+         x="986.5733"
+         style="font-style:normal;font-weight:normal;font-size:23.97977066px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="298.39502"
+           x="986.5733"
+           id="tspan4329"
+           sodipodi:role="line">Delgado</tspan></text>
+      <text
+         transform="matrix(0.99955996,5.4236004e-4,-5.4188299e-4,1.0004399,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4331"
+         y="739.12512"
+         x="558.90198"
+         style="font-style:normal;font-weight:normal;font-size:22.1249485px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="739.12512"
+           x="558.90198"
+           id="tspan4333"
+           sodipodi:role="line">Redondo</tspan></text>
+      <text
+         transform="scale(0.99956011,1.0004401)"
+         sodipodi:linespacing="125%"
+         id="text4337"
+         y="902.26685"
+         x="498.11777"
+         style="font-style:normal;font-weight:normal;font-size:19.15585709px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="902.26685"
+           x="498.11777"
+           id="tspan4339"
+           sodipodi:role="line">Mediano</tspan></text>
+      <text
+         transform="matrix(0.74827729,0.66330624,-0.66272279,0.74893605,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:18.89144516px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="1134.3363"
+         y="177.04033"
+         id="text4341"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4343"
+           x="1134.3363"
+           y="177.04033"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Pequeño</tspan></text>
+      <text
+         transform="matrix(0.99953094,-0.00764342,0.0076367,1.0004109,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4345"
+         y="689.33502"
+         x="422.7298"
+         style="font-style:normal;font-weight:normal;font-size:23.94909096px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron"
+           y="689.33502"
+           x="422.7298"
+           id="tspan4347"
+           sodipodi:role="line">Pequeño</tspan></text>
+      <text
+         transform="matrix(0.41556212,-0.90988147,0.90908115,0.41592797,0,0)"
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:23.52765274px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="-594.17133"
+         y="537.99622"
+         id="text4349"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4351"
+           x="-594.17133"
+           y="537.99622"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Aileron;-inkscape-font-specification:Aileron">Mediano</tspan></text>
+    </g>
+  </g>
+</svg>


          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/inteligencia_artificial/human_progress_edge.svg
            
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="600"
+   height="427"
+   viewBox="0 0 600.00001 427.00001"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="drawing.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="294.66008"
+     inkscape:cy="242.60004"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="745"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-625.36216)">
+    <g
+       id="g4201"
+       transform="matrix(1.0858252,0,0,1.1801734,-100.88655,293.00672)">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4147"
+         d="m 138.3909,281.61581 0,314.15745 507.09658,0"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <text
+         transform="matrix(0,-1,1,0,0,0)"
+         sodipodi:linespacing="125%"
+         id="text4149"
+         y="118.0612"
+         x="-436.6539"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.98496246px;line-height:125%;font-family:aileron;-inkscape-font-specification:aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#800141;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:aileron;-inkscape-font-specification:aileron;fill:#800141;fill-opacity:1"
+           y="118.0612"
+           x="-436.6539"
+           id="tspan4151"
+           sodipodi:role="line">Progreso humano</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.98496246px;line-height:125%;font-family:aileron;-inkscape-font-specification:aileron;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#800141;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="397.81177"
+         y="636.76599"
+         id="text4153"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4155"
+           x="397.81177"
+           y="636.76599"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:aileron;-inkscape-font-specification:aileron;fill:#800141;fill-opacity:1">Tiempo</tspan></text>
+      <path
+         sodipodi:nodetypes="ccccccccccccccccccc"
+         inkscape:connector-curvature="0"
+         id="path4157"
+         d="m 137.9028,591.22079 c 13.7989,-0.22636 27.92645,1.01015 40.71429,-2.14286 27.72067,-2.86282 57.26327,-0.28419 85.43004,-2.14285 15.99648,-0.45263 32.42354,0.91867 48.14139,-0.71429 5.72845,-1.0112 11.1394,-1.56887 17.14285,-1.42857 7.21766,-2.25049 14.7175,-3.24615 22.85715,-2.85714 8.67613,-1.09828 17.33661,-0.73193 25.71428,-2.85715 19.64199,-2.40443 40.40392,-1.11356 60.71429,-1.42857 15.21116,-4.97803 34.05281,-2.08855 50.97128,-2.85714 9.30387,1.57985 16.53986,-3.01249 25.20766,-3.57143 9.54217,-0.39466 19.76332,0.84988 28.82106,-0.71428 5.81038,-3.79658 15.43012,-5.01928 21.89322,-7.85715 5.197,0.83489 10.91718,-1.37604 19.28572,-2.14285 9.6979,2.47098 12.57335,-5.29998 13.82106,-10.71429 1.17819,-8.67754 2.44634,-16.6896 4.28571,-25 0.40885,-3.66551 1.55773,-10.04969 3.79613,-19.50668 1.97168,-4.00856 2.92821,-46.54217 6.20387,-72.63618 4.39723,-17.97642 0.56595,-38.8502 2.98282,-58.188 1.18644,-21.31693 3.9398,-42.57798 3.44576,-63.95485"
+         style="fill:none;fill-rule:evenodd;stroke:#31c700;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4162"
+         d="m 612.42837,319.45866 c 0.92593,-0.89675 1.13939,-2.28735 2.09536,-3.16156 0.71531,-1.36676 1.61726,-2.62787 2.19515,-4.06343 0.74302,-1.66435 1.82927,-3.1575 2.41751,-4.89341 0.25358,-0.57085 0.49901,-1.82642 0.91484,-0.66484 0.65592,1.06746 1.06559,2.26602 1.26276,3.49816 0.25904,1.12137 0.40522,2.33952 1.15854,3.26189 0.34204,1.49848 0.96357,3.0829 2.37272,3.87918 0.27103,0.17045 0.55635,0.32338 0.79737,0.53683"
+         style="fill:none;fill-rule:evenodd;stroke:#31c700;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4169"
+         d="m 580.26888,540.41722 c -1.29504,-0.0304 -2.76029,1.10183 -2.4902,2.49837 0.42493,1.6662 2.66317,2.52501 4.07385,1.51711 0.98406,-0.75056 0.86948,-2.24494 0.16896,-3.14875 -0.43502,-0.6157 -1.07433,-0.94235 -1.88115,-0.85634"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4171"
+         d="m 580.35816,545.14937 c 0.7349,2.44499 0.13044,5.01896 0.4795,7.50992 -0.0449,1.5878 0.23077,3.2213 -0.25634,4.76684"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4173"
+         d="m 578.21531,552.96187 c 0.60692,-1.16446 2.20743,-1.91413 3.38778,-1.12902 0.46439,0.25767 0.66163,0.74584 0.98701,1.129"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4179"
+         d="m 578.46915,559.77056 c 0.66126,-0.86601 1.0905,-2.05193 2.14966,-2.51299 0.84539,-0.2873 1.26127,0.66796 1.91512,0.94024 0.13563,0.0734 0.26977,0.14971 0.39917,0.23366"
+         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/inteligencia_artificial/post.md
            
@@ -0,0 +1,143 @@
+```meta
+created: 2016-02-24
+updated: 2016-03-05
+```
+
+Inteligencia artificial
+=======================
+
+Índice
+------
+
+* [Qué es](#qué_es)
+* [En qué consiste](#en_qué_consiste)
+* [Límites](#límites)
+* [Tipos de inteligencia artificial](#tipos_de_inteligencia_artificial)
+* [Aplicaciones prácticas](#aplicaciones_prácticas)
+* [Implicaciones éticas](#implicaciones_éticas)
+* [Ejemplos](#ejemplos)
+* [Conceptos](#conceptos)
+* [Fuentes](#fuentes)
+
+Qué es
+------
+
+La inteligencia artificial es una rama apasionante que tiene su origen en la **informática** y se basa en el concepto de conseguir *emular*[^1] al cerebro humano, mediante el desarrollo un programa que sea capaz de **aprender y mejorar por sí sólo** (normalmente bajo algún tipo de supervisión)
+
+Fue un concepto acuñado por *John McCarthy* en un congreso de informática de 1956, y desde entonces este campo ha crecido de manera exponencial con unas buenas previsiones de futuro.</p>
+
+![Progreso humano en la inteligencia artificial](human_progress_edge.svg)
+
+*Progreso humano en la inteligencia artificial. [Fuente](http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1)*
+
+
+En qué consiste
+---------------
+
+La inteligencia artificial no consiste en escribir unas pautas fijas y finitas al igual que hacen la gran mayoría de programas, en los cuales introduces unos datos y producen siempre la misma salida, una salida predecible, programada e invariable, que además, tiene sus límites, ya que si introduces datos para los que la aplicación no está programada, esta aplicación no será capaz de manejarlos. No los entenderá y no producirá ningún resultado.
+
+La inteligencia artificial consiste en dar un paso **más allá**. Una inteligencia artificial *entrenada* es capaz de manejar datos para los cuales no ha sido programada de manera explícita[^2]</sup>
+
+
+Límites
+-------
+
+Actualmente, la inteligencia artificial se ve limitada por la velocidad y capacidad de los dispositivos (ordenadores, teléfonos inteligentes).
+
+A día de hoy, ya hemos conseguido emular el cerebro de un gusano de un milímetro de longitud, que consiste de un total de trescientas dos neuronas. El **cerebro humano** contiene unas **cien mil millones de neuronas**.
+
+![Progreso en la velocidad de los dispositivos](exponential_grow.gif)
+
+*Crecimiento en la velocidad de procesado de los dispositivos. [Fuente](http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1)*
+
+Comparado con las neuronas de un cerebro humano (cuya velocidad[^3] máxima oscilan entre los 200Hz), los procesadores de hoy en día (mucho más lentos que los que tendremos dentro de algunos años) ya tienen una velocidad superior a los 2Ghz, es decir, **10 millones de veces** más rápidos que las neuronas. Y la comunicación interna del cerebro, que oscila entre los 120m/s, queda infinitamente distante de la velocidad de los ordenadores que se comunican de manera óptica a la **velocidad de la luz**.
+
+Además de todo esto, la capacidad de los dispositivos puede ser **ampliada**, a diferencia del cerebro que tiene un tamaño ya determinado. Y, por último, un procesador puede estar **trabajando sin parar** nunca, sin cansarse.</p>
+
+<!-- Boston dynamics artificial intelligence put some more examples, like Google or predicting models or big data, ocr -->
+
+
+Tipos de inteligencia artificial
+--------------------------------
+
+### Según el tipo de aprendizaje
+
+* **Aprendizaje supervisado**: se le presenta una entrada de datos y produce una salida de los datos procesados, y un "tutor" es el que determina si la salida es correcta o no.
+* **Aprendizaje sin supervisar**: se le presenta una entrada de datos sin presentarle ningún otro tipo de información, para que encuentre la estructura de los datos por sí sóla.
+* **Aprendizaje por refuerzo**: un ordenador interactua con un entorno variable en el que debe llevar a cabo una tarea concreta, sin que un tutor le indique cómo explícitamente.
+
+### Según la forma de llevarlo a cabo (principales métodos)
+
+* **Aprendizaje por árbol de decisiones**. Este aprendizaje usa un árbol de decisiones, que almacena observaciones y conclusiones.
+
+  ![Árbol de decisiones](decision_tree.svg)
+
+* **Aprendizaje por asociación de reglas**. Utilizado para descubrir relaciones en grandes bases de datos[^4].
+
+* **Red neuronal artificial (RNA)**. Inspirado en redes neuronales biológicas**. Los cálculos se estructuran en un grupo de neuronas artificiales interconectadas.
+
+* **Programación lógica inductiva (PLI)**. Se aproxima de manera hipotética, dado un transfondo lógico y una entrada, a una solución que no se le había presentado antes.
+
+* **Máquinas de soporte vectorial (MSV)**. Se usan para clasificar y problemas que necesitan de regresión[^5]. Dado una serie de ejemplos, una entrada será clasificada de una forma u otra.
+
+* ***Clustering***. Este tipo de análisis consiste en asignar observaciones a ciertas subcategorías (denominadas *clústeres*), para que aquellas que están en el mismo *clúster* sean similares**. Este tipo de aprendizaje es una técnica común en análisis estadístico.
+
+* **Redes bayesianas**. Es un modelo probabilístico que organiza variables al azar según unas determinadas condiciones mediante un gráfico**. Un ejemplo de red bayesiana es el siguiente:
+
+  ![Red bayesiana](bayesian_network.svg)
+
+* **Algoritmos genéticos**. Imita el proceso evolutivo de la selección natural, y usa métodos como la mutación para generar nuevos "genotipos" que, con algo de suerte, serán mejores en encontrar la solución correcta.
+
+
+Aplicaciones prácticas
+----------------------
+
+La inteligencia artificial ya se encuentra desde hace algún tiempo entre nosotros, como por ejemplo el archiconocido **buscador Google**, que filtra los resultados más relevantes mediante una inteligencia artificial. Otros ejemplos son el reconocimiento de caracteres a partir de una foto, o incluso reconocimiento del habla con **asistentes virtuales como Cortana o Siri**, en los videojuegos, en bolsa, en los **hospitales**, industria pesada, transportes, juguetes, música, aviación, robótica, filtros anti-spam... y un largo etcétera.
+
+
+Implicaciones éticas
+--------------------
+
+Una vez tengamos la tecnología necesaria para recrear un cerebro humano, si enseñáramos a esta inteligencia artificial al igual que un humano, ¿llegaría a tener **sentimientos**? ¿Sería consciente de su existencia? ¿Podría sentir felicidad, alegría, tristeza, enfado? ¿Tendría **creatividad**? ¿Derecho a propiedad? Si la respuesta es que sí, y es la respuesta más lógica, significa que, en realidad, los sentimientos no son nada más que una manera de entender las cosas. No tienen valor por sí mismos. Seríamos capaces de recrearlos, y tendrían el mismo valor que un sentimiento humano, aunque esa inteligencia viviera dentro de un ordenador. Y acabar con esta inteligencia sería acabar con esta vida, **una vida** casi, por no decir enteramente, **humana**. Además, todo esto implicaría que todo comportamiento humano es predecible. Por último, si esta inteligencia es realmente como un humano, al utilizarla, ¿la estaríamos esclavizando al obligarla a trabajar para nosotros? ¿En qué momento dejaremos de llamarlos "ordenadores" y comenzaremos a tratarles como "humanos"? ¿Será la humanidad capaz de adaptarse al cambio?
+
+<!-- ¿y si sólo somos cerebro y logramos recrearlo? ¿tendría sentimientos? -->
+
+
+Ejemplos
+--------
+
+En el siguiente algorítmo genético podemos ver como una figura aprende a saltar, obedeciendo a las leyes físicas (ver en [YouTube](https://youtu.be/Gl3EjiVlz_4)):
+
+<iframe width="420" height="315" src="https://www.youtube.com/embed/Gl3EjiVlz_4" frameborder="0" allowfullscreen></iframe>
+
+Por el contrario, en el siguiente ejemplo, un algorítmo genético aprende a "luchar" contra otra figura: (ver en [YouTube](https://youtu.be/u2t77mQmJiY)):
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/u2t77mQmJiY" frameborder="0" allowfullscreen></iframe>
+
+Estos cuatro increíbles ejemplos siguientes muestran un proceso evolutivo similar al sufrido por cualquier tipo de ser (ver en [YouTube](https://youtu.be/GOFws_hhZs8)):
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/GOFws_hhZs8" frameborder="0" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/31dsH2Fs1IQ" frameborder="0" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/IVcvvqxtNwE" frameborder="0" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KrTbJUJsDSw" frameborder="0" allowfullscreen></iframe>
+
+
+Conceptos
+---------
+
+[^1]: **Emular**. Tratar de imitar un modelo, aproximarse a este. Copiar su comportamiento o incluso mejorarlo.
+
+[^2]: **Explícito**. Suceso que ocurre de manera previamente avisada de una forma directa, anticipado *sin rodeos*.
+
+[^3]: **Velocidad (en hercios)**. Número de cálculos realizados por segundo. Un procesador con una velocidad de 100Hz es capaz de realizar 100 cálculos por segundo.
+
+[^4]: **Base de datos**. Lugar en el que se almacena de manera estructurada una información, como por ejemplo un censo que indique el nombre de las personas, sus apellidos, edad, etcétera.
+
+[^5]: **Regresión**. Las pruebas de regresión consisten en someter a un programa a una serie de pruebas para descubrir fallos en este cometidos accidentalmente con anterioridad en versiones anteriores.
+
+
+Fuentes
+-------
+
+* [Evolución de la inteligencia artificial - Wait but why](http://waitbutwhy.com/2015/01/artificial-intelligence-revolution-1)
+* [*Machine learning* - Wikipedia](https://en.wikipedia.org/wiki/Machine_learning)


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/a-practical-example-with-hadoop/post.md
            
@@ -0,0 +1,163 @@
+```meta
+title: A practical example with Hadoop
+published: 2020-03-30T01:00:00+00:00
+updated: 2020-04-18T13:25:43+00:00
+```
+
+In our [previous Hadoop post](/blog/mdad/introduction-to-hadoop-and-its-mapreduce/), we learnt what it is, how it originated, and how it works, from a theoretical standpoint. Here we will instead focus on a more practical example with Hadoop.
+
+This post will reproduce the example on Chapter 2 of the book [Hadoop: The Definitive Guide, Fourth Edition](http://www.hadoopbook.com/) ([pdf,](http://grut-computing.com/HadoopBook.pdf)[code](http://www.hadoopbook.com/code.html)), that is, finding the maximum global-wide temperature for a given year.
+
+## Installation
+
+Before running any piece of software, its executable code must first be downloaded into our computers so that we can run it. Head over to [Apache Hadoop’s releases](http://hadoop.apache.org/releases.html) and download the [latest binary version](https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz) at the time of writing (3.2.1).
+
+We will be using the [Linux Mint](https://linuxmint.com/) distribution because I love its simplicity, although the process shown here should work just fine on any similar Linux distribution such as [Ubuntu](https://ubuntu.com/).
+
+Once the archive download is complete, extract it with any tool of your choice (graphical or using the terminal) and execute it. Make sure you have a version of Java installed, such as [OpenJDK](https://openjdk.java.net/).
+
+Here are all the three steps in the command line:
+
+```
+wget https://apache.brunneis.com/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz
+tar xf hadoop-3.2.1.tar.gz
+hadoop-3.2.1/bin/hadoop version
+```
+
+We will be using the two example data files that they provide in [their GitHub repository](https://github.com/tomwhite/hadoop-book/tree/master/input/ncdc/all), although the full dataset is offered by the [National Climatic Data Center](https://www.ncdc.noaa.gov/) (NCDC).
+
+We will also unzip and concatenate both files into a single text file, to make it easier to work with. As a single command pipeline:
+
+```
+curl https://raw.githubusercontent.com/tomwhite/hadoop-book/master/input/ncdc/all/190{1,2}.gz | gunzip > 190x
+```
+
+This should create a `190x` text file in the current directory, which will be our input data.
+
+## Processing data
+
+To take advantage of Hadoop, we have to design our code to work in the MapReduce model. Both the map and reduce phase work on key-value pairs as input and output, and both have a programmer-defined function.
+
+We will use Java, because it’s a dependency that we already have anyway, so might as well.
+
+Our map function needs to extract the year and air temperature, which will prepare the data for later use (finding the maximum temperature for each year). We will also drop bad records here (if the temperature is missing, suspect or erroneous).
+
+Copy or reproduce the following code in a file called `MaxTempMapper.java`, using any text editor of your choice:
+
+```
+import java.io.IOException;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.LongWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Mapper;
+
+public class MaxTempMapper extends Mapper<LongWritable, Text, Text, IntWritable> {
+    private static final int TEMP_MISSING = 9999;
+    private static final String GOOD_QUALITY_RE = "[01459]";
+
+    @Override
+    public void map(LongWritable key, Text value, Context context)
+            throws IOException, InterruptedException {
+        String line = value.toString();
+        String year = line.substring(15, 19);
+        String temp = line.substring(87, 92).replaceAll("^\\+", "");
+        String quality = line.substring(92, 93);
+
+        int airTemperature = Integer.parseInt(temp);
+        if (airTemperature != TEMP_MISSING && quality.matches(GOOD_QUALITY_RE)) {
+            context.write(new Text(year), new IntWritable(airTemperature));
+        }
+    }
+}
+```
+
+Now, let’s create the `MaxTempReducer.java` file. Its job is to reduce the data from multiple values into just one. We do that by keeping the maximum out of all the values we receive:
+
+```
+import java.io.IOException;
+import java.util.Iterator;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Reducer;
+
+public class MaxTempReducer extends Reducer<Text, IntWritable, Text, IntWritable> {
+    @Override
+    public void reduce(Text key, Iterable<IntWritable> values, Context context)
+            throws IOException, InterruptedException {
+        Iterator<IntWritable> iter = values.iterator();
+        if (iter.hasNext()) {
+            int maxValue = iter.next().get();
+            while (iter.hasNext()) {
+                maxValue = Math.max(maxValue, iter.next().get());
+            }
+            context.write(key, new IntWritable(maxValue));
+        }
+    }
+}
+```
+
+Except for some Java weirdness (…why can’t we just iterate over an `Iterator`? Or why can’t we just manually call `next()` on an `Iterable`?), our code is correct. There can’t be a maximum if there are no elements, and we want to avoid dummy values such as `Integer.MIN_VALUE`.
+
+We can also take a moment to appreciate how absolutely tiny this code is, and it’s Java! Hadoop’s API is really awesome and lets us write such concise code to achieve what we need.
+
+Last, let’s write the `main` method, or else we won’t be able to run it. In our new file `MaxTemp.java`:
+
+```
+import org.apache.hadoop.fs.Path;
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Job;
+import org.apache.hadoop.mapreduce.lib.input.FileInputFormat;
+import org.apache.hadoop.mapreduce.lib.output.FileOutputFormat;
+
+public class MaxTemp {
+    public static void main(String[] args) throws Exception {
+        if (args.length != 2) {
+            System.err.println("usage: java MaxTemp <input path> <output path>");
+            System.exit(-1);
+        }
+
+        Job job = Job.getInstance();
+
+        job.setJobName("Max temperature");
+        job.setJarByClass(MaxTemp.class);
+        job.setMapperClass(MaxTempMapper.class);
+        job.setReducerClass(MaxTempReducer.class);
+        job.setOutputKeyClass(Text.class);
+        job.setOutputValueClass(IntWritable.class);
+
+        FileInputFormat.addInputPath(job, new Path(args[0]));
+        FileOutputFormat.setOutputPath(job, new Path(args[1]));
+
+        boolean result = job.waitForCompletion(true);
+
+        System.exit(result ? 0 : 1);
+    }
+}
+```
+
+And compile by including the required `.jar` dependencies in Java’s classpath with the `-cp` switch:
+
+```
+javac -cp "hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/mapreduce/*" *.java
+```
+
+At last, we can run it (also specifying the dependencies in the classpath, this one’s a mouthful):
+
+```
+java -cp ".:hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/common/lib/*:hadoop-3.2.1/share/hadoop/mapreduce/*:hadoop-3.2.1/share/hadoop/mapreduce/lib/*:hadoop-3.2.1/share/hadoop/yarn/*:hadoop-3.2.1/share/hadoop/yarn/lib/*:hadoop-3.2.1/share/hadoop/hdfs/*:hadoop-3.2.1/share/hadoop/hdfs/lib/*" MaxTemp 190x results
+```
+
+Hooray! We should have a new `results/` folder along with the following files:
+
+```
+$ ls results
+part-r-00000  _SUCCESS
+$ cat results/part-r-00000 
+1901	317
+1902	244
+```
+
+It worked! Now this example was obviously tiny, but hopefully enough to demonstrate how to get the basics running on real world data.


          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/big-data/post.md
            
@@ -0,0 +1,70 @@
+```meta
+title: Big Data
+published: 2020-02-25T01:00:30+00:00
+updated: 2020-03-18T09:51:17+00:00
+```
+
+Big Data sounds like a buzzword you may be hearing everywhere, but it’s actually here to stay!
+
+## What is Big Data?
+
+And why is it so important? We use this term to refer to the large amount of data available, rapidly growing every day, that cannot be processed in conventional ways. It’s not only about the amount, it’s also about the variety and rate of growth.
+
+Thanks to technological advancements, there are new ways to process this insane amount of data, which would otherwise be too costly for processing in traditional database systems.
+
+## Where does data come from?
+
+It can be pictures in your phone, industry transactions, messages in social networks, a sensor in the mountains. It can come from anywhere, which makes the data very varied.
+
+Just to give some numbers, over 12TB of data is generated on Twitter _daily_. If you purchase a laptop today (as of March 2020), the disk will be roughly 1TB, maybe 2TB. Twitter would fill 6 of those drives every day!
+
+What about Facebook? It is estimated they store around 100PB of photos and videos. That would be 50000 laptop disks. Not a small number. And let’s not talk about worldwide network traffic…
+
+## What data can be exploited?
+
+So, we have a lot of data. Should we attempt and process everything? We can distinguish several categories.
+
+* **Web and Social Media**: Clickstream Data, Twitter Feeds, Facebook Postings, Web content… Stuff coming from social networks.
+* **Biometrics**: Facial Recognion, Genetics… Any kind of personal recognition.
+* **Machine-to-Machine**: Utility Smart Meter Readings, RFID Readings, Oil Rig Sensor Readings, GPS Signals… Any sensor shared with other machines.
+* **Human Generated**: Call Center Voice Recordings, Email, Electronic Medical Records… Even the voice notes one sends over WhatsApp count.
+* **Big Transaction Data**: Healthcare Claims, Telecommunications Call Detail Records, Utility Billing Records… Financial transactions.
+
+But asking what to process is asking the wrong question. Instead, one should think about «What problem am I trying to solve?».
+
+## How to exploit this data?
+
+What are some of the ways to deal with this data? If the problem fits the Map-Reduce paradigm then Hadoop is a great option! Hadoop is inspired by Google File System (GFS), and achieves great parallelism across the nodes of a cluster, and has the following components:
+
+* **Hadoop Distributed File System**. Data is divided into smaller «blocks» and distributed across the cluster, which makes it possible to execute the mapping and reduction in smaller subsets, and makes it possible to scale horizontally.
+* **Hadoop MapReduce**. First, a data set is «mapped» into a different set, and data becomes a list of tuples (key, value). The «reduce» step works on these tuples and combines them into a smaller subset.
+* **Hadoop Common**. These are a set of libraries that ease working with Hadoop.
+
+## Key insights
+
+Big Data is a field whose goal is to extract information from very large sets of data, and find ways to do so. To summarize its different dimensions, we can refer to what’s known as «the Four V’s of Big Data»:
+
+* **Volume**. Really large quantities.
+* **Velocity**. Processing response time matters!
+* **Variety**. Data comes from plenty of sources.
+* **Veracity.** Can we trust all sources, though?
+
+Some sources talk about a fifth V for **Value**; because processing this data is costly, it is important we can get value out of it.
+
+…And some other sources go as high as seven V’s, including **Viability** and **Visualization**. Computers can’t take decissions on their own (yet), a human has to. And they can only do so if they’re presented the data (and visualize it) in a meaningful way.
+
+## Infographics
+
+Let’s see some pictures, we all love pictures:
+
+![](4-Vs-of-big-data.jpg)
+
+## Common patterns
+
+## References
+
+* ¿Qué es Big Data? – [https://www.ibm.com/developerworks/ssa/local/im/que-es-big-data/](https://www.ibm.com/developerworks/ssa/local/im/que-es-big-data/)
+* The Four V’s of Big Data – [https://www.ibmbigdatahub.com/infographic/four-vs-big-data](https://www.ibmbigdatahub.com/infographic/four-vs-big-data)
+* Big data – [https://en.wikipedia.org/wiki/Big_data](https://en.wikipedia.org/wiki/Big_data)
+* Las 5 V’s del Big Data – [https://www.quanticsolutions.es/big-data/las-5-vs-del-big-data](https://www.quanticsolutions.es/big-data/las-5-vs-del-big-data)
+* Las 7 V del Big data: Características más importantes – [https://www.iic.uam.es/innovacion/big-data-caracteristicas-mas-importantes-7-v/](https://www.iic.uam.es/innovacion/big-data-caracteristicas-mas-importantes-7-v/#viabilidad)


          

          

        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/cassandra-introduccion/post.md
            
@@ -0,0 +1,101 @@
+```meta
+title: Cassandra: Introducción
+published: 2020-03-05T00:00:33+00:00
+updated: 2020-03-30T09:28:07+00:00
+```
+
+![](1200px-Cassandra_logo.png)
+
+Este es el primer post en la serie sobre Cassandra, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.
+
+Otros posts en esta serie:
+
+* [Cassandra: Introducción](/blog/mdad/cassandra-introduccion/) (este post)
+* [Cassandra: Operaciones Básicas y Arquitectura](/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/)
+
+Este post está hecho en colaboración con un compañero.
+
+----------
+
+## Finalidad de la tecnología
+
+Apache Cassandra es una base de datos NoSQL distribuida y de código abierto ([con un espejo en GitHub](https://github.com/apache/cassandra)). Su filosofía es de tipo «clave-valor», y puede manejar grandes volúmenes de datos
+
+Entre sus objetivos, busca ser escalable horizontalmente (puede replicarse en varios centros manteniendo la latencia baja) y alta disponibilidad sin ceder en rendimiento.
+
+## Cómo funciona
+
+Instancias de Cassandra se distribuyen en nodos iguales (es decir, no hay maestro-esclavo) que se comunican entre sí (P2P). De este modo, da buen soporte entre varios centros de datos, con redundancia y réplicas síncronas.
+
+![](multiple-data-centers-and-data-replication-in-cassandra.jpg)
+
+Con respecto al modelo de datos, Cassandra particiona las filas con el objetivo de re-organizarla a lo largo distintas tablas. Como clave primaria, se usa un primer componente conocido como «clave de la partición». Dentro de cada partición, las filas se agrupan según el resto de columnas de la clave. Cualquier otra columna se puede indexar independientemente de la clave primaria.
+
+Las tablas se pueden crear, borrar, actualizar y consultar sin bloqueos. No hay soporte para JOIN o subconsultas, pero Cassandra prefiere de-normalizar los datos haciendo uso de características como coleciones.
+
+Para realizar las operaciones sobre cassandra se usa CQL (Cassandra Query Language), que tiene una sintaxis muy similar a SQL.
+
+## Características
+
+Como ya hemos mencionado antes, la arquitectura de Cassandra es **decentralizada**. No tiene un único punto que pudiera fallar porque todos los nodos son iguales (sin maestros), y por lo tanto, cualquiera puede dar servicio a la petición.
+
+Los datos se encuentran **replicados** entre los distintos nodos del clúster (lo que ofrece gran **tolerancia a fallos** sin necesidad de interrumpir la aplicación), y es trivial **escalar** añadiendo más nodos al sistema.
+
+El nivel de **consistencia** para lecturas y escrituras es configurable.
+
+Siendo de la familia Apache, Cassandra ofrece integración con Apache Hadoop para tener soporte MapReduce.
+
+## Arista dentro del Teorema CAP
+
+Cassandra se encuentra dentro de la esquina «AP» junto con CouchDB y otros, porque garantiza tanto la disponibilidad como la tolerancia a fallos.
+
+Sin embargo, puede configurarse como un sistema «CP» si se prefiere respetar la consistencia en todo momento.
+
+![](0.jpeg)
+
+## Descarga
+
+Se pueden seguir las instrucciones de la página oficial para [descargar Cassandra](https://cassandra.apache.org/download/). Para ello, se debe clicar en la [última versión para descargar el archivo](https://www.apache.org/dyn/closer.lua/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz). En nuestro caso, esto es el enlace nombrado «3.11.6», versión que utilizamos.
+
+## Instalación
+
+Cassandra no ofrece binarios para Windows, por lo que usaremos Linux para instalarlo. En nuestro caso, tenemos un sistema Linux Mint (derivado de Ubuntu), pero una máquina virtual con cualquier Linux debería funcionar.
+
+Debemos asegurarnos de tener Java y Python 2 instalado mediante el siguiente comando:
+
+```
+apt install openjdk-8-jdk openjdk-8-jre python2.7
+```
+
+Para verificar que la instalación ha sido correcta, podemos mostrar las versiones de los programas:
+
+```
+$ java -version
+openjdk version "1.8.0_242"
+OpenJDK Runtime Environment (build 1.8.0_242-8u242-b08-0ubuntu3~18.04-b08)
+OpenJDK 64-Bit Server VM (build 25.242-b08, mixed mode)
+
+$ python2 --version
+Python 2.7.17
+```
+
+Una vez las dependencias estén instaladas, extraemos el fichero descargado o bien mediante la interfaz gráfica de nuestro sistema, o bien mediante un comando:
+
+```
+tar xf apache-cassandra-3.11.6-bin.tar.gz
+```
+
+Y finalmente, lanzar la ejecución de Cassandra:
+
+```
+apache-cassandra-3.11.6/bin/cassandra
+```
+
+Es posible que tarde un poco en abrirse, pero luego debería haber muchas líneas de log indicando. Para apagar el servidor, simplemente basta con pulsar `Ctrl+C`.
+
+## Referencias
+
+* [Apache Cassandra Architecture Fundamentals – The Distributed SQL Blog](https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/)
+* [Apache Cassandra](https://cassandra.apache.org/)
+* [How Apache Cassandra™ Balances Consistency, Availability, and Performance – Datasax](https://www.datastax.com/blog/2019/05/how-apache-cassandratm-balances-consistency-availability-and-performance)
+* [Apache Cassandra Architecture Fundamentals](https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/)


          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/cassandra-operaciones-basicas-y-arquitectura/post.md
            
@@ -0,0 +1,116 @@
+```meta
+title: Cassandra: Operaciones Básicas y Arquitectura
+published: 2020-03-05T02:00:41+00:00
+updated: 2020-03-20T11:36:18+00:00
+```
+Este es el segundo post en la serie sobre Cassandra, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.
+
+Otros posts en esta serie:
+
+* [Cassandra: Introducción](/blog/mdad/cassandra-introduccion/)
+* [Cassandra: Operaciones Básicas y Arquitectura](/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/) (este post)
+
+Este post está hecho en colaboración con un compañero.
+
+----------
+
+Antes de poder ejecutar ninguna consulta, debemos lanzar la base de datos en caso de que no se encuentre en ejecución aún. Para ello, en una terminal, lanzamos el binario de `cassandra`:
+
+```
+$ cassandra-3.11.6/bin/cassandra
+```
+
+Sin cerrar esta consola, abrimos otra en la que podamos usar la [CQL shell](https://cassandra.apache.org/doc/latest/tools/cqlsh.html):
+
+```
+$ cassandra-3.11.6/bin/cqlsh
+Connected to Test Cluster at 127.0.0.1:9042.
+[cqlsh 5.0.1 | Cassandra 3.11.6 | CQL spec 3.4.4 | Native protocol v4]
+Use HELP for help.
+cqlsh>
+```
+
+## Crear
+
+### Crear una base de datos
+
+Cassandra denomina a las «bases de datos» como «espacio de claves» (keyspace en inglés).
+
+```
+cqlsh> create keyspace helloworld with replication = {'class': 'SimpleStrategy', 'replication_factor': 3};
+```
+
+Cuando creamos un nuevo _keyspace_, indicamos el nombre y la estrategia de replicación a usar. Nosotros usamos la estrategia simple con un factor 3 de replicación.
+
+### Crear una tabla
+
+Una vez estemos dentro de un _keyspace_, podemos crear tablas. Vamos a crear una tabla llamada «greetings» con identificador (número entero), mensaje (texto) y lenguaje (`varchar`).
+
+```
+cqlsh> use helloworld;
+cqlsh:helloworld> create table greetings(id int primary key, message text, lang varchar);
+```
+
+### Crear una fila
+
+Insertar nuevas filas es similar a otros sistemas gestores de datos, mediante la sentencia `INSERT`:
+
+```
+cqlsh:helloworld> insert into greetings(id, message, lang) values(1, '¡Bienvenido!', 'es');
+cqlsh:helloworld> insert into greetings(id, message, lang) values(2, 'Welcome!', 'es');
+```
+
+## Leer
+
+La lectura se lleva a cabo mediante la sentencia `SELECT`:
+
+```
+cqlsh:helloworld> select * from greetings;
+
+ id | lang | message
+----+------+--------------
+  1 |   es | ¡Bienvenido!
+  2 |   es |     Welcome!
+
+(2 rows)
+```
+
+`cqlsh` colorea la salida, lo cuál resulta muy útil para identificar la clave primaria y distintos tipos de datos como texto, cadenas o números:
+
+![](image.png)
+
+## Actualizar
+
+La actualización se lleva a cabo con la sentencia `UPDATE`. Vamos a arreglar el fallo que hemos cometido al insertar «Welcome!» como español:
+
+```
+cqlsh:helloworld> update greetings set lang = 'en' where id = 2;
+```
+
+## Indexar
+
+```
+cqlsh:helloworld> create index langIndex on greetings(lang);
+```
+
+## Borrar
+
+Finalmente, el borrado se lleva a cabo con la sentencia `DELETE`. Es posible borrar solo campos individuales, lo cuál los pone a nulos:
+
+```
+cqlsh:helloworld> delete message from greetings where id = 1;
+```
+
+Para eliminar la fila entera, basta con no especificar la columna:
+
+```
+cqlsh:helloworld> delete from greetings where id = 1;
+```
+
+## Referencias
+
+* [tutorialspoint – Creating a Keyspace using Cqlsh](https://www.tutorialspoint.com/cassandra/cassandra_create_keyspace.htm)
+* [tutorialspoint – Cassandra – CQL Datatypes](https://www.tutorialspoint.com/cassandra/cassandra_cql_datatypes.htm)
+* [tutorialspoint – Cassandra – Create Table](https://www.tutorialspoint.com/cassandra/cassandra_create_table.htm)
+* [Data Flair – Cassandra Crud Operation – Create, Update, Read & Delete](https://data-flair.training/blogs/cassandra-crud-operation/)
+* [Cassandra Documentation – Secondary Indexes](https://cassandra.apache.org/doc/latest/cql/indexes.html)


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/data-warehousing-and-olap/post.md
            
@@ -0,0 +1,62 @@
+```meta
+title: Data Warehousing and OLAP
+published: 2020-03-23T01:00:00+00:00
+updated: 2020-04-01T09:45:41+00:00
+```
+
+Business intelligence (BI) refers to systems used to gain insights from data, traditionally taken from relational databases and being used to build a data warehouse. Performance and scalability are key aspects of BI systems.
+
+Commonly, the data in the warehouse is a transformation of the original, operational data into a form better suited for reporting and analysis.
+
+This whole process is known as Online Analytical Processing (OLAP), and is different to the approach taken by relational databases, which is known as Online Transaction Processing (OLTP) and is optimized for individual transactions. OLAP is based on multidimensional databases simply by the way it works.
+
+The Business Intelligence Semantic Model (BISM) refers to the different semantics in which data can be accessed and queried.
+
+On the one hand, MDX is the language used for Microsoft’s BISM of multidimensional mode, and on the other, DAX is the language of tabular mode, based on Excel’s formula language and designed to be easy to use by those familiar with Excel.
+
+## Types of data
+
+The business data is often called detail data or _fact_ data, goes in a de-normalized table called the fact table. The term «facts» literally refers to the facts, such as number of products sold and amount received for products sold. Different tables will often represent different dimensions of the data, where «dimensions» simply means different ways to look at the data.
+
+Data can also be referred to as measures, because most of it is numbers and subject to aggregations. By measures, we refer to these values and numbers.
+
+Multidimensional databases are formed with separate fact and dimension tables, grouped to create a «cube» with both facts and dimensions.
+
+## Places to store data
+
+Three different terms are often heard when talking about the places where data is stored: data lakes, data warehouses, and data marts. All of these have different target users, cost, size and growth.
+
+The data lake contains **all** the data generated by your business. Nothing is filtered out, not even cancelled or invalid transactions. If there are future plans to use the data, or a need to analyze it in various ways, a data lake is often necessary.
+
+The data warehouse contains **structured** data, or has already been modelled. It’s also multi-purpose, but often of a lot smaller scale. Operational users are able to easily evaluate reports or analyze performance here, since it is built for their needs.
+
+The data mart contains a **small portion** of the data, and is often part of data warehouses themselves. It can be seen as a subsection built for specific departments, and as a benefit, users get isolated security and performance. The data here is clean, and subject-oriented.
+
+## Ways to store data
+
+Data is often stored de-normalized, because it would not be feasible to store otherwise.
+
+There are two main techniques to implement data warehouses, known as Inmon approach and Kimball approach. They are named after Ralph Kimball _et al._ for their work on «The Data Warehouse Lifecycle Toolkit», and Bill Inmon _et al._ for their work on «Corporate Information Factory» respectively.
+
+When several independent systems identify and store data in different ways, we face what’s known as the problem of the stovepipe. Something as simple as trying to connect these systems or use their data in a warehouse results in an overly complicated system.
+
+To tackle this issue, Kimball advocates the use of «conformed dimensions», that is, some dimensions will be «of interest», and have the same attributes and rollups (or at least a subset) in different data marts. This way, warehouses contain dimensional databases to ease analysis in the data marts it is composed of, and users query the warehouse.
+
+The Inmon approach on the other hand has the warehouse laid out in third normal form, and users query the data marts, not the warehouse (so the data marts are dimensional in nature).
+
+## Key takeaways
+
+* «BI» stands for «Business Intelligence» and refers to the system that _perform_ data analysis.
+* «BISM» stands for «Business Intelligence Semantic Model», and Microsoft has two languages to query data: MDX and DAX.
+* «OLAP» stands for «Online Analytical Processing», and «OLTP» for «Online Transaction Processing».
+* Data mart, warehouse and lake refer to places at different scales and with different needs to store data.
+* Inmon and Kimbal are different ways to implement data warehouses.
+* Data facts contains various measures arranged into different dimensions, which together form a data cube.
+
+## References
+
+* [Chapter 1 – Professional Microsoft SQL Server 2012 Analysis Services with MDX and DAX (Harinath et al., 2012)](https://media.wiley.com/product_data/excerpt/03/11181011/1118101103-157.pdf)
+* [YouTube – Data Mining in SQL Server Analysis Services](https://youtu.be/m_DzhW-2pWI)
+* Almacenes de Datos y Procesamiento Analítico On-Line (Félix R.)
+* [YouTube – What are Dimensions and Measures?](https://youtu.be/qkJOace9FZg)
+* [Data Lake vs Data Warehouse vs Data Mart](https://www.holistics.io/blog/data-lake-vs-data-warehouse-vs-data-mart/)


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/developing-a-python-application-for-cassandra/post.md
            
@@ -0,0 +1,218 @@
+```meta
+title: Developing a Python application for Cassandra
+published: 2020-03-23T00:00:00+00:00
+updated: 2020-04-16T07:52:26+00:00
+```
+
+_**Warning**: this post is, in fact, a shameless self-plug to my own library. If you continue reading, you accept that you are okay with this. Otherwise, please close the tab, shut down your computer, and set it on fire.__(Also, that was a joke. Please don’t do that.)_
+
+Let’s do some programming! Today we will be making a tiny CLI application in [Python](http://python.org/) that queries [Telegram’s API](https://core.telegram.org/api) and stores the data in [Cassandra](http://cassandra.apache.org/).
+
+## Our goal
+
+Our goal is to make a Python console application. This application will connect to [Telegram](https://telegram.org/), and ask for your account credentials. Once you have logged in, the application will fetch all of your open conversations and we will store these in Cassandra.
+
+With the data saved in Cassandra, we can now very efficiently query information about your conversations given their identifier offline (no need to query Telegram anymore).
+
+**In short**, we are making an application that performs efficient offline queries to Cassandra to print out information about your Telegram conversations given the ID you want to query.
+
+## Data model
+
+The application itself is really simple, and we only need one table to store all the relevant information we will be needing. This table called `**users**` will contain the following columns:
+
+* `**id**`, of type `int`. This will also be the `primary key` and we’ll use it to query the database later on.
+* `**first_name**`, of type `varchar`. This field contains the first name of the stored user.
+* `**last_name**`, of type `varchar`. This field contains the last name of the stored user.
+* `**username**`, of type `varchar`. This field contains the username of the stored user.
+Because Cassandra uses a [wide column storage model](https://cassandra.apache.org/doc/latest/architecture/overview.html), direct access through a key is the most efficient way to query the database. In our case, the key is the primary key of the `users` table, using the `id` column. The index for the primary key is ready to be used as soon as we create the table, so we don’t need to create it on our own.
+
+## Dependencies
+
+Because we will program it in Python, you need Python installed. You can install it using a package manager of your choice or heading over to the [Python downloads section](https://www.python.org/downloads/), but if you’re on Linux, chances are you have it installed already.
+
+Once Python 3.5 or above is installed, get a copy of the Cassandra driver for Python and Telethon through `pip`:
+
+```
+pip install cassandra-driver telethon
+```
+
+For more details on that, see the [installation guide for `cassandra-driver`](https://docs.datastax.com/en/developer/python-driver/3.22/installation/), or the [installation guide for `telethon`](https://docs.telethon.dev/en/latest/basic/installation.html).
+
+As we did in our [previous post](/blog/mdad/cassandra-operaciones-basicas-y-arquitectura/), we will setup a new keyspace for this application with `cqlsh`. We will also create a table to store the users into. This could all be automated in the Python code, but because it’s a one-time thing, we prefer to use `cqlsh`.
+
+Make sure that Cassandra is running in the background. We can’t make queries to it if it’s not running.
+
+```
+$ bin/cqlsh
+Connected to Test Cluster at 127.0.0.1:9042.
+[cqlsh 5.0.1 | Cassandra 3.11.6 | CQL spec 3.4.4 | Native protocol v4]
+Use HELP for help.
+cqlsh> create keyspace mdad with replication = {'class': 'SimpleStrategy', 'replication_factor': 3};
+cqlsh> use mdad;
+cqlsh:mdad> create table users(id int primary key, first_name varchar, last_name varchar, username varchar);
+```
+
+Python installed? Check. Python dependencies? Check. Cassandra ready? Check.
+
+## The code
+
+### Getting users
+
+The first step is connecting to [Telegram’s API](https://core.telegram.org/api), for which we’ll use [Telethon](https://telethon.dev/), a wonderful (wink, wink) Python library to interface with it.
+
+As with most APIs, we need to supply [our API key](https://my.telegram.org/) in order to use it (here `API_ID` and `API_HASH`). We will refer to them as constants. At the end, you may download the entire code and use my own key for this example. But please don’t use those values for your other applications!
+
+It’s pretty simple: we create a client, and for every dialog (that is, open conversation) we have, do some checks:
+
+* If it’s an user, we just store that in a dictionary mapping `ID → User`.
+* Else if it’s a group, we iterate over the participants and store those users instead.
+
+```
+async def load_users():
+    from telethon import TelegramClient
+
+    users = {}
+
+    async with TelegramClient(SESSION, API_ID, API_HASH) as client:
+        async for dialog in client.iter_dialogs():
+            if dialog.is_user:
+                user = dialog.entity
+                users[user.id] = user
+                print('found user:', user.id, file=sys.stderr)
+
+            elif dialog.is_group:
+                async for user in client.iter_participants(dialog):
+                    users[user.id] = user
+                    print('found member:', user.id, file=sys.stderr)
+
+    return list(users.values())
+```
+
+With this we have a mapping ID to user, so we know we won’t have duplicates. We simply return the list of user values, because that’s all we care about.
+
+### Saving users
+
+Inserting users into Cassandra is pretty straightforward. We take the list of `User` objects as input, and prepare a new `INSERT` statement that we can reuse (because we will be using it in a loop, this is the best way to do it).
+
+For each user, execute the statement with the user data as input parameters. Simple as that.
+
+```
+def save_users(session, users):
+    insert_stmt = session.prepare(
+        'INSERT INTO users (id, first_name, last_name, username) ' 
+        'VALUES (?, ?, ?, ?)')
+
+    for user in users:
+        row = (user.id, user.first_name, user.last_name, user.username)
+        session.execute(insert_stmt, row)
+```
+
+### Fetching users
+
+Given a list of users, yield all of them from the database. Similar to before, we prepare a `SELECT` statement and just execute it repeatedly over the input user IDs.
+
+```
+def fetch_users(session, users):
+    select_stmt = session.prepare('SELECT * FROM users WHERE id = ?')
+
+    for user_id in users:
+        yield session.execute(select_stmt, (user_id,)).one()
+```
+
+### Parsing arguments
+
+We’ll be making a little CLI application, so we need to parse console arguments. It won’t be anything fancy, though. For that we’ll be using [Python’s `argparse` module](https://docs.python.org/3/library/argparse.html):
+
+```
+def parse_args():
+    import argparse
+
+    parser = argparse.ArgumentParser(
+        description='Dump and query Telegram users')
+
+    parser.add_argument('users', type=int, nargs='*',
+        help='one or more user IDs to query for')
+
+    parser.add_argument('--load-users', action='store_true',
+        help='load users from Telegram (do this first run)')
+
+    return parser.parse_args()
+```
+
+### All together
+
+Last, the entry point. We import a Cassandra Cluster, and connect to some default keyspace (we called it `mdad` earlier).
+
+If the user wants to load the users into the database, we’ll do just that first.
+
+Then, for each user we fetch from the database, we print it. Last names and usernames are optional, so don’t print those if they’re missing (`None`).
+
+```
+async def main(args):
+    from cassandra.cluster import Cluster
+
+    cluster = Cluster(CLUSTER_NODES)
+    session = cluster.connect(KEYSPACE)
+
+    if args.load_users:
+        users = await load_users()
+        save_users(session, users)
+
+    for user in fetch_users(session, args.users):
+        print('User', user.id, ':')
+        print('  First name:', user.first_name)
+        if user.last_name:
+            print('  Last name:', user.last_name)
+        if user.username:
+            print('  Username:', user.username)
+
+        print()
+
+if __name__ == '__main__':
+    asyncio.run(main(parse_args()))
+```
+
+Because Telethon is an `[asyncio](https://docs.python.org/3/library/asyncio.html)` library, we define it as `async def main(...)` and run it with `asyncio.run(main(...))`.
+
+Here’s what it looks like in action:
+
+```
+$ python data.py --help
+usage: data.py [-h] [--load-users] [users [users ...]]
+
+Dump and query Telegram users
+
+positional arguments:
+  users         one or more user IDs to query for
+
+optional arguments:
+  -h, --help    show this help message and exit
+  --load-users  load users from Telegram (do this first run)
+
+$ python data.py --load-users
+found user: 487158
+found member: 59794114
+found member: 487158
+found member: 191045991
+(...a lot more output)
+
+$ python data.py 487158 59794114
+User 487158 :
+  First name: Rick
+  Last name: Pickle
+
+User 59794114 :
+  Firt name: Peter
+  Username: pete
+```
+
+Telegram’s data now persists in Cassandra, and we can efficiently query it whenever we need to! I would’ve shown a video presenting its usage, but I’m afraid that would leak some of the data I want to keep private :-).
+
+Feel free to download the code and try it yourself:
+
+*download removed*
+
+## References
+
+* [DataStax Python Driver for Apache Cassandra – Getting Started](https://docs.datastax.com/en/developer/python-driver/3.22/getting_started/)
+* [Telethon’s Documentation](https://docs.telethon.dev/en/latest/)


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/final-nosql-evaluation/post.md
            
@@ -0,0 +1,25 @@
+```meta
+title: Privado: Final NoSQL evaluation
+published: 2020-05-13T00:00:00+00:00
+updated: 2020-05-14T08:31:06+00:00
+```
+
+This evaluation is a bit different to my [previous one](/blog/mdad/nosql-evaluation/) because this time I have been tasked to evaluate student `a(i - 2)`, and because I am `i = 11` that happens to be `a(9) =` a classmate.
+
+## Classmate’s Evaluation
+
+**Grading: A.**
+
+The post I have evaluated is Trabajo en grupo – Bases de datos NoSQL, 3ª entrada: Aplicación con una Base de datos NoSQL seleccionada.
+
+It starts with a very brief introduction with who has written the post, what data they will be using, and what database they have chosen.
+
+They properly describe their objective, how they will do it and what library will be used.
+
+They also explain where they obtain the data from, and what other things the site can do, which is a nice bonus.
+
+The post continues listing and briefly explaining all the tools used and what they are for, including commands to execute.
+
+At last, they list what files their project uses, what they do, and contains a showcase of images which lets the reader know what the application does.
+
+All in all, in my opinion, it’s clear they have put work into this entry and I have not noticed any major flaws, so they deserve the highest grade.


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/index.md
            
@@ -0,0 +1,7 @@
+# Data Mining and Data Warehousing
+
+During 2020 at university, this subject ("Minería de Datos y Almacenes de Datos") had us write
+blog posts as assignments. I think it would be really fun and I wanted to preserve that work
+here, with the hopes it's interesting to someone.
+
+The posts were auto-generated from the original HTML files and manually anonymized later.


          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/introduction-to-hadoop-and-its-mapreduce/post.md
            
@@ -0,0 +1,76 @@
+```meta
+title: Introduction to Hadoop and its MapReduce
+published: 2020-03-30T00:00:00+00:00
+updated: 2020-04-01T11:01:46+00:00
+```
+
+Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.
+
+Hadoop also offers a distributed filesystem (HDFS) enabling for fast transfer among nodes, and a way to program with MapReduce.
+
+It aims to strive for the 4 V’s: Volume, Variety, Veracity and Velocity. For veracity, it is a secure environment that can be trusted.
+
+## Milestones
+
+The creators of Hadoop are Doug Cutting and Mike Cafarella, who just wanted to design a search engine, Nutch, and quickly found the problems of dealing with large amounts of data. They found their solution with the papers Google published.
+
+The name comes from the plush of Cutting’s child, a yellow elephant.
+
+* In July 2005, Nutch used GFS to perform MapReduce operations.
+* In February 2006, Nutch started a Lucene subproject which led to Hadoop.
+* In April 2007, Yahoo used Hadoop in a 1 000-node cluster.
+* In January 2008, Apache took over and made Hadoop a top-level project.
+* In July 2008, Apache tested a 4000-node cluster. The performance was the fastest compared to other technologies that year.
+* In May 2009, Hadoop sorted a petabyte of data in 17 hours.
+* In December 2011, Hadoop reached 1.0.
+* In May 2012, Hadoop 2.0 was released with the addition of YARN (Yet Another Resource Navigator) on top of HDFS, splitting MapReduce and other processes into separate components, greatly improving the fault tolerance.
+
+From here onwards, many other alternatives have born, like Spark, Hive & Drill, Kafka, HBase, built around the Hadoop ecosystem.
+
+As of 2017, Amazon has clusters between 1 and 100 nodes, Yahoo has over 100 000 CPUs running Hadoop, AOL has clusters with 50 machines, and Facebook has a 320-machine (2 560 cores) and 1.3PB of raw storage.
+
+## Why not use RDBMS?
+
+Relational database management systems simply cannot scale horizontally, and vertical scaling will require very expensive servers. Similar to RDBMS, Hadoop has a notion of jobs (analogous to transactions), but without ACID or concurrency control. Hadoop supports any form of data (unstructured or semi-structured) in read-only mode, and failures are common but there’s a simple yet efficient fault tolerance.
+
+So what problems does Hadoop solve? It solves the way we should think about problems, and distributing them, which is key to do anything related with BigData nowadays. We start working with clusters of nodes, and coordinating the jobs between them. Hadoop’s API makes this really easy.
+
+Hadoop also takes very seriously the loss of data with replication, and if a node falls, they are moved to a different node.
+
+## Major components
+
+The previously-mentioned HDFS runs on commodity machine, which are cost-friendly. It is very fault-tolerant and efficient enough to process huge amounts of data, because it splits large files into smaller chunks (or blocks) that can be more easily handled. Multiple nodes can work on multiple chunks at the same time.
+
+NameNode stores the metadata of the various datablocks (map of blocks) along with their location. It is the brain and the master in Hadoop’s master-slave architecture, also known as the namespace, and makes use of the DataNode.
+
+A secondary NameNode is a replica that can be used if the first NameNode dies, so that Hadoop doesn’t shutdown and can restart.
+
+DataNode stores the blocks of data, and are the slaves in the architecture. This data is split into one or more files. Their only job is to manage this access to the data. They are often distributed among racks to avoid data lose.
+
+JobTracker creates and schedules jobs from the clients for either map or reduce operations.
+
+TaskTracker runs MapReduce tasks assigned to the current data node.
+
+When clients need data, they first interact with the NameNode and replies with the location of the data in the correct DataNode. Client proceeds with interaction with the DataNode.
+
+## MapReduce
+
+MapReduce, as the name implies, is split into two steps: the map and the reduce. The map stage is the «divide and conquer» strategy, while the reduce part is about combining and reducing the results.
+
+The mapper has to process the input data (normally a file or directory), commonly line-by-line, and produce one or more outputs. The reducer uses all the results from the mapper as its input to produce a new output file itself.
+
+![](bitmap.png)
+
+When reading the data, some may be junk that we can choose to ignore. If it is valid data, however, we label it with a particular type that can be useful for the upcoming process. Hadoop is responsible for splitting the data accross the many nodes available to execute this process in parallel.
+
+There is another part to MapReduce, known as the Shuffle-and-Sort. In this part, types or categories from one node get moved to a different node. This happens with all nodes, so that every node can work on a complete category. These categories are known as «keys», and allows Hadoop to scale linearly.
+
+## References
+
+* [YouTube – Hadoop Tutorial For Beginners | What Is Hadoop? | Hadoop Tutorial | Hadoop Training | Simplilearn](https://youtu.be/oT7kczq5A-0)
+* [YouTube – Learn MapReduce with Playing Cards](https://youtu.be/bcjSe0xCHbE)
+* [YouTube – Video Post #2: Hadoop para torpes (I)-¿Qué es y para qué sirve?](https://youtu.be/j8ehT1_G5AY?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi)
+* [Video Post #3: Hadoop para torpes (II)-¿Cómo funciona? HDFS y MapReduce](https://youtu.be/NQ8mjVPCDvk?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi)
+* [Apache Hadoop Releases](https://hadoop.apache.org/old/releases.html)
+* [Video Post #4: Hadoop para torpes (III y fin)- Ecosistema y distribuciones](https://youtu.be/20qWx2KYqYg?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi)
+* [Chapter 2 – Hadoop: The Definitive Guide, Fourth Edition](http://www.hadoopbook.com/) ([pdf,](http://grut-computing.com/HadoopBook.pdf)[code](http://www.hadoopbook.com/code.html))


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/introduction-to-nosql/post.md
            
@@ -0,0 +1,85 @@
+```meta
+title: Introduction to NoSQL
+published: 2020-02-25T02:00:30+00:00
+updated: 2020-03-18T09:51:33+00:00
+```
+
+This post will primarly focus on the talk held in the [GOTO 2012 conference: Introduction to NoSQL by Martin Fowler](https://youtu.be/qI_g07C_Q5I). It can be seen as an informal, summarized transcript of the talk
+
+----------
+
+The relational database model is affected by the _[impedance mismatch problem](https://en.wikipedia.org/wiki/Object-relational_impedance_mismatch)_. This occurs because we have to match our high-level design with the separate columns and rows used by relational databases.
+
+Taking the in-memory objects and putting them into a relational database (which were dominant at the time) simply didn’t work out. Why? Relational databases were more than just databases, they served as a an integration mechanism across applications, up to the 2000s. For 20 years!
+
+With the rise of the Internet and the sheer amount of traffic, databases needed to scale. Unfortunately, relational databases only scale well vertically (by upgrading a _single_ node). This is _very_ expensive, and not something many could afford.
+
+The problem are those pesky `JOIN`‘s, and its friends `GROUP BY`. Because our program and reality model don’t match the tables used by SQL, we have to rely on them to query the data. It is because the model doesn’t map directly.
+
+Furthermore, graphs don’t map very well at all to relational models.
+
+We needed a way to scale horizontally (by increasing the _amount_ of nodes), something relational databases were not designed to do.
+
+> _We need to do something different, relational across nodes is an unnatural act_
+
+This inspired the NoSQL movement.
+
+> _#nosql was only meant to be a hashtag to advertise it, but unfortunately it’s how it is called now_
+
+It is not possible to define NoSQL, but we can identify some of its characteristics:
+
+* Non-relational
+* **Cluster-friendly** (this was the original spark)
+* Open-source (until now, generally)
+* 21st century web culture
+* Schema-less (easier integration or conjugation of several models, structure aggregation)
+
+These databases use different data models to those used by the relational model. However, it is possible to identify 4 broad chunks (some may say 3, or even 2!):
+
+* **Key-value store**. With a certain key, you obtain the value corresponding to it. It knows nothing else, nor does it care. We say the data is opaque.
+* **Document-based**. It stores an entire mass of documents with complex structure, normally through the use of JSON (XML has been left behind). Then, you can ask for certain fields, structures, or portions. We say the data is transparent.
+* **Column-family**. There is a «row key», and within it we store multiple «column families» (columns that fit together, our aggregate). We access by row-key and column-family name.
+
+All of these kind of serve to store documents without any _explicit_ schema. Just shove in anything! This gives a lot of flexibility and ease of migration, except… that’s not really true. There’s an _implicit_ schema when querying.
+
+For example, a query where we may do `anOrder['price'] * anOrder['quantity']` is assuming that `anOrder` has both a `price` and a `quantity`, and that both of these can be multiplied together. «Schema-less» is a fuzzy term.
+
+However, it is the lack of a _fixed_ schema that gives flexibility.
+
+One could argue that the line between key-value and document-based is very fuzzy, and they would be right! Key-value databases often let you include additional metadata that behaves like an index, and in document-based, documents often have an identifier anyway.
+
+The common notion between these three types is what matters. They save an entire structure as an _unit_. We can refer to these as «Aggregate Oriented Databases». Aggregate, because we group things when designing or modeling our systems, as opposed to relational databases that scatter the information across many tables.
+
+There exists a notable outlier, though, and that’s:
+
+* **Graph** databases. They use a node-and-arc graph structure. They are great for moving on relationships across things. Ironically, relational databases are not very good at jumping across relationships! It is possibly to perform very interesting queries in graph databases which would be really hard and costly on relational models. Unlike the aggregated databases, graphs break things into even smaller units.
+NoSQL is not _the_ solution. It depends on how you’ll work with your data. Do you need an aggregate database? Will you have a lot of relationships? Or would the relational model be good fit for you?
+
+NoSQL, however, is a good fit for large-scale projects (data will _always_ grow) and faster development (the impedance mismatch is drastically reduced).
+
+Regardless of our choice, it is important to remember that NoSQL is a young technology, which is still evolving really fast (SQL has been stable for _decades_). But the _polyglot persistence_ is what matters. One must know the alternatives, and be able to choose.
+
+----------
+
+Relational databases have the well-known ACID properties: Atomicity, Consistency, Isolation and Durability.
+
+NoSQL (except graph-based!) are about being BASE instead: Basically Available, Soft state, Eventual consistency.
+
+SQL needs transactions because we don’t want to perform a read while we’re only half-way done with a write! The readers and writers are the problem, and ensuring consistency results in a performance hit, even if the risk is low (two writers are extremely rare but it still must be handled).
+
+NoSQL on the other hand doesn’t need ACID because the aggregate _is_ the transaction boundary. Even before NoSQL itself existed! Any update is atomic by nature. When updating many documents it _is_ a problem, but this is very rare.
+
+We have to distinguish between logical and replication consistency. During an update and if a conflict occurs, it must be resolved to preserve the logical consistency. Replication consistency on the other hand is preserveed when distributing the data across many machines, for example during sharding or copies.
+
+Replication buys us more processing power and resillence (at the cost of more storage) in case some of the nodes die. But what happens if what dies is the communication across the nodes? We could drop the requests and preserve the consistency, or accept the risk to continue and instead preserve the availability.
+
+The choice on whether trading consistency for availability is acceptable or not depends on the domain rules. It is the domain’s choice, the business people will choose. If you’re Amazon, you always want to be able to sell, but if you’re a bank, you probably don’t want your clients to have negative numbers in their account!
+
+Regardless of what we do, in a distributed system, the CAP theorem always applies: Consistecy, Availability, Partitioning-tolerancy (error tolerancy). It is **impossible** to guarantee all 3 at 100%. Most of the times, it does work, but it is mathematically impossible to guarantee at 100%.
+
+A database has to choose what to give up at some point. When designing a distributed system, this must be considered. Normally, the choice is made between consistency or response time.
+
+## Further reading
+
+* [The future is: ~~NoSQL Databases~~ Polyglot Persistence](https://www.martinfowler.com/articles/nosql-intro-original.pdf)
+* [NoSQL Databases: An Overview](https://www.thoughtworks.com/insights/blog/nosql-databases-overview)


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/mining-of-massive-datasets/post.md
            
@@ -0,0 +1,27 @@
+```meta
+title: Mining of Massive Datasets
+published: 2020-03-16T01:00:00+00:00
+updated: 2020-03-28T19:09:44+00:00
+```
+
+In this post we will talk about the Chapter 1 of the book Mining of Massive Datasets Leskovec, J. et al., available online, and I will summarize and share my thoughts on it.
+
+Data mining often refers to the discovery of models for data, where the model can be for statistics, machine learning, summarizing, extracting features, or other computational approaches to perform complex queries on the data.
+
+Commonly, problems related to data mining involve discovering unusual events hidden in massive data sets. There is another problem when trying to achieve Total Information Awareness (TIA), though, a project that was proposed by the Bush administration but shut down. The problem is, if you look at so much data, and try to find activities that look like (for example) terrorist behavior, inevitably one will find other illicit activities that are not terrorism with bad consequences. So it is important to narrow the activities we are looking for, in this case.
+
+When looking at data, even completely random data, for a certain event type, the event will likely occur. With more data, it will occur more times. However, these are bogus results. The Bonferroni correction gives a statistically sound way to avoid most of these bogus results, however, the Bonferroni’s Principle can be used as an informal version to achieve the same thing.
+
+For that, we calculate the expected number of occurrences of the events you are looking for on the assumption that data is random. If this number is way larger than the number of real instances one hoped to find, then nearly everything will be Bogus.
+
+----------
+
+When analysing documents, some words will be more important than others, and can help determine the topic of the document. One could think the most repeated words are the most important, but that’s far from the truth. The most common words are the stop-words, which carry no meaning, reason why we should remove them prior to processing. We are mostly looking for rare nouns.
+
+There are of course formal measures for how concentrated into relatively few documents are the occurrences of a given word, known as TF.IDF (Term Frequency times In-verse Document Frequency). We won’t go into details on how to compute it, because there are multiple ways.
+
+Hash functions are also frequently used, because they can turn hash keys into a bucket number (the index of the bucket where this hash key belongs). They «randomize» and spread the universe of keys into a smaller number of buckets, useful for storage and access.
+
+An index is an efficient structure to query for values given a key, and can be built with hash functions and buckets.
+
+Having all of these is important when analysing documents when doing data mining, because otherwise it would take far too long.


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/mongodb-introduction/0LRP4__jIIkJ-0gl8j2RDzWscL1Rto-NwvdqzmYk0jmYBIVbJ78n1ZLByPgV.png
            

          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/mongodb-introduction/post.md
            
@@ -0,0 +1,135 @@
+```meta
+title: MongoDB: Introducción
+published: 2020-03-05T01:00:18+00:00
+updated: 2020-03-20T10:31:10+00:00
+```
+
+Este es el primer post en la serie sobre Mongo, en el cuál introduciremos dicha bases de datos NoSQL y veremos sus características e instalación.
+
+Otros posts en esta serie:
+
+* [MongoDB: Introducción](/blog/mdad/mongodb-introduction/) (este post)
+* [MongoDB: Operaciones Básicas y Arquitectura](/blog/mdad/mongodb-operaciones-basicas-y-arquitectura/)
+
+Este post está hecho en colaboración con un compañero.
+
+----------
+
+![](0LRP4__jIIkJ-0gl8j2RDzWscL1Rto-NwvdqzmYk0jmYBIVbJ78n1ZLByPgV.png)
+
+## Definición
+
+MongoDB es una base de datos orientada a documentos. Esto quiere decir que en lugar de guardar los datos en registros, guarda los datos en documentos. Estos documentos son almacenados en BSON, que es una representación binaria de JSON. Una de las principales diferencias respecto a las bases de datos relacionales es que no necesita seguir ningún esquema, los documentos de una misma colección pueden tener esquemas diferentes.
+
+MongoDB está escrito en C++, aunque las consultas se hacen pasando objetos JSON como parámetro.
+
+```
+{
+        "_id" : ObjectId("52f602d787945c344bb4bda5"),
+        "name" : "Tyrion",
+        "hobbies" : [ 
+            "books", 
+            "girls", 
+            "wine"
+        ],
+        "friends" : [ 
+            {
+                "name" : "Bronn",
+                "ocuppation" : "sellsword"
+            }, 
+            {
+                "name" : "Shae",
+                "ocuppation" : "handmaiden"
+            }
+        ]
+ }
+```
+
+## Características
+
+![](WxZenSwSsimGvXVu5XH4cFUd3kr3Is_arrdSZGX8Hi0Ligqgw_ZTvGSIeXZm.png)
+
+MongoDB alcanza un balance perfecto entre rendimiento y funcionalidad gracias a su sistema de consulta de contenidos. Pero sus características principales no se limitan solo a esto, también cuenta con otras que lo posicionan como el preferido de muchos desarrolladores de aplicaciones como aplicaciones móviles, gaming, logging o e-commerce.
+
+Algunas de las principales características de esta base de datos son:
+
+* Almacenamiento orientado a documentos (documentos JSON con esquemas dinámicos).
+* Soporte Full index: puede crear índices sobre cualquier atributo y añadir múltiples índices secundarios.
+* Replicación y alta disponibilidad: espejos entre LANs y WANs.
+* Auto-Sharding: escalabilidad horizontal sin comprometer la funcionalidad, está limitada, actualmente, a 20 nodos, aunque el objetivo es alcanzar una cifra cercana a los 1000.
+* Consultas ricas y basadas en documentos.
+* Rápidas actualizaciones en el contexto.
+* Soporte comercial, capacitación y consultoría disponibles.
+* También puede ser utilizada para el almacenamiento de archivos aprovechando la capacidad de MongoDB para el balanceo de carga y la replicación de datos.
+
+En cuanto a la arquitectura, podríamos decir que divide en tres partes: las bases de datos, las colecciones y los documentos (que contienen los campos de cada entrada).
+
+* **Base de datos**: cada una de las bases de datos tiene un conjunto propio de archivos en el sistema de archivos con diversas bases de datos existentes en un solo servidor.
+* **Colección**: un conjunto de documentos de base de datos. El equivalente RDBMS de la colección es una tabla. Toda colección existe dentro de una única base de datos.
+* **Documento**: un conjunto de pares clave/valor. Los documentos están asociados con esquemas dinámicos. La ventaja de tener esquemas dinámicos es que el documento en una sola colección no tiene que tener la misma estructura o campos. 
+
+## Arista dentro del Teorema CAP
+
+![](t73Q1t-HXfWij-Q1o5AYEnO39Kz2oyLLCdQz6lWQQPaSQWamlDMjmptAn97h.png)
+
+MongoDB es CP por defecto, es decir, garantiza consistencia y tolerancia a particiones (fallos). Pero también podemos configurar el nivel de consistencia, eligiendo el número de nodos a los que se replicarán los datos. O podemos configurar si se pueden leer datos de los nodos secundarios (en MongoDB solo hay un servidor principal, que es el único que acepta inserciones o modificaciones). Si permitimos leer de un nodo secundario mediante la replicación, sacrificamos consistencia, pero ganamos disponibilidad.
+
+## Descarga e instalación 
+
+### Windows
+
+Descargar el archivo desde [https://www.mongodb.com/download-center#production](https://www.mongodb.com/download-center#production)
+
+1. Doble clic en el archivo `.msi`
+2. El instalador de Windows lo guía a través del proceso de instalación.
+Si elige la opción de instalación personalizada, puede especificar un directorio de instalación. 
+MongoDB no tiene ninguna otra dependencia del sistema. Puede instalar y ejecutar MongoDB desde cualquier carpeta que elija.
+3. Ejecutar el `.exe` que hemos instalado.
+
+### Linux
+
+Abrimos una terminal y ejecutamos:
+
+```
+sudo apt-get update
+sudo apt install -y mongodb-org
+```
+
+Luego comprobamos el estado del servicio:
+
+```
+sudo systemctl start mongod
+sudo systemctl status mongod
+```
+
+Finalmente ejecutamos la base de datos con el comando:
+
+```
+sudo mongo
+```
+
+### macOS
+
+Abrimos una terminal y ejecutamos:
+
+```
+brew update
+brew install mongodb
+```
+
+Iniciamos el servicio:
+
+```
+brew services start mongodb
+```
+
+## Referencias
+
+* [Todo lo que debes saber sobre MongoDB](https://expertoenbigdata.com/que-es-mongodb/#La_arquitectura_de_MongoDB)
+* [MongoDB – EcuRed](https://www.ecured.cu/MongoDB)
+* [Bases de datos NoSQL, MongoDB y GIS – MappingGIS](https://mappinggis.com/2014/07/mongodb-y-gis/)
+* [Características MONGO DB](https://es.slideshare.net/maxfontana90/caractersticas-mongo-db)
+* [Qué es MongoDB y características](https://openwebinars.net/blog/que-es-mongodb)
+* [MongoDB. Qué es, cómo funciona y cuándo podemos usarlo (o no)](https://www.genbeta.com/desarrollo/mongodb-que-es-como-funciona-y-cuando-podemos-usarlo-o-no)
+* [MongoDB Documentation](https://docs.mongodb.com/)
+* [NoSQL: Clasificación de las bases de datos según el teorema CAP](https://www.genbeta.com/desarrollo/nosql-clasificacion-de-las-bases-de-datos-segun-el-teorema-cap)


          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/mongodb-operaciones-basicas-y-arquitectura/post.md
            
@@ -0,0 +1,550 @@
+```meta
+title: MongoDB: Operaciones Básicas y Arquitectura
+published: 2020-03-05T03:00:53+00:00
+updated: 2020-03-20T11:42:15+00:00
+```
+
+Este es el segundo post en la serie sobre MongoDB, con una breve descripción de las operaciones básicas (tales como inserción, recuperación e indexado), y ejecución por completo junto con el modelo de datos y arquitectura.
+
+Otros posts en esta serie:
+
+* [MongoDB: Introducción](/blog/mdad/mongodb-introduction/)
+* [MongoDB: Operaciones Básicas y Arquitectura](/blog/mdad/mongodb-operaciones-basicas-y-arquitectura/) (este post)
+
+Este post está hecho en colaboración con un compañero, y en él veremos algunos ejemplos de las operaciones básicas ([CRUD](https://stackify.com/what-are-crud-operations/)) sobre MongoDB.
+
+----------
+
+Empezaremos viendo cómo creamos una nueva base de datos dentro de MongoDB y una nueva colección donde poder insertar nuestros documentos.
+
+## Creación de una base de datos e inserción de un primer documento
+
+Podemos ver las bases de datos que tenemos disponibles ejecutando el comando:
+
+```
+> show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+```
+
+Para crear una nueva base de datos, o utilizar una de las que tenemos creadas ejecutamos `use` junto con el nombre que le vamos a dar:
+
+```
+> use new_DB
+switched to db new_DB
+```
+
+Una vez hecho esto, podemos ver que si volvemos a ejecutar «show databases», la nueva base de datos no aparece. Esto es porque para que Mongo registre una base de datos en la lista de las existentes, necesitamos insertar al menos un nuevo documento en una colección de esta. Lo podemos hacer de la siguiente forma:
+
+```
+> db.movie.insert({"name":"tutorials point"})
+WriteResult({ "nInserted" : 1 })
+
+> show databases
+admin       0.000GB
+config      0.000GB
+local       0.000GB
+movie       0.000GB
+```
+
+Al igual que podemos ver las bases de datos existentes, también podemos consultar las colecciones que existen dentro de estas. Siguiendo la anterior ejecución, si ejecutamos:
+
+```
+> show collections
+movie
+```
+
+### Borrar base de datos
+
+Para borrar una base de datos tenemos que ejecutar el siguiente comando:
+
+```
+> db.dropDatabase()
+{ "dropped" : "new_DB", "ok" : 1 }
+```
+
+### Crear colección
+
+Para crear una colección podemos hacerlo de dos formas. O bien mediante el comando:
+
+```
+db.createCollection(<nombre de la colección>, opciones)
+```
+
+Donde el primer parámetro es el nombre que le queremos asignar a la colección, y los siguientes, todos opcionales, pueden ser (entre otros):
+
+<table class="">
+ <thead>
+  <tr>
+   <th>
+    Campo
+   </th>
+   <th>
+    Tipo
+   </th>
+   <th>
+    Descripción
+   </th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <code>
+     capped
+    </code>
+   </td>
+   <td>
+    Booleano
+   </td>
+   <td>
+    Si es
+    <code>
+     true
+    </code>
+    ,
+ permite una colección limitada. Una colección limitada es una colección
+ de tamaño fijo que sobrescribe automáticamente sus entradas más 
+antiguas cuando alcanza su tamaño máximo. Si especifica
+    <code>
+     true
+    </code>
+    , también debe especificar el parámetro de
+    <code>
+     size
+    </code>
+    .
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <code>
+     autoIndexId
+    </code>
+   </td>
+   <td>
+    Booleano
+   </td>
+   <td>
+    Si es
+    <code>
+     true
+    </code>
+    crea automáticamente un índice en el campo
+    <code>
+     _id
+    </code>
+    . Por defecto es
+    <code>
+     false
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <code>
+     size
+    </code>
+   </td>
+   <td>
+    Número
+   </td>
+   <td>
+    Especifica el tamaño máximo en bytes para una colección limitada. Es obligatorio si el campo
+    <code>
+     capped
+    </code>
+    está a
+    <code>
+     true
+    </code>
+    .
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <code>
+     max
+    </code>
+   </td>
+   <td>
+    Número
+   </td>
+   <td>
+    Especifica el número máximo de documentos que están permitidos en la colección limitada.
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+```
+> use test
+switched to db test
+
+> db.createCollection("mycollection")
+{ "ok" : 1 }
+
+> db.createCollection("mycol", {capped : true, autoIndexId: true, size: 6142800, max: 10000})
+{
+    "note" : "the autoIndexId option is deprecated and will be removed in a future release",
+    "ok" : 1
+}
+
+> show collections
+mycol
+mycollection
+```
+
+Como se ha visto anteriormente al crear la base de datos, podemos insertar un documento en una colección sin que la hayamos creado anteriormente. Esto es porque MongoDB crea automáticamente una colección cuando insertas algún documento en ella:
+
+```
+> db.tutorialspoint.insert({"name":"tutorialspoint"})
+WriteResult({ "nInserted" : 1 })
+
+> show collections
+mycol
+mycollection
+tutorialspoint
+```
+
+### Borrar colección
+
+Para borrar una colección basta con situarnos en la base de datos que la contiene, y ejecutar lo siguiente:
+
+```
+db.<nombre_de_la_colección>.drop()
+```
+
+```
+> db.mycollection.drop()
+true
+
+> show collections
+mycol
+tutorialspoint
+```
+
+### Insertar documento
+
+Para insertar datos en una colección de MongoDB necesitaremos usar el método `insert()` o `save()`.
+
+Ejemplo del método `insert`:
+
+```
+> db.colection.insert({
+... title: 'Esto es una prueba para MDAD',
+... description: 'MongoDB es una BD no SQL',
+... by: 'Classmate and Me',
+... tags: ['mongodb', 'database'],
+... likes: 100
+... })
+WriteResults({ "nInserted" : 1 })
+```
+
+En este ejemplo solo se ha insertado un único documento, pero podemos insertar los que queramos separándolos de la siguiente forma:
+
+```
+db.collection.insert({documento}, {documento2}, {documento3})
+```
+
+No hace falta especificar un ID ya que el propio mongo asigna un ID a cada documento automáticamente, aunque nos da la opción de poder asignarle uno mediante el atributo `_id` en la inserción de los datos
+
+Como se indica en el título de este apartado también se puede insertar mediante el método `db.coleccion.save(documento)`, funcionando este como el método `insert`.
+
+### Método `find()`
+
+El método find en MongoDB es el que nos permite realizar consultas a las colecciones de nuestra base de datos:
+
+```
+db.<nombre_de_la_colección>.find()
+```
+
+Este método mostrará de una forma no estructurada todos los documentos de la colección. Si le añadimos la función `pretty` a este método, se mostrarán de una manera más «bonita».
+
+```
+> db.colection.find()
+{ "_id": ObjectId("5e738f0989f85a7eafdf044a"), "title" : "Esto es una prueba para MDAD", "description" : "MongoDB es una BD no SQL", "by" : "Classmate and Me", "tags" : [ "mongodb", "database" ], "likes" : 100 }
+
+> db.colection.find().pretty()
+{
+    "_id": ObjectId("5e738f0989f85a7eafdf044a"),
+    "title" : "Esto es una prueba para MDAD",
+    "description" : "MongoDB es una BD no SQL",
+    "by" : "Classmate and Me",
+    "tags" : [
+        "mongodb",
+        "database"
+    ],
+    "likes" : 100
+}
+```
+
+Los equivalentes del `where` en las bases de datos relacionales son:
+
+<table class="">
+ <thead>
+  <tr>
+   <th>
+    Operación
+   </th>
+   <th>
+    Sintaxis
+   </th>
+   <th>
+    Ejemplo
+   </th>
+   <th>
+    Equivalente en RDBMS
+   </th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    Igual
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:&lt;valor&gt;}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"by":"Classmate and Me"})
+    </code>
+   </td>
+   <td>
+    <code>
+     where by = 'Classmate and Me'
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Menor que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$lt:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$lt:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &lt; 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Menor o igual que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$lte:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$lte:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &lt;= 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Mayor que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$gt:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$gt:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &gt; 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Mayor o igual que
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$gte:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$gte:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes &gt;= 60
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    No igual
+   </td>
+   <td>
+    <code>
+     {&lt;clave&gt;:{$ne:&lt;valor&gt;}}
+    </code>
+   </td>
+   <td>
+    <code>
+     db.mycol.find({"likes":{$ne:60}})
+    </code>
+   </td>
+   <td>
+    <code>
+     where likes != 60
+    </code>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+En el método `find()` podemos añadir condiciones AND y OR de la siguiente manera:
+
+```
+(AND)
+> db.colection.find({$and:[{"by":"Classmate and Me"},{"title": "Esto es una prueba para MDAD"}]}).pretty()
+
+(OR)
+> db.colection.find({$or:[{"by":"Classmate and Me"},{"title": "Esto es una prueba para MDAD"}]}).pretty()
+
+(Ambos a la vez)
+> db.colection.find({"likes": {$gt:10}, $or: [{"by": "Classmate and Me"}, {"title": "Esto es una prueba para MDAD"}]}).pretty()
+```
+
+La última llamada con ambos a la vez equivalente en una consulta SQL a:
+
+```
+where likes>10 AND (by = 'Classmate and Me' OR title = 'Esto es una prueba para MDAD')
+```
+
+### Actualizar un documento
+
+En MongoDB se hace utilizando el método `update`:
+
+```
+db.<nombre_colección>.update(<criterio_de_selección>, <dato_actualizado>)
+```
+
+Para este ejemplo vamos a actualizar el documento que hemos insertado en el apartado anterior:
+
+```
+> db.colection.update({'title':'Esto es una prueba para MDAD'},{$set:{'title':'Título actualizado'}})
+WriteResult({ "nMatched" : 1, "nUpserted" : 0, "nModified" : 1 })
+> db.colection.find().pretty()
+{
+    "_id": ObjectId("5e738f0989f85a7eafdf044a"),
+    "title" : "Título actualizado",
+    "description" : "MongoDB es una BD no SQL",
+    "by" : "Classmate and Me",
+    "tags" : [
+        "mongodb",
+        "database"
+    ],
+    "likes" : 100
+}
+```
+
+Anteriormente se ha mencionado el método `save()` para la inserción de documentos, pero también podemos utilizarlo para sustituir documentos enteros por uno nuevo:
+
+```
+> db.<nombre_de_la_colección>.save({_id:ObjectId(), <nuevo_documento>})
+```
+
+Con nuestro documento:
+
+```
+> db.colection.save(
+...   {
+...     "_id": ObjectId("5e738f0989f85a7eafdf044a"), "title": "Este es el nuevo título", "by": "MDAD"
+...   }
+... )
+WriteResult({ "nMatched" : 1, "nUpserted" : 0, "nModified" : 1 })
+
+> db.colection.find()
+{
+    "_id": ObjectId("5e738f0989f85a7eafdf044a"),
+    "title": "Este es el nuevo título",
+    "by": "MDAD"
+}
+```
+
+### Borrar documento
+
+Para borrar un documento utilizaremos el método `remove()` de la siguiente manera:
+
+```
+db.<nombre_de_la_colección>.remove(<criterio_de_borrado>)
+```
+
+Considerando la colección del apartado anterior borraremos el único documento que tenemos:
+
+```
+> db.colection.remove({'title': 'Este es el nuevo título'})
+WriteResult({ "nRemoved" : 1 })
+> db.colection.find().pretty()
+>
+```
+
+Para borrar todos los documentos de una colección usamos:
+
+```
+db.<colección>.remove({})
+```
+
+### Indexación
+
+MongDB nos permite crear índices sobre atributos de una colección de la siguiente forma:
+
+```
+db.<colección>.createIndex( {<atributo>:<opciones>})
+```
+
+Como ejemplo:
+
+```
+> db.mycol.createIndex({"title":1})
+{
+    "createdCollectionAutomatically" : false,
+    "numIndexesBefore" : 1,
+    "numIndexesAfter" : 2,
+    "ok" : 1
+}
+```
+
+Si queremos más de un atributo en el índice lo haremos así:
+
+```
+> db.mycol.ensureIndex({"title":1,"description":-1})
+```
+
+Los valores que puede tomar son `+1` para ascendente o `-1` para descendente.
+
+### Referencias
+
+* Manual MongoDB. (n.d.). [https://docs.mongodb.com/manual/](https://docs.mongodb.com/manual/)
+* MongoDB Tutorial – Tutorialspoint. (n.d.). – [https://www.tutorialspoint.com/mongodb/index.htm](https://www.tutorialspoint.com/mongodb/index.htm)


          

          

        
          

            

            
            A
            
            
            
          
          content/mdad/nosql-evaluation/post.md
            
@@ -0,0 +1,28 @@
+```meta
+title: Privado: NoSQL evaluation
+published: 2020-03-16T00:00:35+00:00
+updated: 2020-03-28T19:22:31+00:00
+```
+
+This evaluation is based on the criteria for the first delivery described by Trabajos en grupo sobre Bases de Datos NoSQL.
+
+I have chosen to evaluate the following people and works:
+
+* a12: Classmate (username) with Druid.
+* a21: Classmate (username) with Neo4J.
+
+## Classmate’s Evaluation
+
+**Grading: A.**
+
+The post evaluated is Bases de datos NoSQL – Apache Druid – Primera entrega.
+
+It is a very well-written, complete post, with each section meeting one of the points in the required criteria. The only thing that bothered me a little is the abuse of strong emphasis in the text, which I found quite distracting. However, the content deserves the highest grading.
+
+## Classmate’s Evaluation
+
+**Grading: A.**
+
+The post evaluated is Bases de datos NoSQL – Neo4j – Primera entrega.
+
+Well-written post, although a bit smaller than Classmate’s, but that’s not really an issue. It still talks about everything it should talk and includes photos to go along the text which help. There is no noticeable wrong things in it, so it gets the highest grading as well.


          

          

        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/visualizing-caceres-opendata/post.md
            
@@ -0,0 +1,302 @@
+```meta
+title: Visualizing Cáceres’ OpenData
+published: 2020-03-09T00:00:08+00:00
+updated: 2020-03-19T14:38:41+00:00
+```
+
+The city of Cáceres has online services to provide [Open Data](http://opendata.caceres.es/) over a wide range of [categories](http://opendata.caceres.es/dataset), all of which are very interesting to explore!
+
+We have chosen two different datasets, and will explore four different ways to visualize the data.
+
+This post is co-authored with Classmate.
+
+## Obtain the data
+
+We are interested in the JSON format for the [census in 2017](http://opendata.caceres.es/dataset/informacion-del-padron-de-caceres-2017) and those for the [vias of the city](http://opendata.caceres.es/dataset/vias-urbanas-caceres). This way, we can explore the population and their location in interesting ways! You may follow those two links and select the JSON format under Resources to download it.
+
+Why JSON? We will be using [Python](https://python.org/) (3.7 or above) and [matplotlib](https://matplotlib.org/) for quick iteration, and loading the data with [Python’s `json` module](https://docs.python.org/3/library/json.html) will be trivial.
+
+## Implementation
+
+### Imports and constants
+
+We are going to need a lot of things in this code, such as `json` to load the data, `matplotlib` to visualize it, and other data types and type hinting for use in the code.
+
+We also want automatic download of the JSON files if they’re missing, so we add their URLs and download paths as constants.
+
+```
+import json
+import re
+import os
+import sys
+import urllib.request
+import matplotlib.pyplot as plt
+from dataclasses import dataclass
+from collections import namedtuple
+from datetime import date
+from pathlib import Path
+from typing import Optional
+
+CENSUS_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionCENSUS&year=2017&format=json'
+VIAS_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:Via&format=json'
+
+CENSUS_JSON = Path('data/demografia/Padrón_Cáceres_2017.json')
+VIAS_JSON = Path('data/via/Vías_Cáceres.json')
+```
+
+### Data classes
+
+[Parse, don’t validate](https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/). By defining a clear data model, we will be able to tell at a glance what information we have available. It will also be typed, so we won’t be confused as to what is what! Python 3.7 introduces `[dataclasses](https://docs.python.org/3/library/dataclasses.html)`, which are a wonderful feature to define… well, data classes concisely.
+
+We also have a `[namedtuple](https://docs.python.org/3/library/collections.html#collections.namedtuple)` for points, because it’s extremely common to represent them as tuples.
+
+```
+Point = namedtuple('Point', 'long lat')
+
+@dataclass
+class Census:
+    year: int
+    via: int
+    count_per_year: dict
+    count_per_city: dict
+    count_per_gender: dict
+    count_per_nationality: dict
+    time_year: int
+
+@dataclass
+class Via:
+    name: str
+    kind: str
+    code: int
+    history: Optional[str]
+    old_name: Optional[str]
+    length: Optional[float]
+    start: Optional[Point]
+    middle: Optional[Point]
+    end: Optional[Point]
+    geometry: Optional[list]
+```
+
+### Helper methods
+
+We will have a little helper method to automatically download the JSON when missing. This is just for convenience, we could as well just download it manually. But it is fun to automate things.
+
+```
+def ensure_file(file, url):
+    if not file.is_file():
+        print('Downloading', file.name, 'because it was missing...', end='', flush=True, file=sys.stderr)
+        file.parent.mkdir(parents=True, exist_ok=True)
+        urllib.request.urlretrieve(url, file)
+        print(' Done.', file=sys.stderr)
+```
+
+### Parsing the data
+
+I will be honest, parsing Cáceres’ OpenData is a pain in the neck! The official descriptions are huge and not all that helpful. Maybe if one needs documentation for a specific field. But luckily for us, the names are pretty self-descriptive, and we can explore the data to get a feel for what we will find.
+
+We define two methods, one to iterate over `Census` values, and another to iterate over `Via` values. Here’s where our friend `[re](https://docs.python.org/3/library/re.html)` comes in, and oh boy the format of the data…
+
+For example, the year and via identifier are best extracted from the URI! The information is also available in the `rdfs_label` field, but that’s just a Spanish text! At least the URI will be more reliable… hopefully.
+
+Birth date. They could have used a JSON list, but nah, that would’ve been too simple. Instead, you are given a string separated by semicolons. The values? They could have been dictionaries with names for «year» and «age», but nah! That would’ve been too simple! Instead, you are given strings that look like «2001 (7)», and that’s the year and the count.
+
+The birth place? Sometimes it’s «City (Province) (Count)», but sometimes the province is missing. Gender? Semicolon-separated. And there are only two genders. I know a few people who would be upset just reading this, but it’s not my data, it’s theirs. Oh, and plenty of things are optional. That was a lot of `AttributeError: 'NoneType' object has no attribute 'foo'` to work through!
+
+But as a reward, we have nicely typed data, and we no longer have to deal with this mess when trying to visualize it. For brevity, we will only be showing how to parse the census data, and not the data for the vias. This post is already long enough on its own.
+
+```
+def iter_census(file):
+    with file.open() as fd:
+        data = json.load(fd)
+
+    for row in data['results']['bindings']:
+        year, via = map(int, row['uri']['value'].split('/')[-1].split('-'))
+
+        count_per_year = {}
+        for item in row['schema_birthDate']['value'].split(';'):
+            y, c = map(int, re.match(r'(\d+) \((\d+)\)', item).groups())
+            count_per_year[y] = c
+
+        count_per_city = {}
+        for item in row['schema_birthPlace']['value'].split(';'):
+            match = re.match(r'([^(]+) \(([^)]+)\) \((\d+)\)', item)
+            if match:
+                l, _province, c = match.groups()
+            else:
+                l, c = re.match(r'([^(]+) \((\d+)\)', item).groups()
+
+            count_per_city[l] = int(c)
+
+        count_per_gender = {}
+        for item in row['foaf_gender']['value'].split(';'):
+            g, c = re.match(r'([^(]+) \((\d+)\)', item).groups()
+            count_per_gender[g] = int(c)
+
+        count_per_nationality = {}
+        for item in row['schema_nationality']['value'].split(';'):
+            match = re.match(r'([^(]+) \((\d+)\)', item)
+            if match:
+                g, c = match.groups()
+            else:
+                g, _alt_name, c = re.match(r'([^(]+) \(([^)]+)\) \((\d+)\)', item).groups()
+
+            count_per_nationality[g] = int(c)
+        time_year = int(row['time_year']['value'])
+
+        yield Census(
+            year=year,
+            via=via,
+            count_per_year=count_per_year,
+            count_per_city=count_per_city,
+            count_per_gender=count_per_gender,
+            count_per_nationality=count_per_nationality,
+            time_year=time_year,
+        )
+```
+
+## Visualizing the data
+
+Here comes the fun part! After parsing all the desired data from the mentioned JSON files, we plotted the data in four different graphics making use of Python’s [`matplotlib` library.](https://matplotlib.org/) This powerful library helps with the creation of different visualizations in Python.
+
+### Visualizing the genders in a pie chart
+
+After seeing that there are only two genders in the data of the census, we, displeased, started work in a chart for it. The pie chart was the best option since we wanted to show only the percentages of each gender. The result looks like this:
+
+![](pie_chart.png)
+
+Pretty straight forward, isn’t it? To display this wonderful graphic, we used the following code:
+
+```
+def pie_chart(ax, data):
+    lists = sorted(data.items())
+
+    x, y = zip(*lists)
+    ax.pie(y, labels=x, autopct='%1.1f%%',
+            shadow=True, startangle=90)
+    ax.axis('equal')  # Equal aspect ratio ensures that pie is drawn as a circle.
+```
+
+We pass the axis as the input parameter (later we will explain why) and the data collected from the JSON regarding the genders, which are in a dictionary with the key being the labels and the values the tally of each gender. We sort the data and with some unpacking magic we split it into two values: `x` being the labels and `y` the amount of each gender.
+
+After that we plot the pie chart with the data and labels from `y` and `x`, we specify that we want the percentage with one decimal place with the `autopct` parameter, we enable shadows for the presentation, and specify the start angle at 90º.
+
+### Date tick labels
+
+We wanted to know how many of the living people were born on each year, so we are making a date plot! In the census we have the year each person was born in, and using that information is an easy task after parsing the data (parsing was an important task of this work). The result looks as follows:
+
+![](date_tick.png)
+
+How did we do this? The following code was used:
+
+```
+def date_tick(ax, data):
+    lists = sorted(data.items())
+
+    x, y = zip(*lists)
+    x = [date(year, 1, 1) for year in x]
+    ax.plot(x, y)
+```
+
+Again, we pass in an axis and the data related with the year born, we sort it, split it into two lists, being the keys the years and the values the number per year. After that, we put the years in a date format for the plot to be more accurate. Finally, we plot the values into that wonderful graphic.
+
+### Stacked bar chart
+
+We wanted to know if there was any relation between the latitudes and count per gender, so we developed the following code:
+
+```
+def stacked_bar_chart(ax, data):
+    labels = []
+    males = []
+    females = []
+
+    for latitude, genders in data.items():
+        labels.append(str(latitude))
+        males.append(genders['Male'])
+        females.append(genders['Female'])
+
+    ax.bar(labels, males, label='Males')
+    ax.bar(labels, females, bottom=males, label='Females')
+
+    ax.set_ylabel('Counts')
+    ax.set_xlabel('Latitudes')
+    ax.legend()
+```
+
+The key of the data dictionary is the latitude rounded to two decimals, and value is another dictionary, which is composed by the key that is the name of the gender and the value, the number of people per gender. So, in a single entry of the data dictionary we have the latitude and how many people per gender are in that latitude.
+
+We iterate the dictionary to extract the different latitudes and people per gender (because we know only two genders are used, we hardcode it to two lists). Then we plot them putting the `males` and `females` lists at the bottom and set the labels of each axis. The result is the following:
+
+![](stacked_bar_chart-1.png)
+
+### Scatter plots
+
+This last graphic was very tricky to get right. It’s incredibly hard to find the extent of a city online! We were getting confused because some of the points were way farther than the centre of Cáceres, and the city background is a bit stretched even if the coordinates appear correct. But in the end, we did a pretty good job on it.
+
+```
+def scatter_map(ax, data):
+    xs = []
+    ys = []
+    areas = []
+    for (long, lat), count in data.items():
+        xs.append(long)
+        ys.append(lat)
+        areas.append(count / 100)
+
+    if CACERES_MAP.is_file():
+        ax.imshow(plt.imread(str(CACERES_MAP)), extent=CACERES_EXTENT)
+    else:
+        print('Note:', CACERES_MAP, 'does not exist, not showing it', file=sys.stderr)
+
+    ax.scatter(xs, ys, areas, alpha=0.1)
+```
+
+This time, the keys in the data dictionary are points and the values are the total count of people in that point. We use a normal `for` loop to create the different lists. For the areas on how big the circles we are going to represent will be, we divide the count of people by some number, like `100`, or otherwise they would be huge.
+
+If the file of the map is present, we render it so that we can get a sense on where the points are, but if the file is missing we print a warning.
+
+At last, we draw the scatter plot with some low alpha value (there’s a lot of overlapping points). The result is _absolutely gorgeous_. (For some definitions of gorgeous, anyway):
+
+![](scatter_map.png)
+
+Just for fun, here’s what it looks like if we don’t divide the count by 100 and lower the opacity to `0.01`:
+
+![](scatter_map-2.png)
+
+That’s a big solid blob, and the opacity is only set to `0.01`!
+
+### Drawing all the graphs in the same window
+
+To draw all the graphs in the same window instead of getting four different windows we made use of the [`subplots` function](https://matplotlib.org/3.2.0/api/_as_gen/matplotlib.pyplot.subplots.html), like this:
+
+```
+fig, axes = plt.subplots(2, 2)
+```
+
+This will create a matrix of two by two of axes that we store in the axes variable (fitting name!). Following this code are the different calls to the methods commented before, where we access each individual axis and pass it to the methods to draw on:
+
+```
+pie_chart(axes[0, 0], genders)
+date_tick(axes[0, 1], years)
+stacked_bar_chart(axes[1, 0], latitudes)
+scatter_map(axes[1, 1], positions)
+```
+
+Lastly, we plot the different graphics:
+
+```
+plt.show()
+```
+
+Wrapping everything together, here’s the result:
+
+![](figures-1.png)
+
+The numbers in some of the graphs are a bit crammed together, but we’ll blame that on `matplotlib`.
+
+## Closing words
+
+Wow, that was a long journey! We hope that this post helped you pick some interest in data exploration, it’s such a fun world. We also offer the full download for the code below, because we know it’s quite a bit!
+
+Which of the graphs was your favourite? I personally like the count per date, I think it’s nice to see the growth. Let us know in the comments below!
+
+*download removed*


          

          

        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/mdad/what-is-an-algorithm/post.md
            
@@ -0,0 +1,19 @@
+```meta
+title: What is an algorithm?
+published: 2020-02-25T00:00:16+00:00
+updated: 2020-03-18T09:51:02+00:00
+```
+
+Algorithms are a sequence of instructions that can be followed to achieve _something_. That something can be anything, and depends entirely on your problem!
+
+For example, a recipe to cook some really nice food is an algorithm: it guides you, step by step, to cook something nice. People dealing with mathemathics also apply algorithms to transform their data. And computers _love_ algorithms, too!
+
+In reality, any computer program can basically be thought as an algorithm. It contains a series of instructions for the computer to execute. Running them is a process that takes time, consumes input and produces output. This is also why terms like «procedure» come up when talking about them.
+
+Computer programs (their algorithms) are normally written in some more specific language, like Java or Python. The instructions are very clear here, which is what we need! A natural language like English is a lot harder to process, and ambiguous. I’m sure you’ve been in arguments because the other person didn’t understand you!
+
+## References
+
+* algorithm – definition and meaning: [https://www.wordnik.com/words/algorithm](https://www.wordnik.com/words/algorithm)
+* Algorithm: [https://en.wikipedia.org/wiki/Algorithm](https://en.wikipedia.org/wiki/Algorithm)
+* What is a «computer algorithm»?: [https://computer.howstuffworks.com/what-is-a-computer-algorithm.htm](https://computer.howstuffworks.com/what-is-a-computer-algorithm.htm)


          

          

        
          

            

            
            A
            
            
            
          
          content/new-computer.md
            
@@ -0,0 +1,352 @@
+```meta
+created: 2020-06-19
+modified: 2020-06-22
+```
+
+# My new computer
+
+This post will be mostly me ranting about setting up a new laptop, but I also just want to share my upgrade. If you're considering installing Arch Linux with dual-boot for Windows, maybe this post will help. Or perhaps you will learn something new to troubleshoot systems in the future. Let's begin!
+
+Last Sunday, I ordered a Asus Rog Strix G531GT-BQ165 for 900€ (on a 20% discount) with the following specifications:
+
+* Intel® Core i7-9750H (6 cores, 12MB cache, 2.6GHz up to 4.5GHz, 64-bit)
+* 16GB RAM (8GB*2) DDR4 2666MHz
+* 512GB SSD M.2 PCIe® NVMe
+* Display 15.6" (1920x1080/16:9) 60Hz
+* Graphics NVIDIA® GeForce® GTX1650 4GB GDDR5 VRAM
+* LAN 10/100/1000
+* Wi-Fi 5 (802.11ac) 2x2 RangeBoost
+* Bluetooth 5.0
+* 48Wh battery with 3 cells
+* 3 x USB 3.1 (GEN1)
+
+I was mostly interested in a general upgrade (better processor, disk, more RAM), although the graphics card is a really nice addition which will allow me to take some time off on more games. After using it for a bit, I really love the feel of the keyboard, and I love the lack of numpad! (No sarcasm, I really don't like numpads.)
+
+This is an upgrade from my previous laptop (Asus X554LA-XX822T), which I won in a competition before entering university in a programming challenge. It has served me really well for the past five years, and had the following specifications:
+
+* Intel® Core™ i5-5200U
+* 4GB RAM DDR3L 1600MHz (which I upgraded to have 8GB)
+* 1TB HDD
+* Display 15.6" (1366x768/16:9)
+* Intel® HD Graphics 4400
+* LAN 10/100/1000
+* Wifi 802.11 bgn
+* Bluetooth 4.0
+* Battery 2 cells
+* 1 x USB 2.0
+* 2 x USB 3.0
+
+Prior to this one, I had a Lenovo (also won in the same competition of the previous year), and prior to that (just for the sake of history), it was HP Pavilion, AMD A4-3300M processor, which unfortunately ended with heating problems. But that's very old now.
+
+## Laptop arrival
+
+The laptop arrived 2 days ago at roughly 19:00, which I put charged for 3 hours as the book said. The day after, nightmares began!
+
+Trying to boot it the first two times was fun, as it comes with a somewhat loud sound on boot. I don't know why they would do this, and I immediately turned it off in the BIOS.
+
+## Installation journey
+
+I spent all of yesterday trying to setup Windows and Arch Linux (and didn't even finish, it took me this morning too and even now it's only half functional). I absolutely *hate* the amount of partitions the Windows installer creates on a clean disk. So instead, I first went with Arch Linux, and followed the [installation guide on the Arch wiki](https://wiki.archlinux.org/index.php/Installation_guide). Pre-installation, setting up the wireless network, creating the partitions and formatting them went all good. I decided to avoid GRUB at first and go with rEFInd, but alas I missed a big warning on the wiki and after reboot (I would later find out) it was not mounting root properly, so all I had was whatever was in the Initramfs. Reboot didn't work, so I had to hold the power button.
+
+Anyway, once the partitions were created, I went to install Windows (there was a lot of back and forth burning different `.iso` images on the USB, which was a bit annoying because it wasn't the fastest thing in the world). This was pretty painless, and the process was standard: select advanced to let me choose the right partition, pick the one, say "no" to everything in the services setup, and done. But this was the first Windows `.iso` I tried. It was an old revision, and the drivers were causing issues when running (something weird about their `.dll`, manually installing the `.ini` driver files seemed to work?). The Nvidia drivers didn't want to be installed on such an old revision, after updating everything I could via Windows updates. So back I went to burning a newer Windows `.iso` and going through the same process again…
+
+Once Windows was ready and I verified that I could boot to it correctly, it was time to have a second go at Arch Linux. And I went through the setup at least three times, getting it wrong every single time, formatting root every single time, redownloading the packages every single pain. If only had I known earlier what the issue was!
+
+Why bother with Arch? I was pretty happy with Linux Mint, and I lowkey wanted to try NixOS, but I had used Arch before and it's a really nice distro overall (up-to-date, has AUR, quite minimal, imperative), except for trying to install rEFInd while chrooted…
+
+In the end I managed to get something half-working, I still need to properly configure WiFi and pulseaudio in my system but hey it works.
+
+I like to be able to dual-boot Windows and Linux because Linux is amazing for productivity, but unfortunately, some games only work fine on Windows. Might as well have both systems and use one for gaming, while the other is my daily driver.
+
+## Setting up Arch Linux
+
+This is the process I followed to install Arch Linux in the end, along with a brief explanation on what I think the things are doing and why we are doing them. I think the wiki could do a better job at this, but I also know it's hard to get it right for everyone. Something I do dislike is the link colour, after opening a link it becomes gray and it's a lot easier to miss the fact that it is a link in the first place, which was tough when re-reading it because some links actually matter a lot. Furthermore, important information may just be a single line, also easy to skim over. Anyway, on to the installation process…
+
+The first thing we want to do is configure our keyboard layout or else the keys won't correspond to what we expect:
+
+```sh
+loadkeys es
+```
+
+Because we're on a recent system, we want to verify that UEFI works correctly. If we see files listed, then it works fine:
+
+```sh
+ls /sys/firmware/efi/efivars
+```
+
+The next thing we want to do is configure the WiFi, because I don't have any ethernet cable nearby. To do this, we check what network interfaces our laptop has (we're looking for the one prefixed with "w", presumably for wireless, such as "wlan0" or "wlo1"), we set it up, scan for available wireless network, and finally connect. In my case, the network has WPA security so we rely on `wpa_supplicant` to connect, passing the SSID (network name) and password:
+
+```sh
+ip link
+ip link set <IFACE> up
+iw dev <IFACE> scan | less
+wpa_supplicant -B -i <IFACE> -c <(wpa_passphrase <SSID> <PASS>)
+```
+
+After that's done, pinging an IP address like "1.1.1.1" should Just Work™, but to be able to resolve hostnames, we need to also setup a nameserver. I'm using Cloudflare's, but you could use any other:
+
+```sh
+echo nameserver 1.1.1.1 > /etc/resolv.conf
+ping archlinux.org
+^C
+```
+
+If the ping works, then network works! If you still have issues, you may need to [manually configure a static IP address](https://wiki.archlinux.org/index.php/Network_configuration#Static_IP_address) and add a route with the address of your, well, router. This basically shows if we have any address, adds a static address (so people know who we are), shows what route we have, and adds a default one (so our packets know where to go):
+
+```sh
+ip address show
+ip address add <YOUR ADDR>/24 broadcast + dev <IFACE>
+ip route show
+ip route add default via <ROUTER ADDR> dev <IFACE>
+```
+
+Now that we have network available, we can enable NTP to synchronize our system time (this may be required for network operations where certificates have a validity period, not sure; in any case nobody wants a wrong system time):
+
+```sh
+timedatectl set-ntp true
+```
+
+After that, we can manage our disk and partitions using `fdisk`. We want to define partitions to tell the system where it should live. To determine the disk name, we first list them, and then edit it. `fdisk` is really nice and reminds you at every step that help can be accessed with "m", which you should constantly use to guide you through.
+
+```sh
+fdisk -l
+fdisk /dev/<DISK>
+```
+
+The partitions I made are the following:
+
+* A 100MB one for the EFI system.
+* A 32GB one for Linux' root `/` partition.
+* A 200GB one for Linux' home `/home` partition.
+* The rest was unallocated for Windows because I did this first.
+
+I like to have `/home` and `/` separate because I can reinstall root without losing anything from home (projects, music, photos, screenshots, videos…).
+
+After the partitions are made, we format them in FAT32 and EXT4 which are good defaults for EFI, root and home. They need to have a format, or else they won't be usable:
+
+```sh
+mkfs.fat -F32 /dev/<DISK><PART1>
+mkfs.ext4 /dev/<DISK><PART2>
+mkfs.ext4 /dev/<DISK><PART3>
+```
+
+Because the laptop was new, there was no risk to lose anything, but if you're doing a install on a previous system, be very careful with the partition names. Make sure they match with the ones in `fdisk -l`.
+
+Now that we have usable partitions, we need to mount them or they won't be accessible. We can do this with `mount`:
+
+```sh
+mount /dev/<DISK><PART2> /mnt
+mkdir /mnt/efi
+mount /dev/<DISK><PART1> /mnt/efi
+mkdir /mnt/home
+mount /dev/<DISK><PART3> /mnt/home
+```
+
+Remember to use the correct partitions while mounting. We mount everything so that the system knows which partitions we care about, which we will let know about later on.
+
+Next step is to setup the basic Arch Linux system on root, which can be done with `pacstrap`. What follows the directory is a list of packages, and you may choose any you wish (at least add `base`, `linux` and `linux-firmware`). These can be installed later, but I'd recommend having them from the beginning, just in case:
+
+```sh
+pacstrap /mnt base linux linux-firmware sudo vim-minimal dhcpcd wpa_supplicant man-db man-pages intel-ucode grub efibootmgr os-prober ntfs-3g
+```
+
+Because my system has an intel CPU, I also installed `intel-ucode`.
+
+Next up is generating the `fstab` file, which we tell to use UUIDs to be on the safe side through `-U`. This file is important, because without it the system won't know what partitions exist and will happily only boot with the initramfs, without anything of what we just installed at root. Not knowing this made me restart the entire installation process a few times.
+
+```sh
+genfstab -U /mnt >> /mnt/etc/fstab
+```
+
+After that's done, we can change our root into our mount point and finish up configuration. We setup our timezone (so DST can be handled correctly if needed), synchronize the hardware clock (to persist the current time to the BIOS), uncomment our locales (exit `vim` by pressing ESC, then type `:wq` and press enter), generate locale files (which some applications need), configure language and keymap, update the hostname of our laptop and what indicate what `localhost` means…
+
+```sh
+ln -sf /usr/share/zoneinfo/<REGION>/<CITY> /etc/localtime
+hwclock --systohc
+vim /etc/locale.gen
+locale-gen
+echo LANG=es_ES.UTF-8 > /etc/locale.conf
+echo KEYMAP=es > /etc/vconsole.conf
+echo <HOST> /etc/hostname
+cat <<EOF > /etc/hosts
+127.0.0.1 localhost
+::1 localhost
+127.0.1.1 <HOST>.localdomain <HOST>
+EOF
+```
+
+Really, we could've done all of this later, and the same goes for setting root's password with `passwd` or creating users (some of the groups you probably want are `power` and `wheel`).
+
+The important part here is installing GRUB (which also needed the `efibootmgr` package):
+
+```sh
+grub-install --target=x86_64-efi --efi-directory=/efi --bootloader-id=GRUB
+```
+
+If we want GRUB to find our Windows install, we also need the `os-prober` and `ntfs-3g` packages that we installed earlier with `pacstrap`, and with those we need to mount the Windows partition somewhere. It doesn't matter where. With that done, we can generate the GRUB configuration file which lists all the boot options:
+
+```sh
+mkdir /windows
+mount /dev/<DISK><PART5> /windows
+grub-mkconfig -o /boot/grub/grub.cfg
+```
+
+(In my case, I installed Windows before completing the Arch install, which created an additional partition in between).
+
+With GRUB ready, we can exit the chroot and reboot the system, and if all went well, you should be greeted with a choice of operating system to use:
+
+```sh
+exit
+reboot
+```
+
+If for some reason you need to find what mountpoints were active prior to rebooting (to `unmount` them for example), you can use `findmnt`.
+
+Before GRUB I tried rEFInd, which as I explained had issues with for missing a warning. Then I tried systemd-boot, which did not pick up Arch at first. That's where the several reinstalls come from, I didn't want to work with a half-worked system so I mostly redid the entire process quite a few times.
+
+## Migrating to the new laptop
+
+I had a external disk formatted with NTFS. Of course, after moving every file I cared about from my previous Linux install caused all the permissions to reset. All my `.git` repositories, dirty with file permission changes! This is going to take a while to fix, or maybe I should just `git config core.fileMode false`. Here is a [lovely command](https://stackoverflow.com/a/2083563) to sort them out on a per-repository basis:
+
+```sh
+git diff --summary | grep --color 'mode change 100644 => 100755' | cut -d' ' -f7- | xargs -d'\n' chmod -x
+```
+
+I never realized how much I had stored over the years, but it really was a lot. While moving things to the external disk, I tried to do some cleanup, such as removing some build artifacts which needlessly occupy space, or completely skipping all the binary application files. If I need those I will install them anyway. The process was mostly focused on finding all the projects and program data that I did care about, or even some game saves. Nothing too difficult, but definitely time consuming.
+
+## Tuning Arch
+
+Now that our system is ready, install `pacman-contrib` to grab a copy of the `rankmirrors` speed. It should help speed up the download of whatever packages you want to install, since it will help us [rank the mirrors by download speed](https://wiki.archlinux.org/index.php/Mirrors#List_by_speed). Making a copy of the file is important, otherwise whenever you try to install something it will fail saying it can't find anything.
+
+```sh
+cp /etc/pacman.d/mirrorlist /etc/pacman.d/mirrorlist.backup
+sed -i 's/^#Server/Server/' /etc/pacman.d/mirrorlist.backup
+rankmirrors -n 6 /etc/pacman.d/mirrorlist.backup | tee /etc/pacman.d/mirrorlist
+```
+
+This will take a while, but it should be well worth it. We're using `tee` to see the progress as it goes.
+
+Some other packages I installed after I had a working system in no particular order:
+
+* `xfce4` and `xorg-server`. I just love the simplicity of XFCE.
+* `xfce4-whiskermenu-plugin`, a really nice start menu.
+* `xfce4-pulseaudio-plugin` and `pavucontrol`, to quickly adjust the audio with my mouse.
+* `xfce4-taskmanager`, a GUI alternative I generally prefer to `htop`.
+* `pulseaudio` and `pulseaudio-alsa` to get nice integration with XFCE4 and audio mixing.
+* `firefox`, which comes with fonts too. A really good web browser.
+* `git`, to commit ~~crimes~~ code.
+* `code`, a wonderful editor which I used to write this blog entry.
+* `nano`, so much nicer to write a simple commit message.
+* `python` and `python-pip`, my favourite language to toy around ideas or use as a calculator.
+* `telegram-desktop`, for my needs on sharing memes.
+* `cmus`, a simple terminal music player.
+* `openssh`, to connect into any VPS I have access to.
+* `base-devel`, necessary to build most projects I'll find myself working with (or even compiling some projects Rust which I installed via `rustup`).
+* `flac`, `libmad`, `opus`, and `libvorbis`, to be able to play more audio files.
+* `inkscape`, to make random drawings.
+* `ffmpeg`, to convert media or record screen.
+* `xclip`, to automatically copy screenshots to my clipboard.
+* `gvfs`, needed by Thunar to handle mounting and having a trash (perma-deletion by default can be nasty sometimes).
+* `noto-fonts`, `noto-fonts-cjk` and `noto-fonts-extra`, if you don't want missing gliphs everywhere.
+* `xfce4-notifyd` and `libnotify`, for notifications.
+* `cronie`, to be able to `crontab -e`. Make sure to `system enable cronie`.
+
+After that, I configured my Super L key to launch `xfce4-popup-whiskermenu` so that it opens the application menu, pretty much the same as it would on Windows, moved the panels around and configured them to my needs, and it feels like home once more.
+
+I made some mistakes while [configuring systemd-networkd](https://wiki.archlinux.org/index.php/Systemd-networkd) and accidentally added a service that was incorrect, which caused boot to wait for it to timeout before completing. My boot time was taking 90 seconds longer because of this! [The solution was to remove said service](https://www.reddit.com/r/archlinux/comments/4nv9yi/my_arch_greets_me_now_with_a_start_job/), so this is something to look out for.
+
+In order to find what was taking long, I had to edit the [kernel parameters](https://wiki.archlinux.org/index.php/kernel_parameters) to remove the `quiet` option. I prefer seeing the output on what my computer is doing anyway, because it gives me a sense of progress and most importantly is of great value when things go wrong. Another interesting option is `noauto,x-systemd.automount`, which makes a disk lazily-mounted. If you have a slow disk, this could help speed things up.
+
+If you see a service taking long, you can also use `systemd-analyze blame` to see what takes the longest, and `systemctl list-dependencies` is also helpful to find what services are active.
+
+My `locale charmap` was spitting out a bunch of warnings:
+
+```sh
+$ locale charmap
+locale: Cannot set LC_CTYPE to default locale: No such file or directory
+locale: Cannot set LC_MESSAGES to default locale: No such file or directory
+locale: Cannot set LC_ALL to default locale: No such file or directory
+ANSI_X3.4-1968
+```
+
+…ANSI encoding? Immediately I added the following to `~/.bashrc` and `~/.profile`:
+
+```sh
+export LC_ALL=en_US.UTF-8
+export LANG=en_US.UTF-8
+export LANGUAGE=en_US.UTF-8
+```
+
+For some reason, I also had to edit `xfce4-terminal`'s preferences in advanced to change the default character encoding to UTF-8. This also solved my issues with pasting things into the terminal, and also proper rendering! I guess pastes were not working because it had some characters that could not be encoded.
+
+To have working notifications, I added the following to `~/.bash_profile` after `exec startx`:
+
+```sh
+systemctl --user start xfce4-notifyd.service
+```
+
+I'm pretty sure there's a better way to do this, or maybe it's not even necessary, but this works for me.
+
+Some of the other things I had left to do was setting up `sccache` to speed up Rust builds:
+
+```sh
+cargo install sccache
+echo export RUSTC_WRAPPER=sccache >> ~/.bashrc
+```
+
+Once I had `cargo` ready, installed `hacksaw` and `shotgun` with it to perform screenshots.
+
+I also disabled the security delay when downloading files in Firefox because it's just annoying, in `about:config` setting `security.dialog_enable_delay` to `0`.
+
+The `utils-linux` comes with a `fstrim` utility to [trim the SSD weekly](https://wiki.archlinux.org/index.php/Solid_state_drive#Periodic_TRIM), which I want enabled via `systemctl enable fstrim.timer` (you may also want to `start` it if you don't reboot often). For more SSD tips, check [How to optimize your Solid State Drive](https://easylinuxtipsproject.blogspot.com/p/ssd.html).
+
+If the sound is funky prior to reboot, try `pulseaudio --kill` and `pulseaudio --start`, or delete `~/.config/pulse`.
+
+## Tuning Windows
+
+On the Windows side, I disabled the annoying Windows defender by running (<kbd>Ctrl+R</kbd>) `gpedit.msc` and editing:
+
+* *Computer Configuration > Administrative Templates > Windows Components > Windows Defender » Turn off Windows Defender » Enable*
+* *User Configuration > Administrative Templates > Start Menu and Taskbar » Remove Notifications and Action Center » Enable*
+
+I also updated the [`hosts` file](https://github.com/WindowsLies/BlockWindows/raw/master/hosts) (located at `%windir%\system32\Drivers\etc\hosts`) with the hope that it will stop some of the telemetry.
+
+All this time, my laptop had the keyboard lights on, which have been quite annoying. Apparently, they also can cause [massive FPS drops](https://www.reddit.com/r/ValveIndex/comments/cm6pos/psa_uninstalldisable_aura_sync_lighting_if_you/). I headed over to [Asus Rog downloads](https://rog.asus.com/downloads/), selected Aura Sync…
+
+```md
+# Not Found
+
+The requested URL /campaign/aura/us/Sync.html was not found on this server.
+
+Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
+```
+
+…great! I'll just find the [Aura site](https://www.asus.com/campaign/aura/global/) somewhere else…
+
+```md
+# ASUS
+
+# We'll be back.
+
+Hi, our website is temporarily closed for service enhancements.
+
+We'll be back shortly.Thank you for your patience!
+```
+
+Oh come on. After waiting for the next day, I headed over, downloaded their software, tried to install it and it was an awful experience. It felt like I was purposedly installing malware. It spammed and flashed a lot of `cmd`'s on screen as if it was a virus. It was stuck at 100% doing that and then, Windows blue-screened with `KERNEL_MODE_HEAP_CORRUPTION`. Amazing. How do you screw up this bad?
+
+Well, at least rebooting worked. I tried to [uninstall Aura, but of course that failed](https://answers.microsoft.com/en-us/windows/forum/all/unable-to-uninstall-asus-aura-sync-utility/e9bec36c-e62f-4773-80be-88fb68dace16). Using the [troubleshooter to uninstall programs](https://support.microsoft.com/en-us/help/17588/windows-fix-problems-that-block-programs-being-installed-or-removed) helped me remove most of the crap that was installed.
+
+After searching around how to disable the lights (because [my BIOS did not have this setting](https://rog.asus.com/forum/showthread.php?112786-Option-to-Disable-Aura-Lights-on-Strix-G-series-(G531GT)-irrespective-of-OSes)), I stumbled upon ["Armoury Crate"](https://rog.asus.com/us/innovation/armoury_crate/). Okay, fine, I will install that.
+
+The experience wasn't much better. It did the same thing with a lot of consoles flashing on screen. And of course, it resulted in another blue-screen, this time `KERNEL_SECURITY_CHECK_FAILURE`. To finish up, the BSOD kept happening as I rebooted the system. Time to reinstall Windows once more.
+
+Asus software might be good, but the software is utter crap.
+
+After trying out [rogauracore](https://github.com/wroberts/rogauracore) (which didn't list my model), it worked! I could disable the stupid lights from Linux, and [OpenRGB](https://gitlab.com/CalcProgrammer1/OpenRGB/-/wikis/home) also works on Windows which may be worth checking out too.
+
+Because `rougauracore` helped me and they linked to [hw-probe](https://github.com/linuxhw/hw-probe/blob/master/README.md#appimage), I decided to [run it on my system](https://linux-hardware.org/?probe=0e3e48c501), with the hopes it is useful for other people.
+
+## Closing words
+
+I hope the installation journey is at least useful to someone, or that you enjoyed reading about it all. If not, sorry!


          

          

        
          

            

            
            A
            
            
            
          
          content/pixel-dungeon.md
            
@@ -0,0 +1,44 @@
+```meta
+created: 2019-06-03
+```
+
+Shattered Pixel Dungeon
+=======================
+
+[Shattered Pixel Dungeon](https://shatteredpixel.com/shatteredpd/) is the classic roguelike RPG game with randomly-generated dungeons. As a new player, it was a bit frustrating to be constantly killed on the first levels of the dungeon, but with some practice it's easy to reach high levels if you can kill the first boss.
+
+Basic Tips
+----------
+
+The game comes with its own tips, but here's a short and straight-forward summary:
+
+* **Don't rush into enemies**. Abuse doors and small corridors to kill them one by one. You can use the clock on the bottom left to wait a turn without moving.
+* **Explore each level at full**. You will find goodies and gain XP while doing so.
+* **Upon finding a special room** (e.g. has a chest but is protected by piranhas), drink all potions that you found in that level until there's one that helps you (e.g. be invisible so piranhas leave you alone). There is guaranteed to be a helpful one per level with special rooms.
+* **Drink potions as early as possible**. Harmful potions do less damage on early levels (and if you die, you lose less). This will keep them identified early for the rest of the game.
+* **Read scrolls as early as possible** as well. This will keep them identified. It may be worth to wait until you have an item which may be cursed and until the level is clear, because some scrolls clean curses and others alert enemies.
+* **Food and health are resources** that you have to *manage*, not keep them always at full. Even if you are starving and taking damage, you may not need to eat *just yet*, since food is scarce. Eat when you are low on health or in possible danger.
+* **Piranhas**. Seriously, just leave them alone if you are melee. They're free food if you're playing ranged, though.
+* **Prefer armor over weapons**. And make sure to identify or clean it from curses before wearing anything!
+* **Find a dew vial early**. It's often a better idea to store dew (health) for later than to use it as soon as possible.
+
+Bosses
+------
+
+There is a boss every 5 levels.
+
+* **Level 5 boss**. Try to stay on water, but don't let *it* stay on water since it will heal. Be careful when he starts enraging.
+* **Level 10 boss**. Ranged weapons are good against it.
+* **Level 15 boss**. I somehow managed to tank it with a health potion.
+* **Level 20 boss**. I didn't get this far just yet. You are advised to use scrolls of magic mapping in the last levels to skip straight to the boss, since there's nothing else of value.
+* **Level 25 boss**. The final boss. Good job if you made it this far!
+
+Mage
+----
+
+If you followed the basic tips, you will sooner or later make use of two scrolls of upgrade in a single run. This will unlock the mage class, which is ridiculously powerful. He starts with a ranged-weapon, a magic missile wand, which is really helpful to keep enemies at a distance. Normally, you want to use this at first to surprise attack them soon, and if you are low on charges, you may go melee on normal enemies if you are confident.
+
+Luck
+----
+
+This game is all about luck and patience! Some runs will be better than others, and you should thank and pray the RNG gods for them. If you don't, they will only give you cursed items and not a single scroll to clean them. So, good luck and enjoy playing!


          

          

        
          

            

            
            A
            
            
            
          
          content/posts.md
            
@@ -0,0 +1,103 @@
+Atemporal Blog Posts
+====================
+
+These are some interesting posts and links I've found around the web. I believe they are quite interesting and nice reads, so if you have the time, I encourage you to check some out.
+
+Algorithms
+----------
+
+* http://www.tannerhelland.com/4660/dithering-eleven-algorithms-source-code/. Image Dithering: Eleven Algorithms and Source Code. What does it mean and how to achieve it?
+* https://cristian.io/post/bloom-filters/. Idempotence layer on bloom filters. What are they and how can they help?
+* https://en.wikipedia.org/wiki/Huffman_coding. Huffman coding. This encoding is a simple yet interesting way of compressing information.
+* https://github.com/mxgmn/WaveFunctionCollapse. Wave Function Collapse. Bitmap & tilemap generation from a single example with the help of ideas from quantum mechanics.
+* https://blog.nelhage.com/2015/02/regular-expression-search-with-suffix-arrays/. Regular Expression Search with Suffix Arrays. A way to efficiently search large amounts of text.
+
+
+Culture
+-------
+
+* https://www.wired.com/story/ideas-joi-ito-robot-overlords/. Why Westerners Fear Robots and the Japanese Do Not. Explains some possible reasons for this case.
+* http://catb.org/~esr/faqs/smart-questions.html. How To Ask Questions The Smart Way. Some bits of hacker culture and amazing tips on how to ask a question.
+* http://apenwarr.ca/log/?m=201809#14. XML, blockchains, and the strange shapes of progress. Some of history about XML and blockchain.
+* https://czep.net/17/legion-of-lobotomized-unices.html. Legion of lobotomized unices. A time where computers are treated a lot more nicely.
+* https://eli.thegreenplace.net/2016/the-expression-problem-and-its-solutions/.  The Expression Problem and its solutions. What is it and what can we do to solve it?
+* http://allendowney.blogspot.com/2015/08/the-inspection-paradox-is-everywhere.html. The Inspection Paradox is Everywhere. Interesting and very common phenomena.
+* https://github.com/ChrisKnott/Algojammer. An experimental code editor for writing algorithms. Contains several links to different tools for reverse debugging.
+* http://habitatchronicles.com/2017/05/what-are-capabilities/. What Are Capabilities? Good ideas with great security implications.
+* https://blog.aurynn.com/2015/12/16-contempt-culture. Contempt Culture. Or why you should not speak crap about your non-favourite programming languages.
+* https://www.lesswrong.com/posts/tscc3e5eujrsEeFN4/well-kept-gardens-die-by-pacifism. Well-Kept Gardens Die By Pacifism. Risks any online community can run into.
+* https://ncase.me/. It's Nicky Case! They make some cool things worth checking out, I really like "we become what we behold".
+
+
+Debate
+------
+
+* https://steemit.com/opensource/@crell/open-source-is-awful. Open Source is awful. Has some points about why is it bad and how it could improve.
+* http://www.mondo2000.com/2018/01/17/pink-lexical-goop-dark-side-autocorrect/. Pink Lexical Goop: The Dark Side of Autocorrect. It can shape how you think.
+* http://blog.ploeh.dk/2015/08/03/idiomatic-or-idiosyncratic/. Idiomatic or idiosyncratic? Can porting code constructs from other languages have a positive effect?
+* https://gamasutra.com/view/news/169296/Indepth_Functional_programming_in_C.php. In-depth: Functional programming in C++. Is it useful to bother with functional concepts in a language like C++?
+* https://vorpus.org/blog/notes-on-structured-concurrency-or-go-statement-considered-harmful/. Notes on structured concurrency, or: Go statement considered harmful.
+* https://queue.acm.org/detail.cfm?id=3212479. C Is Not a Low-level Language. Could there be alternative programming models designed for more specialized CPUs?
+
+
+Food for Thought
+----------------
+
+* https://www.hillelwayne.com/post/divide-by-zero/. 1/0 = 0. Explores why it makes sense to redefine mathemathics under some circumstances, and why it is possible to do so.
+* https://jeremykun.com/2018/04/13/for-mathematicians-does-not-mean-equality/. For mathematicians, = does not mean equality. What other definitions does the equal sign have?
+* https://www.lesswrong.com/posts/2MD3NMLBPCqPfnfre/cached-thoughts. Cached Thoughts. How is it possible that our brains work at all?
+* http://tonsky.me/blog/disenchantment/. Software disenchantment. Faster hardware and slower software is a trend.
+  * https://blackhole12.com/blog/software-engineering-is-bad-but-it-s-not-that-bad/. Software Engineering Is Bad, But That's Not Why. This post has some good counterpoints to Software disenchantment.
+* http://journal.stuffwithstuff.com/2015/02/01/what-color-is-your-function/. What Color is Your Function? Spoiler: can we approach asynchronous IO better?
+* https://hackernoon.com/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5. I'm harvesting credit card numbers and passwords from your site. A word of warning when mindlessly adding dependencies.
+* https://medium.com/message/everything-is-broken-81e5f33a24e1. Everything Is Broken. Some of the (probable) truths about our world.
+
+
+Funny
+-----
+
+* http://thedailywtf.com/articles/We-Use-BobX. We Use BobX. BobX.
+* http://thedailywtf.com/articles/the-inner-json-effect. The Inner JSON Effect. For some reason, custom languages are in.
+* https://thedailywtf.com/articles/exponential-backup. Exponential Backup. Far better than git.
+* https://thedailywtf.com/articles/ITAPPMONROBOT. ITAPPMONROBOT. Solving software problems with hardware.
+* https://thedailywtf.com/articles/a-tapestry-of-threads. A Tapestry of Threads.More threads must mean faster code, right?
+* https://medium.com/commitlog/a-brief-totally-accurate-history-of-programming-languages-cd93ec806124. A Brief Totally Accurate History Of Programming Languages. Don't take offense for it!
+
+
+Graphics
+--------
+
+* http://shaunlebron.github.io/visualizing-projections/. Visualizing Projections. Small post about different projection methods.
+* http://www.iquilezles.org/www/index.htm. A *lot* of useful and quality articles regarding computer graphics.
+
+
+History
+-------
+
+* https://twobithistory.org/2018/08/18/ada-lovelace-note-g.html. What Did Ada Lovelace's Program Actually Do?. And other characters that took part in the beginning's of programming.
+* https://chrisdown.name/2018/01/02/in-defence-of-swap.html. In defence of swap: common misconceptions. Swap is still an useful concept.
+* https://www.pacifict.com/Story/. The Graphing Calculator Story. A great classic Apple tale.
+* https://twobithistory.org/2018/10/14/lisp.html. How Lisp Became God's Own Programming Language. Lisp as a foundational programming language.
+
+
+Motivational
+------------
+
+* https://www.joelonsoftware.com/2002/01/06/fire-and-motion/. Fire And Motion. What does actually take to get things done?
+* https://realmensch.org/2017/08/25/the-parable-of-the-two-programmers/. The Parable of the Two Programmers. This tale is about two different types of programmer and their respective endings in a company, illustrating how the one you wouldn't expect to actually ends in a better situation.
+* https://byorgey.wordpress.com/2018/05/06/conversations-with-a-six-year-old-on-functional-programming/. Conversations with a six-year-old on functional programming. Little kids today can be really interested in technological topics.
+* https://bulletproofmusician.com/how-many-hours-a-day-should-you-practice/. How Many Hours a Day Should You Practice?. While the article is about music, it applies to any other areas.
+* http://nathanmarz.com/blog/suffering-oriented-programming.html. Suffering-oriented programming. A possibly new approach on how you could tackle your new projects.
+* https://www.joelonsoftware.com/2000/04/06/things-you-should-never-do-part-i/. Things You Should Never Do, Part I. There is no need to rewrite your code.
+
+
+Optimization
+------------
+
+* http://blog.llvm.org/2011/05/what-every-c-programmer-should-know.html. What Every C Programmer Should Know About Undefined Behavior #1/3. Explains what undefined behaviour is and why it makes sense.
+* http://ridiculousfish.com/blog/posts/labor-of-division-episode-i.html. Labor of Division (Episode I). Some tricks to divide without division.
+* http://blog.moertel.com/posts/2013-12-14-great-old-timey-game-programming-hack.html. A Great Old-Timey Game-Programming Hack. Abusing instructions to make games playable even on the slowest hardware.
+* https://web.archive.org/web/20191213224640/https://people.eecs.berkeley.edu/~sangjin/2012/12/21/epoll-vs-kqueue.html. Scalable Event Multiplexing: epoll vs kqueue. How good OS primitives can really help performance and scability.
+* https://adamdrake.com/command-line-tools-can-be-235x-faster-than-your-hadoop-cluster.html. Command-line Tools can be 235x Faster than your Hadoop Cluster. Or how to use the right tool for the right job.
+* https://nullprogram.com/blog/2018/05/27/. When FFI Function Calls Beat Native C. How lua beat C at it and the explanation behind it.
+* http://igoro.com/archive/gallery-of-processor-cache-effects/. Gallery of Processor Cache Effects. Knowing a few things about the cache can make a big difference.


          

          

        
          

            

            
            A
            
            
            
          
          content/reflexion_ia.md
            
@@ -0,0 +1,29 @@
+```meta
+created: 2016-06-13
+modified: 2016-06-13
+```
+
+Reflexión sobre la Inteligencia artificial
+==========================================
+
+> Nota: esta reflexión ha sido sacada de una conversación en Telegram, aunque ha sido lo más adaptada posible a formato de blog.
+
+Conversación del 12.03.16
+-------------------------
+
+Pienso que para conseguir una verdadera inteligencia artificial debemos abstraernos mucho. Es decir, siempre hay una pequeña parte de *Pero es que el ser humano, los sentimientos, tal, cual*... Igual simplemente, absolutamente todo esté programado. Cuando actúas de manera que no sabes por qué por ejemplo, seguramente sea una serie de estímulos adecuados que producen esa respuesta porque se ha formado ese camino de neuronas en tu mente. Por ejemplo, el arco reflejo, que es un arco innato.
+
+* *Sensación de quemar → retirar*
+* *[Un estímulo X → una respuesta Y](https://es.wikipedia.org/wiki/Condicionamiento_cl%C3%A1sico)*
+
+Es una ida y vuelta instantanea entre sensación y respuesta. El cerebro simplemente es capaz de trabajar con combinaciones más complejas, como por ejemplo la suma, este número con este otro → sale otro número, y se le añade a otro... Hay una especie de [recursión](https://es.wikipedia.org/wiki/Recursi%C3%B3n) también, aunque en realidad es que es el mismo estímulo el que ["llama"](https://es.wikipedia.org/wiki/M%C3%A9todo_%28inform%C3%A1tica%29) a un determinado camino.
+
+Pero lo verdaderamente impresionante es la consciencia, igual no tenemos consciencia de verdad, igual es como lo sentimos. Siempre nos han hablado de la consciencia pero nadie ha sabido probarla, por lo que sólo tenemos una idea, un concepto. Es aún más impresionante es el hecho de recordar y [trabajar](https://es.wikipedia.org/wiki/Memoria_de_trabajo) con la información.
+
+Cuando hablamos de consciencia, estamos simplemente tratando información sobre esa misma información, ¿cómo cojones sentimos lo que pensamos? Yo sé que estoy pensando porque hemos definido *pensar* como este proceso. ¿Pero cómo coño entiendo yo eso? Es decir, ¿cómo me doy cuenta? por qué lo situo en mi cabeza? Probablemente, aunque el cerebro esté trabajando con todo eso, la sensación sea externa a nosotros, es decir, ocurre en mi cabeza. ¿Pero de verdad lo siento en mi cabeza?
+
+Me estoy rayando.
+
+El verdadero problema está en saber cómo sabemos que estamos pensando. El cerebro se compone de neuronas y conexiones, esa es la base a parte de donde se encuentra todo y tal la base es esa, y las sensaciones táctiles son igual de complejas, las procesa mi cerebro pero las siento en mi mano. ¿Será cosa de costumbre? Yo siento algo y lo situo ahí. Sin embargo sentimos ahí y no por encima o por debajo de, vamos a poner, los dedos de la mano, lo siento justo ahí. ¿Qué coño es realmente la [memoria a corto plazo](https://es.wikipedia.org/wiki/Memoria_a_corto_plazo)? (porque lo de la [memoria a largo plazo](https://es.wikipedia.org/wiki/Memoria_a_largo_plazo) se traslada ahí cuando la necesitamos para trabajar con ella, por eso es *MCP* o memoria de trabajo según ciertas teorías).
+
+En fin.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/a-practical-example-with-hadoop/post.md
            
@@ -0,0 +1,150 @@
+```meta
+title: A practical example with Hadoop
+published: 2020-04-01T02:00:00+00:00
+updated: 2020-04-03T08:43:41+00:00
+```
+
+In our [previous Hadoop post](/blog/ribw/introduction-to-hadoop-and-its-mapreduce/), we learnt what it is, how it originated, and how it works, from a theoretical standpoint. Here we will instead focus on a more practical example with Hadoop.
+
+This post will showcase my own implementation to implement a word counter for any plain text document that you want to analyze.
+
+## Installation
+
+Before running any piece of software, its executable code must first be downloaded into our computers so that we can run it. Head over to [Apache Hadoop’s releases](http://hadoop.apache.org/releases.html) and download the [latest binary version](https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz) at the time of writing (3.2.1).
+
+We will be using the [Linux Mint](https://linuxmint.com/) distribution because I love its simplicity, although the process shown here should work just fine on any similar Linux distribution such as [Ubuntu](https://ubuntu.com/).
+
+Once the archive download is complete, extract it with any tool of your choice (graphical or using the terminal) and execute it. Make sure you have a version of Java installed, such as [OpenJDK](https://openjdk.java.net/).
+
+Here are all the three steps in the command line:
+
+```
+wget https://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-3.2.1/hadoop-3.2.1.tar.gz
+tar xf hadoop-3.2.1.tar.gz
+hadoop-3.2.1/bin/hadoop version
+```
+
+## Processing data
+
+To take advantage of Hadoop, we have to design our code to work in the MapReduce model. Both the map and reduce phase work on key-value pairs as input and output, and both have a programmer-defined function.
+
+We will use Java, because it’s a dependency that we already have anyway, so might as well.
+
+Our map function needs to split each of the lines we receive as input into words, and we will also convert them to lowercase, thus preparing the data for later use (counting words). There won’t be bad records, so we don’t have to worry about that.
+
+Copy or reproduce the following code in a file called `WordCountMapper.java`, using any text editor of your choice:
+
+```
+import java.io.IOException;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.LongWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Mapper;
+
+public class WordCountMapper extends Mapper<LongWritable, Text, Text, IntWritable> {
+    @Override
+    public void map(LongWritable key, Text value, Context context)
+            throws IOException, InterruptedException {
+        for (String word : value.toString().split("\\W")) {
+            context.write(new Text(word.toLowerCase()), new IntWritable(1));
+        }
+    }
+}
+```
+
+Now, let’s create the `WordCountReducer.java` file. Its job is to reduce the data from multiple values into just one. We do that by summing all the values (our word count so far):
+
+```
+import java.io.IOException;
+import java.util.Iterator;
+
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Reducer;
+
+public class WordCountReducer extends Reducer<Text, IntWritable, Text, IntWritable> {
+    @Override
+    public void reduce(Text key, Iterable<IntWritable> values, Context context)
+            throws IOException, InterruptedException {
+        int count = 0;
+        for (IntWritable value : values) {
+            count += value.get();
+        }
+        context.write(key, new IntWritable(count));
+    }
+}
+```
+
+Let’s just take a moment to appreciate how absolutely tiny this code is, and it’s Java! Hadoop’s API is really awesome and lets us write such concise code to achieve what we need.
+
+Last, let’s write the `main` method, or else we won’t be able to run it. In our new file `WordCount.java`:
+
+```
+import org.apache.hadoop.fs.Path;
+import org.apache.hadoop.io.IntWritable;
+import org.apache.hadoop.io.Text;
+import org.apache.hadoop.mapreduce.Job;
+import org.apache.hadoop.mapreduce.lib.input.FileInputFormat;
+import org.apache.hadoop.mapreduce.lib.output.FileOutputFormat;
+
+public class WordCount {
+    public static void main(String[] args) throws Exception {
+        if (args.length != 2) {
+            System.err.println("usage: java WordCount <input path> <output path>");
+            System.exit(-1);
+        }
+
+        Job job = Job.getInstance();
+
+        job.setJobName("Word count");
+        job.setJarByClass(WordCount.class);
+        job.setMapperClass(WordCountMapper.class);
+        job.setReducerClass(WordCountReducer.class);
+        job.setOutputKeyClass(Text.class);
+        job.setOutputValueClass(IntWritable.class);
+
+        FileInputFormat.addInputPath(job, new Path(args[0]));
+        FileOutputFormat.setOutputPath(job, new Path(args[1]));
+
+        boolean result = job.waitForCompletion(true);
+
+        System.exit(result ? 0 : 1);
+    }
+}
+```
+
+And compile by including the required `.jar` dependencies in Java’s classpath with the `-cp` switch:
+
+```
+javac -cp "hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/mapreduce/*" *.java
+```
+
+At last, we can run it (also specifying the dependencies in the classpath, this one’s a mouthful). Let’s run it on the same `WordCount.java` source file we wrote:
+
+```
+java -cp ".:hadoop-3.2.1/share/hadoop/common/*:hadoop-3.2.1/share/hadoop/common/lib/*:hadoop-3.2.1/share/hadoop/mapreduce/*:hadoop-3.2.1/share/hadoop/mapreduce/lib/*:hadoop-3.2.1/share/hadoop/yarn/*:hadoop-3.2.1/share/hadoop/yarn/lib/*:hadoop-3.2.1/share/hadoop/hdfs/*:hadoop-3.2.1/share/hadoop/hdfs/lib/*" WordCount WordCount.java results
+```
+
+Hooray! We should have a new `results/` folder along with the following files:
+
+```
+$ ls results
+part-r-00000  _SUCCESS
+$ cat results/part-r-00000 
+	154
+0	2
+1	3
+2	1
+addinputpath	1
+apache	6
+args	4
+boolean	1
+class	6
+count	1
+err	1
+exception	1
+-snip- (output cut for clarity)
+```
+
+It worked! Now this example was obviously tiny, but hopefully enough to demonstrate how to get the basics running on real world data.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/about-boolean-retrieval/post.md
            
@@ -0,0 +1,448 @@
+```meta
+title: About Boolean Retrieval
+published: 2020-02-25T00:00:29+00:00
+updated: 2020-03-18T09:38:02+00:00
+```
+
+This entry will discuss the section on the _[Boolean retrieval](https://nlp.stanford.edu/IR-book/pdf/01bool.pdf)_ section of the book _[An Introduction to Information Retrieval](https://nlp.stanford.edu/IR-book/pdf/irbookprint.pdf)_.
+
+## Summary on the topic
+
+Boolean retrieval is one of the many ways information retrieval (finding materials that satisfy an information need), often simply called _search_.
+
+A simple way to retrieve information is to _grep_ through the text (term named after the Unix tool `grep`), scanning text linearly and excluding it on certain criteria. However, this falls short when the volume of the data grows, more complex queries are desired, or one seeks some sort of ranking.
+
+To avoid linear scanning, we build an _index_ and record for each document whether it contains each term out of our full dictionary of terms (which may be words in a chapter and words in the book). This results in a binary term-document _incidence matrix_. Such a possible matrix is:
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <em>
+     word/play
+    </em>
+   </td>
+   <td>
+    <strong>
+     Antony and Cleopatra
+    </strong>
+   </td>
+   <td>
+    <strong>
+     Julius Caesar
+    </strong>
+   </td>
+   <td>
+    <strong>
+     The Tempest
+    </strong>
+   </td>
+   <td>
+    <strong>
+     …
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Antony
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Brutus
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Caesar
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Calpurnia
+    </strong>
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     Cleopatra
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     mercy
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     worser
+    </strong>
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    0
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     …
+    </strong>
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+We can look at this matrix’s rows or columns to obtain a vector for each term indicating where it appears, or a vector for each document indicating the terms it contains.
+
+Now, answering a query such as `Brutus AND Caesar AND NOT Calpurnia` becomes trivial:
+
+```
+VECTOR(Brutus) AND VECTOR(Caesar) AND COMPLEMENT(VECTOR(Calpurnia))
+= 110 AND 110 AND COMPLEMENT(010)
+= 110 AND 110 AND 101
+= 100
+```
+
+The query is only satisfied for our first column.
+
+The _Boolean retrieval model_ is thus a model that treats documents as a set of terms, in which we can perform any query in the form of Boolean expressions of terms, combined with `OR`, `AND`, and `NOT`.
+
+Now, building such a matrix is often not feasible due to the sheer amount of data (say, a matrix with 500,000 terms across 1,000,000 documents, each with roughly 1,000 terms). However, it is important to notice that most of the terms will be _missing_ when examining each document. In our example, this means 99.8% or more of the cells will be 0. We can instead record the _positions_ of the 1’s. This is known as an _inverted index_.
+
+The inverted index is a dictionary of terms, each containing a list that records in which documents it appears (_postings_). Applied to boolean retrieval, we would:
+
+1. Collects the documents to be indexed, assign a unique identifier each
+2. Tokenize the text in the documents into a list of terms
+3. Normalize the tokens, which now become indexing terms
+4. Index the documents
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     Dictionary
+    </strong>
+   </td>
+   <td>
+    <strong>
+     Postings
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Brutus
+   </td>
+   <td>
+    1, 2, 4, 11, 31, 45, 173, 174
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Caesar
+   </td>
+   <td>
+    1, 2, 4, 5, 6, 16, 57, 132, …
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Calpurnia
+   </td>
+   <td>
+    2, 31, 54, 101
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+Sort the pairs `(term, document_id)` so that the terms are alphabetical, and merge multiple occurences into one. Group instances of the same term and split again into a sorted list of postings.
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     term
+    </strong>
+   </td>
+   <td>
+    <strong>
+     document_id
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    I
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    did
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    with
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     term
+    </strong>
+   </td>
+   <td>
+    <strong>
+     document_id
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    be
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    brutus
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    brutus
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     term
+    </strong>
+   </td>
+   <td>
+    <strong>
+     frequency
+    </strong>
+   </td>
+   <td>
+    <strong>
+     postings list
+    </strong>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    be
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    brutus
+   </td>
+   <td>
+    2
+   </td>
+   <td>
+    1, 2
+   </td>
+  </tr>
+  <tr>
+   <td>
+    capitol
+   </td>
+   <td>
+    1
+   </td>
+   <td>
+    1
+   </td>
+  </tr>
+  <tr>
+   <td>
+    …
+   </td>
+   <td>
+   </td>
+   <td>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+Intersecting posting lists now becomes of transversing both lists in order:
+
+```
+Brutus   : 1 -> 2 -> 4 -> 11 -> 31 -> 45 ->           173 -> 174
+Calpurnia:      2 ->            31 ->       54 -> 101
+Intersect:      2 ->            31
+```
+
+A simple conjunctive query (e.g. `Brutus AND Calpurnia`) is executed as follows:
+
+1. Locate `Brutus` in the dictionary
+2. Retrieve its postings
+3. Locate `Calpurnia` in the dictionary
+4. Retrieve its postings
+5. Intersect (_merge_) both postings
+
+Since the lists are sorted, walking both of them can be done in _O(n)_ time. By also storing the frequency, we can optimize the order in which we execute arbitrary queries, although we won’t go into detail.
+
+## Thoughts
+
+The boolean retrieval model can be implemented with relative ease, and can help with storage and efficient querying of the information if we intend to perform boolean queries.
+
+However, the basic design lacks other useful operations, such as a «near» operator, or the ability to rank the results.
+
+All in all, it’s an interesting way to look at the data and query it efficiently.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/build-your-own-pc/post.md
            
@@ -0,0 +1,193 @@
+```meta
+title: Build your own PC
+published: 2020-02-25T02:00:12+00:00
+updated: 2020-03-18T09:38:46+00:00
+```
+
+_…where PC obviously stands for Personal Crawler_.
+
+----------
+
+This post contains the source code for a very simple crawler written in Java. You can compile and run it on any file or directory, and it will calculate the frequency of all the words it finds.
+
+## Source code
+
+Paste the following code in a new file called `Crawl.java`:
+
+```
+import java.io.*;
+import java.util.*;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+class Crawl {
+	// Regex used to tokenize the words from a line of text
+	private final static Pattern WORDS = Pattern.compile("\\w+");
+
+	// The file where we will cache our results
+	private final static File INDEX_FILE = new File("index.bin");
+
+	// Helper method to determine if a file is a text file or not
+	private static boolean isTextFile(File file) {
+		String name = file.getName().toLowerCase();
+		return name.endsWith(".txt")
+				|| name.endsWith(".java")
+				|| name.endsWith(".c")
+				|| name.endsWith(".cpp")
+				|| name.endsWith(".h")
+				|| name.endsWith(".hpp")
+				|| name.endsWith(".html")
+				|| name.endsWith(".css")
+				|| name.endsWith(".js");
+	}
+
+	// Normalizes a string by converting it to lowercase and removing accents
+	private static String normalize(String string) {
+		return string.toLowerCase()
+				.replace("á", "a")
+				.replace("é", "e")
+				.replace("í", "i")
+				.replace("ó", "o")
+				.replace("ú", "u");
+	}
+
+	// Recursively fills the map with the count of words found on all the text files
+	static void fillWordMap(Map<String, Integer> map, File root) throws IOException {
+		// Our file queue begins with the root
+		Queue<File> fileQueue = new ArrayDeque<>();
+		fileQueue.add(root);
+
+		// For as long as the queue is not empty...
+		File file;
+		while ((file = fileQueue.poll()) != null) {
+			if (!file.exists() || !file.canRead()) {
+				// ...ignore files for which we don't have permission...
+				System.err.println("warning: cannot read file: " + file);
+			} else if (file.isDirectory()) {
+				// ...else if it's a directory, extend our queue with its files...
+				File[] files = file.listFiles();
+				if (files == null) {
+					System.err.println("warning: cannot list dir: " + file);
+				} else {
+					fileQueue.addAll(Arrays.asList(files));
+				}
+			} else if (isTextFile(file)) {
+				// ...otherwise, count the words in the file.
+				countWordsInFile(map, file);
+			}
+		}
+	}
+
+	// Counts the words in a single file and adds the count to the map.
+	public static void countWordsInFile(Map<String, Integer> map, File file) throws IOException {
+		BufferedReader reader = new BufferedReader(new FileReader(file));
+
+		String line;
+		while ((line = reader.readLine()) != null) {
+			Matcher matcher = WORDS.matcher(line);
+			while (matcher.find()) {
+				String token = normalize(matcher.group());
+				Integer count = map.get(token);
+				if (count == null) {
+					map.put(token, 1);
+				} else {
+					map.put(token, count + 1);
+				}
+			}
+		}
+
+		reader.close();
+	}
+
+	// Prints the map of word count to the desired output stream.
+	public static void printWordMap(Map<String, Integer> map, PrintStream writer) {
+		List<String> keys = new ArrayList<>(map.keySet());
+		Collections.sort(keys);
+		for (String key : keys) {
+			writer.println(key + "\t" + map.get(key));
+		}
+	}
+
+	@SuppressWarnings("unchecked")
+	public static void main(String[] args) throws IOException, ClassNotFoundException {
+		// Validate arguments
+		if (args.length == 1 && args[0].equals("--help")) {
+			System.err.println("usage: java Crawl [input]");
+			return;
+		}
+
+		File root = new File(args.length > 0 ? args[0] : ".");
+
+		// Loading or generating the map where we aggregate the data  {word: count}
+		Map<String, Integer> map;
+		if (INDEX_FILE.isFile()) {
+			System.err.println("Found existing index file: " + INDEX_FILE);
+			try (ObjectInputStream ois = new ObjectInputStream(new FileInputStream(INDEX_FILE))) {
+				map = (Map<String, Integer>) ois.readObject();
+			}
+		} else {
+			System.err.println("Index file not found: " + INDEX_FILE + "; indexing...");
+			map = new TreeMap<>();
+			fillWordMap(map, root);
+			// Cache the results to avoid doing the work a next time
+			try (ObjectOutputStream out = new ObjectOutputStream(new FileOutputStream(INDEX_FILE))) {
+				out.writeObject(map);
+			}
+		}
+
+		// Ask the user in a loop to query for words
+		Scanner scanner = new Scanner(System.in);
+		while (true) {
+			System.out.print("Escriba palabra a consultar (o Enter para salir): ");
+			System.out.flush();
+			String line = scanner.nextLine().trim();
+			if (line.isEmpty()) {
+				break;
+			}
+
+			line = normalize(line);
+			Integer count = map.get(line);
+			if (count == null) {
+				System.out.println(String.format("La palabra \"%s\" no está presente", line));
+			} else if (count == 1) {
+				System.out.println(String.format("La palabra \"%s\" está presente 1 vez", line));
+			} else {
+				System.out.println(String.format("La palabra \"%s\" está presente %d veces", line, count));
+			}
+		}
+	}
+}
+```
+
+It can be compiled and executed as follows:
+
+```
+javac Crawl.java
+java Crawl
+```
+
+Instead of copy-pasting the code, you may also download it as a `.zip`:
+
+*(contents removed)*
+
+## Addendum
+
+The following simple function can be used if one desires to print the contents of a file:
+
+```
+public static void printFile(File file) {
+	if (isTextFile(file)) {
+		System.out.println('\n' + file.getName());
+		try (BufferedReader reader = new BufferedReader(new FileReader(file))) {
+			String line;
+			while ((line = reader.readLine()) != null) {
+				System.out.println(line);
+			}
+		} catch (FileNotFoundException ignored) {
+			System.err.println("warning: file disappeared while reading: " + file);
+		} catch (IOException e) {
+			e.printStackTrace();
+		}
+	}
+}
+```


          

          

        
          
        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/cassandra-an-introduction/post.md
            
@@ -0,0 +1,164 @@
+```meta
+title: Cassandra: an Introduction
+published: 2020-03-05T00:00:45+00:00
+updated: 2020-03-18T09:47:05+00:00
+```
+
+This is the first post in the Cassandra series, where we will introduce the Cassandra database system and take a look at its features and installation methods.
+
+Other posts in this series:
+
+* [Cassandra: an Introduction](/blog/ribw/cassandra-an-introduction/) (this post)
+
+This post is co-authored wih Classmate.
+
+----------
+
+![NoSQL database – Apache Cassandra – First delivery](cassandra-database-e1584191543401.jpg)
+
+## Purpose of technology 
+
+Apache Cassandra is a **NoSQL**, **open-source**, **distributed “key-value” database**. It allows **large volumes of distributed data**. The main **goal **is provide **linear scalability and availabilitywithout compromising performance**. Besides, Cassandra **supports replication** across multiple datacenters, providing low latency. 
+
+## How it works 
+
+Cassandra’s distributed **architecture **is based on a series of **equal nodes** that communicate with a **P2P protocol** so that **redundancy is maximum**. It offers robust support for multiple datacenters, with **asynchronous replication** without the need for a master server. 
+
+Besides, Cassandra’s **data model consists of partitioning the rows**, which are rearranged into **different tables**. The primary keys of each table have a first component that is the **partition key**. Within a partition, the rows are grouped by the remaining columns of the key. The other columns can be indexed separately from the primary key.
+
+These tables can be **created, deleted, updated and queried****at runtime without blocking** each other. However it does **not support joins or subqueries**, but instead **emphasizes denormalization** through features like collections.
+
+Nowadays, Cassandra uses its own query language called **CQL** (**Cassandra Query Language**), with a **similar syntax to SQL**. It also allows access from **JDBC**.
+
+![](s0GHpggGZXOFcdhypRWV4trU-PkSI6lukEv54pLZnoirh0GlDVAc4LamB1Dy.png)
+_ Cassandra architecture _
+
+## Features 
+
+* **Decentralized**: there are **no single points of failure**, every **node **in the cluster has the **same role** and there is **no master node**, so each node **can service any request**, besides the data is distributed across the cluster.
+* Supports **replication **and multiple replication of **data center**: the replication strategies are **configurable**. 
+* **Scalability: **reading and writing performance increases linearly as new nodes are added, also **new nodes** can be **added without interrupting** application **execution**.
+* **Fault tolerance: data replication** is done **automatically **in several nodes in order to recover from failures. It is possible to **replace failure nodes****without **making** inactivity time or interruptions** to the application.
+* **Consistency: **a choice of consistency level is provided for **reading and writing**.
+* **MapReduce support**: it is **integrated **with **Apache Hadoop** to support MapReduce.
+* **Query language**: it has its own query language called **CQL (Cassandra Query Language) **
+
+## Corner in CAP theorem 
+
+**Apache Cassandra** is usually described as an “**AP**” system because it guarantees **availability** and **partition/fault tolerance**. So it errs on the side of ensuring data availability even if this means **sacrificing consistency**. But, despite this fact, Apache Cassandra **seeks to satisfy all three requirements** (Consistency, Availability and Fault tolerance) simultaneously and can be **configured to behave** like a “**CP**” database, guaranteeing **consistency and partition/fault tolerance**. 
+
+![](rf3n9LTOKCQVbx4qrn7NPSVcRcwE1LxR_khi-9Qc51Hcbg6BHHPu-0GZjUwD.png)
+_Cassandra in CAP Theorem_
+
+## Download
+
+In order to download the file, with extension .tar.gz. you must visit the [download site](https://cassandra.apache.org/download/) and click on the file “[https://ftp.cixug.es/apache/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz](https://ftp.cixug.es/apache/cassandra/3.11.6/apache-cassandra-3.11.6-bin.tar.gz)”. It is important to mention that the previous link is related to the 3.11.6 version.
+
+## Installation 
+
+This database can only be installed on Linux distributions and Mac OS X systems, so, it is not possible to install it on Microsoft Windows.
+
+The first main requirement is having installed Java 8 in **Ubuntu**, the OS that we will use. Therefore, the Java 8 installation is explained below. First open a terminal and execute the next command:
+
+```
+sudo apt update
+sudo apt install openjdk-8-jdk openjdk-8-jre
+```
+
+In order to establish Java as a environment variable it is needed to open the file “/.bashrc”: 
+
+```
+nano ~/.bashrc
+```
+
+And add at the end of it the path where Java is installed, as follows: 
+
+```
+export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64/jre/
+export PATH=$PATH:$JAVA_HOME/bin
+```
+
+ At this point, save the file and execute the next command, note that it does the same effect re-opening the terminal: 
+
+```
+source ~/.bashrc
+```
+
+In order to check if the Java environment variable is set correctly, run the next command: 
+
+```
+echo $JAVA_HOME
+```
+
+![](JUUmX5MIHynJR_K9EdCgKeJcpINeCGRRt2QRu4JLPtRhCVidOhcbWwVTQjyu.png)
+_$JAVAHOME variable_
+
+Afterwards, it is possible to check the installed Java version with the command: 
+
+```
+java -version
+```
+
+![](z9v1-0hpZwjI4U5UZej9cRGN5-Y4AZl0WUPWyQ_-JlzTAIvZtTFPnKY2xMQ_.png)
+_Java version_
+
+The next requirement is having installed the latest version of Python 2.7. This can be checked with the command: 
+
+```
+python --version
+```
+
+If it is not installed, to install it, it is as simple as run the next command in the terminal: 
+
+```
+sudo apt install python
+```
+
+Note: it is better to use “python2” instead of “python” because in that way, you force to user Python 2.7. Modern distributions will use Python 3 for the «python» command.
+
+Therefore, it is possible to check the installed Python version with the command:
+
+```
+python --version
+```
+
+![](Ger5Vw_e1HIK84QgRub-BwGmzIGKasgiYb4jHdfRNRrvG4d6Msp_3Vk62-9i.png)
+_Python version_
+
+Once both requirements are ready, next step is to unzip the file previously downloaded, right click on the file and select “Extract here” or with the next command, on the directory where is the downloaded file. 
+
+```
+tar -zxvf apache-cassandra-x.x.x-bin.tar.gz
+```
+
+In order to check if the installation is completed, you can execute the next command, in the root folder of the project. This will start Cassandra in a single node. 
+
+```
+/bin/cassandra
+```
+
+It is possible to make a get some data from Cassandra with CQL (Cassandra Query Language). To check this execute the next command in another terminal. 
+
+```
+/bin/cqlsh localhost
+```
+
+Once CQL is open, type the next sentence and check the result: 
+
+```
+SELECT cluster_name, listen_address from system.local;
+```
+
+The output should be:
+
+![](miUO60A-RtyEAOOVFJqlkPRC18H4RKUhot6RWzhO9FmtzgTPOYHFtwxqgZEf.png)
+_Sentence output_
+
+Finally, the installation guide provided by the website of the database is attached in this [installation guide](https://cassandra.apache.org/doc/latest/getting_started/installing.html). 
+
+## References 
+
+* [Wikipedia](https://es.wikipedia.org/wiki/Apache_Cassandra)
+* [Apache Cassandra](https://cassandra.apache.org/)
+* [Datastax](https://www.datastax.com/blog/2019/05/how-apache-cassandratm-balances-consistency-availability-and-performance)
+* [yugabyte](https://blog.yugabyte.com/apache-cassandra-architecture-how-it-works-lightweight-transactions/)


          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/cassandra-an-introduction/z9v1-0hpZwjI4U5UZej9cRGN5-Y4AZl0WUPWyQ_-JlzTAIvZtTFPnKY2xMQ_.png
            

          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/developing-a-python-application-for-mongodb/post.md
            
@@ -0,0 +1,698 @@
+```meta
+title: Developing a Python application for MongoDB
+published: 2020-03-25T00:00:04+00:00
+updated: 2020-04-16T08:01:23+00:00
+```
+
+This is the third and last post in the MongoDB series, where we will develop a Python application to process and store OpenData inside Mongo.
+
+Other posts in this series:
+
+* [MongoDB: an Introduction](/blog/ribw/mongodb-an-introduction/)
+* [MongoDB: Basic Operations and Architecture](/blog/ribw/mongodb-basic-operations-and-architecture/)
+* [Developing a Python application for MongoDB](/blog/ribw/developing-a-python-application-for-mongodb/) (this post)
+
+This post is co-authored wih a Classmate.
+
+----------
+
+## What are we making?
+
+We are going to develop a web application that renders a map, in this case, the town of Cáceres, with which users can interact. When the user clicks somewhere on the map, the selected location will be sent to the server to process. This server will perform geospatial queries to Mongo and once the results are ready, the information is presented back at the webpage.
+
+The data used for the application comes from [Cáceres’ OpenData](https://opendata.caceres.es/), and our goal is that users will be able to find information about certain areas in a quick and intuitive way, such as precise coordinates, noise level, and such.
+
+## What are we using?
+
+The web application will be using [Python](https://python.org/) for the backend, [Svelte](https://svelte.dev/) for the frontend, and [Mongo](https://www.mongodb.com/) as our storage database and processing center.
+
+* **Why Python?** It’s a comfortable language to write and to read, and has a great ecosystem with [plenty of libraries](https://pypi.org/).
+* **Why Svelte?** Svelte is the New Thing**™** in the world of component frameworks for JavaScript. It is similar to React or Vue, but compiled and with a lot less boilerplate. Check out their [Svelte post](https://svelte.dev/blog/svelte-3-rethinking-reactivity) to learn more.
+* **Why Mongo?** We believe NoSQL is the right approach for doing the kind of processing and storage that we expect, and it’s [very easy to use](https://docs.mongodb.com/). In addition, we will be making Geospatial Queries which [Mongo supports](https://docs.mongodb.com/manual/geospatial-queries/).
+
+Why didn’t we choose to make a smaller project, you may ask? You will be shocked to hear that we do not have an answer for that!
+
+Note that we will not be embedding **all** the code of the project in this post, or it would be too long! We will include only the relevant snippets needed to understand the core ideas of the project, and not the unnecessary parts of it (for example, parsing configuration files to easily change the port where the server runs is not included).
+
+## Python dependencies
+
+Because we will program it in Python, you need Python installed. You can install it using a package manager of your choice or heading over to the [Python downloads section](https://www.python.org/downloads/), but if you’re on Linux, chances are you have it installed already.
+
+Once Python 3.7 or above is installed, install [`motor` (Asynchronous Python driver for MongoDB)](https://motor.readthedocs.io/en/stable/) and the [`aiohttp` server](https://docs.aiohttp.org/en/stable/web.html) through `pip`:
+
+```
+pip install aiohttp motor
+```
+
+Make sure that Mongo is running in the background (this has been described in previous posts), and we should be able to get to work.
+
+## Web dependencies
+
+To work with Svelte and its dependencies, we will need `[npm](https://www.npmjs.com/)` which comes with [NodeJS](https://nodejs.org/en/), so go and [install Node from their site](https://nodejs.org/en/download/). The download will be different depending on your operating system.
+
+Following [the easiest way to get started with Svelte](https://svelte.dev/blog/the-easiest-way-to-get-started), we will put our project in a `client/` folder (because this is what the clients see, the frontend). Feel free to tinker a bit with the configuration files to change the name and such, although this isn’t relevant for the rest of the post.
+
+## Finding the data
+
+We are going to work with the JSON files provided by [OpenData Cáceres](http://opendata.caceres.es/). In particular, we want information about the noise, census, vias and trees. To save you the time from [searching each of these](http://opendata.caceres.es/dataset), we will automate the download with code.
+
+If you want to save the data offline or just know what data we’ll be using for other purposes though, you can right click on the following links and select «Save Link As…» with the name of the link:
+
+* `[noise.json](http://opendata.caceres.es/GetData/GetData?dataset=om:MedicionRuido&format=json)`
+* `[census.json](http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionPadron&year=2017&format=json)`
+* `[vias.json](http://opendata.caceres.es/GetData/GetData?dataset=om:InformacionPadron&year=2017&format=json)`
+* `[trees.json](http://opendata.caceres.es/GetData/GetData?dataset=om:Arbol&format=json)`
+
+## Backend
+
+It’s time to get started with some code! We will put it in a `server/` folder because it will contain the Python server, that is, the backend of our application.
+
+We are using `aiohttp` because we would like our server to be `async`. We don’t expect a lot of users at the same time, but it’s good to know our server would be well-designed for that use-case. As a bonus, it makes IO points clear in the code, which can help reason about it. The implicit synchronization between `await` is also a nice bonus.
+
+### Saving the data in Mongo
+
+Before running the server, we must ensure that the data we need is already stored and indexed in Mongo. Our `server/data.py` will take care of downloading the files, cleaning them up a little (Cáceres’ OpenData can be a bit awkward sometimes), inserting them into Mongo and indexing them.
+
+Downloading the JSON data can be done with `[ClientSession.get](https://aiohttp.readthedocs.io/en/stable/client_reference.html#aiohttp.ClientSession.get)`. We also take this opportunity to clean up the messy encoding from the JSON, which does not seem to be UTF-8 in some cases.
+
+```
+async def load_json(session, url):
+    fixes = [(old, new.encode('utf-8')) for old, new in [
+        (b'\xc3\x83\\u2018', 'Ñ'),
+        (b'\xc3\x83\\u0081', 'Á'),
+        (b'\xc3\x83\\u2030', 'É'),
+        (b'\xc3\x83\\u008D', 'Í'),
+        (b'\xc3\x83\\u201C', 'Ó'),
+        (b'\xc3\x83\xc5\xa1', 'Ú'),
+        (b'\xc3\x83\xc2\xa1', 'á'),
+    ]]
+
+    async with session.get(url) as resp:
+        data = await resp.read()
+
+    # Yes, this feels inefficient, but it's not really worth improving.
+    for old, new in fixes:
+        data = data.replace(old, new)
+
+    data = data.decode('utf-8')
+    return json.loads(data)
+```
+
+Later on, it can be reused for the various different URLs:
+
+```
+import aiohttp
+
+NOISE_URL = 'http://opendata.caceres.es/GetData/GetData?dataset=om:MedicionRuido&format=json'
+# (...other needed URLs here)
+
+async def insert_to_db(db):
+    async with aiohttp.ClientSession() as session:
+        data = await load_json(session, NOISE_URL)
+        # now we have the JSON data cleaned up, ready to be parsed
+```
+
+### Data model
+
+With the JSON data in our hands, it’s time to parse it. Always remember to [parse, don’t validate](https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/). With [Python 3.7 `dataclasses`](https://docs.python.org/3/library/dataclasses.html) it’s trivial to define classes that will store only the fields we care about, typed, and with proper names:
+
+```
+from dataclasses import dataclass
+
+Longitude = float
+Latitude = float
+
+@dataclass
+class GSON:
+    type: str
+    coordinates: (Longitude, Latitude)
+
+@dataclass
+class Noise:
+    id: int
+    geo: GSON
+    level: float
+```
+
+This makes it really easy to see that, if we have a `Noise`, we can access its `geo` data which is a `GSON` with a `type` and `coordinates`, having `Longitude` and `Latitude` respectively. `dataclasses` and `[typing](https://docs.python.org/3/library/typing.html)` make dealing with this very easy and clear.
+
+Every dataclass will be on its own collection inside Mongo, and these are:
+
+* Noise
+* Integer `id`
+* GeoJSON `geo`
+* String `type`
+* Longitude-latitude pair `coordinates`
+
+* Floating-point number `level`
+
+* Tree
+* String `name`
+* String `gender`
+* Integer `units`
+* Floating-point number `height`
+* Floating-point number `cup_diameter`
+* Floating-point number `trunk_diameter`
+* Optional string `variety`
+* Optional string `distribution`
+* GeoJSON `geo`
+* Optional string `irrigation`
+
+* Census
+* Integer `year`
+* Via `via`
+* String `name`
+* String `kind`
+* Integer `code`
+* Optional string `history`
+* Optional string `old_name`
+* Optional floating-point number `length`
+* Optional GeoJSON `start`
+* GeoJSON `middle`
+* Optional GeoJSON `end`
+* Optional list with geometry pairs `geometry`
+
+* Integer `count`
+* Mapping year-to-count `count_per_year`
+* Mapping gender-to-count `count_per_gender`
+* Mapping nationality-to-count `count_per_nationality`
+* Integer `time_year`
+
+Now, let’s define a method to actually parse the JSON and yield instances from these new data classes:
+
+```
+@classmethod
+def iter_from_json(cls, data):
+    for row in data['results']['bindings']:
+        noise_id = int(row['uri']['value'].split('/')[-1])
+        long = float(row['geo_long']['value'])
+        lat = float(row['geo_lat']['value'])
+        level = float(row['om_nivelRuido']['value'])
+
+        yield cls(
+            id=noise_id,
+            geo=GSON(type='Point', coordinates=[long, lat]),
+            level=level
+        )
+```
+
+Here we iterate over the input JSON `data` bindings and `yield cls` instances with more consistent naming than the original one. We also extract the data from the many unnecessary nested levels of the JSON and have something a lot flatter to work with.
+
+For those of you who don’t know what `yield` does (after all, not everyone is used to seeing generators), here’s two functions that work nearly the same:
+
+```
+def squares_return(n):
+    result = []
+    for i in range(n):
+        result.append(n ** 2)
+    return result
+
+def squares_yield(n):
+    for i in range(n):
+        yield n ** 2
+```
+
+The difference is that the one with `yield` is «lazy» and doesn’t need to do all the work up-front. It will generate (yield) more values as they are needed when you use a `for` loop. Generally, it’s a better idea to create generator functions than do all the work early which may be unnecessary. See [What does the «yield» keyword do?](https://stackoverflow.com/questions/231767/what-does-the-yield-keyword-do) if you still have questions.
+
+With everything parsed, it’s time to insert the data into Mongo. If the data was not present yet (0 documents), then we will download the file, parse it, insert it as documents into the given Mongo `db`, and index it:
+
+```
+from dataclasses import asdict
+
+async def insert_to_db(db):
+    async with aiohttp.ClientSession() as session:
+        if await db.noise.estimated_document_count() == 0:
+            data = await load_json(session, NOISE_URL)
+
+            await db.noise.insert_many(asdict(noise) for noise in Noise.iter_from_json(data))
+            await db.noise.create_index([('geo', '2dsphere')])
+```
+
+We repeat this process for all the other data, and just like that, Mongo is ready to be used in our server.
+
+### Indices
+
+In order to execute our geospatial queries we have to create an index on the attribute that represents the location, because the operators that we will use requires it. This attribute can be a [GeoJSON object](https://docs.mongodb.com/manual/reference/geojson/) or a legacy coordinate pair.
+
+We have decided to use a GeoJSON object because we want to avoid legacy features that may be deprecated in the future.
+
+The attribute is called `geo` for the `Tree` and `Noise` objects and `start`, `middle` or `end` for the `Via` class. In the `Via` we are going to index the attribute `middle` because it is the most representative field for us. Because the `Via` is inside the `Census` and it doesn’t have its own collection, we create the index on the `Census` collection.
+
+The used index type is `2dsphere` because it supports queries that work on geometries on an earth-like sphere. Another option is the `2d` index but it’s not a good fit for our because it is for queries that calculate geometries on a two-dimensional plane.
+
+### Running the server
+
+If we ignore the configuration part of the server creation, our `server.py` file is pretty simple. Its job is to create a [server application](https://aiohttp.readthedocs.io/en/stable/web.html), setup Mongo and return it to the caller so that they can run it:
+
+```
+import asyncio
+import subprocess
+import motor.motor_asyncio
+
+from aiohttp import web
+
+from . import rest, data
+
+def create_app():
+    ret = subprocess.run('npm run build', cwd='../client', shell=True).returncode
+    if ret != 0:
+        exit(ret)
+
+    db = motor.motor_asyncio.AsyncIOMotorClient().opendata
+    loop = asyncio.get_event_loop()
+    loop.run_until_complete(data.insert_to_db(db))
+
+    app = web.Application()
+    app['db'] = db
+
+    app.router.add_routes([
+        web.get('/', lambda r: web.HTTPSeeOther('/index.html')),
+        *rest.ROUTES,
+        web.static('/', os.path.join(config['www']['root'], 'public')),
+    ])
+
+    return app
+```
+
+There’s a bit going on here, but it’s nothing too complex:
+
+* We automatically run `npm run build` on the frontend because it’s very comfortable to have the frontend built automatically before the server runs.
+* We create a Motor client and access the `opendata` database. Into it, we load the data, effectively saving it in Mongo for the server to use.
+* We create the server application and save a reference to the Mongo database in it, so that it can be used later on any endpoint without needing to recreate it.
+* We define the routes of our app: root, REST and static (where the frontend files live). We’ll get to the `rest` part soon.
+Running the server is now simple:
+
+```
+def main():
+    from aiohttp import web
+    from . import server
+
+    app = server.create_app()
+    web.run_app(app)
+
+if __name__ == '__main__':
+    main()
+```
+
+### REST endpoints
+
+The frontend will communicate with the backend via [REST](https://en.wikipedia.org/wiki/Representational_state_transfer) calls, so that it can ask for things like «give me the information associated with this area», and the web server can query the Mongo server to reply with a HTTP response. This little diagram should help:
+
+![](bitmap.png)
+
+What we need to do, then, is define those REST endpoints we mentioned earlier when creating the server. We will process the HTTP request, ask Mongo for the data, and return the HTTP response:
+
+```
+import asyncio
+import pymongo
+
+from aiohttp import web
+
+async def get_area_info(request):
+    try:
+        long = float(request.query['long'])
+        lat = float(request.query['lat'])
+        distance = float(request.query['distance'])
+    except KeyError as e:
+        raise web.HTTPBadRequest(reason=f'a required parameter was missing: {e.args[0]}')
+    except ValueError:
+        raise web.HTTPBadRequest(reason='one of the parameters was not a valid float')
+
+    geo_avg_noise_pipeline = [{
+        '$geoNear': {
+            'near' : {'type': 'Point', 'coordinates': [long, lat]},
+            'maxDistance': distance,
+            'minDistance': 0,
+            'spherical' : 'true',
+            'distanceField' : 'distance'
+        }
+    }]
+
+    db = request.app['db']
+
+    try:
+        noise_count, sum_noise, avg_noise = 0, 0, 0
+        async for item in db.noise.aggregate(geo_avg_noise_pipeline):
+            noise_count += 1
+            sum_noise += item['level']
+
+        if noise_count != 0:
+            avg_noise = sum_noise / noise_count
+        else:
+            avg_noise = None
+
+    except pymongo.errors.ConnectionFailure:
+        raise web.HTTPServiceUnavailable(reason='no connection to database')
+
+    return web.json_response({
+        'tree_count': tree_count,
+        'trees_per_type': [[k, v] for k, v in trees_per_type.items()],
+        'census_count': census_count,
+        'avg_noise': avg_noise,
+    })
+
+ROUTES = [
+    web.get('/rest/get-area-info', get_area_info)
+]
+```
+
+In this code, we’re only showing how to return the average noise because that’s the simplest we can do. The real code also fetches tree count, tree count per type, and census count.
+
+Again, there’s quite a bit to go through, so let’s go step by step:
+
+* We parse the frontend’s `request.query` into `float` that we can use. In particular, the frontend is asking us for information at a certain latitude, longitude, and distance. If the query is malformed, we return a proper error.
+* We create our query for Mongo outside, just so it’s clearer to read.
+* We access the database reference we stored earlier when creating the server with `request.app['db']`. Handy!
+* We try to query Mongo. It may fail if the Mongo server is not running, so we should handle that and tell the client what’s happening. If it succeeds though, we will gather information about the average noise.
+* We return a `json_response` with Mongo results for the frontend to present to the user.
+You may have noticed we defined a `ROUTES` list at the bottom. This will make it easier to expand in the future, and the server creation won’t need to change anything in its code, because it’s already unpacking all the routes we define here.
+
+### Geospatial queries
+
+In order to retrieve the information from Mongo database we have defined two geospatial queries:
+
+```
+geo_query = {
+    '$nearSphere' : {
+        '$geometry': {
+            'type': 'Point',
+            'coordinates': [long, lat]
+         },
+        '$maxDistance': distance,
+        '$minDistance': 0
+    }
+}
+```
+
+This query uses [the operator `$nearSphere`](https://docs.mongodb.com/manual/reference/operator/query/nearSphere/#op._S_nearSphere) which return geospatial objects in proximity to a point on a sphere.
+
+The sphere point is represented by the `$geometry` operator where it is specified the type of geometry and the coordinates (given by the HTTP request).
+
+The maximum and minimum distance are represented by `$maxDistance` and `$minDistance` respectively. We specify that the maximum distance is the radio selected by the user.
+
+```
+geo_avg_noise_pipeline = [{
+    '$geoNear': {
+        'near' : {'type': 'Point', 'coordinates': [long, lat]},
+        'maxDistance': distance,
+        'minDistance': 0,
+        'spherical' : 'true',
+        'distanceField' : 'distance'
+    }
+}]
+```
+
+This query uses the [aggregation pipeline](https://docs.mongodb.com/manual/core/aggregation-pipeline/) stage [`$geoNear`](https://docs.mongodb.com/manual/reference/operator/aggregation/geoNear/#pipe._S_geoNear) which returns an ordered stream of documents based on the proximity to a geospatial point. The output documents include an additional distance field.
+
+The `near` field is mandatory and is the point for which to find the closest documents. In this field it is specified the type of geometry and the coordinates (given by the HTTP request).
+
+The `distanceField` field is also mandatory and is the output field that will contain the calculated distance. In this case we’ve just called it `distance`.
+
+Some other fields are `maxDistance` that indicates the maximum allowed distance from the center of the point, `minDistance` for the minimum distance, and `spherical` which tells MongoDB how to calculate the distance between two points.
+
+We specify the maximum distance as the radio selected by the user in the frontend.
+
+## Frontend
+
+As said earlier, our frontend will use Svelte. We already downloaded the template, so we can start developing. For some, this is the most fun part, because they can finally see and interact with some of the results. But for this interaction to work, we needed a functional backend which we now have!
+
+### REST queries
+
+The frontend has to query the server to get any meaningful data to show on the page. The [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) does not throw an exception if the server doesn’t respond with HTTP OK, but we would like one if things go wrong, so that we can handle them gracefully. The first we’ll do is define our own exception [which is not pretty](https://stackoverflow.com/a/27724419):
+
+```
+function NetworkError(message, status) {
+    var instance = new Error(message);
+    instance.name = 'NetworkError';
+    instance.status = status;
+    Object.setPrototypeOf(instance, Object.getPrototypeOf(this));
+    if (Error.captureStackTrace) {
+        Error.captureStackTrace(instance, NetworkError);
+    }
+    return instance;
+}
+
+NetworkError.prototype = Object.create(Error.prototype, {
+    constructor: {
+        value: Error,
+        enumerable: false,
+        writable: true,
+        configurable: true
+    }
+});
+Object.setPrototypeOf(NetworkError, Error);
+```
+
+But hey, now we have a proper and reusable `NetworkError`! Next, let’s make a proper and reusabe `query` function that deals with `fetch` for us:
+
+```
+async function query(endpoint) {
+    const res = await fetch(endpoint, {
+        // if we ever use cookies, this is important
+        credentials: 'include'
+    });
+    if (res.ok) {
+        return await res.json();
+    } else {
+        throw new NetworkError(await res.text(), res.status);
+    }
+}
+```
+
+At last, we can query our web server. The export here tells Svelte that this function should be visible to outer modules (public) as opposed to being private:
+
+```
+export function get_area_info(long, lat, distance) {
+    return query(`/rest/get-area-info?long=${long}&lat=${lat}&distance=${distance}`);
+}
+```
+
+The attentive reader will have noticed that `query` is `async`, but `get_area_info` is not. This is intentional, because we don’t need to `await` for anything inside of it. We can just return the `[Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)` that `query` created and let the caller `await` it as they see fit. The `await` here would have been redundant.
+
+For those of you who don’t know what a JavaScript promise is, think of it as an object that represents «an eventual result». The result may not be there yet, but we promised it will be present in the future, and we can `await` for it. You can also find the same concept in other languages like Python under a different name, such as [`Future`](https://docs.python.org/3/library/asyncio-future.html#asyncio.Future).
+
+### Map component
+
+In Svelte, we can define self-contained components that are issolated from the rest. This makes it really easy to create a modular application. Think of a Svelte component as your own HTML tag, which you can customize however you want, building upon the already-existing components HTML has to offer.
+
+The main thing that our map needs to do is render the map as an image and overlay the selection area as the user hovers the map with their mouse. We could render the image in the canvas itself, but instead we’ll use the HTML `<img>` tag for that and put a transparent `<canvas>` on top with some CSS. This should make it cheaper and easier to render things on the canvas.
+
+The `Map` component will thus render as the user moves the mouse over it, and produce an event when they click so that whatever component is using a `Map` knows that it was clicked. Here’s the final CSS and HTML:
+
+```
+<style>
+div {
+    position: relative;
+}
+canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+    cursor: crosshair;
+}
+</style>
+
+<div>
+    <img bind:this={img} on:load={handleLoad} {height} src="caceres-municipality.svg" alt="Cáceres (municipality)"/>
+    <canvas
+        bind:this={canvas}
+        on:mousemove={handleMove}
+        on:wheel={handleWheel}
+        on:mouseup={handleClick}/>
+</div>
+```
+
+We hardcode a map source here, but ideally this would be provided by the server. The project is already complex enough, so we tried to avoid more complexity than necessary.
+
+We bind the tags to some variables declared in the JavaScript code of the component, along with some functions and parameters to let the users of `Map` customize it just a little.
+
+Here’s the gist of the JavaScript code:
+
+```
+<script>
+    import { createEventDispatcher, onMount } from 'svelte';
+
+    export let height = 200;
+
+    const dispatch = createEventDispatcher();
+
+    let img;
+    let canvas;
+
+    const LONG_WEST = -6.426881;
+    const LONG_EAST = -6.354143;
+    const LAT_NORTH = 39.500064;
+    const LAT_SOUTH = 39.443201;
+
+    let x = 0;
+    let y = 0;
+    let clickInfo = null; // [x, y, radius]
+    let radiusDelta = 0.005 * height;
+    let maxRadius = 0.2 * height;
+    let minRadius = 0.01 * height;
+    let radius = 0.05 * height;
+
+    function handleLoad() {
+        canvas.width = img.width;
+        canvas.height = img.height;
+    }
+
+    function handleMove(event) {
+        const { left, top } = this.getBoundingClientRect();
+        x = Math.round(event.clientX - left);
+        y = Math.round(event.clientY - top);
+    }
+
+    function handleWheel(event) {
+        if (event.deltaY < 0) {
+            if (radius < maxRadius) {
+                radius += radiusDelta;
+            }
+        } else {
+            if (radius > minRadius) {
+                radius -= radiusDelta;
+            }
+        }
+        event.preventDefault();
+    }
+
+    function handleClick(event) {
+        dispatch('click', {
+            // the real code here maps the x/y/radius values to the right range, here omitted
+            x: ...,
+            y: ...,
+            radius: ...,
+        });
+    }
+
+    onMount(() => {
+        const ctx = canvas.getContext('2d');
+        let frame;
+
+        (function loop() {
+            frame = requestAnimationFrame(loop);
+
+            // the real code renders mouse area/selection, here omitted for brevity
+            ...
+        }());
+
+        return () => {
+            cancelAnimationFrame(frame);
+        };
+    });
+</script>
+```
+
+Let’s go through bit-by-bit:
+
+* We define a few variables and constants for later use in the final code.
+* We define the handlers to react to mouse movement and clicks. On click, we dispatch an event to outer components.
+* We setup the render loop with animation frames, and cancel the current frame appropriatedly if the component disappears.
+
+### App component
+
+Time to put everything together! We wil include our function to make REST queries along with our `Map` component to render things on screen.
+
+```
+<script>
+    import Map from './Map.svelte';
+    import { get_area_info } from './rest.js'
+    let selection = null;
+    let area_info_promise = null;
+    function handleMapSelection(event) {
+        selection = event.detail;
+        area_info_promise = get_area_info(selection.x, selection.y, selection.radius);
+    }
+    function format_avg_noise(avg_noise) {
+        if (avg_noise === null) {
+            return '(no data)';
+        } else {
+            return `${avg_noise.toFixed(2)} dB`;
+        }
+    }
+</script>
+
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-3" style="max-width: 300em;">
+            <div class="text-center">
+                <h1>Caceres Data Consultory</h1>
+            </div>
+            <Map height={400} on:click={handleMapSelection}/>
+            <div class="text-center mt-4">
+                {#if selection === null}
+                        <p class="m-1 p-3 border border-bottom-0 bg-info text-white">Click on the map to select the area you wish to see details for.</p>
+                {:else}
+                        <h2 class="bg-dark text-white">Selected area</h2>
+                        <p><b>Coordinates:</b> ({selection.x}, {selection.y})</p>
+                        <p><b>Radius:</b> {selection.radius} meters</p>
+                {/if}
+            </div>
+        </div>
+        <div class="col-sm-4">
+            <div class="row">
+            {#if area_info_promise !== null}
+                {#await area_info_promise}
+                    <p>Fetching area information…</p>
+                {:then area_info}
+                    <div class="col">
+                        <div class="text-center">
+                            <h2 class="m-1 bg-dark text-white">Area information</h2>
+                            <ul class="list-unstyled">
+                                <li>There are <b>{area_info.tree_count} trees </b> within the area</li>
+                                <li>The <b>average noise</b> is <b>{format_avg_noise(area_info.avg_noise)}</b></li>
+                                <li>There are <b>{area_info.census_count} persons </b> within the area</li>
+                            </ul>
+                        </div>
+                        {#if area_info.trees_per_type.length > 0} 
+                            <div class="text-center">
+                                <h2 class="m-1 bg-dark text-white">Tree count per type</h2>
+                            </div>
+                            <ul class="list-group">
+                                {#each area_info.trees_per_type as [type, count]}
+                                    <li class="list-group-item">{type} <span class="badge badge-dark float-right">{count}</span></li>
+                                {/each}
+                            </ul>
+                        {/if}
+                    </div>
+                {:catch error}
+                    <p>Failed to fetch area information: {error.message}</p>
+                {/await}
+            {/if}
+            </div>
+        </div>
+    </div>
+</div>
+```
+
+* We import the `Map` component and REST function so we can use them.
+* We define a listener for the events that the `Map` produces. Such event will trigger a REST call to the server and save the result in a promise used later.
+* We’re using Bootstrap for the layout because it’s a lot easier. In the body we add our `Map` and another column to show the selection information.
+* We make use of Svelte’s `{#await}` to nicely notify the user when the call is being made, when it was successful, and when it failed. If it’s successful, we display the info.
+
+## Results
+
+Lo and behold, watch our application run!
+
+<video controls="controls" src="sr-2020-04-14_09-28-25.mp4"></video>
+
+In this video you can see our application running, but let’s describe what is happening in more detail.
+
+When the application starts running (by opening it in your web browser of choice), you can see a map with the town of Cáceres. Then you, the user, can click to retrieve the information within the selected area.
+
+It is important to note that one can make the selection area larger or smaller by trying to scroll up or down, respectively.
+
+Once an area is selected, it is colored green in order to let the user know which area they have selected. Under the map, the selected coordinates and the radius (in meters) is also shown for the curious. At the right side the information concerning the selected area is shown, such as the number of trees, the average noise and the number of persons. If there are trees in the area, the application also displays the trees per type, sorted by the number of trees.
+
+## Download
+
+We hope you enjoyed reading this post as much as we enjoyed writing it! Feel free to download the final project and play around with it. Maybe you can adapt it for even more interesting purposes!
+
+*download removed*
+
+To run the above code:
+
+1. Unzip the downloaded file.
+2. Make a copy of `example-server-config.ini` and rename it to `server-config.ini`, then edit the file to suit your needs.
+3. Run the server with `python -m server`.
+4. Open [localhost:9000](http://localhost:9000) in your web browser (or whatever port you chose) and enjoy!


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/final-nosql-evaluation/post.md
            
@@ -0,0 +1,29 @@
+```meta
+title: Privado: Final NoSQL evaluation
+published: 2020-05-13T00:00:00+00:00
+updated: 2020-05-14T07:30:08+00:00
+```
+
+This evaluation is a bit different to my [previous one](/blog/ribw/16/nosql-evaluation/) because this time I have been tasked to evaluate the student `a(i - 2)`, and because I am `a = 9` that happens to be `a(7) =` Classmate.
+
+Unfortunately for Classmate, the only entry related to NoSQL I have found in their blog is Prima y segunda Actividad: Base de datos NoSQL which does not develop an application as requested for the third entry (as of 14th of May).
+
+This means that, instead, I will evaluate `a(i - 3)` which happens to be `a(6) =` Classmate and they do have an entry.
+
+## Classmate’s Evaluation
+
+**Grading: B.**
+
+The post I have evaluated is BB.DD. NoSQL RethinkDB 3ª Fase. Aplicación.
+
+It starts with an introduction, properly explaining what database they have chosen and why, but not what application they will be making.
+
+This is detailed just below in the next section, although it’s a bit vague.
+
+The next section talks about the Python dependencies that are required, but they never said they would be making a Python application or that we need to install Python!
+
+The next section talks about the file structure of the project, and they detail what everything part does, although I have missed some code snippets.
+
+The final result is pretty cool and contains many interesting graphs, they provide a download to the source code and list all the relevant references used.
+
+Except for a weird «necesario falta» in the text, it’s otherwise well-written, although given the issues above I cannot grade it with the highest score.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/googles-bigtable/post.md
            
@@ -0,0 +1,41 @@
+```meta
+title: Google’s BigTable
+published: 2020-04-01T00:00:00+00:00
+updated: 2020-04-03T09:30:05+00:00
+```
+
+Let’s talk about BigTable, and why it is what it is. But before we get into that, let’s see some important aspects anybody should consider when dealing with a lot of data (something BigTable does!).
+
+## The basics
+
+Converting a text document into a different format is often a great way to greatly speed up scanning of it in the future. It allows for efficient searches.
+
+In addition, you generally want to store everything in a single, giant file. This will save a lot of time opening and closing files, because everything is in the same file! One proposal to make this happen is [Web TREC](https://trec.nist.gov/file_help.html) (see also the [Wikipedia page on TREC](https://en.wikipedia.org/wiki/Text_Retrieval_Conference)), which is basically HTML but every document is properly delimited from one another.
+
+Because we will have a lot of data, it’s often a good idea to compress it. Most text consists of the same words, over and over again. Classic compression techniques such as `DEFLATE` or `LZW` do an excellent job here.
+
+## So what’s BigTable?
+
+Okay, enough of an introduction to the basics on storing data. BigTable is what Google uses to store documents, and it’s a customized approach to save, search and update web pages.
+
+BigTable is is a distributed storage system for managing structured data, able to scale to petabytes of data across thousands of commodity servers, with wide applicability, scalability, high performance, and high availability.
+
+In a way, it’s kind of like databases and shares many implementation strategies with them, like parallel databases, or main-memory databases, but of course, with a different schema.
+
+It consists of a big table known as the «Root tablet», with pointers to many other «tablets» (or metadata in between). These are stored in a replicated filesystem accessible by all BigTable servers. Any change to a tablet gets logged (said log also gets stored in a replicated filesystem).
+
+If any of the tablets servers gets locked, a different one can take its place, read the log and deal with the problem.
+
+There’s no query language, transactions occur at row-level only. Every read or write in a row is atomic. Each row stores a single web page, and by combining the row and column keys along with a timestamp, it is possible to retrieve a single cell in the row. More formally, it’s a map that looks like this:
+
+```
+fetch(row: string, column: string, time: int64) -> string
+```
+
+A row may have as many columns as it needs, and these column groups are the same for everyone (but the columns themselves may vary), which is importan to reduce disk read time.
+
+Rows are split in different tablets based on the row keys, which simplifies determining an appropriated server for them. The keys can be up to 64KB big, although most commonly they range 10-100 bytes.
+
+## Conclusions
+
+BigTable is Google’s way to deal with large amounts of data on many of their services, and the ideas behind it are not too complex to understand.


          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/how-does-googles-search-engine-work/post.md
            
@@ -0,0 +1,284 @@
+```meta
+title: How does Google’s Search Engine work?
+published: 2020-03-18T01:00:00+00:00
+updated: 2020-03-28T10:17:09+00:00
+```
+
+The original implementation was written in C/++ for Linux/Solaris.
+
+There are three major components in the system’s anatomy, which can be thought as steps to be performed for Google to be what it is today.
+
+![](image-1024x649.png)
+
+But before we talk about the different components, let’s take a look at how they store all of this information.
+
+## Data structures
+
+A «BigFile» is a virtual file addressable by 64 bits.
+
+There exists a repository with the full HTML of every page compressed, along with a document identifier, length and URL.
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    sync
+   </td>
+   <td>
+    length
+   </td>
+   <td>
+    compressed packet
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+The Document Index has the document identifier, a pointer into the repository, a checksum and various other statistics.
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    doc id
+   </td>
+   <td>
+    ecode
+   </td>
+   <td>
+    url len
+   </td>
+   <td>
+    page len
+   </td>
+   <td>
+    url
+   </td>
+   <td>
+    page
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+A Lexicon stores the repository of words, implemented with a hashtable over pointers linking to the barrels (sorted linked lists) of the Inverted Index.
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    word id
+   </td>
+   <td>
+    n docs
+   </td>
+  </tr>
+  <tr>
+   <td>
+    word id
+   </td>
+   <td>
+    n docs
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+The Hit Lists store occurences of a word in a document.
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    <strong>
+     plain
+    </strong>
+   </td>
+   <td>
+    cap: 1
+   </td>
+   <td>
+    imp: 3
+   </td>
+   <td>
+    pos: 12
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     fancy
+    </strong>
+   </td>
+   <td>
+    cap: 1
+   </td>
+   <td>
+    imp: 7
+   </td>
+   <td>
+    type: 4
+   </td>
+   <td>
+    pos: 8
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <strong>
+     anchor
+    </strong>
+   </td>
+   <td>
+    cap: 1
+   </td>
+   <td>
+    imp: 7
+   </td>
+   <td>
+    type: 4
+   </td>
+   <td>
+    hash: 4
+   </td>
+   <td>
+    pos: 8
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+The Forward Index is a barrel with a range of word identifiers (document identifier and list of word identifiers).
+
+<table class="">
+ <tbody>
+  <tr>
+   <td rowspan="3">
+    doc id
+   </td>
+   <td>
+    word id: 24
+   </td>
+   <td>
+    n hits: 8
+   </td>
+   <td>
+    hit hit hit hit hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    word id: 24
+   </td>
+   <td>
+    n hits: 8
+   </td>
+   <td>
+    hit hit hit hit hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    null word id
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+The Inverted Index can be sorted by either document identifier or by ranking of word occurence.
+
+<table class="">
+ <tbody>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 5
+   </td>
+   <td>
+    hit hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 3
+   </td>
+   <td>
+    hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 4
+   </td>
+   <td>
+    hit hit hit hit
+   </td>
+  </tr>
+  <tr>
+   <td>
+    doc id: 23
+   </td>
+   <td>
+    n hits: 2
+   </td>
+   <td>
+    hit hit
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+Back in 1998, Google compressed its repository to 53GB and had 24 million pages. The indices, lexicon, and other temporary storage required about 55GB.
+
+## Crawling
+
+The crawling must be reliable, fast and robust, and also respect the decision of some authors not wanting their pages crawled. Originally, it took a week or more, so simultaneous execution became a must.
+
+Back in 1998, Google had between 3 and 4 crawlers running at 100 web pages per second maximum. These were implemented in Python.
+
+The crawled pages need parsing to deal with typos or formatting issues.
+
+## Indexing
+
+Indexing is about putting the pages into barrels, converting words into word identifiers, and occurences into hit lists.
+
+Once indexing is done, sorting of the barrels happens to have them ordered by word identifier, producing the inverted index. This process also had to be done in parallel over many machines, or would otherwise have been too slow.
+
+## Searching
+
+We need to find quality results efficiently. Plenty of weights are considered nowadays, but at its heart, PageRank is used. It is the algorithm they use to map the web, which is formally defined as follows:
+
+![](8e1e61b119e107fcb4bdd7e78f649985.png)
+_PR(A) = (1-d) + d(PR(T1)/C(T1) + … + PR(Tn)/C(Tn))_
+
+Where:
+
+* `A` is a given page
+* `T<sub>n</sub>` are pages that point to A
+* `d` is the damping factor in the range `[0, 1]` (often 0.85)
+* `C(A)` is the number of links going out of page `A`
+* `PR(A)` is the page rank of page `A`
+This formula indicates the probability that a random surfer visits a certain page, and `1 - d` is used to indicate when it will «get bored» and stop surfing. More intuitively, the page rank of a page will grow as more pages link to it, or the few that link to it have high page rank.
+
+The anchor text in the links also help provide a better description and helps indexing for even better results.
+
+While searching, the concern is disk I/O which takes up most of the time. Caching is very important to improve performance up to 30 times.
+
+Now, in order to turn user queries into something we can search, we must parse the query and convert the words into word identifiers.
+
+## Conclusion
+
+Google is designed to be a efficient, scalable, high-quality search engine. There are still bottlenecks in CPU, memory, disk speed and network I/O, but major data structures are used to make efficient use of the resources.
+
+## References
+
+* [The anatomy of a large-scale hypertextual Web search engine](https://snap.stanford.edu/class/cs224w-readings/Brin98Anatomy.pdf)
+* [The Anatomy of a Large-Scale Hypertextual Web Search Engine (slides)](https://www.site.uottawa.ca/~diana/csi4107/Google_SearchEngine.pdf)


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/index.md
            
@@ -0,0 +1,7 @@
+# Information Retrieval and Web Search
+
+During 2020 at university, this subject ("Recuperación de la Información y Búsqueda en la Web")
+had us write blog posts as assignments. I think it would be really fun and I wanted to preserve
+that work here, with the hopes it's interesting to someone.
+
+The posts were auto-generated from the original HTML files and manually anonymized later.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/integrating-apache-tika-into-our-crawler/post.md
            
@@ -0,0 +1,39 @@
+```meta
+title: Integrating Apache Tika into our Crawler
+published: 2020-03-18T00:00:00+00:00
+updated: 2020-03-25T17:38:07+00:00
+```
+
+[In our last crawler post](/blog/ribw/upgrading-our-baby-crawler/), we detailed how our crawler worked, and although it did a fine job, it’s time for some extra upgrading.
+
+## What kind of upgrades?
+
+A small but useful one. We are adding support for file types that contain text but cannot be processed by normal text editors because they are structured and not just plain text (such as PDF files, Excel, Word documents…).
+
+And for this task, we will make use of the help offered by [Tika](https://tika.apache.org/), our friendly Apache tool.
+
+## What is Tika?
+
+[Tika](https://tika.apache.org/) is a set of libraries offered by [The Apache Software Foundation](https://en.wikipedia.org/wiki/The_Apache_Software_Foundation) that we can include in our project in order to extract the text and metadata of files from a [long list of supported formats](https://tika.apache.org/1.24/formats.html).
+
+## Changes in the code
+
+Not much has changed in the structure of the crawler, we simply have added a new method in `Utils` that uses the class `Tika` from the previously mentioned library so as to process and extract the text of more filetypes.
+
+Then, we use this text just like we would for our standard text file (checking the thesaurus and adding it to the word map) and voilà! We have just added support for a big range of file types.
+
+## Incorporating Gradle
+
+In order for the previous code to work, we need to make use of external libraries. To make this process easier and because the project is growing, we decided to use [Gradle](https://gradle.org/), a build system that can be used for projects in various programming languages, such as Java.
+
+We followed their [guide to Building Java Applications](https://guides.gradle.org/building-java-applications/), and in a few steps added the required `.gradle` files. Now we can compile and run the code without having to worry about juggling with Java and external dependencies in a single command:
+
+```
+./gradlew run
+```
+
+## Download
+
+And here you can download the final result:
+
+*download removed*


          

          

        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/introduction-to-hadoop-and-its-mapreduce/post.md
            
@@ -0,0 +1,76 @@
+```meta
+title: Introduction to Hadoop and its MapReduce
+published: 2020-04-01T01:00:00+00:00
+updated: 2020-04-03T08:43:44+00:00
+```
+
+Hadoop is an open-source, free, Java-based programming framework that helps processing large datasets in a distributed environment and the problems that arise when trying to harness the knowledge from BigData, capable of running on thousands of nodes and dealing with petabytes of data. It is based on Google File System (GFS) and originated from the work on the Nutch open-source project on search engines.
+
+Hadoop also offers a distributed filesystem (HDFS) enabling for fast transfer among nodes, and a way to program with MapReduce.
+
+It aims to strive for the 4 V’s: Volume, Variety, Veracity and Velocity. For veracity, it is a secure environment that can be trusted.
+
+## Milestones
+
+The creators of Hadoop are Doug Cutting and Mike Cafarella, who just wanted to design a search engine, Nutch, and quickly found the problems of dealing with large amounts of data. They found their solution with the papers Google published.
+
+The name comes from the plush of Cutting’s child, a yellow elephant.
+
+* In July 2005, Nutch used GFS to perform MapReduce operations.
+* In February 2006, Nutch started a Lucene subproject which led to Hadoop.
+* In April 2007, Yahoo used Hadoop in a 1 000-node cluster.
+* In January 2008, Apache took over and made Hadoop a top-level project.
+* In July 2008, Apache tested a 4000-node cluster. The performance was the fastest compared to other technologies that year.
+* In May 2009, Hadoop sorted a petabyte of data in 17 hours.
+* In December 2011, Hadoop reached 1.0.
+* In May 2012, Hadoop 2.0 was released with the addition of YARN (Yet Another Resource Navigator) on top of HDFS, splitting MapReduce and other processes into separate components, greatly improving the fault tolerance.
+
+From here onwards, many other alternatives have born, like Spark, Hive & Drill, Kafka, HBase, built around the Hadoop ecosystem.
+
+As of 2017, Amazon has clusters between 1 and 100 nodes, Yahoo has over 100 000 CPUs running Hadoop, AOL has clusters with 50 machines, and Facebook has a 320-machine (2 560 cores) and 1.3PB of raw storage.
+
+## Why not use RDBMS?
+
+Relational database management systems simply cannot scale horizontally, and vertical scaling will require very expensive servers. Similar to RDBMS, Hadoop has a notion of jobs (analogous to transactions), but without ACID or concurrency control. Hadoop supports any form of data (unstructured or semi-structured) in read-only mode, and failures are common but there’s a simple yet efficient fault tolerance.
+
+So what problems does Hadoop solve? It solves the way we should think about problems, and distributing them, which is key to do anything related with BigData nowadays. We start working with clusters of nodes, and coordinating the jobs between them. Hadoop’s API makes this really easy.
+
+Hadoop also takes very seriously the loss of data with replication, and if a node falls, they are moved to a different node.
+
+## Major components
+
+The previously-mentioned HDFS runs on commodity machine, which are cost-friendly. It is very fault-tolerant and efficient enough to process huge amounts of data, because it splits large files into smaller chunks (or blocks) that can be more easily handled. Multiple nodes can work on multiple chunks at the same time.
+
+NameNode stores the metadata of the various datablocks (map of blocks) along with their location. It is the brain and the master in Hadoop’s master-slave architecture, also known as the namespace, and makes use of the DataNode.
+
+A secondary NameNode is a replica that can be used if the first NameNode dies, so that Hadoop doesn’t shutdown and can restart.
+
+DataNode stores the blocks of data, and are the slaves in the architecture. This data is split into one or more files. Their only job is to manage this access to the data. They are often distributed among racks to avoid data lose.
+
+JobTracker creates and schedules jobs from the clients for either map or reduce operations.
+
+TaskTracker runs MapReduce tasks assigned to the current data node.
+
+When clients need data, they first interact with the NameNode and replies with the location of the data in the correct DataNode. Client proceeds with interaction with the DataNode.
+
+## MapReduce
+
+MapReduce, as the name implies, is split into two steps: the map and the reduce. The map stage is the «divide and conquer» strategy, while the reduce part is about combining and reducing the results.
+
+The mapper has to process the input data (normally a file or directory), commonly line-by-line, and produce one or more outputs. The reducer uses all the results from the mapper as its input to produce a new output file itself.
+
+![](bitmap.png)
+
+When reading the data, some may be junk that we can choose to ignore. If it is valid data, however, we label it with a particular type that can be useful for the upcoming process. Hadoop is responsible for splitting the data accross the many nodes available to execute this process in parallel.
+
+There is another part to MapReduce, known as the Shuffle-and-Sort. In this part, types or categories from one node get moved to a different node. This happens with all nodes, so that every node can work on a complete category. These categories are known as «keys», and allows Hadoop to scale linearly.
+
+## References
+
+* [YouTube – Hadoop Tutorial For Beginners | What Is Hadoop? | Hadoop Tutorial | Hadoop Training | Simplilearn](https://youtu.be/oT7kczq5A-0)
+* [YouTube – Learn MapReduce with Playing Cards](https://youtu.be/bcjSe0xCHbE)
+* [YouTube – Video Post #2: Hadoop para torpes (I)-¿Qué es y para qué sirve?](https://youtu.be/j8ehT1_G5AY?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi)
+* [Video Post #3: Hadoop para torpes (II)-¿Cómo funciona? HDFS y MapReduce](https://youtu.be/NQ8mjVPCDvk?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi)
+* [Apache Hadoop Releases](https://hadoop.apache.org/old/releases.html)
+* [Video Post #4: Hadoop para torpes (III y fin)- Ecosistema y distribuciones](https://youtu.be/20qWx2KYqYg?list=PLi4tp-TF_qjM_ed4lIzn03w7OnEh0D8Xi)
+* [Chapter 2 – Hadoop: The Definitive Guide, Fourth Edition](http://www.hadoopbook.com/) ([pdf,](http://grut-computing.com/HadoopBook.pdf)[code](http://www.hadoopbook.com/code.html))


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/introduction-to-nosql/post.md
            
@@ -0,0 +1,83 @@
+```meta
+title: Introduction to NoSQL
+published: 2020-02-25T01:00:15+00:00
+updated: 2020-03-18T09:38:23+00:00
+```
+
+This post will primarly focus on the talk held in the [GOTO 2012 conference: Introduction to NoSQL by Martin Fowler](https://youtu.be/qI_g07C_Q5I). It can be seen as an informal, summarized transcript of the talk
+
+----------
+
+The relational database model is affected by the _[impedance mismatch problem](https://en.wikipedia.org/wiki/Object-relational_impedance_mismatch)_. This occurs because we have to match our high-level design with the separate columns and rows used by relational databases.
+
+Taking the in-memory objects and putting them into a relational database (which were dominant at the time) simply didn’t work out. Why? Relational databases were more than just databases, they served as a an integration mechanism across applications, up to the 2000s. For 20 years!
+
+With the rise of the Internet and the sheer amount of traffic, databases needed to scale. Unfortunately, relational databases only scale well vertically (by upgrading a _single_ node). This is _very_ expensive, and not something many could afford.
+
+The problem are those pesky `JOIN`‘s, and its friends `GROUP BY`. Because our program and reality model don’t match the tables used by SQL, we have to rely on them to query the data. It is because the model doesn’t map directly.
+
+Furthermore, graphs don’t map very well at all to relational models.
+
+We needed a way to scale horizontally (by increasing the _amount_ of nodes), something relational databases were not designed to do.
+
+> _We need to do something different, relational across nodes is an unnatural act_
+
+This inspired the NoSQL movement.
+
+> _#nosql was only meant to be a hashtag to advertise it, but unfortunately it’s how it is called now_
+
+It is not possible to define NoSQL, but we can identify some of its characteristics:
+
+* Non-relational
+* **Cluster-friendly** (this was the original spark)
+* Open-source (until now, generally)
+* 21st century web culture
+* Schema-less (easier integration or conjugation of several models, structure aggregation)
+These databases use different data models to those used by the relational model. However, it is possible to identify 4 broad chunks (some may say 3, or even 2!):
+
+* **Key-value store**. With a certain key, you obtain the value corresponding to it. It knows nothing else, nor does it care. We say the data is opaque.
+* **Document-based**. It stores an entire mass of documents with complex structure, normally through the use of JSON (XML has been left behind). Then, you can ask for certain fields, structures, or portions. We say the data is transparent.
+* **Column-family**. There is a «row key», and within it we store multiple «column families» (columns that fit together, our aggregate). We access by row-key and column-family name.
+All of these kind of serve to store documents without any _explicit_ schema. Just shove in anything! This gives a lot of flexibility and ease of migration, except… that’s not really true. There’s an _implicit_ schema when querying.
+
+For example, a query where we may do `anOrder['price'] * anOrder['quantity']` is assuming that `anOrder` has both a `price` and a `quantity`, and that both of these can be multiplied together. «Schema-less» is a fuzzy term.
+
+However, it is the lack of a _fixed_ schema that gives flexibility.
+
+One could argue that the line between key-value and document-based is very fuzzy, and they would be right! Key-value databases often let you include additional metadata that behaves like an index, and in document-based, documents often have an identifier anyway.
+
+The common notion between these three types is what matters. They save an entire structure as an _unit_. We can refer to these as «Aggregate Oriented Databases». Aggregate, because we group things when designing or modeling our systems, as opposed to relational databases that scatter the information across many tables.
+
+There exists a notable outlier, though, and that’s:
+
+* **Graph** databases. They use a node-and-arc graph structure. They are great for moving on relationships across things. Ironically, relational databases are not very good at jumping across relationships! It is possibly to perform very interesting queries in graph databases which would be really hard and costly on relational models. Unlike the aggregated databases, graphs break things into even smaller units.
+NoSQL is not _the_ solution. It depends on how you’ll work with your data. Do you need an aggregate database? Will you have a lot of relationships? Or would the relational model be good fit for you?
+
+NoSQL, however, is a good fit for large-scale projects (data will _always_ grow) and faster development (the impedance mismatch is drastically reduced).
+
+Regardless of our choice, it is important to remember that NoSQL is a young technology, which is still evolving really fast (SQL has been stable for _decades_). But the _polyglot persistence_ is what matters. One must know the alternatives, and be able to choose.
+
+----------
+
+Relational databases have the well-known ACID properties: Atomicity, Consistency, Isolation and Durability.
+
+NoSQL (except graph-based!) are about being BASE instead: Basically Available, Soft state, Eventual consistency.
+
+SQL needs transactions because we don’t want to perform a read while we’re only half-way done with a write! The readers and writers are the problem, and ensuring consistency results in a performance hit, even if the risk is low (two writers are extremely rare but it still must be handled).
+
+NoSQL on the other hand doesn’t need ACID because the aggregate _is_ the transaction boundary. Even before NoSQL itself existed! Any update is atomic by nature. When updating many documents it _is_ a problem, but this is very rare.
+
+We have to distinguish between logical and replication consistency. During an update and if a conflict occurs, it must be resolved to preserve the logical consistency. Replication consistency on the other hand is preserveed when distributing the data across many machines, for example during sharding or copies.
+
+Replication buys us more processing power and resillence (at the cost of more storage) in case some of the nodes die. But what happens if what dies is the communication across the nodes? We could drop the requests and preserve the consistency, or accept the risk to continue and instead preserve the availability.
+
+The choice on whether trading consistency for availability is acceptable or not depends on the domain rules. It is the domain’s choice, the business people will choose. If you’re Amazon, you always want to be able to sell, but if you’re a bank, you probably don’t want your clients to have negative numbers in their account!
+
+Regardless of what we do, in a distributed system, the CAP theorem always applies: Consistecy, Availability, Partitioning-tolerancy (error tolerancy). It is **impossible** to guarantee all 3 at 100%. Most of the times, it does work, but it is mathematically impossible to guarantee at 100%.
+
+A database has to choose what to give up at some point. When designing a distributed system, this must be considered. Normally, the choice is made between consistency or response time.
+
+## Further reading
+
+* [The future is: ~~NoSQL Databases~~ Polyglot Persistence](https://www.martinfowler.com/articles/nosql-intro-original.pdf)
+* [NoSQL Databases: An Overview](https://www.thoughtworks.com/insights/blog/nosql-databases-overview)


          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/mongodb-an-introduction/post.md
            
@@ -0,0 +1,117 @@
+```meta
+title: MongoDB: an Introduction
+published: 2020-03-05T01:00:06+00:00
+updated: 2020-04-08T17:38:22+00:00
+```
+
+This is the first post in the MongoDB series, where we will introduce the MongoDB database system and take a look at its features and installation methods.
+
+Other posts in this series:
+
+* [MongoDB: an Introduction](/blog/ribw/mongodb-an-introduction/) (this post)
+* [MongoDB: Basic Operations and Architecture](/blog/ribw/mongodb-basic-operations-and-architecture/)
+* [Developing a Python application for MongoDB](/blog/ribw/developing-a-python-application-for-mongodb/)
+
+This post is co-authored wih Classmate.
+
+----------
+
+![NoSQL database – MongoDB – First delivery](mongodb.png)
+
+## Purpose of technology 
+
+MongoDB is a **general purpose, document-based, distributed database** built for modern application developers and for the cloud era, with the scalability and flexibility that you want with the querying and indexing that you need. It being a document database means it stores data in JSON-like documents.
+
+The Mongo team believes this is the most natural way to think about data, which is (they claim) much more expressive and powerful than the traditional row/column model, since programmers think in objects.
+
+## How it works 
+
+MongoDB’s architecture can be summarized as follows:
+
+* Document data model.
+* Distributed systems design.
+* Unified experience with freedom to run it anywhere.
+
+For a more in-depth explanation, MongoDB offers a [download to the MongoDB Architecture Guide](https://www.mongodb.com/collateral/mongodb-architecture-guide) with roughly ten pages worth of text.
+
+![](knGHenfTGA4kzJb1PHmS9EQvtZl2QlhbIPN15M38m8fZfZf7ODwYfhf0Tltr.png)
+_ Overview of MongoDB’s architecture_
+
+Regarding usage, MongoDB comes with a really nice introduction along with JavaScript, Python, Java, C++ or C# code at our choice, which describes the steps necessary to make it work. Below we will describe a common workflow.
+
+First, we must **connect** to a running MongoDB instance. Once the connection succeeds, we can access individual «collections», which we can think of as _tables_ where collections of data is stored.
+
+For instance, we could **insert** an arbitrary JSON document into the `restaurants` collection to store information about a restaurant.
+
+At any other point in time, we can **query** these collections. The queries range from trivial, empty ones (which would retrieve all the documents and fields) to more rich and complex queries (for instance, using AND and OR operators, checking if data exists, and then looking for a value in a list).
+
+MongoDB also supports the creation of **indices**, similar to those in other database systems. It allows for the creation of indices on any field or subfields.
+
+In Mongo, the **aggregation pipeline** allows us to filter and analyze data based on a given set of criteria. For example, we could pull all the documents in the `restaurants` collection that have a `category` of `Bakery` using the `$match` operator. Then, we can group them by their star rating using the `$group` operator. Using the accumulator operator, `$sum`, we can see how many bakeries in our collection have each star rating.
+
+## Features 
+
+The features can be seen all over the place in their site, because it’s something they make a lot of emphasis on:
+
+* **Easy development**, thanks to the document data model, something they claim to be «the best way to work with data».
+* Data is stored in flexible JSON-like documents.
+* This model directly maps to the objects in the application’s code.
+* Ad hoc queries, indexing, and real time aggregation provide powerful ways to access and analyze the data.
+
+* **Powerful query language**, with a rich and expressive query language that allows filtering and sorting by any field, no matter how nested it may be within a document. The queries are themselves JSON, and thus easily composable.
+* **Support for aggregations** and other modern use-cases such as geo-based search, graph search, and text search.
+* **A distributed systems design**, which allows developers to intelligently put data where they want it. High availability, horizontal scaling, and geographic distribution are built in and easy to use.
+* **A unified experience** with the freedom to run anywhere, which allows developers to future-proof their work and eliminate vendor lock-in.
+
+## Corner in CAP theorem 
+
+MongoDB’s position in the CAP theorem (Consistency, Availability, Partition Tolerance) depends on the database and driver configurations, and the type of disaster.
+
+* With **no partitions**, the main focus is **CA**.
+* If there are **partitions **but the system is **strongly connected**, the main focus is **AP**: non-synchronized writes from the old primary are ignored.
+* If there are **partitions** but the system is **not strongly connected**, the main focus is **CP**: only read access is provided to avoid inconsistencies.
+The general consensus seems to be that Mongo is **CP**.
+
+## Download
+
+We will be using the apt-based installation.
+
+The Community version can be downloaded by anyone through [MongoDB Download Center](https://www.mongodb.com/download-center/community), where one can choose the version, Operating System and Package.MongoDB also seems to be [available in Ubuntu’s PPAs](https://packages.ubuntu.com/eoan/mongodb). 
+
+## Installation 
+
+We will be using an Ubuntu-based system, with apt available. To install MongoDB, we open a terminal and run the following command:
+
+```
+apt install mongodb
+```
+
+After confirming that we do indeed want to install the package, we should be able to run the following command to verify that the installation was successful:
+
+```
+mongod --version
+```
+
+The output should be similar to the following: 
+
+```
+db version v4.0.16
+git version: 2a5433168a53044cb6b4fa8083e4cfd7ba142221
+OpenSSL version: OpenSSL 1.1.1  11 Sep 2018
+allocator: tcmalloc
+modules: none
+build environment:
+	distmod: ubuntu1804
+	distarch: x86_64
+	target_arch: x86_64
+```
+
+## References 
+
+* [MongoDB’s official site](https://www.mongodb.com/)
+* [What is MongoDB?](https://www.mongodb.com/what-is-mongodb)
+* [MongoDB Architecture](https://www.mongodb.com/mongodb-architecture)
+* [Where does mongodb stand in the CAP theorem?](https://stackoverflow.com/q/11292215/4759433)
+* [What is the CAP Theorem? MongoDB vs Cassandra vs RDBMS, where do they stand in the CAP theorem?](https://medium.com/@bikas.katwal10/mongodb-vs-cassandra-vs-rdbms-where-do-they-stand-in-the-cap-theorem-1bae779a7a15)
+* [Why doesn’t MongoDB have availability in the CAP theorem?](https://www.quora.com/Why-doesnt-MongoDB-have-availability-in-the-CAP-theorem)
+* [Install MongoDB](https://docs.mongodb.com/manual/installation/)


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/mongodb-basic-operations-and-architecture/post.md
            
@@ -0,0 +1,378 @@
+```meta
+title: MongoDB: Basic Operations and Architecture
+published: 2020-03-05T04:00:08+00:00
+updated: 2020-04-08T17:36:25+00:00
+```
+
+This is the second post in the MongoDB series, where we will take a look at the [CRUD operations](https://stackify.com/what-are-crud-operations/) they support, the data model and architecture used.
+
+Other posts in this series:
+
+* [MongoDB: an Introduction](/blog/ribw/mongodb-an-introduction/)
+* [MongoDB: Basic Operations and Architecture](/blog/ribw/mongodb-basic-operations-and-architecture/) (this post)
+* [Developing a Python application for MongoDB](/blog/ribw/developing-a-python-application-for-mongodb/)
+
+This post is co-authored wih Classmate, and in it we will take an explorative approach using the `mongo` command line shell to execute commands against the database. It even has TAB auto-completion, which is awesome!
+
+----------
+
+Before creating any documents, we first need to create somewhere for the documents to be in. And before we create anything, the database has to be running, so let’s do that first. If we don’t have a service installed, we can run the `mongod` command ourselves in some local folder to make things easier:
+
+```
+$ mkdir -p mongo-database
+$ mongod --dbpath mongo-database
+```
+
+Just like that, we will have Mongo running. Now, let’s connect to it using the `mongo` command in another terminal (don’t close the terminal where the server is running, we need it!). By default, it connects to localhost, which is just what we need.
+
+```
+$ mongo
+```
+
+## Create
+
+### Create a database
+
+Let’s list the databases:
+
+```
+> show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+```
+
+Oh, how interesting! There’s already some databases, even though we just created the directory where Mongo will store everything. However, they seem empty, which make sense.
+
+Creating a new database is done by `use`-ing a name that doesn’t exist. Let’s call our new database «helloworld».
+
+```
+> use helloworld
+switched to db helloworld
+```
+
+Good! Now the «local variable» called `db` points to our `helloworld` database.
+
+```
+> db
+helloworld
+```
+
+What happens if we print the databases again? Surely our new database will show up now…
+
+```
+> show databases
+admin   0.000GB
+config  0.000GB
+local   0.000GB
+```
+
+…maybe not! It seems Mongo won’t create the database until we create some collections and documents in it. Databases contain collections, and inside collections (which you can think of as tables) we can insert new documents (which you can think of as rows). Like in many programming languages, the dot operator is used to access these «members».
+
+### Create a document
+
+Let’s add a new greeting into the `greetings` collection:
+
+```
+> db.greetings.insert({message: "¡Bienvenido!", lang: "es"})
+WriteResult({ "nInserted" : 1 })
+
+> show collections
+greetings
+
+> show databases
+admin       0.000GB
+config      0.000GB
+helloworld  0.000GB
+local       0.000GB
+```
+
+That looks promising! We can also see our new `helloworld` database also shows up. The Mongo shell actually works on JavaScript-like code, which is why we can use a variant of JSON (BSON) to insert documents (note the lack of quotes around the keys, convenient!).
+
+The [`insert`](https://docs.mongodb.com/manual/reference/method/db.collection.insert/index.html) method actually supports a list of documents, and by default Mongo will assign a unique identifier to each. If we don’t want that though, all we have to do is add the `_id` key to our documents.
+
+```
+> db.greetings.insert([
+... {message: "Welcome!", lang: "en"},
+... {message: "Bonjour!", lang: "fr"},
+... ])
+BulkWriteResult({
+    "writeErrors" : [ ],
+    "writeConcernErrors" : [ ],
+    "nInserted" : 2,
+    "nUpserted" : 0,
+    "nMatched" : 0,
+    "nModified" : 0,
+    "nRemoved" : 0,
+    "upserted" : [ ]
+})
+```
+
+### Create a collection
+
+In this example, we created the collection `greetings` implicitly, but behind the scenes Mongo made a call to [`createCollection`](https://docs.mongodb.com/manual/reference/method/db.createCollection/). Let’s do just that:
+
+```
+> db.createCollection("goodbyes")
+{ "ok" : 1 }
+
+> show collections
+goodbyes
+greetings
+```
+
+The method actually has a default parameter to configure other options, like the maximum size of the collection or maximum amount of documents in it, validation-related options, and so on. These are all described in more details in the documentation.
+
+## Read
+
+To read the contents of a document, we have to [`find`](https://docs.mongodb.com/manual/reference/method/db.collection.find/index.html) it.
+
+```
+> db.greetings.find()
+{ "_id" : ObjectId("5e74829a0659f802b15f18dd"), "message" : "¡Bienvenido!", "lang" : "es" }
+{ "_id" : ObjectId("5e7487b90659f802b15f18de"), "message" : "Welcome!", "lang" : "en" }
+{ "_id" : ObjectId("5e7487b90659f802b15f18df"), "message" : "Bonjour!", "lang" : "fr" }
+```
+
+That’s a bit unreadable for my taste, can we make it more [`pretty`](https://docs.mongodb.com/manual/reference/method/cursor.pretty/index.html)?
+
+```
+> db.greetings.find().pretty()
+{
+    "_id" : ObjectId("5e74829a0659f802b15f18dd"),
+    "message" : "¡Bienvenido!",
+    "lang" : "es"
+}
+{
+    "_id" : ObjectId("5e7487b90659f802b15f18de"),
+    "message" : "Welcome!",
+    "lang" : "en"
+}
+{
+    "_id" : ObjectId("5e7487b90659f802b15f18df"),
+    "message" : "Bonjour!",
+    "lang" : "fr"
+}
+```
+
+Gorgeous! We can clearly see Mongo created an identifier for us automatically. The queries are also JSON, and support a bunch of operators (prefixed by `$`), known as [Query Selectors](https://docs.mongodb.com/manual/reference/operator/query/). Here’s a few:
+
+<table>
+ <thead>
+  <tr>
+   <th>
+    Operation
+   </th>
+   <th>
+    Syntax
+   </th>
+   <th>
+    RDBMS equivalent
+   </th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    Equals
+   </td>
+   <td>
+    <code>
+     {key: {$eq: value}}
+    </code>
+    <br/>
+    Shorthand:
+    <code>
+     {key: value}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key = value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Less Than
+   </td>
+   <td>
+    <code>
+     {key: {$lte: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &lt; value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Less Than or Equal
+   </td>
+   <td>
+    <code>
+     {key: {$lt: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &lt;= value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Greater Than
+   </td>
+   <td>
+    <code>
+     {key: {$gt: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &gt; value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Greater Than or Equal
+   </td>
+   <td>
+    <code>
+     {key: {$gte: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key &gt;= value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Not Equal
+   </td>
+   <td>
+    <code>
+     {key: {$ne: value}}
+    </code>
+   </td>
+   <td>
+    <code>
+     where key != value
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    And
+   </td>
+   <td>
+    <code>
+     {$and: [{k1: v1}, {k2: v2}]}
+    </code>
+   </td>
+   <td>
+    <code>
+     where k1 = v1 and k2 = v2
+    </code>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    Or
+   </td>
+   <td>
+    <code>
+     {$or: [{k1: v1}, {k2: v2}]}
+    </code>
+   </td>
+   <td>
+    <code>
+     where k1 = v1 or k2 = v2
+    </code>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+The operations all do what you would expect them to do, and their names are really intuitive. Aggregating operations with `$and` or `$or` can be done anywhere in the query, nested any level deep.
+
+## Update
+
+Updating a document can be done by using [`save`](https://docs.mongodb.com/manual/reference/method/db.collection.save/index.html) on an already-existing document (that is, the document we want to save has `_id` and it’s in the collection already). If the document is not in the collection yet, this method will create it.
+
+```
+> db.greetings.save({_id: ObjectId("5e74829a0659f802b15f18dd"), message: "¡Bienvenido, humano!", "lang" : "es"})
+WriteResult({ "nMatched" : 1, "nUpserted" : 0, "nModified" : 1 })
+
+> db.greetings.find({lang: "es"})
+{ "_id" : ObjectId("5e74829a0659f802b15f18dd"), "message" : "¡Bienvenido, humano!", "lang" : "es" }
+```
+
+Alternatively, the [`update`](https://docs.mongodb.com/manual/reference/method/db.collection.update/index.html) method takes a query and new value.
+
+```
+> db.greetings.update({lang: "en"}, {$set: {message: "Welcome, human!"}})
+WriteResult({ "nMatched" : 1, "nUpserted" : 0, "nModified" : 1 })
+
+> db.greetings.find({lang: "en"})
+{ "_id" : ObjectId("5e7487b90659f802b15f18de"), "message" : "Welcome, human!", "lang" : "en" }
+```
+
+## Indexing
+
+Creating an index is done with [`createIndex`](https://docs.mongodb.com/manual/reference/method/db.collection.createIndex/index.html):
+
+```
+> db.greetings.createIndex({lang: +1})
+{
+    "createdCollectionAutomatically" : false,
+    "numIndexesBefore" : 1,
+    "numIndexesAfter" : 2,
+    "ok" : 1
+}
+```
+
+Here, we create an ascending index on the lang key. Descending order is done with `-1`. Now a query for `lang` in our three documents will be fast… well maybe iteration over three documents was faster than an index.
+
+## Delete
+
+### Delete a document
+
+I have to confess, I can’t talk French. I learnt it long ago and it’s long forgotten, so let’s remove the translation I copied online from our greetings with [`remove`](https://docs.mongodb.com/manual/reference/method/db.collection.remove/index.html).
+
+```
+> db.greetings.remove({lang: "fr"})
+WriteResult({ "nRemoved" : 1 })
+```
+
+### Delete a collection
+
+We never really used the `goodbyes` collection. Can we get rid of that?
+
+```
+> db.goodbyes.drop()
+true
+```
+
+Yes, it is `true` that we can [`drop`](https://docs.mongodb.com/manual/reference/method/db.collection.drop/index.html) it.
+
+### Delete a database
+
+Now, I will be honest, I don’t really like our `greetings` database either. It stinks. Let’s get rid of it as well:
+
+```
+> db.dropDatabase()
+{ "dropped" : "helloworld", "ok" : 1 }
+```
+
+Yeah, take that! The [`dropDatabase`](https://docs.mongodb.com/manual/reference/method/db.dropDatabase/) can be used to drop databases.
+
+## References
+
+The examples in this post are all fictional, and the methods that could be used where taken from Classmate’s post, and of course [Mongo’s documentation](https://docs.mongodb.com/manual/reference/method/).


          

          

        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/nosql-databases-basic-operations-and-architecture/post.md
            
@@ -0,0 +1,427 @@
+```meta
+title: Cassandra: Basic Operations and Architecture
+published: 2020-03-05T02:00:36+00:00
+updated: 2020-03-24T17:57:05+00:00
+```
+
+This is the second post in the NoSQL Databases series, with a brief description on the basic operations (such as insertion, retrieval, indexing…), and complete execution along with the data model / architecture.
+
+Other posts in this series:
+
+* [Cassandra: an Introduction](/blog/ribw/nosql-databases-an-introduction/)
+* [Cassandra: Basic Operations and Architecture](/blog/ribw/nosql-databases-basic-operations-and-architecture/) (this post)
+
+----------
+
+Cassandra uses it own Query Language for managing the databases, it is known as **CQL **(**Cassandra Query Language**). Cassandra stores data in **_tables_**, as in relational databases, and these tables are grouped in **_keyspaces_**. A keyspace defines a number of options that applies to all the tables it contains. The most used option is the **replication strategy. **It is recommended to have only one keyspace by application.
+
+It is important to mention that **tables and keyspaces** are** case insensitive**, so myTable is equivalent to mytable, but it is possible to **force case sensitivity** using **double-quotes**.
+
+To begin with the basic operations it is necessary to deploy Cassandra:
+
+1. Open a terminal in the root of the Apache Cassandra folder downloaded in the previous post.
+2. Run the command:
+
+```
+$ bin/cassandra
+```
+
+Once Cassandra is deployed, it is time to open a** CQL Shell**, in **other terminal**, with the command: 
+
+```
+$ bin/cqlsh
+```
+
+It is possible to check if Cassandra is deployed if the SQL Shell prints the next message:
+
+![](uwqQgQte-cuYb_pePFOuY58re23kngrDKNgL1qz4yOfnBDZkqMIH3fFuCrye.png)
+_CQL Shell_
+
+## Create/Insert 
+
+### DDL (Data Definition Language) 
+
+#### Create keyspace 
+
+A keyspace is created using a **CREATE KEYSPACE **statement:
+
+```
+$ **CREATE** KEYSPACE [ **IF** **NOT** **EXISTS** ] keyspace_name **WITH** options;
+```
+
+The supported “**options**” are:
+
+* “**replication**”: this is **mandatory **and defines the **replication strategy** and the **replication factor** (the number of nodes that will have a copy of the data). Within this option there is a property called “**class**” in which the **replication strategy** is specified (“SimpleStrategy” or “NetworkTopologyStrategy”)
+* “**durable_writes**”: this is **not mandatory** and it is possible to use the **commit logs for updates**.
+Attempting to create an already existing keyspace will return an error unless the **IF NOT EXISTS **directive is used. 
+
+The example associated to this statement is create a keyspace with name “test_keyspace” with “SimpleStrategy” as “class” of replication and a “replication_factor” of 3.
+
+```
+**CREATE** KEYSPACE test_keyspace
+    **WITH** **replication** = {'class': 'SimpleStrategy',
+                        'replication_factor' : 3};
+```
+
+The **USE **statement allows to **change** the current **keyspace**. The syntax of this statement is very simple: 
+
+```
+**USE** keyspace_name;
+```
+
+![](RDWIG2RwvEevUFQv6TGFtGzRm4_9ERpxPf0feriflaj3alvWw3FEIAr_ZdF1.png)
+_USE statement_
+
+It is also possible to get the metadata from a keyspace with the **DESCRIBE **statement.
+
+```
+**DESCRIBE** KEYSPACES | KEYSPACE keyspace_name;
+```
+
+#### Create table 
+
+Creating a new table uses the **CREATE TABLE **statement:
+
+```
+**CREATE** **TABLE** [ **IF** **NOT** **EXISTS** ] table_name
+    '('
+        column_definition
+        ( ',' column_definition )*
+        [ ',' **PRIMARY** **KEY** '(' primary_key ')' ]
+    ')' [ **WITH** table_options ];
+```
+
+With “column_definition” as: column_name cql_type [ STATIC ] [ PRIMARY KEY]; “primary_key” as: partition_key [ ‘,’ clustering_columns ]; and “table_options” as: COMPACT STORAGE [ AND table_options ] or CLUSTERING ORDER BY ‘(‘ clustering_order ‘)’ [ AND table_options ] or “options”.
+
+Attempting to create an already existing table will return an error unless the **IF NOT EXISTS** directive is used.
+
+The **CQL types** are described in the References section.
+
+For example, we are going to create a table called “species_table” in the keyspace “test_keyspace” in which we will have a “species” text (as PRIMARY KEY), a “common_name” text, a “population” varint, a “average_size” int and a “sex” text. Besides, we are going to add a comment to the table: “Some species records”;
+
+```
+**CREATE** **TABLE** species_table (
+    species text **PRIMARY** **KEY**,
+    common_name text,
+    population varint,
+    average_size **int**,
+    sex text,
+) **WITH** **comment**='Some species records';
+```
+
+It is also possible to get the metadata from a table with the **DESCRIBE **statement.
+
+```
+**DESCRIBE** **TABLES** | **TABLE** [keyspace_name.]table_name;
+```
+
+### DML (Data Manipulation Language)
+
+#### Insert data
+
+Inserting data for a row is done using an **INSERT **statement:
+
+```
+**INSERT** **INTO** table_name ( names_values | json_clause )
+                      [ **IF** **NOT** **EXISTS** ]
+                      [ **USING** update_parameter ( **AND** update_parameter )* ];
+```
+
+Where “names_values” is: names VALUES tuple_literal; “json_clause” is: JSON string [ DEFAULT ( NULL | UNSET ) ]; and “update_parameter” is usually: TTL.
+
+For example we are going to use both VALUES and JSON clauses to insert data in the table “species_table”. In the VALUES clause it is necessary to supply the list of columns, not as in the JSON clause that is optional.
+
+Note: TTL (Time To Live) and Timestamp are metrics for expiring data, so, when the time set is passed, the operation is expired.
+
+In the VALUES clause we are going to insert a new specie called “White monkey”, with an average size of 3, its common name is “Copito de nieve”, population 0 and sex “male”.
+
+```
+**INSERT** **INTO** species_table (species, common_name, population, average_size, sex)
+                **VALUES** ('White monkey', 'Copito de nieve', 0, 3, 'male');
+```
+
+In the JSON clause we are going to insert a new specie called “Cloned sheep”, with an average size of 1, its common name is “Dolly the sheep”, population 0 and sex “female”.
+
+```
+**INSERT** **INTO** species_table JSON '{"species": "Cloned Sheep",
+                              "common_name": "Dolly the Sheep",
+                              "average_size":1,
+                              "population":0,
+                              "sex": "female"}';
+```
+
+Note: all updates for an **INSERT **are applied **atomically **and in **isolation.**
+
+## Read
+
+Querying data from data is done using a **SELECT **statement:
+
+```
+**SELECT** [ JSON | **DISTINCT** ] ( select_clause | '*' )
+                      **FROM** table_name
+                      [ **WHERE** where_clause ]
+                      [ **GROUP** **BY** group_by_clause ]
+                      [ **ORDER** **BY** ordering_clause ]
+                      [ PER **PARTITION** **LIMIT** (**integer** | bind_marker) ]
+                      [ **LIMIT** (**integer** | bind_marker) ]
+                      [ ALLOW FILTERING ];
+```
+
+The **CQL SELECT **statement is very **similar **to the **SQL SELECT **statement due to the fact that both allows filtering (**WHERE**), grouping data (**GROUP BY**), ordering the data (**ORDER BY**) and limit the number of data (**LIMIT**). Besides, **CQL offers **a **limit per partition **and allow the **filtering **of **data**.
+
+Note: as in SQL it it possible to set alias to the data with the statement **AS.**
+
+For example we are going to retrieve all the information about those values from the tables “species_table” which “sex” is “male”. Allow filtering is mandatory when there is a WHERE statement.
+
+```
+**SELECT** * **FROM** species_table **WHERE** sex = 'male' ALLOW FILTERING;
+```
+
+![](s6GrKIGATvOSD7oGRNScUU5RnLN_-3X1JXvnVi_wDT_hrmPMZdnCdBI8DpIJ.png)
+_SELECT statement_
+
+Furthermore, we are going to test the SELECT JSON statement. For this, we are going to retrieve only the species name with a population of 0. 
+
+```
+**SELECT** JSON species **FROM** species_table **WHERE** population = 0 ALLOW FILTERING;
+```
+
+![](Up_eHlqKQp2RI5XIbgPOvj1B5J3gLxz7v7EI0NDRgezQTipecdfDT6AQoso0.png)
+_SELECT JSON statement_
+
+## Update 
+
+### DDL (Data Definition Language)
+
+#### Alter keyspace 
+
+The statement **ALTER KEYSPACE **allows to modify the options of a keyspace:
+
+```
+**ALTER** KEYSPACE keyspace_name **WITH** options;
+```
+
+Note: the supported **options **are the same than for creating a keyspace, “**replication**” and “**durable_writes**”.
+
+The example associated to this statement is to modify the keyspace with name “test_keyspace” and set a “replication_factor” of 4.
+
+```
+**ALTER** KEYSPACE test_keyspace
+    **WITH** **replication** = {'class': 'SimpleStrategy', 'replication_factor' : 4};
+```
+
+#### Alter table
+
+Altering an existing table uses the **ALTER TABLE **statement:
+
+```
+**ALTER** **TABLE** table_name alter_table_instruction;
+```
+
+Where “alter_table_instruction” can be: ADD column_name cql_type ( ‘,’ column_name cql_type )*; or DROP column_name ( column_name )*; or WITH options
+
+The example associated to this statement is to ADD a new column to the table “species_table”, called “extinct” with type “boolean”.
+
+```
+**ALTER** **TABLE** species_table **ADD** extinct **boolean**;
+```
+
+Another example is to DROP the column called “sex” from the table “species_table”.
+
+```
+**ALTER** **TABLE** species_table **DROP** sex;
+```
+
+ Finally, alter the comment with the WITH clause and set the comment to “All species records”. 
+
+```
+**ALTER** **TABLE** species_table **WITH** **comment**='All species records';
+```
+
+These changes can be checked with the **DESCRIBE **statement:
+
+```
+**DESCRIBE** **TABLE** species_table;
+```
+
+![](xebKPqkWkn97YVHpRVXZYWvRUfeRUyCH-vPDs67aFaEeU53YTRbDOFscOlAr.png)
+_DESCRIBE table_
+
+### DML (Data Manipulation Language)
+
+#### Update data
+
+Updating a row is done using an **UPDATE **statement:
+
+```
+**UPDATE** table_name
+[ **USING** update_parameter ( **AND** update_parameter )* ]
+**SET** assignment ( ',' assignment )*
+**WHERE** where_clause
+[ **IF** ( **EXISTS** | condition ( **AND** condition )*) ];
+```
+
+Where the update_parameter is: ( TIMESTAMP | TTL) (integer | bind_marker)
+
+It is important to mention that the **WHERE **clause is used to select the row to update and **must **include ** all columns** composing the **PRIMARY KEY.**
+
+We are going to test this statement updating the column “extinct” to true to the column with name ‘White monkey’.
+
+```
+**UPDATE** species_table **SET** extinct = **true** **WHERE** species='White monkey';
+```
+
+![](IcaCe6VEC5c0ZQIygz-CiclzFyt491u7xPMg2muJLR8grmqaiUzkoQsVCoHf.png)
+_SELECT statement_
+
+## Delete
+
+### DDL (Data Definition Language)
+
+#### Drop keyspace
+
+Dropping a keyspace can be done using the **DROP KEYSPACE **statement:
+
+```
+**DROP** KEYSPACE [ **IF** **EXISTS** ] keyspace_name;
+```
+
+For example, drop the keyspace called “test_keyspace_2” if it exists:
+
+```
+**DROP** KEYSPACE **IF** **EXISTS** test_keyspace_2;
+```
+
+As this keyspace does not exists, this sentence will do nothing.
+
+#### Drop table
+
+Dropping a table uses the **DROP TABLE **statement:
+
+```
+**DROP** **TABLE** [ **IF** **EXISTS** ] table_name;
+```
+
+ For example, drop the table called “species_2” if it exists: 
+
+```
+**DROP** **TABLE** **IF** **EXISTS** species_2;
+```
+
+As this table does not exists, this sentence will do nothing.
+
+#### Truncate (table)
+
+A table can be truncated using the **TRUNCATE **statement:
+
+```
+**TRUNCATE** [ **TABLE** ] table_name;
+```
+
+Do not execute this command now, because if you do it, you will need to insert the previous data again.
+
+Note: as tables are the only object that can be truncated the keyword TABLE can be omitted.
+
+![](FOkhfpxlWFQCzcdfeWxLTy7wx5inDv0xwVeVhE79Pqtk3yYzWsZJnz_SBhUi.png)
+_TRUNCATE statement_
+
+### DML (Data Manipulation Language)
+
+#### Delete data
+
+Deleting rows or parts of rows uses the **DELETE **statement:
+
+```
+**DELETE** [ simple_selection ( ',' simple_selection ) ]
+                      **FROM** table_name
+                      [ **USING** update_parameter ( **AND** update_parameter )* ]
+                      **WHERE** where_clause
+                      [ **IF** ( **EXISTS** | condition ( **AND** condition )*) ]
+```
+
+Now we are going to delete the value of the column “average_size” from “Cloned Sheep”. 
+
+```
+**DELETE** average_size **FROM** species_table **WHERE** species = 'Cloned Sheep';
+```
+
+![](CyuQokVL5J9TAelq-WEWhNl6kFtbIYs0R1AeU5NX4EkG-YQI81mNHdnf2yWN.png)
+_DELETE value statement_
+
+And we are going to delete the same row as mentioned before. 
+
+```
+**DELETE** **FROM** species_table **WHERE** species = 'Cloned Sheep';
+```
+
+![](jvQ5cXJ5GTVQ6giVhBEpPJmrJw-zwKKyB9nsTm5PRcGSTzkmh-WO4kTeuLpB.png)
+_DELETE row statement_
+
+## Batch
+
+Multiple **INSERT**, **UPDATE **and **DELETE **can be executed in a **single statement** by grouping them through a **BATCH **statement.
+
+```
+**BEGIN** [ UNLOGGED | COUNTER ] BATCH
+                            [ **USING** update_parameter ( **AND** update_parameter )* ]
+                            modification_statement ( ';' modification_statement )*
+                            APPLY BATCH;
+```
+
+Where modification_statement can be a insert_statement or an update_statement or a delete_statement.
+
+* **UNLOGGED **means that either all operations in a batch eventually complete or none will.
+* **COUNTER** means that the updates are not idempotent, so each time we execute the updates in a batch, we will have different results.
+For example:
+
+```
+**BEGIN** BATCH
+   **INSERT** **INTO** species_table (species, common_name, population, average_size, extinct)
+                **VALUES** ('Blue Shark', 'Tiburillo', 30, 10, **false**);
+   **INSERT** **INTO** species_table (species, common_name, population, average_size, extinct)
+                **VALUES** ('Cloned sheep', 'Dolly the Sheep', 1, 1, **true**);
+   **UPDATE** species_table **SET** population = 2 **WHERE** species='Cloned sheep';
+   **DELETE** **FROM** species_table **WHERE** species =  'White monkey';
+APPLY BATCH;
+```
+
+![](EL9Dac26o0FqkVoeAKmopEKQe0wWq-xYI14b9RzGxtUkFJA3i2eTiR6qkuuJ.png)
+_BATCH statement_
+
+## Index
+
+CQL support creating secondary indexes on tables, allowing queries on the table to use those indexes. 
+
+**Creating **a secondary index on a table uses the **CREATE INDEX **statement:
+
+```
+**CREATE** [ CUSTOM ] **INDEX** [ **IF** **NOT** **EXISTS** ] [ index_name ]
+                                **ON** table_name '(' index_identifier ')'
+                                [ **USING** string [ **WITH** OPTIONS = map_literal ] ];
+```
+
+For example we are going to create a index called “population_idx” that is related to the column “population” in the table “species_table”.
+
+```
+**CREATE** **INDEX** population_idx **ON** species_table (population);
+```
+
+**Dropping **a secondary index uses the **DROP INDEX** statement: 
+
+```
+**DROP** **INDEX** [ **IF** **EXISTS** ] index_name;
+```
+
+Now, we are going to drop the previous index: 
+
+```
+**DROP** **INDEX** **IF** **EXISTS** population_idx;
+```
+
+## References
+
+* [Cassandra CQL](https://cassandra.apache.org/doc/latest/cql/ddl.html)
+* [Differences between DML and DDL](https://techdifferences.com/difference-between-ddl-and-dml-in-dbms.html)
+* [Datastax CQL](https://docs.datastax.com/en/dse/5.1/cql/cql/cql_reference/cqlReferenceTOC.html)
+* [Cassandra CQL Types](https://cassandra.apache.org/doc/latest/cql/types.html#grammar-token-cql-type)
+* [Cassandra Index](https://cassandra.apache.org/doc/latest/cql/indexes.html)


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/nosql-databases-basic-operations-and-architecture/s6GrKIGATvOSD7oGRNScUU5RnLN_-3X1JXvnVi_wDT_hrmPMZdnCdBI8DpIJ.png
            

          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          content/ribw/nosql-evaluation/post.md
            
@@ -0,0 +1,41 @@
+```meta
+title: Privado: NoSQL evaluation
+published: 2020-03-16T00:00:15+00:00
+updated: 2020-03-27T11:22:45+00:00
+```
+
+I have decided to evaluate Classmate‘s post and Classmate‘s post, because they review databases I have not seen or used before, and I think it would be interesting to see new ones.
+
+The evaluation is based on the requirements defined by Trabajos en grupo sobre Bases de Datos NoSQL:
+
+> **1ª entrada:** Descripción de la finalidad de la tecnología y cómo funciona o trabaja la BD NoSQL, sus características, la arista que ocupa en el Teorema CAP, de dónde se descarga, y cómo se instala.
+
+-- Teacher
+
+## Classmate’s evaluation
+
+**Grading: A.**
+
+The post I have evaluated is BB.DD. NoSQL: Voldemort 1ª Fase.
+
+The post doesn’t start very well, because the first sentence has (emphasis mine):
+
+> En él repasaremos en qué consiste **MongoDB**, sus características, y cómo se instala, entre otros.
+
+-- Classmate
+
+…yet the post is about Voldemort!
+
+The post does detail how it works, its architecture, corner in the CAP theorem, download and installation.
+
+I have graded the post with A because I think it meets all the requirements, even if they slipped a bit in the beginning.
+
+## Classmate’s evaluation
+
+**Grading: A.**
+
+The post I have evaluted is Raven.
+
+They have done a good job describing the project’s goals, corner in the CAP theorem, download, and provide an extensive installation section.
+
+They don’t seem to use some of WordPress features, such as lists, but otherwise the post is good and deserves an A grading.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/pc-crawler-evaluation-2/post.md
            
@@ -0,0 +1,34 @@
+```meta
+title: Privado: PC-Crawler evaluation 2
+published: 2020-03-16T01:00:47+00:00
+updated: 2020-03-28T10:29:49+00:00
+```
+
+As the student `a(i)` where `i = 9`, I have been assigned to evaluate students `a(i - 1)` and `a(i - 2)`, these being:
+
+* a08: Classmate (username)
+* a07: Classmate (username)
+
+The evaluation is done according to the criteria described in Segunda entrega del PC-Crawler.
+
+## Classmate’s evaluation
+
+**Grading: A.**
+
+This is the evaluation of Crawler – Thesauro.
+
+It’s a well-written post, properly using WordPress code blocks, and they explain the process of improving the code and what it does. Because there are no noticeable issues with the post, they get the highest grading.
+
+## Classmate’s evaluation
+
+**Grading: B.**
+
+This is the evaluation of Actividad 2-Crawler.
+
+They start with an introduction on what they will do.
+
+Next, they show the code they have written, also describing what it does, although they don’t explain _why_ they chose the data structures they used.
+
+The style of the code leaves a lot to be desired, and they should have embedded the code in the post instead of taking screenshots. People that rely on screen readers will not be able to see the code.
+
+I have graded them B and not A for this last reason.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/pc-crawler-evaluation/post.md
            
@@ -0,0 +1,47 @@
+```meta
+title: Privado: PC-Crawler evaluation
+published: 2020-03-04T00:00:23+00:00
+updated: 2020-03-18T09:39:27+00:00
+```
+
+As the student `a(i)` where `i = 9`, I have been assigned to evaluate students `a(i + 3)` and `a(i + 4)`, these being:
+
+* a12: Classmate (username)
+* a13: Classmate (username)
+
+## Classmate’s evaluation
+
+**Grading: B.**
+
+I think they mix up a bit their considerations with program usage and how it works, not justifying why the considerations are the ones they chose, or what the alternatives would be.
+
+The implementation notes are quite well-written. Even someone without knowledge of Java’s syntax can read the notes and more or less make sense of what’s going on, with the relevant code excerpts on each section.
+
+Implementation-wise, some methods could definitely use some improvement:
+
+* `esExtensionTextual` is overly complicated. It could use a `for` loop and Java’s `String.endsWith`.
+* `calcularFrecuencia` has quite some duplication (e.g. `this.getFicherosYDirectorios().remove(0)`) and could definitely be cleaned up.
+
+However, all the desired functionality is implemented.
+
+Style-wise, some of the newlines and avoiding braces on `if` and `while` could be changed to improve the readability.
+
+The post is written in Spanish, but uses some words that don’t translate well («remover» could better be said as «eliminar» or «quitar»).
+
+## Classmate’s evaluation
+
+**Grading: B.**
+
+Their post starts with an explanation on what a crawler is, common uses for them, and what type of crawler they will be developing. This is a very good start. Regarding the post style, it seems they are not properly using some of WordPress features, such as lists, and instead rely on paragraphs with special characters prefixing each list item.
+
+The post also contains some details on how to install the requirements to run the program, which can be very useful for someone not used to working with Java.
+
+They do not explain their implementation and the filename of the download has a typo.
+
+Implementation-wise, the code seems to be well-organized, into several packages and files, although the naming is a bit inconsistent. They even designed a GUI, which is quite impressive.
+
+Some of the methods are documented, although the code inside them is not very commented, including missing rationale for the data structures chosen. There also seem to be several other unused main functions, which I’m unsure why they were kept.
+
+However, all the desired functionality is implemented.
+
+Similar to Classmate, the code style could be improved and settled on some standard, as well as making use of Java features such as `for` loops over iterators instead of manual loops.


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/upgrading-our-baby-crawler/post.md
            
@@ -0,0 +1,65 @@
+```meta
+title: Upgrading our Baby Crawler
+published: 2020-03-11T00:00:07+00:00
+updated: 2020-03-18T09:49:33+00:00
+```
+
+In our [last post on this series](/blog/ribw/build-your-own-pc/), we presented the code for our Personal Crawler. However, we didn’t quite explain what a crawler even is! We will use this moment to go a bit more in-depth, and make some upgrades to it.
+
+## What is a Crawler?
+
+A crawler is a program whose job is to analyze documents and extract data from them. For example, search engines like [DuckDuckGo](http://duckduckgo.com/), [Bing](https://bing.com/) or [Google](http://google.com/) all have crawlers to analyze websites and build a database around them. They are some kind of «trackers», because they keep track of everything they find.
+
+Their basic behaviour can be described as follows: given a starting list of URLs, follow them all and identify hyperlinks inside the documents. Add these to the list of links to follow, and repeat _ad infinitum_.
+
+* This lets us create an index to quickly search across them all.
+* We can also identify broken links.
+* We can gather any other type of information that we found.
+Our crawler will work offline, within our own computer, scanning the text documents it finds on the root we tell it to scan.
+
+## Design Decissions
+
+* We will use Java. Its runtime is quite ubiquitous, so it should be able to run in virtually anywhere. The language is typed, which helps catch errors early on.
+* Our solution is iterative. While recursion can be seen as more elegants by some, iterative solutions are often more performant with less need for optimization.
+
+## Requirements
+
+If you don’t have Java installed yet, you can [Download Free Java Software](https://java.com/en/download/) from Oracle’s site. To compile the code, the [Java Development Kit](https://www.oracle.com/java/technologies/javase-jdk8-downloads.html) is also necessary.
+
+We don’t depend on any other external libraries, for easier deployment and compilation.
+
+## Implementation
+
+Because the code was getting pretty large, it has been split into several files, and we have also upgraded it to use a Graphical User Interface instead! We decided to use Swing, based on the Java tutorial [Creating a GUI With JFC/Swing](https://docs.oracle.com/javase/tutorial/uiswing/).
+
+### App
+
+This file is the entry point of our application. Its job is to initialize the components, lay them out in the main panel, and connect the event handlers.
+
+Most widgets are pretty standard, and are defined as class variables. However, some variables are notable. The `[DefaultTableModel](https://docs.oracle.com/javase/8/docs/api/javax/swing/table/DefaultTableModel.html)` is used because it allows to [dynamically add rows](https://stackoverflow.com/a/22550106), and we also have a `[SwingWorker](https://docs.oracle.com/javase/8/docs/api/javax/swing/SwingWorker.html)` subclass responsible for performing the word analysis (which is quite CPU intensive and should not be ran in the UI thread!).
+
+There’s a few utility methods to ease some common operations, such as `updateStatus` which changes the status label in the main window, informing the user of the latest changes.
+
+### Thesaurus
+
+A thesaurus is a collection of words or terms used to represent concepts. In literature this is commonly known as a dictionary.
+
+On the subject of this project, we are using a thesaurus based on how relevant is a word for the meaning of a sentence, filtering out those that barely give us any information.
+
+This file contains a simple thesaurus implementation, which can trivially be used as a normal or inverted thesaurus. However, we only treat it as inverted, and its job is loading itself and determining if words are valid or should otherwise be ignored.
+
+### Utils
+
+Several utility functions used across the codebase.
+
+### WordMap
+
+This file is the important one, and its implementation hasn’t changed much since our last post. Instances of a word map contain… wait for it… a map of words! It stores the mapping `word → count` in memory, and offers methods to query the count of a word or iterate over the word count entries.
+
+It can be loaded from cache or told to analyze a root path. Once an instance is created, additional files could be analyzed one by one if desired.
+
+## Download
+
+The code was getting a bit too large to embed it within the blog post itself, so instead you can download it as a`.zip` file.
+
+*download removed*


          

          

        
          

            

            
            A
            
            
            
          
          content/ribw/what-is-elasticsearch-and-why-should-you-care/post.md
            
@@ -0,0 +1,65 @@
+```meta
+title: What is ElasticSearch and why should you care?
+published: 2020-03-18T02:00:00+00:00
+updated: 2020-03-27T11:04:45+00:00
+```
+
+ElasticSearch is a giant search index with powerful analytics capabilities. It’s like a database and search engine on steroids, really easy and fast to get up and running. One can think of it as your own Google, a search engine with analytics.
+
+ElasticSearch is rich, stable, performs well, is well maintained, and able to scale to petabytes of any kind of data, whether it’s structured, semi-structured or not at all. It’s cost-effective and can be used to make business decisions.
+
+Or, described in 10 seconds:
+
+> Schema-free, REST & JSON based distributed document store
+> Open source: Apache License 2.0
+> Zero configuration
+
+-- Alex Reelsen
+
+## Basic capabilities
+
+ElasticSearch lets you ask questions about your data, not just make queries. You may think SQL can do this too, but what’s important is making a pipeline of facets, and feed the results from query to query.
+
+Instead of changing your data, you can be flexible with your questions with no need to re-index it every time the questions change.
+
+ElasticSearch is not just to search for full-text data, either. It can search for structured data and return more than just the results. It also yields additional data, such as ranking, highlights, and allows for pagination.
+
+It doesn’t take a lot of configuration to get running, either, which can be a good boost on productivity.
+
+## How does it work?
+
+ElasticSearch depends on Java, and can work in a distributed cluster if you execute multiple instances. Data will be replicated and sharded as needed. The current version at the time of writing is 7.6.1, and it’s being developed fast!
+
+It also has support for plugins, with an ever-growing ecosystem and integration on many programming languages. Tools around it are being built around it, too, like Kibana which helps you visualize your data.
+
+The way you use it is through a JSON API, served over HTTP/S.
+
+## How can I use it?
+
+[You can try ElasticSearch out for free on Elastic Cloud](https://www.elastic.co/downloads/), however, it can also be [downloaded and ran offline](https://www.elastic.co/downloads/elasticsearch), which is what we’ll do. Download the file corresponding to your operating system, unzip it, and execute the binary. Running it is as simple as that!
+
+Now you can make queries to it over HTTP, with for example `curl`:
+
+```
+curl -X PUT localhost:9200/orders/order/1 -d '
+{
+  "created_at": "2013/09/05 15:45:10",
+  "items": [
+    {
+      name: "HD Monitor"
+    }
+  ],
+  "total": 249.95
+}'
+```
+
+This will create a new order with some information, such as when it was created, what items it contains, and the total cost of the order.
+
+You can then query or filter as needed, script it or even create statistics.
+
+## References
+
+* [YouTube – What is Elasticsearch?](https://youtu.be/sKnkQSec1U0)
+* [YouTube – GOTO 2013 • Elasticsearch – Beyond Full-text Search • Alex Reelsen](https://youtu.be/yWNiRC_hUAw)
+* [Kibana – Your window into the Elastic Stack](https://www.elastic.co/kibana)
+* [Elastic Stack and Product Documentation](https://www.elastic.co/guide/index.html)


          

          

        
          

            

            
            A
            
            
            
          
          content/sentences/post.md
            
@@ -0,0 +1,31 @@
+```meta
+created: 2018-01-31
+updated: 2018-01-31
+```
+
+Sentences
+=========
+
+> Don't know English? [Read the Spanish version instead](spanish.html).
+
+Just a few sentences that I've been gathering among the years and I think are worthy of being kept somewhere.
+
+* So far, you've survived 100% of your worst days. You're doing great
+* Money is not a concern, perfection is
+* The only limit to our realization of tomorrow will be our doubts today
+* Not all cultures deserve respect.
+* It's not the same knowing that you're not free that not being free.
+* Being alive is not a biolgical matter, rather mental.
+* Every mountain starts off as a grain of sand.
+* Time goes against desire.
+* The only way to respect is fear.
+* For those who have nothing I have so much.
+* One isn't what they think, it's what they do.
+* When your goal seems impossible, don't change the goal. Find new ways to get to it.
+* Be the change you wish to see in the world.
+* Tell me something, I'll forget. Show me something, I'll remember. But make me part of it and I'll understand it.
+* If you want something to happen, go and do it. Or wait sitting like a stupid until it happens that it never happens.
+* I'd rather be happy than be right.
+* The engines don’t move the ship at all. The ship stays where it is and the engines move the universe around it.
+* If I never try getting there, I'll never get there.
+


          

          

        
          

            

            
            A
            
            
            
          
          content/sentences/spanish.md
            
@@ -0,0 +1,29 @@
+```meta
+created: 2018-01-31
+updated: 2018-01-31
+```
+
+Frases
+======
+
+Simplemente algunas frases que se han ido amontonando a lo largo de los años y que creo que merecen persistir en algún lugar.
+
+* Por el momento, has sobrevivido el 100% de tus peores días. Lo estás haciendo genial.
+* El dinero no es un problema, pero la perfección sí.
+* El único límite a nuestro desarrollo mañana serán nuestras dudas de hoy.
+* No todas las culturas merecen respeto.
+* No es lo mismo saber que no eres libre que no ser libre.
+* Estar vivo ya no es tanto una cuestión biológica como mental.
+* Toda montaña empieza con un grano de arena.
+* El tiempo va contra el deseo.
+* La única vía para el respeto es el miedo.
+* Para los que no quieren nada tengo mucho.
+* Uno no es lo que piensa. Es lo que hace.
+* Cuando el objetivo te parezca imposible, no cambies de objetivo. Busca nuevas formas de llegar a él.
+* Sé el cambio que deseas ver en el mundo.
+* Cuéntame algo, lo olvidaré. Muéstrame algo, podré recordarlo. Sin embargo, implícame en ello y lo comprenderé.
+* Si quieres que pase, ve y hazlo. O espera sentado como un subnormal a que pase para que no pase nunca.
+* Prefiero ser feliz a llevar la razón.
+* Los motores no mueven la nave en absoluto. La nave se queda donde está y los motores mueven el universo a su alrededor.
+* Si nunca aspiro a llegar, nunca llegaré
+


          

          

        
          

            

            
            A
            
            
            
          
          content/style.css
            
@@ -0,0 +1,130 @@
+/* containers */
+
+body {
+    background-color: #fffff0;
+    margin: 0;
+}
+
+main {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 10px 20px;
+    background-color: #fffff0;
+}
+
+/* titles and special */
+
+h1.title {
+    text-align: center;
+    font-family: serif;
+    font-size: 2.5em;
+    font-weight: lighter;
+    font-variant-caps: small-caps;
+    border-bottom: 4px double #000;
+}
+
+h1, h2 {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #000;
+}
+
+h1:not(.title):hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
+    opacity: 1;
+}
+
+.anchor {
+    float: left;
+    padding-right: 0.4ch;
+    margin-left: -1.3ch;
+    opacity: 0;
+    transition: opacity 150ms;
+}
+
+/* body text */
+
+p, li {
+    font-family: sans-serif;
+    font-size: 1.1em;
+    line-height: 1.5;
+    text-align: justify;
+}
+
+a {
+    text-decoration: none;
+    color: #f74c00;
+    border-bottom: 0 dashed rgba(0, 0, 0, 0);
+    transition: color 300ms, border-bottom 300ms;
+}
+
+a:hover {
+    color: #e33b26;
+    border-bottom: 1px solid #e33b26;
+}
+
+blockquote {
+    border-left: 4px solid #000;
+    padding-left: 8px;
+    font-style: italic;
+    color: #444;
+}
+
+.footnote:target {
+    background-color: rgba(255, 255, 0, 0.2);
+}
+
+/* code listing */
+
+pre {
+    background-color: #eee;
+    padding: 4px;
+    overflow: auto;
+    max-height: 480px;
+}
+
+/* tables */
+
+table {
+    border-collapse: collapse;
+}
+
+th {
+    background-color: #f7f7e8;
+}
+
+th, td {
+    padding: 0.5em;
+    border: 1px solid #aaa;
+}
+
+tr:nth-child(even) {
+    background-color: #f7f7e8;
+}
+
+/* misc */
+
+p.time {
+    text-align: right;
+    font-style: italic;
+    color: #777;
+    font-size: 0.9em;
+}
+
+hr {
+    border: 0;
+    border-bottom: 2px dashed #aaa;
+}
+
+kbd {
+    padding: 3px 5px;
+    font: 0.9em monospace;
+    color: #333;
+    background-color: #fafafa;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    box-shadow: 0 2px 0 #ddd;
+}
+
+::selection {
+    background-color: #f74c00;
+    color: #fff;
+}


          

          

        
          

            

            
            A
            
            
            
          
          content/tips-outpost/outpost-bad-pattern.svg
            
@@ -0,0 +1,1719 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="220"
+   height="220"
+   viewBox="0 0 58.208332 58.208334"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-bad-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4.0000001"
+     inkscape:cx="48.149205"
+     inkscape:cy="127.57923"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-238.79165)">
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect815"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect817"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect819"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect821"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect823"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect825"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect827"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect829"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect831"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="291.70831" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect835"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect837"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect839"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect841"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="10.583333"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect843"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect845"
+       width="5.2916665"
+       height="5.2916665"
+       x="15.875"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect847"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect849"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect851"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect853"
+       width="5.2916665"
+       height="5.2916665"
+       x="37.041664"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="42.333328"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect855"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect857"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect859"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="286.41666" />
+    <rect
+       y="281.125"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect861"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect863"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="281.125" />
+    <rect
+       y="281.125"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect879"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect881"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect883"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect885"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect901"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect903"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="270.54169"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect905"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect907"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="270.54169" />
+    <rect
+       y="270.54169"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect923"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect925"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="270.54169" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect927"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect929"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect945"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect947"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect949"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect951"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect967"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect969"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="254.66672"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect971"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect973"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="254.66672" />
+    <rect
+       y="254.66672"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect989"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect991"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="254.66672" />
+    <rect
+       y="249.37506"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect993"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect995"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="249.37506" />
+    <rect
+       y="249.37506"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1011"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1013"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="249.37506" />
+    <rect
+       y="244.0834"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1015"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1017"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="10.583333"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1019"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1021"
+       width="5.2916665"
+       height="5.2916665"
+       x="15.875"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1023"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1025"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1027"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1029"
+       width="5.2916665"
+       height="5.2916665"
+       x="37.041664"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="42.333328"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1031"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.0834"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1033"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1035"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="244.0834" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1037"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1039"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1041"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1043"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1045"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1047"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1049"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1051"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1053"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="238.79175" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1055"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1057"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1106">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332;fill:#ffffff;"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,26.458286)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(35.6385,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-11.263733)"
+       id="g1173">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1167"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1171"><tspan
+           sodipodi:role="line"
+           id="tspan1169"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1181"
+       transform="translate(46.221832,-0.68041992)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1175"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1179"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1177"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.6385,-0.68041992)"
+       id="g1189">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1183"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1187"><tspan
+           sodipodi:role="line"
+           id="tspan1185"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-21.847046)"
+       id="g1197">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1191"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1195"><tspan
+           sodipodi:role="line"
+           id="tspan1193"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1205"
+       transform="translate(35.638501,-21.847046)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1199"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1203"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1201"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1213"
+       transform="translate(46.221832,-21.847046)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1207"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1211"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1209"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-21.847046)"
+       id="g1221">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1215"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1219"><tspan
+           sodipodi:role="line"
+           id="tspan1217"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-0.68041992)"
+       id="g1229">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1223"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1227"><tspan
+           sodipodi:role="line"
+           id="tspan1225"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1237"
+       transform="translate(25.055168,9.9028932)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1231"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1235"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1233"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055169,-11.263733)"
+       id="g1245">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1239"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1243"><tspan
+           sodipodi:role="line"
+           id="tspan1241"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1253"
+       transform="translate(56.805163,-0.68041983)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1247"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1251"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1249"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805163,9.9028933)"
+       id="g1261">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1255"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1259"><tspan
+           sodipodi:role="line"
+           id="tspan1257"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1269"
+       transform="translate(56.805164,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1263"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1267"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1265"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221832,9.9028931)"
+       id="g1277">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1271"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1275"><tspan
+           sodipodi:role="line"
+           id="tspan1273"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1285"
+       transform="translate(35.6385,9.9028931)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1279"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1283"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1281"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1345"
+       transform="translate(30.346834,-16.555389)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1339"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1343"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1341"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930167,-16.555389)"
+       id="g1353">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1347"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1351"><tspan
+           sodipodi:role="line"
+           id="tspan1349"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513498,-16.555389)"
+       id="g1361">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1355"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1359"><tspan
+           sodipodi:role="line"
+           id="tspan1357"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346833,-5.9720764)"
+       id="g1369">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1363"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1367"><tspan
+           sodipodi:role="line"
+           id="tspan1365"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1385"
+       transform="translate(51.513497,-5.9720764)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1379"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1383"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1381"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1393"
+       transform="translate(30.346833,4.6112366)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1387"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1391"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1389"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930166,4.6112366)"
+       id="g1401">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1395"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1399"><tspan
+           sodipodi:role="line"
+           id="tspan1397"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513497,4.6112366)"
+       id="g1409">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1403"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1407"><tspan
+           sodipodi:role="line"
+           id="tspan1405"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,9.9028864)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,10.797967)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1482"
+       transform="translate(28.94367,-26.243621)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1476"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1480"><tspan
+           sodipodi:role="line"
+           id="tspan1478"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652005,-20.951965)"
+       id="g1490">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1484"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1488"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1486"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1498"
+       transform="translate(34.235336,-20.951965)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1492"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1496"><tspan
+           sodipodi:role="line"
+           id="tspan1494"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(34.235335,-10.368652)"
+       id="g1506">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1500"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1504"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1502"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1514"
+       transform="translate(28.943669,-15.660309)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1508"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1512"><tspan
+           sodipodi:role="line"
+           id="tspan1510"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652005,-10.368652)"
+       id="g1522">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1516"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1520"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1518"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1530"
+       transform="translate(28.943669,-5.0769958)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1524"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1528"><tspan
+           sodipodi:role="line"
+           id="tspan1526"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652003,0.21466064)"
+       id="g1538">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1532"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1536"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1534"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1546"
+       transform="translate(28.943669,5.5063172)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1540"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1544"><tspan
+           sodipodi:role="line"
+           id="tspan1542"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(34.235336,0.21466065)"
+       id="g1554">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1548"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1552"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1550"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1562"
+       transform="translate(39.527002,-5.0769958)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1556"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1560"><tspan
+           sodipodi:role="line"
+           id="tspan1558"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527002,5.5063171)"
+       id="g1570">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1564"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1568"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1566"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1578"
+       transform="translate(44.818666,0.21466067)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1572"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1576"><tspan
+           sodipodi:role="line"
+           id="tspan1574"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110332,5.5063174)"
+       id="g1586">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1580"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1584"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1582"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1594"
+       transform="translate(55.401999,0.21466074)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1588"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1592"><tspan
+           sodipodi:role="line"
+           id="tspan1590"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110334,-5.0769958)"
+       id="g1602">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1596"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1600"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1598"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1610"
+       transform="translate(55.401999,-10.368652)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1604"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1608"><tspan
+           sodipodi:role="line"
+           id="tspan1606"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818669,-10.368652)"
+       id="g1618">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1612"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1616"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1614"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1626"
+       transform="translate(39.527003,-15.660309)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1620"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1624"><tspan
+           sodipodi:role="line"
+           id="tspan1622"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110335,-15.660309)"
+       id="g1634">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1628"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1632"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1630"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1642"
+       transform="translate(44.818667,-20.951965)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1636"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1640"><tspan
+           sodipodi:role="line"
+           id="tspan1638"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(55.402,-20.951965)"
+       id="g1650">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1644"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1648"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1646"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1658"
+       transform="translate(50.110334,-26.243607)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1652"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1656"><tspan
+           sodipodi:role="line"
+           id="tspan1654"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527003,-26.243622)"
+       id="g1666">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1660"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1664"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1662"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="275.83334" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.46266627;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1093"
+       width="10.583333"
+       height="10.583333"
+       x="10.583333"
+       y="249.37508" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/tips-outpost/outpost-best-pattern.svg
            
@@ -0,0 +1,1715 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="220"
+   height="220"
+   viewBox="0 0 58.208332 58.208334"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpos-best-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.0000001"
+     inkscape:cx="132.5362"
+     inkscape:cy="94.229796"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-238.79165)">
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect815"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect817"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect819"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect821"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect823"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect825"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect827"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect829"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect831"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="291.70831" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect835"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect837"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect839"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect847"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect849"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect851"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect859"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="286.41666" />
+    <rect
+       y="281.125"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect861"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect881"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect883"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect903"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="270.54169"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect905"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect907"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="270.54169" />
+    <rect
+       y="270.54169"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect923"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect925"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="270.54169" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect927"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect929"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect945"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect947"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect949"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect951"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect967"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect969"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="254.66672"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect971"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect991"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="254.66672" />
+    <rect
+       y="249.37506"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect993"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1013"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="249.37506" />
+    <rect
+       y="244.0834"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1015"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.0834"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1023"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1025"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1027"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1035"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="244.0834" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1037"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1039"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1041"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1043"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1045"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1047"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1049"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1051"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1053"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="238.79175" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1055"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1057"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1106">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332;fill:#ffffff;"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,26.458286)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(35.6385,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,9.9028864)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,10.797967)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="275.83334" />
+    <g
+       id="g1147"
+       transform="translate(40.930166,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1141"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1145"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1143"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527002,-20.951965)"
+       id="g1415">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1409"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1413"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1411"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.6385,-16.555389)"
+       id="g1431">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1425"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1429"><tspan
+           sodipodi:role="line"
+           id="tspan1427"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1439"
+       transform="translate(35.6385,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1433"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1437"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1435"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930166,-21.847031)"
+       id="g1447">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1441"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1445"><tspan
+           sodipodi:role="line"
+           id="tspan1443"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1455"
+       transform="translate(46.221832,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1449"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1453"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1451"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221832,-16.555375)"
+       id="g1463">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1457"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1461"><tspan
+           sodipodi:role="line"
+           id="tspan1459"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-0.68042051)"
+       id="g1555">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1549"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1553"><tspan
+           sodipodi:role="line"
+           id="tspan1551"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513499,-0.68042051)"
+       id="g1563">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1557"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1561"><tspan
+           sodipodi:role="line"
+           id="tspan1559"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1571"
+       transform="translate(50.110335,-10.368653)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1565"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1569"><tspan
+           sodipodi:role="line"
+           id="tspan1567"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1579"
+       transform="translate(46.221833,-5.9720765)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1573"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1577"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1575"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-11.263719)"
+       id="g1587">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1581"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1585"><tspan
+           sodipodi:role="line"
+           id="tspan1583"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1595"
+       transform="translate(51.513499,-11.263719)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1589"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1593"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1591"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-0.68040601)"
+       id="g1603">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1597"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1601"><tspan
+           sodipodi:role="line"
+           id="tspan1599"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1611"
+       transform="translate(56.805165,-5.9720625)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1605"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1609"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1607"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1639"
+       transform="translate(35.638501,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1633"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1637"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1635"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1647"
+       transform="translate(40.930167,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1641"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1645"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1643"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527003,0.21464608)"
+       id="g1655">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1649"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1653"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1651"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,4.6112226)"
+       id="g1663">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1657"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1661"><tspan
+           sodipodi:role="line"
+           id="tspan1659"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1671"
+       transform="translate(35.638501,-0.68041992)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1665"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1669"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1667"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930167,-0.68041992)"
+       id="g1679">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1673"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1677"><tspan
+           sodipodi:role="line"
+           id="tspan1675"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1687"
+       transform="translate(46.221833,9.9028931)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1681"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1685"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1683"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,4.6112366)"
+       id="g1695">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1689"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1693"><tspan
+           sodipodi:role="line"
+           id="tspan1691"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-11.263719)"
+       id="g1703">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1697"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1701"><tspan
+           sodipodi:role="line"
+           id="tspan1699"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-0.68041992)"
+       id="g1711">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1705"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1709"><tspan
+           sodipodi:role="line"
+           id="tspan1707"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346834,-0.68041992)"
+       id="g1719">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1713"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1717"><tspan
+           sodipodi:role="line"
+           id="tspan1715"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1727"
+       transform="translate(28.94367,-10.368652)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1721"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1725"><tspan
+           sodipodi:role="line"
+           id="tspan1723"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1735"
+       transform="translate(25.055168,-5.9720759)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1729"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1733"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1731"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-11.263718)"
+       id="g1743">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1737"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1741"><tspan
+           sodipodi:role="line"
+           id="tspan1739"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1751"
+       transform="translate(30.346834,-11.263718)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1745"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1749"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1747"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,-5.9720761)"
+       id="g1759">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1753"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1757"><tspan
+           sodipodi:role="line"
+           id="tspan1755"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055167,4.6112372)"
+       id="g1862">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1856"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1860"><tspan
+           sodipodi:role="line"
+           id="tspan1858"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1870"
+       transform="translate(30.346834,9.9028791)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1864"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1868"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1866"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1910"
+       transform="translate(50.110335,0.21466067)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1904"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1908"><tspan
+           sodipodi:role="line"
+           id="tspan1906"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1918"
+       transform="translate(51.5135,9.9029076)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1912"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1916"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1914"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1934"
+       transform="translate(56.805166,4.6112655)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1928"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1932"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1930"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1974"
+       transform="translate(56.805162,-16.555375)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1968"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1972"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1970"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(50.110335,-20.951951)"
+       id="g1982">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1976"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1980"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1978"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513496,-21.84703)"
+       id="g1990">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1984"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1988"><tspan
+           sodipodi:role="line"
+           id="tspan1986"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2054"
+       transform="translate(28.94367,-20.951964)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2048"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text2052"><tspan
+           sodipodi:role="line"
+           id="tspan2050"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346835,-21.847045)"
+       id="g2086">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2080"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2084"><tspan
+           sodipodi:role="line"
+           id="tspan2082"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1204"
+       transform="translate(28.943669,0.21466127)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1198"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1202"><tspan
+           sodipodi:role="line"
+           id="tspan1200"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805162,-16.555375)"
+       id="g1356" />
+    <g
+       transform="translate(56.805162,-21.847031)"
+       id="g1383">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1377"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1381"><tspan
+           sodipodi:role="line"
+           id="tspan1379"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <rect
+       y="249.37505"
+       x="47.624992"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1473"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.08339"
+       x="42.333328"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1475"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1477"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624992"
+       y="244.08339" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1479"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="254.6667" />
+    <rect
+       y="244.0834"
+       x="37.04166"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1481"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41669"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1483"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41669"
+       x="42.333332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1485"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1487"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="286.41669" />
+    <rect
+       y="281.12503"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1489"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="275.83337"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1491"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1530"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1532"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1534"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1536"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1538"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="275.83334" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1574"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="254.66673" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1576"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="249.37508" />
+    <rect
+       y="244.08342"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1578"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1580"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="244.08342" />
+    <rect
+       y="244.08342"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1582"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1621"
+       transform="translate(25.055168,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1615"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1619"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1617"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055167,-16.555374)"
+       id="g1629">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1623"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1627"><tspan
+           sodipodi:role="line"
+           id="tspan1625"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1649"
+       transform="translate(25.055167,9.9028791)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1643"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1647"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1645"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805164,9.9029236)"
+       id="g1657">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1651"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1655"><tspan
+           sodipodi:role="line"
+           id="tspan1653"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/tips-outpost/outpost-brand.svg
            
@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="195"
+   height="195"
+   viewBox="0 0 51.593749 51.593751"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-brand.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1398">
+      <stop
+         style="stop-color:#63e500;stop-opacity:1"
+         offset="0"
+         id="stop1394" />
+      <stop
+         id="stop1406"
+         offset="0.25"
+         style="stop-color:#a6e928;stop-opacity:0.74901962" />
+      <stop
+         id="stop1402"
+         offset="0.5"
+         style="stop-color:#72ff8f;stop-opacity:0.49803922" />
+      <stop
+         style="stop-color:#c4eddd;stop-opacity:0.63921571"
+         offset="0.75"
+         id="stop1404" />
+      <stop
+         style="stop-color:#bfffff;stop-opacity:0.78494626"
+         offset="1"
+         id="stop1396" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1398"
+       id="linearGradient1400"
+       x1="-5.5511151e-17"
+       y1="245.40623"
+       x2="51.59375"
+       y2="297"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2"
+     inkscape:cx="42.490073"
+     inkscape:cy="108.35271"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-245.40623)">
+    <rect
+       style="opacity:1;fill:url(#linearGradient1400);fill-opacity:1;stroke:none;stroke-width:0.27449697;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1392"
+       width="51.59375"
+       height="51.59375"
+       x="-5.5511151e-17"
+       y="245.40623" />
+    <rect
+       style="opacity:1;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.45617813;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1408"
+       width="13.229167"
+       height="13.229167"
+       x="19.182291"
+       y="264.58853" />
+    <g
+       id="g847"
+       transform="translate(-1.7185197,1.9843955)">
+      <path
+         d="m 32.098112,271.86455 -4.582718,2.64584 -4.582718,-2.64584 0,-5.29166 4.582718,-2.64584 4.582718,2.64584 z"
+         inkscape:randomized="0"
+         inkscape:rounded="1.04083e-17"
+         inkscape:flatsided="true"
+         sodipodi:arg2="1.0471976"
+         sodipodi:arg1="0.52359878"
+         sodipodi:r2="4.5827179"
+         sodipodi:r1="5.291667"
+         sodipodi:cy="269.21872"
+         sodipodi:cx="27.515394"
+         sodipodi:sides="6"
+         id="path821"
+         style="opacity:1;fill:#80ffff;fill-opacity:1;stroke:none;stroke-width:0.20531785;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="star" />
+      <path
+         sodipodi:type="star"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.04927629;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path823"
+         sodipodi:sides="6"
+         sodipodi:cx="26.03373"
+         sodipodi:cy="267.41956"
+         sodipodi:r1="1.2700001"
+         sodipodi:r2="1.0998524"
+         sodipodi:arg1="0.52359878"
+         sodipodi:arg2="1.0471976"
+         inkscape:flatsided="true"
+         inkscape:rounded="1.04083e-17"
+         inkscape:randomized="0"
+         d="m 27.133582,268.05456 -1.099852,0.635 -1.099853,-0.635 0,-1.27 1.099853,-0.635 1.099852,0.635 z" />
+    </g>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:5.30142689px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.36146089"
+       x="1.1195526"
+       y="252.34299"
+       id="text827"><tspan
+         sodipodi:role="line"
+         x="1.1195526"
+         y="252.34299"
+         style="stroke-width:0.36146089"
+         id="tspan833">Early to late-game</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:5.25529337px;line-height:1.25;font-family:sans-serif;text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.35831544"
+       x="50.197937"
+       y="281.55966"
+       id="text837"><tspan
+         sodipodi:role="line"
+         id="tspan835"
+         x="50.197937"
+         y="281.55966"
+         style="text-align:end;text-anchor:end;stroke-width:0.35831544">• Gear</tspan><tspan
+         sodipodi:role="line"
+         x="50.197937"
+         y="288.12878"
+         style="text-align:end;text-anchor:end;stroke-width:0.35831544"
+         id="tspan839">• Materials</tspan><tspan
+         sodipodi:role="line"
+         x="50.197937"
+         y="294.69791"
+         style="text-align:end;text-anchor:end;stroke-width:0.35831544"
+         id="tspan841">• Gameplay tips</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="opacity:1;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path849"
+       sodipodi:sides="6"
+       sodipodi:cx="12.083937"
+       sodipodi:cy="271.64813"
+       sodipodi:r1="4.1095676"
+       sodipodi:r2="3.55899"
+       sodipodi:arg1="1.0471976"
+       sodipodi:arg2="1.5707963"
+       inkscape:flatsided="true"
+       inkscape:rounded="1.04083e-17"
+       inkscape:randomized="0"
+       d="m 14.13872,275.20712 -4.109567,0 -2.054784,-3.55899 2.054784,-3.55899 4.109568,0 2.054783,3.55899 z" />
+    <path
+       d="m 39.863412,262.76572 -4.109568,0 -2.054784,-3.55899 2.054784,-3.55899 4.109568,0 2.054784,3.55899 z"
+       inkscape:randomized="0"
+       inkscape:rounded="1.04083e-17"
+       inkscape:flatsided="true"
+       sodipodi:arg2="1.5707963"
+       sodipodi:arg1="1.0471976"
+       sodipodi:r2="3.55899"
+       sodipodi:r1="4.1095676"
+       sodipodi:cy="259.20674"
+       sodipodi:cx="37.808629"
+       sodipodi:sides="6"
+       id="path851"
+       style="opacity:1;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       sodipodi:type="star" />
+    <g
+       id="g864">
+      <ellipse
+         ry="2.1047475"
+         rx="3.3675961"
+         cy="260.19028"
+         cx="24.789249"
+         id="path853"
+         style="opacity:1;fill:#a05a2c;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="rect855"
+         transform="matrix(0.26458333,0,0,0.26458333,0,245.40623)"
+         d="M 88.609375 37.419922 L 85.464844 38.599609 L 91.171875 53.828125 L 94.318359 52.648438 L 90.164062 41.568359 L 99.595703 45.033203 L 94.708984 58.070312 L 97.853516 59.25 L 103.5625 44.019531 L 103.51758 44.001953 L 103.875 43.027344 L 88.609375 37.419922 z "
+         style="opacity:1;fill:#c87137;fill-opacity:1;stroke:none;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       id="g870"
+       transform="translate(-12.369271,0.13229167)">
+      <ellipse
+         style="opacity:1;fill:#a05a2c;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="ellipse866"
+         cx="24.789249"
+         cy="260.19028"
+         rx="3.3675961"
+         ry="2.1047475" />
+      <path
+         style="opacity:1;fill:#c87137;fill-opacity:1;stroke:none;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 88.609375,37.419922 -3.144531,1.179687 5.707031,15.228516 3.146484,-1.179687 -4.154297,-11.080079 9.431641,3.464844 -4.886719,13.037109 3.144532,1.179688 5.708984,-15.230469 -0.0449,-0.01758 0.35742,-0.974609 z"
+         transform="matrix(0.26458333,0,0,0.26458333,0,245.40623)"
+         id="path868"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       transform="translate(14.022917,11.840104)"
+       id="g876">
+      <ellipse
+         ry="2.1047475"
+         rx="3.3675961"
+         cy="260.19028"
+         cx="24.789249"
+         id="ellipse872"
+         style="opacity:1;fill:#a05a2c;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path874"
+         transform="matrix(0.26458333,0,0,0.26458333,0,245.40623)"
+         d="m 88.609375,37.419922 -3.144531,1.179687 5.707031,15.228516 3.146484,-1.179687 -4.154297,-11.080079 9.431641,3.464844 -4.886719,13.037109 3.144532,1.179688 5.708984,-15.230469 -0.0449,-0.01758 0.35742,-0.974609 z"
+         style="opacity:1;fill:#c87137;fill-opacity:1;stroke:none;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/tips-outpost/outpost-good-pattern.svg
            
@@ -0,0 +1,2019 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="220"
+   height="220"
+   viewBox="0 0 58.208332 58.208334"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-good-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568544"
+     inkscape:cx="29.205714"
+     inkscape:cy="182.75107"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-238.79165)">
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect815"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect817"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect819"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect821"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect823"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect825"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect827"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect829"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect831"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="291.70831" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect835"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="291.70831" />
+    <rect
+       y="291.70831"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect837"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect839"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="286.41666"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect847"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect849"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="286.41666" />
+    <rect
+       y="286.41666"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect851"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect859"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="286.41666" />
+    <rect
+       y="281.125"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect861"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect881"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="281.125" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect883"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="275.83334" />
+    <rect
+       y="275.83334"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect903"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="270.54169"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect905"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect907"
+       width="5.2916665"
+       height="5.2916665"
+       x="5.2916665"
+       y="270.54169" />
+    <rect
+       y="270.54169"
+       x="47.624996"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect923"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect925"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="270.54169" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect927"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect929"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect945"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="265.25003" />
+    <rect
+       y="265.25003"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect947"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect949"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect951"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect967"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="259.95837" />
+    <rect
+       y="259.95837"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect969"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="254.66672"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect971"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect991"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="254.66672" />
+    <rect
+       y="249.37506"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect993"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1013"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="249.37506" />
+    <rect
+       y="244.0834"
+       x="0"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1015"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="244.0834"
+       x="21.166666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1023"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1025"
+       width="5.2916665"
+       height="5.2916665"
+       x="26.458332"
+       y="244.0834" />
+    <rect
+       y="244.0834"
+       x="31.749998"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1027"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1035"
+       width="5.2916665"
+       height="5.2916665"
+       x="52.91666"
+       y="244.0834" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1037"
+       width="5.2916665"
+       height="5.2916665"
+       x="0"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="5.2916665"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1039"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1041"
+       width="5.2916665"
+       height="5.2916665"
+       x="10.583333"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="15.875"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1043"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1045"
+       width="5.2916665"
+       height="5.2916665"
+       x="21.166666"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="26.458332"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1047"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1049"
+       width="5.2916665"
+       height="5.2916665"
+       x="31.749998"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="37.041664"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1051"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1053"
+       width="5.2916665"
+       height="5.2916665"
+       x="42.333328"
+       y="238.79175" />
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1055"
+       width="5.2916665"
+       height="5.2916665"
+       x="47.624996"
+       y="238.79175" />
+    <rect
+       y="238.79175"
+       x="52.91666"
+       height="5.2916665"
+       width="5.2916665"
+       id="rect1057"
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g1106">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.26458332;fill:#ffffff;"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,26.458286)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(35.6385,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,9.9028864)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,10.797967)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="275.83334" />
+    <g
+       id="g1147"
+       transform="translate(40.930166,-11.263733)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1141"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1145"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1143"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527002,-20.951965)"
+       id="g1415">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1409"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1413"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1411"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.6385,-16.555389)"
+       id="g1431">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1425"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1429"><tspan
+           sodipodi:role="line"
+           id="tspan1427"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1439"
+       transform="translate(35.6385,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1433"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1437"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1435"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930166,-21.847031)"
+       id="g1447">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1441"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1445"><tspan
+           sodipodi:role="line"
+           id="tspan1443"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1455"
+       transform="translate(46.221832,-21.847031)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1449"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1453"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1451"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221832,-16.555375)"
+       id="g1463">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1457"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1461"><tspan
+           sodipodi:role="line"
+           id="tspan1459"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-0.68042051)"
+       id="g1555">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1549"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1553"><tspan
+           sodipodi:role="line"
+           id="tspan1551"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513499,-0.68042051)"
+       id="g1563">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1557"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1561"><tspan
+           sodipodi:role="line"
+           id="tspan1559"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1571"
+       transform="translate(50.110335,-10.368653)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1565"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1569"><tspan
+           sodipodi:role="line"
+           id="tspan1567"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1579"
+       transform="translate(46.221833,-5.9720765)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1573"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1577"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1575"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,-11.263719)"
+       id="g1587">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1581"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1585"><tspan
+           sodipodi:role="line"
+           id="tspan1583"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1595"
+       transform="translate(51.513499,-11.263719)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1589"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1593"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1591"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-0.68040601)"
+       id="g1603">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1597"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1601"><tspan
+           sodipodi:role="line"
+           id="tspan1599"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1611"
+       transform="translate(56.805165,-5.9720625)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1605"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1609"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1607"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1639"
+       transform="translate(35.638501,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1633"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1637"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1635"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1647"
+       transform="translate(40.930167,9.9028786)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1641"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1645"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1643"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(39.527003,0.21464608)"
+       id="g1655">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1649"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1653"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1651"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,4.6112226)"
+       id="g1663">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1657"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1661"><tspan
+           sodipodi:role="line"
+           id="tspan1659"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1671"
+       transform="translate(35.638501,-0.68041992)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1665"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1669"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1667"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930167,-0.68041992)"
+       id="g1679">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1673"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1677"><tspan
+           sodipodi:role="line"
+           id="tspan1675"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1687"
+       transform="translate(46.221833,9.9028931)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1681"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1685"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1683"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221833,4.6112366)"
+       id="g1695">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1689"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1693"><tspan
+           sodipodi:role="line"
+           id="tspan1691"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805165,-11.263719)"
+       id="g1703">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1697"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1701"><tspan
+           sodipodi:role="line"
+           id="tspan1699"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-0.68041992)"
+       id="g1711">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1705"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1709"><tspan
+           sodipodi:role="line"
+           id="tspan1707"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346834,-0.68041992)"
+       id="g1719">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1713"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1717"><tspan
+           sodipodi:role="line"
+           id="tspan1715"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1727"
+       transform="translate(28.94367,-10.368652)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1721"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1725"><tspan
+           sodipodi:role="line"
+           id="tspan1723"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1735"
+       transform="translate(25.055168,-5.9720759)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1729"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1733"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1731"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-11.263718)"
+       id="g1743">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1737"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1741"><tspan
+           sodipodi:role="line"
+           id="tspan1739"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1751"
+       transform="translate(30.346834,-11.263718)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1745"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1749"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1747"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638501,-5.9720761)"
+       id="g1759">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1753"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1757"><tspan
+           sodipodi:role="line"
+           id="tspan1755"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346833,4.6112222)"
+       id="g1806">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1800"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1804"><tspan
+           sodipodi:role="line"
+           id="tspan1802"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346834,15.194535)"
+       id="g1814">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1808"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1812"><tspan
+           sodipodi:role="line"
+           id="tspan1810"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1822"
+       transform="translate(19.763501,15.194535)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1816"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1820"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1818"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1830"
+       transform="translate(25.055167,15.194535)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1824"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1828"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1826"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652003,5.5063032)"
+       id="g1838">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1832"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1836"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1834"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763501,9.9028793)"
+       id="g1846">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1840"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1844"><tspan
+           sodipodi:role="line"
+           id="tspan1842"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1854"
+       transform="translate(19.763501,4.6112372)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1848"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1852"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1850"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055167,4.6112372)"
+       id="g1862">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1856"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1860"><tspan
+           sodipodi:role="line"
+           id="tspan1858"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1870"
+       transform="translate(30.346834,9.9028791)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1864"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1868"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1866"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1878"
+       transform="translate(62.096832,4.6112505)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1872"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1876"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1874"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1886"
+       transform="translate(62.096833,15.194563)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1880"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1884"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1882"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.5135,15.194563)"
+       id="g1894">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1888"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1892"><tspan
+           sodipodi:role="line"
+           id="tspan1890"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805166,15.194563)"
+       id="g1902">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1896"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1900"><tspan
+           sodipodi:role="line"
+           id="tspan1898"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1910"
+       transform="translate(55.402002,5.5063315)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1904"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1908"><tspan
+           sodipodi:role="line"
+           id="tspan1906"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1918"
+       transform="translate(51.5135,9.9029076)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1912"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1916"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1914"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.5135,4.6112655)"
+       id="g1926">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1920"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1924"><tspan
+           sodipodi:role="line"
+           id="tspan1922"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1934"
+       transform="translate(56.805166,4.6112655)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1928"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1932"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1930"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096833,9.9029074)"
+       id="g1942">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1936"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1940"><tspan
+           sodipodi:role="line"
+           id="tspan1938"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096828,-27.138687)"
+       id="g1950">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1944"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1948"><tspan
+           sodipodi:role="line"
+           id="tspan1946"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096829,-16.555375)"
+       id="g1958">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1952"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1956"><tspan
+           sodipodi:role="line"
+           id="tspan1954"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1966"
+       transform="translate(51.513496,-16.555375)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1960"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1964"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1962"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1974"
+       transform="translate(56.805162,-16.555375)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1968"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1972"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1970"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(55.401998,-26.243606)"
+       id="g1982">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1976"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1980"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1978"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513496,-21.84703)"
+       id="g1990">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1984"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1988"><tspan
+           sodipodi:role="line"
+           id="tspan1986"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1998"
+       transform="translate(51.513496,-27.138672)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1992"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1996"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1994"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805162,-27.138672)"
+       id="g2006">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2000"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2004"><tspan
+           sodipodi:role="line"
+           id="tspan2002"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2014"
+       transform="translate(62.096829,-21.84703)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2008"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2012"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2010"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g2022"
+       transform="translate(30.346834,-27.138702)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2016"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2020"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2018"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g2030"
+       transform="translate(30.346835,-16.55539)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2024"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2028"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2026"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763502,-16.55539)"
+       id="g2038">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2032"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2036"><tspan
+           sodipodi:role="line"
+           id="tspan2034"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055168,-16.55539)"
+       id="g2046">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2040"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2044"><tspan
+           sodipodi:role="line"
+           id="tspan2042"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2054"
+       transform="translate(23.652004,-26.243621)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2048"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text2052"><tspan
+           sodipodi:role="line"
+           id="tspan2050"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g2062"
+       transform="translate(19.763502,-21.847045)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2056"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2060"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2058"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763502,-27.138687)"
+       id="g2070">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2064"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2068"><tspan
+           sodipodi:role="line"
+           id="tspan2066"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2078"
+       transform="translate(25.055168,-27.138687)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2072"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text2076"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan2074"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346835,-21.847045)"
+       id="g2086">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2080"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2084"><tspan
+           sodipodi:role="line"
+           id="tspan2082"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect2101"
+       width="15.875"
+       height="15.875"
+       x="5.2916665"
+       y="244.0834" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/tips-outpost/outpost-trap-pattern.svg
            
@@ -0,0 +1,3873 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="260"
+   height="260"
+   viewBox="0 0 68.791665 68.791667"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="outpost-trap-pattern.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="74.729176"
+     inkscape:cy="68.576247"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="739"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-228.20832)">
+    <g
+       id="g1106"
+       transform="translate(5.2916728,-5.2916471)">
+      <rect
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect937"
+         width="5.2916665"
+         height="5.2916665"
+         x="26.458332"
+         y="265.25003" />
+      <text
+         id="text1101"
+         y="269.30844"
+         x="27.745592"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="269.30844"
+           x="27.745592"
+           id="tspan1099"
+           sodipodi:role="line">C</tspan></text>
+    </g>
+    <g
+       id="g1114"
+       transform="translate(-42.333332,20.658538)">
+      <rect
+         y="265.25003"
+         x="26.458332"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1108"
+         style="opacity:1;fill:#008080;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="27.745592"
+         y="269.30844"
+         id="text1112"><tspan
+           sodipodi:role="line"
+           id="tspan1110"
+           x="27.745592"
+           y="269.30844"
+           style="fill:#ffffff;stroke-width:0.26458332">C</tspan></text>
+    </g>
+    <g
+       id="g1165"
+       transform="translate(40.930173,-16.55538)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1151"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1155"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1153"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1458"
+       transform="translate(-1.4031647,4.103138)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1452"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1456"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1454"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1474"
+       transform="translate(-2.8063296,4.9982186)">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1460"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1464"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1462"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <rect
+       style="opacity:1;fill:#80ff80;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1680"
+       width="5.2916665"
+       height="5.2916665"
+       x="-15.875"
+       y="270.0336" />
+    <g
+       id="g1147"
+       transform="translate(46.221839,-16.55538)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1141"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1145"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1143"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818675,-26.243612)"
+       id="g1415">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1409"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1413"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1411"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930173,-21.847036)"
+       id="g1431">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1425"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1429"><tspan
+           sodipodi:role="line"
+           id="tspan1427"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1439"
+       transform="translate(40.930173,-27.138678)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1433"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1437"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1435"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.221839,-27.138678)"
+       id="g1447">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1441"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1445"><tspan
+           sodipodi:role="line"
+           id="tspan1443"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1455"
+       transform="translate(51.513505,-27.138678)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1449"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1453"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1451"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513505,-21.847022)"
+       id="g1463">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1457"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1461"><tspan
+           sodipodi:role="line"
+           id="tspan1459"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513506,-5.9720676)"
+       id="g1555">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1549"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1553"><tspan
+           sodipodi:role="line"
+           id="tspan1551"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805172,-5.9720676)"
+       id="g1563">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1557"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1561"><tspan
+           sodipodi:role="line"
+           id="tspan1559"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1571"
+       transform="translate(55.402008,-15.6603)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1565"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1569"><tspan
+           sodipodi:role="line"
+           id="tspan1567"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1579"
+       transform="translate(51.513506,-11.263724)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1573"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1577"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1575"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513506,-16.555366)"
+       id="g1587">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1581"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1585"><tspan
+           sodipodi:role="line"
+           id="tspan1583"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1595"
+       transform="translate(56.805172,-16.555366)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1589"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1593"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1591"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096838,-5.9720531)"
+       id="g1603">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1597"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1601"><tspan
+           sodipodi:role="line"
+           id="tspan1599"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1611"
+       transform="translate(62.096838,-11.26371)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1605"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1609"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1607"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1639"
+       transform="translate(40.930174,4.6112315)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1633"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1637"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1635"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1647"
+       transform="translate(46.22184,4.6112315)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1641"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1645"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1643"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818676,-5.077001)"
+       id="g1655">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1649"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1653"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1651"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930174,-0.68042446)"
+       id="g1663">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1657"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1661"><tspan
+           sodipodi:role="line"
+           id="tspan1659"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1671"
+       transform="translate(40.930174,-5.972067)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1665"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1669"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1667"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.22184,-5.972067)"
+       id="g1679">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1673"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1677"><tspan
+           sodipodi:role="line"
+           id="tspan1675"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1687"
+       transform="translate(51.513506,4.611246)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1681"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1685"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1683"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513506,-0.68041046)"
+       id="g1695">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1689"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1693"><tspan
+           sodipodi:role="line"
+           id="tspan1691"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096838,-16.555366)"
+       id="g1703">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1697"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1701"><tspan
+           sodipodi:role="line"
+           id="tspan1699"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346841,-5.972067)"
+       id="g1711">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1705"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1709"><tspan
+           sodipodi:role="line"
+           id="tspan1707"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638507,-5.972067)"
+       id="g1719">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1713"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1717"><tspan
+           sodipodi:role="line"
+           id="tspan1715"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1727"
+       transform="translate(34.235343,-15.660299)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1721"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1725"><tspan
+           sodipodi:role="line"
+           id="tspan1723"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1735"
+       transform="translate(30.346841,-11.263723)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1729"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1733"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1731"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346841,-16.555365)"
+       id="g1743">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1737"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1741"><tspan
+           sodipodi:role="line"
+           id="tspan1739"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1751"
+       transform="translate(35.638507,-16.555365)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1745"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1749"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1747"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.930174,-11.263723)"
+       id="g1759">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1753"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1757"><tspan
+           sodipodi:role="line"
+           id="tspan1755"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.34684,-0.68040986)"
+       id="g1862">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1856"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1860"><tspan
+           sodipodi:role="line"
+           id="tspan1858"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1870"
+       transform="translate(35.638507,4.611232)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1864"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1868"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1866"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1910"
+       transform="translate(55.402008,-5.0769864)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1904"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1908"><tspan
+           sodipodi:role="line"
+           id="tspan1906"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1918"
+       transform="translate(56.805173,4.6112605)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1912"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1916"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1914"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1934"
+       transform="translate(62.096839,-0.68038156)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1928"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1932"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1930"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1974"
+       transform="translate(62.096835,-21.847022)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1968"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1972"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1970"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(55.402008,-26.243598)"
+       id="g1982">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1976"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1980"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1978"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805169,-27.138677)"
+       id="g1990">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1984"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1988"><tspan
+           sodipodi:role="line"
+           id="tspan1986"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g2054"
+       transform="translate(34.235343,-26.243611)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2048"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text2052"><tspan
+           sodipodi:role="line"
+           id="tspan2050"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638508,-27.138692)"
+       id="g2086">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2080"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text2084"><tspan
+           sodipodi:role="line"
+           id="tspan2082"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1204"
+       transform="translate(34.235342,-5.0769858)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1198"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1202"><tspan
+           sodipodi:role="line"
+           id="tspan1200"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(56.805162,-16.555375)"
+       id="g1356" />
+    <g
+       transform="translate(62.096835,-27.138678)"
+       id="g1383">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1377"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1381"><tspan
+           sodipodi:role="line"
+           id="tspan1379"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1621"
+       transform="translate(30.346841,-27.138678)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1615"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1619"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1617"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.34684,-21.847021)"
+       id="g1629">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1623"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1627"><tspan
+           sodipodi:role="line"
+           id="tspan1625"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1649"
+       transform="translate(30.34684,4.611232)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1643"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1647"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1645"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096837,4.6112765)"
+       id="g1657">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1651"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1655"><tspan
+           sodipodi:role="line"
+           id="tspan1653"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1180"
+       transform="translate(44.818671,-36.826923)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1174"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1178"><tspan
+           sodipodi:role="line"
+           id="tspan1176"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1188"
+       transform="translate(55.402004,-36.826909)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1182"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1186"><tspan
+           sodipodi:role="line"
+           id="tspan1184"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(34.235339,-36.826922)"
+       id="g1196">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1190"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1194"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1192"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(44.818675,5.5063269)"
+       id="g1205">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1199"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1203"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1201"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(55.402008,5.5063409)"
+       id="g1213">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1207"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1211"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1209"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1221"
+       transform="translate(34.235343,5.5063279)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1215"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1219"><tspan
+           sodipodi:role="line"
+           id="tspan1217"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(65.985339,-15.660269)"
+       id="g1229">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1223"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1227"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1225"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(65.985339,-5.0769559)"
+       id="g1237">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1231"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1235"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1233"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       transform="translate(65.985335,-36.826878)"
+       id="g1253">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1247"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1251"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1249"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1261"
+       transform="translate(65.985339,5.5063719)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1255"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1259"><tspan
+           sodipodi:role="line"
+           id="tspan1257"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1269"
+       transform="translate(23.652009,-15.660314)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1263"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1267"><tspan
+           sodipodi:role="line"
+           id="tspan1265"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       id="g1277"
+       transform="translate(23.652009,-5.0770004)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1271"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1275"><tspan
+           sodipodi:role="line"
+           id="tspan1273"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652009,-26.243612)"
+       id="g1285">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1279"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1283"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1281"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1293"
+       transform="translate(23.652005,-36.826923)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1287"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1291"><tspan
+           sodipodi:role="line"
+           id="tspan1289"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(23.652009,5.5063269)"
+       id="g1301">
+      <rect
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1295"
+         width="5.2916665"
+         height="5.2916665"
+         x="-13.06867"
+         y="275.61868" />
+      <text
+         id="text1299"
+         y="279.67899"
+         x="-11.806991"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="279.67899"
+           x="-11.806991"
+           id="tspan1297"
+           sodipodi:role="line">B</tspan></text>
+    </g>
+    <g
+       id="g1355"
+       transform="translate(65.985337,-26.243597)">
+      <rect
+         y="275.61868"
+         x="-13.06867"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1349"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-11.806991"
+         y="279.67899"
+         id="text1353"><tspan
+           sodipodi:role="line"
+           id="tspan1351"
+           x="-11.806991"
+           y="279.67899"
+           style="fill:#ffffff;stroke-width:0.26458332">B</tspan></text>
+    </g>
+    <g
+       transform="translate(40.93017,-37.722004)"
+       id="g1425">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1419"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1423"><tspan
+           sodipodi:role="line"
+           id="tspan1421"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1433"
+       transform="translate(46.221836,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1427"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1431"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1429"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513502,-37.722004)"
+       id="g1441">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1435"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1439"><tspan
+           sodipodi:role="line"
+           id="tspan1437"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1449"
+       transform="translate(56.805166,-37.722003)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1443"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1447"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1445"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1457"
+       transform="translate(35.638505,-37.722018)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1451"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1455"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1453"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1465"
+       transform="translate(62.096832,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1459"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1463"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1461"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346838,-37.722004)"
+       id="g1473">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1467"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1471"><tspan
+           sodipodi:role="line"
+           id="tspan1469"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(67.388499,-37.722004)"
+       id="g1481">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1475"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1479"><tspan
+           sodipodi:role="line"
+           id="tspan1477"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1489"
+       transform="translate(72.680166,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1483"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1487"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1485"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1497"
+       transform="translate(19.763503,-37.722004)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1491"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1495"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1493"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.05517,-37.722004)"
+       id="g1505">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1499"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1503"><tspan
+           sodipodi:role="line"
+           id="tspan1501"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1513"
+       transform="translate(19.763503,-11.263736)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1507"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1511"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1509"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763503,-16.555392)"
+       id="g1521">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1515"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1519"><tspan
+           sodipodi:role="line"
+           id="tspan1517"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1529"
+       transform="translate(19.763503,-21.847034)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1523"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1527"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1525"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1537"
+       transform="translate(19.763502,-5.9720789)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1531"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1535"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1533"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763503,-32.430347)"
+       id="g1545">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1539"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1543"><tspan
+           sodipodi:role="line"
+           id="tspan1541"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1553"
+       transform="translate(19.763502,-27.13869)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1547"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1551"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1549"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763502,-0.68043706)"
+       id="g1561">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1555"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1559"><tspan
+           sodipodi:role="line"
+           id="tspan1557"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763508,4.6112457)"
+       id="g1569">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1563"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1567"><tspan
+           sodipodi:role="line"
+           id="tspan1565"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(19.763507,9.9029029)"
+       id="g1577">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1571"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1575"><tspan
+           sodipodi:role="line"
+           id="tspan1573"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1585"
+       transform="translate(19.763507,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1579"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1583"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1581"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1593"
+       transform="translate(40.930174,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1587"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1591"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1589"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(46.22184,15.194545)"
+       id="g1601">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1595"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1599"><tspan
+           sodipodi:role="line"
+           id="tspan1597"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1609"
+       transform="translate(51.513506,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1603"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1607"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1605"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(56.80517,15.194546)"
+       id="g1617">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1611"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1615"><tspan
+           sodipodi:role="line"
+           id="tspan1613"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(35.638509,15.194531)"
+       id="g1625">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1619"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1623"><tspan
+           sodipodi:role="line"
+           id="tspan1621"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096836,15.194545)"
+       id="g1633">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1627"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1631"><tspan
+           sodipodi:role="line"
+           id="tspan1629"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1641"
+       transform="translate(30.346842,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1635"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1639"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1637"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1650"
+       transform="translate(67.388503,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1644"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1648"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1646"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.68017,15.194545)"
+       id="g1658">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1652"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1656"><tspan
+           sodipodi:role="line"
+           id="tspan1654"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1666"
+       transform="translate(25.055174,15.194545)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1660"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1664"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1662"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680166,-11.263691)"
+       id="g1674">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1668"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1672"><tspan
+           sodipodi:role="line"
+           id="tspan1670"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1682"
+       transform="translate(72.680166,-16.555347)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1676"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1680"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1678"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680166,-21.846989)"
+       id="g1690">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1684"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1688"><tspan
+           sodipodi:role="line"
+           id="tspan1686"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680165,-5.972034)"
+       id="g1698">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1692"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1696"><tspan
+           sodipodi:role="line"
+           id="tspan1694"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1706"
+       transform="translate(72.680166,-32.430302)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1700"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1704"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1702"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(72.680165,-27.138645)"
+       id="g1714">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1708"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1712"><tspan
+           sodipodi:role="line"
+           id="tspan1710"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1722"
+       transform="translate(72.680165,-0.68039216)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1716"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1720"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1718"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1730"
+       transform="translate(72.680171,4.6112906)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1724"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1728"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1726"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1738"
+       transform="translate(72.68017,9.9029479)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1732"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1736"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1734"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1746"
+       transform="translate(67.388501,-5.9720201)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1740"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1744"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1742"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1754"
+       transform="translate(67.388501,-16.555333)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1748"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1752"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1750"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1762"
+       transform="translate(67.388498,-27.138645)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1756"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1760"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1758"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1770"
+       transform="translate(67.3885,4.6113095)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1764"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1768"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1766"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055172,-5.9720656)"
+       id="g1778">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1772"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1776"><tspan
+           sodipodi:role="line"
+           id="tspan1774"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055172,-16.555379)"
+       id="g1786">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1780"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1784"><tspan
+           sodipodi:role="line"
+           id="tspan1782"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055169,-27.138691)"
+       id="g1794">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1788"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1792"><tspan
+           sodipodi:role="line"
+           id="tspan1790"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(25.055171,4.6112639)"
+       id="g1802">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1796"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1800"><tspan
+           sodipodi:role="line"
+           id="tspan1798"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(40.93017,-32.430333)"
+       id="g1810">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1804"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1808"><tspan
+           sodipodi:role="line"
+           id="tspan1806"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       transform="translate(51.513502,-32.430333)"
+       id="g1818">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1812"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1816"><tspan
+           sodipodi:role="line"
+           id="tspan1814"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1826"
+       transform="translate(62.096832,-32.430333)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1820"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1824"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1822"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(30.346838,-32.430333)"
+       id="g1834">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1828"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1832"><tspan
+           sodipodi:role="line"
+           id="tspan1830"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1842"
+       transform="translate(40.930171,9.9028899)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1836"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1840"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1838"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1850"
+       transform="translate(51.513503,9.9028899)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1844"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1848"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1846"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       transform="translate(62.096833,9.9028899)"
+       id="g1858">
+      <rect
+         y="271.22211"
+         x="-14.471835"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1852"
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-13.077519"
+         y="275.28052"
+         id="text1856"><tspan
+           sodipodi:role="line"
+           id="tspan1854"
+           x="-13.077519"
+           y="275.28052"
+           style="fill:#000000;stroke-width:0.26458332">S</tspan></text>
+    </g>
+    <g
+       id="g1866"
+       transform="translate(30.346839,9.9028899)">
+      <rect
+         style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1860"
+         width="5.2916665"
+         height="5.2916665"
+         x="-14.471835"
+         y="271.22211" />
+      <text
+         id="text1864"
+         y="275.28052"
+         x="-13.077519"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#000000;stroke-width:0.26458332"
+           y="275.28052"
+           x="-13.077519"
+           id="tspan1862"
+           sodipodi:role="line">S</tspan></text>
+    </g>
+    <g
+       id="g1882">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1868"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1872"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1870"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1890"
+       transform="translate(15.875006,0.5080826)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1884"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1888"><tspan
+           sodipodi:role="line"
+           id="tspan1886"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875006,-4.7835739)"
+       id="g1898">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1892"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1896"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1894"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875001,-10.075243)"
+       id="g1906">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1900"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1904"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1902"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1914"
+       transform="translate(15.875001,-15.366899)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1908"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1912"><tspan
+           sodipodi:role="line"
+           id="tspan1910"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875007,-20.658529)"
+       id="g1922">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1916"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1920"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1918"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1930"
+       transform="translate(15.875007,-25.950185)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1924"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1928"><tspan
+           sodipodi:role="line"
+           id="tspan1926"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g1938"
+       transform="translate(15.875002,-31.241854)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1932"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1936"><tspan
+           sodipodi:role="line"
+           id="tspan1934"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875002,-36.53351)"
+       id="g1946">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1940"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1944"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1942"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875006,-41.82514)"
+       id="g1954">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1948"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1952"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1950"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875001,-47.116809)"
+       id="g1962">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1956"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1960"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1958"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1970"
+       transform="translate(15.875001,-52.408465)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1964"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1968"><tspan
+           sodipodi:role="line"
+           id="tspan1966"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g1978"
+       transform="translate(15.875001,-57.700121)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1972"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1976"><tspan
+           sodipodi:role="line"
+           id="tspan1974"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(15.875001,-62.991777)"
+       id="g1986">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1980"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text1984"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan1982"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g1994"
+       transform="translate(21.166669,-62.991779)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1988"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text1992"><tspan
+           sodipodi:role="line"
+           id="tspan1990"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2002"
+       transform="translate(26.458337,-62.991779)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect1996"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2000"><tspan
+           sodipodi:role="line"
+           id="tspan1998"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(31.750005,-62.991781)"
+       id="g2010">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2004"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2008"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2006"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2018"
+       transform="translate(37.041671,-62.991781)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2012"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2016"><tspan
+           sodipodi:role="line"
+           id="tspan2014"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(42.333339,-62.991783)"
+       id="g2026">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2020"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2024"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2022"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(47.625007,-62.991783)"
+       id="g2034">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2028"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2032"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2030"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2042"
+       transform="translate(52.916675,-62.991785)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2036"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2040"><tspan
+           sodipodi:role="line"
+           id="tspan2038"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2050"
+       transform="translate(58.208329,-62.991777)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2044"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2048"><tspan
+           sodipodi:role="line"
+           id="tspan2046"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(63.499997,-62.991779)"
+       id="g2058">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2052"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2056"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2054"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(68.791665,-62.991779)"
+       id="g2066">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2060"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2064"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2062"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2074"
+       transform="translate(74.083333,-62.991781)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2068"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2072"><tspan
+           sodipodi:role="line"
+           id="tspan2070"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.374999,-62.991781)"
+       id="g2082">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2076"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2080"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2078"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375008,0.5081533)"
+       id="g2134">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2128"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2132"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2130"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2142"
+       transform="translate(79.375008,-4.7835032)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2136"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2140"><tspan
+           sodipodi:role="line"
+           id="tspan2138"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2150"
+       transform="translate(79.375003,-10.075172)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2144"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2148"><tspan
+           sodipodi:role="line"
+           id="tspan2146"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375003,-15.366828)"
+       id="g2158">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2152"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2156"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2154"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2166"
+       transform="translate(79.375009,-20.658458)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2160"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2164"><tspan
+           sodipodi:role="line"
+           id="tspan2162"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375009,-25.950114)"
+       id="g2174">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2168"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2172"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2170"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375004,-31.241783)"
+       id="g2182">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2176"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2180"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2178"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2190"
+       transform="translate(79.375004,-36.533439)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2184"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2188"><tspan
+           sodipodi:role="line"
+           id="tspan2186"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2198"
+       transform="translate(79.375008,-41.825069)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2192"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2196"><tspan
+           sodipodi:role="line"
+           id="tspan2194"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2206"
+       transform="translate(79.375003,-47.116738)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2200"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2204"><tspan
+           sodipodi:role="line"
+           id="tspan2202"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375003,-52.408394)"
+       id="g2214">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2208"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2212"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2210"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(79.375003,-57.70005)"
+       id="g2222">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2216"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2220"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2218"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(21.166672,0.5080826)"
+       id="g2382">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2376"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2380"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2378"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(26.45834,0.5080826)"
+       id="g2390">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2384"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2388"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2386"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2398"
+       transform="translate(31.750008,0.5080806)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2392"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2396"><tspan
+           sodipodi:role="line"
+           id="tspan2394"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(37.041674,0.5080806)"
+       id="g2406">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2400"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2404"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2402"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2414"
+       transform="translate(42.333342,0.5080786)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2408"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2412"><tspan
+           sodipodi:role="line"
+           id="tspan2410"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2422"
+       transform="translate(47.62501,0.5080786)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2416"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2420"><tspan
+           sodipodi:role="line"
+           id="tspan2418"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(52.916678,0.5080766)"
+       id="g2430">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2424"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2428"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2426"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       transform="translate(58.208332,0.5080846)"
+       id="g2438">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2432"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2436"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2434"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+    <g
+       id="g2446"
+       transform="translate(63.5,0.5080826)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2440"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2444"><tspan
+           sodipodi:role="line"
+           id="tspan2442"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       id="g2454"
+       transform="translate(68.791668,0.5080826)">
+      <rect
+         y="291.20023"
+         x="-15.875"
+         height="5.2916665"
+         width="5.2916665"
+         id="rect2448"
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         x="-14.414366"
+         y="295.26053"
+         id="text2452"><tspan
+           sodipodi:role="line"
+           id="tspan2450"
+           x="-14.414366"
+           y="295.26053"
+           style="fill:#ffffff;stroke-width:0.26458332">T</tspan></text>
+    </g>
+    <g
+       transform="translate(74.083336,0.5080806)"
+       id="g2462">
+      <rect
+         style="opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:4.39278936;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect2456"
+         width="5.2916665"
+         height="5.2916665"
+         x="-15.875"
+         y="291.20023" />
+      <text
+         id="text2460"
+         y="295.26053"
+         x="-14.414366"
+         style="font-style:normal;font-weight:normal;font-size:3.88055563px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="fill:#ffffff;stroke-width:0.26458332"
+           y="295.26053"
+           x="-14.414366"
+           id="tspan2458"
+           sodipodi:role="line">T</tspan></text>
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          content/tips-outpost/post.md
            
@@ -0,0 +1,147 @@
+```meta
+created: 2020-05-10
+updated: 2020-05-22
+```
+
+Tips for Outpost
+================
+
+[Outpost](https://store.steampowered.com/app/1127110/Outpost/) is a fun little game by Open Mid Interactive that has popped in recently in my recommended section of Steam, and I decided to give it a try.
+
+It's a fun tower-defense game with progression, different graphics and random world generation which makes it quite fun for a few hours. In this post I want to talk about some tips I found useful to get past night 50.
+
+Build Pattern
+-------------
+
+At first, you may be inclined to design a checkerboard pattern like the following, where "C" is the Crystal shrine, "S" is a stone launcher and "B" is a booster:
+
+![Bad Outpost build pattern](outpost-bad-pattern.svg)
+
+Indeed, this pattern will apply **4** boosts to every turret, but unfortunately, the other 4 slots of the booster are wasted! This is because boosters are able to power 8 different towers, and you really want to maximize that. Here's a better design:
+
+![Good Outpost build pattern](outpost-good-pattern.svg)
+
+The shrine's tower does get boosted, but it's still not really worth it to boost it. This pattern works good, and it's really easy to tile: just repeat the same 3x3 pattern.
+
+Nonetheless, we can do better. What if we applied multiple boosters to the same tower while still applying all 8 boosts?
+
+![Best Outpost build pattern](outpost-best-pattern.svg)
+
+That's what peak performance looks like. You can actually apply multiple boosters to the same tower, and it works great.
+
+Now, is it really worth it building anywhere except around the shrine? Not really. You never know where a boss will come from, so all sides need a lot of defense if you want to stand a chance.
+
+The addition of traps in 1.6 is amazing. You want to build these outside your strong "core", mostly to slow the enemies down so your turrets have more time to finish them off. Don't waste boosters on the traps, and build them at a reasonable distance from the center (the sixth tile is a good spot):
+
+![Trap Outpost build pattern](outpost-trap-pattern.svg)
+
+If you gather enough materials, you can build more trap and cannon layers outside, roughly at enough distance to slow them for enough duration until they reach the next layer of traps, and so on. Probably a single gap of "cannon, booster, cannon" is enough between trap layers, just not in the center where you need a lot of fire power.
+
+Talents
+-------
+
+Talents are the way progression works in the game. Generally, after a run, you will have enough experience to upgrade nearly all talents of roughly the same tier. However, some are worth upgrading more than others (which provide basically no value).
+
+The best ones to upgrade are:
+
+* Starting supplies. Amazing to get good tools early.
+* Shrine shield. Very useful to hold against tough bosses.
+* Better buildings (cannon, boosters, bed and traps). They're a must to deal the most damage.
+* Better pickaxe. Stone is limited, so better make good use of it.
+* Better chests. They provide an insane amount of resources early.
+* Winter slow. Turrets will have more time to deal damage, it's perfect.
+* More time. Useful if you're running out, although generally you enter nights early after having a good core anyway.
+* More rocks. Similar to a better pickaxe, more stone is always better.
+
+Some decent ones:
+
+* In-shrine turret. It's okay to get past the first night without building but not much beyond that.
+* Better axe and greaves. Great to save some energy and really nice quality of life to move around.
+* Tree growth. Normally there's enough trees for this not to be an issue but it can save some time gathering wood.
+* Wisps. They're half-decent since they can provide materials once you max out or max out expensive gear.
+
+Some okay ones:
+
+* Extra XP while playing. Generally not needed due to the way XP scales per night, but can be a good boost.
+* Runestones. Not as reliable as chests but some can grant more energy per day.
+
+Some crap ones:
+
+* Boosts for other seasons. I mean, winter is already the best, no use there.
+* Bow. The bow is very useless at the moment, it's not worth your experience.
+* More energy per bush. Not really worth hunting for bushes since you will have enough energy to do well.
+
+Turrets
+-------
+
+Always build the highest tier, there's no point in anything lower than that. You will need to deal a lot of damage in a small area, which means space is a premium.
+
+Boosters
+--------
+
+If you're very early in the game, I recommend alternating both the flag and torch in a checkerboard pattern where the boosters should go in the pattern above. This way your towers will get extra speed and extra range, which works great.
+
+When you're in mid-game (stone launchers, gears and campfires), I do not recommend using campfires. The issue is their range boost is way too long, and the turrets will miss quite a few shots. It's better to put all your power into fire speed for increased DPS, at least near the center. If you manage to build too far out and some of the turrets hardly ever shoot, you may put campfires there.
+
+In end-game, of course alternate both of the highest tier upgrades. They are really good, and provide the best benefit / cost ratio.
+
+Gathering Materials
+-------------------
+
+It is **very** important to use all your energy every day! Otherwise it will go to waste, and you will need a lot of materials.
+
+As of 1.6, you can mine two things at once if they're close enough! I don't know if this is intended or a bug, but it sure is great.
+
+Once you're in mid-game, your stone-based fort should stand pretty well against the nights on its own. After playing for a while you will notice, if your base can defend a boss, then it will have no issue carrying you through the nights until the next boss. You can (and should!) spend the nights gathering materials, but only when you're confident that the night won't run out.
+
+Before the boss hits (every fifth night), come back to your base and use all of your materials. This is the next fort upgrade that will carry it the five next nights.
+
+You may also speed up time during night, but make sure you use all your energy before hand. And also take care, in the current version of the game speeding up time only speeds up monster movement, not the fire rate or projectile speed of your turrets! This means they will miss more shots and can be pretty dangerous. If you're speeding up time, consider speeding it up for a little bit, then go back to normal until things are more calm, and repeat.
+
+If you're in the end-game, try to rush for chests. They provide a huge amount of materials which is really helpful to upgrade all your tools early so you can make sure to get the most out of every rock left in the map.
+
+In the end-game, after all stone has been collected, you don't really need to use all of your energy anymore. Just enough to have enough wood to build with the remaining stone. This will also be nice with the bow upgrades, which admitedly can get quite powerful, but it's best to have a strong fort first.
+
+Season
+------
+
+In my opinion, winter is just the best of the seasons. You don't *really* need that much energy (it gets tiresome), or extra tree drops, or luck. Slower movement means your turrets will be able to shoot enemies for longer, dealing more damage over time, giving them more chance to take enemies out before they reach the shrine.
+
+Feel free to re-roll the map a few times (play and exit, or even restart the game) until you get winter if you want to go for The Play.
+
+Gear
+----
+
+In my opinion, you really should rush for the best pickaxe you can afford. Stone is a limited resource that doesn't regrow like trees, so once you run out, it's over. Better to make the best use out of it with a good pickaxe!
+
+You may also upgrade your greaves, we all known faster movement is a *really* nice quality of life improvement.
+
+Of course, you will eventually upgrade your axe to chop wood (otherwise it's wasted energy, really), but it's not as much of a priority as the pickaxe.
+
+Now, the bow is completely useless. Don't bother with it. Your energy is better spent gathering materials to build permanent turrets that deal constant damage while you're away, and the damage adds up with every extra turret you build.
+
+With regards to items you carry (like sword, or helmet), look for these (from best to worst):
+
+* Less minion life.
+* Chance to not consume energy.
+* +1 turret damage.
+* Extra energy.
+* +1 drop from trees or stones.
+* +1 free wood or stone per day.
+
+Less minion life, nothing to say. You will need it near end-game.
+
+The chance to not consume energy is better the more energy you have. With a 25% chance not to consume energy, you can think of it as 1 extra energy for every 4 energy you have on average.
+
+Turret damage is a tough one, it's *amazing* mid-game (it basically doubles your damage) but falls short once you unlock the cannon where you may prefer other items. Definitely recommended if you're getting started. You may even try to roll it on low tiers by dying on the second night, because it's that good.
+
+Extra energy is really good, because it means you can get more materials before it gets too rough. Make sure you have built at least two beds in the first night! This extra energy will pay of for the many nights to come.
+
+The problem with free wood or stone per day is that you have, often, five times as much energy per day. By this I mean you can get easily 5 stone every day, which means 5 extra stone, whereas the other would provide just 1 per night. On a good run, you will get around 50 free stone or 250 extra stone. It's a clear winner.
+
+In end-game, more quality of life are revealing chests so that you can rush them early, if you like to hunt for them try to make better use of the slot.
+
+Closing words
+-------------
+
+I hope you enjoy the game as much as I do! Movement is sometimes janky and there's the occassional lag spikes, but despite this it should provide at least a few good hours of gameplay. Beware however a good run can take up to an hour!


          

          

        
          

            

            
            A
            
            
            
          
          content/university.md
            
@@ -0,0 +1,7 @@
+# University posts
+
+During university, there were a few subjects where I had to write blog posts for (either as
+evaluable tasks or just for fun). Currently, these are:
+
+* [Data Mining and Data Warehousing](mdad)
+* [Information Retrieval and Web Search](ribw)


          

          

        
          

            

            
            A
            
            
            
          
          content/world_edit.md
            
@@ -0,0 +1,128 @@
+```meta
+created: 2018-07-11
+modified: 2018-07-11
+```
+
+WorldEdit Commands
+==================
+
+[WorldEdit](https://dev.bukkit.org/projects/worldedit) is an extremely powerful tool for modifying entire worlds within [Minecraft](https://minecraft.net), which can be used as either a mod for your single-player worlds or as a plugin for your [Bukkit](https://getbukkit.org/) servers.
+
+This command guide was written for Minecraft 1.12.1, version [6.1.7.3](https://dev.bukkit.org/projects/worldedit/files/2460562), but should work for newer versions too. All WorldEdit commands can be used with a double slash (`//`) so they don't conlict with built-in commands. This means you can get a list of all commands with `//help`. Let's explore different categories!
+
+Movement
+--------
+
+In order to edit a world properly you need to learn how to move in said world properly. There are several straightforward commands that let you move:
+
+* `//ascend` goes up one floor.
+* `//descend` goes down one floor.
+* `//thru` let's you pass through walls.
+* `//jumpto` to go wherever you are looking.
+
+Information
+-----------
+
+Knowing your world properly is as important as knowing how to move within it, and will also let you change the information in said world if you need to.
+
+* `//biomelist` shows all known biomes.
+* `//biomeinfo` shows the current biome.
+* `//setbiome` lets you change the biome.
+
+Blocks
+------
+
+You can act over all blocks in a radius around you with quite a few commands. Some won't actually act over the entire range you specify, so 100 is often a good number.
+
+### Filling
+
+You can fill pools with `//fill water 100` or caves with `//fillr water 100`, both of which act below your feet.
+
+### Fixing
+
+If the water or lava is buggy use `//fixwater 100` or `//fixlava 100` respectively.
+
+Some creeper removed the snow or the grass? Fear not, you can use `//snow 10` or `//grass 10`.
+
+### Emptying
+
+You can empty a pool completely with `//drain 100`, remove the snow with `//thaw 10`, and remove fire with `//ex 10`.
+
+### Removing
+
+You can remove blocks above and below you in some area with the `//removeabove N` and `//removebelow N`. You probably want to set a limit though, or you could fall off the world with `//removebelow 1 10` for radius and depth. You can also remove near blocks with `//removenear block 10`.
+
+### Shapes
+
+Making a cylinder (or circle) can be done with through `//cyl stone 10`, a third argument for the height. The radius can be comma-separated to make a ellipses instead, such as `//cyl stone 5,10`.
+
+Spheres are done with `//sphere stone 5`. This will build one right at your center, so you can raise it to be on your feet with `//sphere stone 5 yes`. Similar to cylinders, you can comma separate the radius `x,y,z`.
+
+Pyramids can be done with `//pyramic stone 5`.
+
+All these commands can be prefixed with "h" to make them hollow. For instance, `//hsphere stone 10`.
+
+Regions
+-------
+
+### Basics
+
+Operating over an entire region is really important, and the first thing you need to work comfortably with them is a tool to make selections. The default wooden-axe tool can be obtained with `//wand`, but you must be near the blocks to select. You can use a different tool, like a golden axe, to use as your "far wand" (wand usable over distance). Once you have one in your hand type `//farwand` to use it as your "far wand". You can select the two corners of your region with left and right click. If you have selected the wrong tool, use `//none` to clear it.
+
+If there are no blocks but you want to use your current position as a corner, use `//pos1` or 2.
+
+If you made a region too small, you can enlarge it with `//expand 10 up`, or `//expand vert` for the entire vertical range, etc., or make it smaller with `//contract 10 up` etc., or `//inset` it to contract in both directions. You can use short-names for the cardinal directions (NSEW).
+
+Finally, if you want to move your selection, you can `//shift 1 north` it to wherever you need.
+
+### Information
+
+You can get the `//size` of the selection or even `//count torch` in some area. If you want to count all blocks, get their distribution `//distr`.
+
+### Filling
+
+With a region selected, you can `//set` it to be any block! For instance, you can use `//set air` to clear it entirely. You can use more than one block evenly by separting them with a comma `//set stone,dirt`, or with a custom chance `//set 20%stone,80%dirt`.
+
+You can use `//replace from to` instead if you don't want to override all blocks in your selection.
+
+You can make an hollow set with `//faces`, and if you just want the walls, use `//walls`.
+
+### Cleaning
+
+If someone destroyed your wonderful snow landscape, fear not, you can use `//overlay snow` over it (although for this you actually have `//snow N` and its opposite `//thaw`).
+
+If you set some rough area, you can always `//smooth` it, even more than one time with `//smooth 3`. You can get your dirt and stone back with `//naturalize` and put some plants with `//flora` or `//forest`, both of which support a density or even the type for the trees. If you already have the dirt use `//green` instead. If you want some pumpkins, with `//pumpkins`.
+
+### Moving
+
+You can repeat an entire selection many times by stacking them with `//stack N DIR`. This is extremely useful to make things like corridors or elevators. For instance, you can make a small section of the corridor, select it entirely, and then repeat it 10 times with `//stack 10 north`. Or you can make the elevator and then `//stack 10 up`. If you need to also copy the air use `//stackair`.
+
+Finally, if you don't need to repeat it and simply move it just a bit towards the right direction, you can use `//move N`. The default direction is "me" (towards where you are facing) but you can set one with `//move 1 up` for example.
+
+### Selecting
+
+You can not only select cuboids. You can also select different shapes, or even just points:
+
+* `//sel cuboid` is the default.
+* `//sel extend` expands the default.
+* `//sel poly` first point with left click and right click to add new points.
+* `//sel ellipsoid` first point to select the center and right click to select the different radius.
+* `//sel sphere` first point to select the center and one more right click for the radius.
+* `//sel cyl` for cylinders, first click being the center.
+* `//sel convex` for convex shapes. This one is extremely useful for `//curve`.
+
+Brushes
+-------
+
+Brushes are a way to paint in 3D without first bothering about making a selection, and there are spherical and cylinder brushes with e.g. `//brush sphere stone 2`, or the shorter form `//br s stone`. For cylinder, one must use `cyl` instead `sphere`.
+
+There also exists a brush to smooth the terrain which can be enabled on the current item with `//br smooth`, which can be used with right-click like any other brush.
+
+Clipboard
+---------
+
+Finally, you can copy and cut things around like you would do with normal text with `//copy` and `//cut`. The copy is issued from wherever you issue the command, so when you use `//paste`, remember that if you were 4 blocks apart when copying, it will be 4 blocks apart when pasting.
+
+The contents of the clipboard can be flipped to wherever you are looking via `//flip`, and can be rotated via the `//rotate 90` command (in degrees).
+
+To remove the copy use `//clearclipboard`.


          

          

        
          

            

            
            A
            
            
            
          
          content/wptomd.py
            
@@ -0,0 +1,222 @@
+"""
+hacky script to convert saved wordpress sites to markdown for use in https://github.com/expectocode/pagong
+"""
+import bs4
+import os
+import sys
+import re
+from pathlib import Path
+import urllib.parse
+import dateutil.parser
+import shutil
+
+def header(tag_name):
+    if m := re.match(r'h([1-6])', tag_name):
+        return int(m[1])
+
+def rewrite_img_src(src):
+    if '//' in src:
+        return src
+    else:
+        return src.split('/')[-1]
+
+def handle(tag, pre=False, list_ty=None):
+    if isinstance(tag, bs4.NavigableString):
+        tag = str(tag)
+        if pre:
+            yield tag
+        else:
+            value = re.sub(r'\s+', ' ', tag)
+            if not value.isspace():
+                yield value
+        return
+
+    if tag.name == 'div':
+        pass
+    elif level := header(tag.name):
+        yield '\n\n' + '#' * level + ' '
+    elif tag.name == 'p':
+        pass
+    elif tag.name == 'em':
+        yield '_'
+    elif tag.name == 'strong':
+        yield '**'
+    elif tag.name == 'a':
+        yield '['
+    elif tag.name == 'code':
+        if not pre:
+            yield '`'
+    elif tag.name == 'ul':
+        list_ty = list_ty or []
+        list_ty.append(None)
+    elif tag.name == 'li':
+        if not list_ty[-1]:
+            yield '\n* '
+        else:
+            yield f'\n{list_ty[-1]}. '
+            list_ty[-1] += 1
+    elif tag.name == 'pre':
+        pre = True
+        yield '\n```\n'
+    elif tag.name == 'figure':
+        yield '\n'
+    elif tag.name == 'img':
+        yield f'![{tag["alt"]}]({rewrite_img_src(tag["src"])})'
+    elif tag.name == 'hr':
+        yield '\n\n----------\n\n'
+    elif tag.name == 'ol':
+        list_ty = list_ty or []
+        list_ty.append(1)
+    elif tag.name == 'br':
+        yield '\n'
+    elif tag.name == 'table':
+        # bruh i ain't gonna parse tables
+        yield tag.prettify()
+        return
+    elif tag.name == 'blockquote':
+        yield '\n> '
+    elif tag.name == 's':
+        yield '~~'
+    elif tag.name == 'figcaption':
+        yield '\n_'
+    elif tag.name == 'video':
+        yield f'<video controls="controls" src="{rewrite_img_src(tag["src"])}"></video>'
+    elif tag.name == 'cite':
+        yield f'-- '
+    elif tag.name in ('sub', 'sup'):
+        yield f'<{tag.name}>'
+    else:
+        print('wtf is', tag.name)
+        quit()
+
+    for child in tag.children:
+        yield from handle(child, pre=pre, list_ty=list_ty)
+
+    if tag.name == 'div':
+        pass
+    elif header(tag.name):
+        yield '\n\n'
+    elif tag.name == 'p':
+        yield '\n\n'
+    elif tag.name == 'em':
+        yield '_'
+    elif tag.name == 'strong':
+        yield '**'
+    elif tag.name == 'a':
+        yield f']({tag["href"]})'
+    elif tag.name == 'code':
+        if not pre:
+            yield '`'
+    elif tag.name == 'ul':
+        list_ty.pop()
+        yield '\n'
+    elif tag.name == 'li':
+        pass
+    elif tag.name == 'pre':
+        yield '\n```\n\n'
+    elif tag.name == 'figure':
+        yield '\n\n'
+    elif tag.name == 'img':
+        pass
+    elif tag.name == 'hr':
+        pass
+    elif tag.name == 'ol':
+        list_ty.pop()
+        yield '\n'
+    elif tag.name == 'br':
+        pass
+    elif tag.name == 'table':
+        pass
+    elif tag.name == 'blockquote':
+        yield '\n'
+    elif tag.name == 's':
+        yield '~~'
+    elif tag.name == 'figcaption':
+        yield '_\n'
+    elif tag.name == 'video':
+        pass
+    elif tag.name == 'cite':
+        pass
+    elif tag.name in ('sub', 'sup'):
+        yield f'</{tag.name}>'
+
+
+def iter_local_img(file: Path, tag):
+    if isinstance(tag, bs4.NavigableString):
+        return
+
+    if tag.name == 'img':
+        src = tag["src"]
+        if '//' not in src:
+            f = file.parent / urllib.parse.unquote(src)
+            if f.is_file():
+                yield f, rewrite_img_src(src)
+
+    for child in tag.children:
+        yield from iter_local_img(file, child)
+
+
+def main():
+    try:
+        indir = Path(sys.argv[1])
+        outroot = Path(sys.argv[2])
+    except IndexError:
+        print('usage:', sys.argv[0], '<IN DIR>', '<OUT DIR>')
+        exit(1)
+
+    outroot.mkdir(exist_ok=True)
+
+    for file in indir.iterdir():
+        if not file.is_file() or not file.name.endswith('.html'):
+            continue
+
+        with file.open(encoding='utf-8') as fd:
+            soup = bs4.BeautifulSoup(fd.read(), 'html.parser')
+
+        name = soup.find('link', rel='canonical')
+        if name:
+            name = name['href']
+        else:
+            name = soup.find(id='cancel-comment-reply-link')['href'].split('#')[0]
+        name = name.rstrip('/').split('/')[-1]
+
+        outdir = outroot / name
+        title = soup.find(class_='entry-title').text
+        _author = soup.find(class_='entry-author').text  # i'd rather not write this
+        published = dateutil.parser.isoparse(soup.find(class_='published')['datetime']).replace(' ', 'T')  # ISO 8601
+        updated = dateutil.parser.isoparse(soup.find(class_='updated')['datetime']).replace(' ', 'T')
+        content = soup.find(class_='entry-content')
+
+        outdir.mkdir(exist_ok=True)
+        with open(outdir / 'post.md', 'w', encoding='utf-8') as fd:
+            fd.write(f'''```meta
+title: {title}
+published: {published}
+updated: {updated}
+```
+''')
+
+            # hacky way to avoid the excessive amount of newlines except in pre blocks
+            lines = ''.join(handle(content)).split('\n')
+            pre = False
+            empty = False
+            for line in lines:
+                if line.startswith('```'):
+                    fd.write(line)
+                    fd.write('\n')
+                    pre = not pre
+                    continue
+
+                if not line or line.isspace():
+                    empty = True
+                else:
+                    if empty:
+                        fd.write('\n')
+                        empty = False
+                    fd.write(line)
+                    fd.write('\n')
+
+        for src, dst in iter_local_img(file, content):
+            shutil.copy(src, outdir / dst)
+
+main()


          

          

        
          

            

            
            A
            
            
            
          
          css/blog.css.old
            
@@ -0,0 +1,127 @@
+/* R.I.P. old blog CSS, 2018-02-03 to 2020-05-29 */
+
+@font-face {
+    font-family: sf1;
+    src: url("../fonts/GeosansLight.ttf");
+}
+@font-face {
+    font-family: sf2;
+    src: url("../fonts/inglobal.ttf");
+}
+@font-face {
+    font-family: sf3;
+    src: url("../fonts/Larke Sans Light 2.ttf");
+}
+@font-face {
+    font-family: sf4;
+    src: url("../fonts/weblysleekuil.ttf");
+}
+
+::selection {
+  background: #FFFF66;
+}
+::-moz-selection {
+  background: #FFFF66;
+}
+
+body {
+    background-color: #F4F4F4;
+}
+
+.minMargin {
+    margin: 50px 30px;
+}
+
+.card {
+    margin: 20px auto;
+    padding: 8px 24px;
+    border-radius: 10px;
+    background-color: #FFF;
+    max-width: 640px;
+    box-shadow: 8px 8px 8px #B8B8B8;
+}
+
+h1 {
+    font-family: sf1;
+    font-size: 64px;
+}
+h2 {
+    font-family: sf3;
+    font-size: 48px;
+    border-bottom: 1px solid #888888;
+    padding-bottom: 4px;
+}
+h3, .versalita {
+    font-family: sf4;
+    font-variant: small-caps;
+}
+.right {
+    text-align: right;
+}
+
+p, ol, ul, td {
+    font-family: sf2;
+    font-size: 18px;
+    line-height: 125%;
+}
+td {
+    padding: 2px 20px;
+    vertical-align: top;
+}
+
+hr {
+    border: 1px dashed #D0D0D0;
+    margin: 20px 10px;
+}
+
+em {
+    color: #484848;
+}
+
+img {
+    border-radius: 10px;
+    box-shadow: 4px 4px 4px #888888;
+}
+
+.center {
+    text-align: center;
+    display: block;
+    margin: 0 auto;
+}
+
+a {
+    text-decoration: none;
+    border-bottom: 0px solid #00CCCC;
+    margin-bottom: 3px;
+    color: #00CCCC;
+    transition: border-bottom 0.1s ease-in-out 0s, margin-bottom 0.1s ease-in-out 0s, color 0.2s ease-in-out 0s;
+}
+a:hover {
+    border-bottom: 3px solid #00AAAA;
+    margin-bottom: 0px;
+    color: #00AAAA;
+}
+
+code {
+    background-color: #F7F7F7;
+    color: #F77;
+    padding: 2px;
+    font-size: 14px;
+    border-radius: 2px;
+}
+
+li {
+    margin: 4px 0;
+}
+
+table {
+    border-collapse: collapse;
+}
+
+table, th, td {
+    border: 1px solid #777;
+}
+
+th {
+    padding: 2px 8px;
+}


          

          

        
          

            

            
            A
            
            
            
          
          css/style.css
            
@@ -0,0 +1,85 @@
+::-moz-selection { 
+    background-color: #FFAA00;
+    color: #000000;
+}
+
+::selection {
+    background-color: #FFAA00;
+    color: #000000;
+}
+
+body {
+    background-color: #FFFFF0;
+}
+
+div {
+    max-width: 720px;
+    margin: 0 auto;
+}
+
+.body {
+    padding: 10px 20px;
+    border-radius: 4px;
+    background-color: #FFFFFF;
+    box-shadow: 5px 5px 10px #CCCCCC;
+}
+
+h1 {
+    text-align: center;
+    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+    font-size: 2.5em;
+    font-weight: lighter;
+}
+
+p, li {
+    font-family: Tahoma, Geneva, sans-serif;
+    font-size: 1.1em;
+}
+
+a {
+    text-decoration: none;
+    transition: color 300ms, border-bottom 300ms;
+    color: #00AAFF;
+}
+
+a:hover {
+    color: #44CCFF;
+}
+
+.menu {
+    margin-top: 40px;
+}
+
+.menu ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    margin-bottom: 8px;
+}
+
+.menu li {
+    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+    display: inline;
+    margin: 0 -4px;
+    font-size: 1.3em;
+}
+
+.menu a {
+    color: #787878;
+    border-bottom: solid 2px #A8A8A8;
+    padding: 0 8px;
+}
+
+.menu a.selected, .menu a:hover {
+    color: #000000;
+    border-bottom: solid 2px #444444;
+}
+
+dl img {
+    margin-bottom: -0.4em;
+    margin-right: 0.6em;
+}
+
+dd {
+    margin-bottom: 1em;
+}


          

          

        
          

            

            
            A
            
            
            
          
          dmss.html
            
@@ -0,0 +1,206 @@
+
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Documentation for the dmssproject Ecore meta-model</title>
+	<meta name="description" content="dmssproject Documentation">
+	<link rel="stylesheet" href="css/styles.css?v=1.0">
+	<style>
+	.details {
+		font-family: calibri;
+		color: black;
+	}
+
+	.invariant {
+		font-style: italic;
+		color: blue;
+	}
+
+	.cls {
+		background-color: LightGoldenRodYellow;
+	}
+
+	.abstract {
+		background-color: LightGrey;
+	}
+	</style>
+</head>
+<body>
+	<span class="details">
+	<p>Authors : <i>(censored for privacy reasons)</i></p>
+	<p>Last updated : 06/05/2019</p>
+	<p>Name: dmssproject</p>
+	<p>NS Prefix: dmssproject</p>
+	<p>NS URI: http://www.example.org/dmssproject</p>
+	</span>
+
+<span class="cls">EClass: Workflow</span>
+<p>Description: In this EClassifier we set the authors of the project and where the meta-model was last updated.</p>
+<ul>
+	<br/>
+	<li>(0...*) <b>actors</b> : Actor (Composition) </li>
+	<br/>
+	<li>invariant <b>SingleBeginTag</b> : <span class="invariant"> 
+				self.actors.tasks->selectByType(StartTask)->size() = 1</span></li>
+	<li>invariant <b>SingleEngTag</b> : <span class="invariant"> 
+				self.actors.tasks->selectByType(EndTask)->size() = 1</span></li>
+	
+</ul>
+<span class="cls">EClass: Actor</span>
+<p>Description: In this EClassifier we have the Actor class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<br/>
+	<li>(1...*) <b>tasks</b> : Task (Composition) </li>
+	<li>(0...*) <b>information</b> : Information (Composition) </li>
+	<br/>
+	
+</ul>
+<span class="abstract">EClass: Task</span> (abstract) <br/>
+<p>Description: In this EClassifier we have the Task class and its attributes</p>
+<ul>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<br/>
+	<li>invariant <b>NoDestinationStart</b> : <span class="invariant"> 
+				self.succesor->selectByType(StartTask)->isEmpty()</span></li>
+	<li>invariant <b>NoSourceEnd</b> : <span class="invariant"> 
+				self.predecessor->selectByType(EndTask)->isEmpty()</span></li>
+	<li>invariant <b>NoSelfLink</b> : <span class="invariant"> 
+				not self.predecessor->includes(self) and not self.succesor->includes(self)</span></li>
+	
+</ul>
+<span class="abstract">EClass: IntermediateTask</span> (abstract) <br/>
+<p>Description: In this EClassifier we have the IntermediateTask class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: StartTask</span>
+<p>Description: In this EClassifier we have the Start Task class and its attributes</p>
+<ul>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: EndTask</span>
+<p>Description: In this EClassifier we have the End Task class and its attributes</p>
+<ul>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: UserTask</span>
+<p>Description: In this EClassifier we have the User Task class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<li>(0...*) <b>attachedData</b> : Information  </li>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: ServiceTask</span>
+<p>Description: In this EClassifier we have the Service Task class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<li>(0...*) <b>producedData</b> : Information  </li>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: SendMessageTask</span>
+<p>Description: In this EClassifier we have the Send Message Task class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<li>(0...*) <b>requiredData</b> : Information  </li>
+	<br/>
+	<li>invariant <b>SendSuccededByRecv</b> : <span class="invariant"> 
+				self.succesor.oclIsKindOf(RecvMessageTask)</span></li>
+	<li>invariant <b>SendRecvInDifferentActors</b> : <span class="invariant"> 
+				self.oclContainer() <> self.succesor.oclContainer()</span></li>
+	
+</ul>
+<span class="cls">EClass: RecvMessageTask</span>
+<p>Description: In this EClassifier we have the Receive Message Task class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<br/>
+	<li>(0...1) <b>succesor#<i>predecessor</i></b> : Task  </li>
+	<li>(0...1) <b>predecessor#<i>succesor</i></b> : Task  </li>
+	<br/>
+	
+</ul>
+<span class="abstract">EClass: Information</span> (abstract) <br/>
+<p>Description: In this EClassifier we have the Information class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<li>(0...1) <b>optional</b> : EBoolean </li>
+	<br/>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: Form</span>
+<p>Description: In this EClassifier we have the Form class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<li>(0...1) <b>optional</b> : EBoolean </li>
+	<br/>
+	<li>(0...*) <b>subfields</b> : Information  </li>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: Text</span>
+<p>Description: In this EClassifier we have the Text class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<li>(0...1) <b>optional</b> : EBoolean </li>
+	<li>(0...1) <b>value</b> : EString </li>
+	<br/>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: Number</span>
+<p>Description: In this EClassifier we have the Number class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<li>(0...1) <b>optional</b> : EBoolean </li>
+	<li>(0...1) <b>value</b> : EInt </li>
+	<br/>
+	<br/>
+	
+</ul>
+<span class="cls">EClass: Resource</span>
+<p>Description: In this EClassifier we have the Resource class and its attributes</p>
+<ul>
+	<li>(0...1) <b>name</b> : EString </li>
+	<li>(0...1) <b>optional</b> : EBoolean </li>
+	<li>(0...1) <b>uri</b> : EString </li>
+	<li>(0...1) <b>type</b> : ResourceType </li>
+	<br/>
+	<br/>
+	
+</ul>
+<span class="cls">EENum: ResourceType</span> = {  0 : DOCUMENT, 1 : TEXT, 2 : PHOTO, 3 : VIDEO }
+<p>Description: EENum
+</p>
+
+
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          donate/index.html
            
@@ -0,0 +1,85 @@
+<!DOCTYPE>
+<html>
+<head>
+  <title>Donate to Lonami</title>
+  <link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu"
+        rel="stylesheet">
+
+  <style>
+  body {
+    background: linear-gradient(0deg, #293b5f, #f59e39, #7fc7e8);
+    background-size: 600% 600%;
+    animation: BgGradient 120s ease infinite;
+  }
+
+  /* Thanks https://www.gradient-animator.com */
+  @keyframes BgGradient {
+      0%{background-position:45% 0%}
+      50%{background-position:45% 90%}
+      100%{background-position:45% 0%}
+  }
+
+  #main {
+    max-width: 600px;
+    margin: 100px auto;
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 6px;
+    padding: 20px;
+    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
+  }
+
+  input {
+    width: 100%;
+    padding: 2px;
+  }
+
+  h1, h2, h3 {
+    font-family: 'Montserrat', sans-serif;
+  }
+
+  p, input, button {
+    font-family: 'Ubuntu', sans-serif;
+  }
+
+  a {
+    text-decoration: none;
+    color: #00f;
+    transition: color 300ms;
+  }
+
+  a:hover {
+    color: #07f;
+  }
+  </style>
+</head>
+<body>
+<div id="main">
+  <h1>Donate to Lonami</h1>
+  <p>First, thank you for liking my work! If you have no money to spend,
+  feel free to join the
+  <a href="https://t.me/LonamiWebs" target="_blank">LonamiWebs</a> Telegram
+  group. I appreciate when someone tells me they like what I do!</p>
+
+  <h3><a href="https://www.paypal.me/lonamiwebs" target="_blank">Link to PayPal.me</a></h3>
+</div>
+<script>
+bitcoinAddr = document.getElementById('bitcoinAddr');
+copyBtcAddr = document.getElementById('copyBtcAddr');
+
+function copyBitcoinAddr() {
+  bitcoinAddr.select();
+
+  try {
+    var ok = document.execCommand('copy');
+    copyBtcAddr.innerHTML = ok ? 'Copied!' : 'Copying failed :(';
+  } catch (err) {
+    copyBtcAddr.innerHTML = 'Not supported :(';
+  }
+
+  setTimeout(function() {
+    copyBtcAddr.innerHTML = 'Copy';
+  }, 2000);
+}
+</script>
+</body>
+</html>


          

          

        
          
        
          

            

            
            A
            
            
            
          
          genblog.sh
            
@@ -0,0 +1,26 @@
+#!/bin/bash
+
+rm -rf blog
+cp -r content /dev/shm
+pushd /dev/shm
+
+    mv content/{ribw,mdad} .
+    cp content/style.css ribw
+    cp content/style.css mdad
+
+    pagong
+    mv dist blog
+    rm -r content
+
+    mv ribw content
+    pagong
+    mv dist blog/ribw
+    rm -r content
+
+    mv mdad content
+    pagong
+    mv dist blog/mdad
+    rm -r content
+
+popd
+mv /dev/shm/blog .


          

          

        
          

            

            
            A
            
            
            
          
          humans.txt
            
@@ -0,0 +1,13 @@
+/* TEAM */
+	Chef, UI Developer, Illustrator, Standart Man & Web Designer: Lonami Exo
+	Contact: https://lonami.dev/contact
+	From: Spain
+	
+	
+/* SITE */
+	Last update: 2019/01/16
+	Language: English
+	Doctype: HTML5
+	Standards: HTML5, CSS3
+	IDE: nvim, git, Inkscape
+	Software: nvim, git, Inkscape


          

          

        
          

            

            
            A
            
            
            
          
          img/bitcoin.svg
            
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="24"
+   viewBox="0 0 24 24"
+   width="24"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="bitcoin.svg"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="7.9999999"
+     inkscape:cx="16.250365"
+     inkscape:cy="10.158278"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <path
+     style="fill:#f7931a;fill-opacity:1;stroke:none;stroke-width:6.37392044;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 0 0.11328125 L 0 24 L 24 24 L 24 0.11328125 L 0 0.11328125 z M 12.005859 2.0058594 C 12.117953 2.0391869 12.487287 2.1328416 12.826172 2.2128906 C 13.165057 2.2929391 13.486476 2.3966545 13.541016 2.4453125 C 13.595546 2.4940086 13.497344 3.0943677 13.324219 3.7773438 C 13.151092 4.4603327 13.009766 5.06601 13.009766 5.125 C 13.009766 5.1840554 13.286063 5.2879679 13.625 5.3574219 L 14.240234 5.4863281 L 14.351562 5.0898438 C 14.411651 4.8722085 14.561951 4.2720415 14.683594 3.7558594 C 14.843297 3.0783769 14.958252 2.817313 15.097656 2.8183594 C 15.337737 2.8201775 16.586735 3.1492343 16.669922 3.2324219 C 16.720751 3.283237 16.348794 5.0908701 16.142578 5.7929688 C 16.09736 5.9469052 16.331904 6.1159374 17.113281 6.4941406 C 18.919669 7.3684743 19.632185 8.3742341 19.511719 9.875 C 19.414498 11.086087 18.786893 12.065073 17.853516 12.457031 L 17.457031 12.623047 L 18.029297 13.050781 C 18.343592 13.285367 18.733929 13.726267 18.896484 14.03125 C 19.151131 14.509906 19.183915 14.713828 19.140625 15.513672 C 19.052637 17.14037 18.190809 18.528375 16.919922 19.09375 C 16.386683 19.330935 16.060278 19.384772 15.042969 19.388672 C 14.365199 19.391282 13.580253 19.349438 13.298828 19.298828 L 12.787109 19.207031 L 12.443359 20.625 C 12.059493 22.198933 12.141913 22.127618 11.007812 21.830078 C 10.553356 21.710855 10.298828 21.580331 10.298828 21.464844 C 10.298827 21.365829 10.440614 20.728059 10.613281 20.046875 C 10.785908 19.365704 10.908812 18.794997 10.888672 18.779297 C 10.792169 18.704323 9.7500437 18.488217 9.6835938 18.529297 C 9.6418678 18.555091 9.4769353 19.132453 9.3164062 19.8125 C 9.1558643 20.492546 8.9887256 21.104775 8.9472656 21.171875 C 8.8834626 21.275114 7.9768276 21.113742 7.2597656 20.873047 C 7.1591555 20.839274 7.220652 20.414175 7.46875 19.433594 C 7.7239635 18.425062 7.7805419 18.018638 7.6777344 17.955078 C 7.5997655 17.906879 6.8263292 17.690753 5.9570312 17.474609 C 4.1620872 17.028299 4.2621312 17.18504 4.8867188 15.792969 C 5.0784559 15.36561 5.2784043 15.016833 5.3320312 15.017578 C 5.3856978 15.018376 5.7311727 15.097732 6.0976562 15.195312 C 6.9130524 15.412332 7.1629965 15.30789 7.3300781 14.675781 C 8.291576 11.037995 9.2026319 7.0849646 9.1386719 6.8300781 C 9.0480679 6.4690881 8.5654645 6.1850314 7.8359375 6.0683594 C 7.5518961 6.0229333 7.2911754 5.9104414 7.2558594 5.8183594 C 7.2204916 5.726199 7.287494 5.2616017 7.4042969 4.7851562 C 7.5736675 4.0940576 7.6556814 3.9307742 7.8164062 3.9785156 C 8.4631511 4.1705142 11.074348 4.7941477 11.103516 4.7636719 C 11.122678 4.7436597 11.286286 4.102877 11.46875 3.3378906 C 11.74357 2.1856499 11.837012 1.9556329 12.005859 2.0058594 z M 12.833984 7.4648438 C 12.659249 7.4372277 12.538346 7.436378 12.509766 7.46875 C 12.464706 7.5198397 12.279333 8.1704657 12.097656 8.9160156 C 11.915976 9.6615653 11.739618 10.367322 11.705078 10.482422 C 11.639065 10.702517 12.047506 10.858789 13.255859 11.078125 C 13.947901 11.203743 14.91326 11.113516 15.359375 10.882812 C 15.769949 10.670501 16.157884 9.7627452 16.023438 9.3300781 C 15.861064 8.8076179 15.50603 8.42162 14.908203 8.1230469 C 14.375822 7.8571603 13.358191 7.5476788 12.833984 7.4648438 z M 11.208984 12.587891 C 11.11647 12.680405 10.302116 16.155091 10.353516 16.238281 C 10.406436 16.323901 11.734456 16.629611 12.761719 16.791016 C 13.258189 16.869023 14.270286 16.731403 14.708984 16.527344 C 15.457175 16.179303 15.7114 15.118002 15.230469 14.339844 C 14.903434 13.810674 13.816216 13.247269 12.388672 12.865234 C 11.75587 12.695914 11.225194 12.571661 11.208984 12.587891 z "
+     id="rect4502" />
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          img/blog.svg
            
@@ -0,0 +1,1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h24v24h-24z" fill="#ffd42a"/><path d="m4.3798828 3.2031253v17.5429697h.3300781v.02539l9.5214841.02539c3.053951-.000657 5.388032-2.412856 5.388672-5.388672-.002-1.758264-.861448-3.405041-2.302735-4.412109.342272-.718853.521034-1.5046075.523438-2.3007821.000439-2.9765791-1.956398-5.4373652-5.263672-5.453125zm9.3671872 5.4921875c0 .5426468-.301504 1.1445316-.890625 1.1445316h-4.3085933v-2.3906254h3.6874993c.994988 0 1.511719.4922044 1.511719 1.2460939zm-5.1992183 5.3144532h5.3769523c.859901 0 1.601563.186308 1.601563 1.398438 0 1.05122-.894502 1.193359-1.410156 1.193359h-5.5683593z" fill="#fff"/></svg>

          

          

        
          

            

            
            A
            
            
            
          
          img/github.svg
            
@@ -0,0 +1,1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.25 0 0 -1.25 0 24.000017)"><path d="m0 0h19.2v19.2h-19.2z" fill="#231f20"/><path d="m9.5992071 18.182809c-4.8593401 0-8.7992071-3.939867-8.7992071-8.8002882 0-3.8880019 2.5212314-7.186082 6.0181186-8.3502689.4402848-.0804834.6007292.1912353.6007292.4246098 0 .2085329-.00733.7622646-.011917 1.4964332-2.4477697-.531585-2.9642205 1.1798527-2.9642205 1.1798527-.400309 1.0167041-.977269 1.2873595-.977269 1.2873595-.7989955.5456284.0605.5348209.0605.5348209.8832738-.06215 1.3478687-.907034 1.3478687-.907034.7849434-1.3446237 2.0598821-.9562039 2.5612079-.7309328.079933.5683159.3068546.956204.5585992 1.176076-1.9539972.2220354-4.0084796.9772691-4.0084796 4.349361 0 .9605218.3430447 1.7460048.9059614 2.3613278-.09075.222576-.3927465 1.117189.085892 2.328914 0 0 .739027.23662 2.4202146-.902175.7017553.195562 1.4548256.292802 2.2030376.296038.7471399-.0037 1.5002099-.100476 2.2030469-.296038 1.680106 1.138795 2.41751.902175 2.41751.902175.480261-1.211725.178274-2.106338.08754-2.328914.563998-.615323.90488-1.400806.90488-2.3613278 0-3.3807361-2.057719-4.1246306-4.018197-4.3423393.316031-.2717371.597485-.8087212.597485-1.6298634 0-1.1760668-.01082-2.1252491-.01082-2.4137338 0-.2355378.158281-.50942908.605047-.4235373 3.494188 1.1663502 6.013265 4.4622762 6.013265 8.3491964 0 4.8604212-3.940408 8.8002882-8.8008204 8.8002882" fill="#fff" fill-rule="evenodd"/></g></svg>

          

          

        
          

            

            
            A
            
            
            
          
          img/humans.svg
            
@@ -0,0 +1,1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h24v24h-24z" fill="#37c837"/><path d="m4.5263671 3.2031249v17.5937501h4.1679687v-6.710938h6.6113282v6.710938h4.167969v-17.5937501h-4.167969v6.7128904h-6.6113282v-6.7128904z" fill="#fff"/></svg>

          

          

        
          

            

            
            A
            
            
            
          
          img/telegram.svg
            
@@ -0,0 +1,1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 1028.3622h24v24h-24z" fill="#37abc8" transform="translate(0 -1028.3622)"/><path d="m4.1226283 10.770906l15.7547437-6.0337319-3.240336 14.5256519-4.804639-3.352073-2.2347147 3.240337-1.8995092-5.921996z" fill="#fff" fill-rule="evenodd"/></svg>

          

          

        
          

            

            
            A
            
            
            
          
          img/utils.svg
            
@@ -0,0 +1,1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 1028.3622h24v24h-24z" fill="#c87137" transform="translate(0 -1028.3622)"/><g fill="#fff" transform="matrix(.70710678 .70710678 -.70710678 .70710678 13.649459 -3.565031)"><rect height="9" ry="1" width="4" x="7.358542" y="15"/><path d="m11.880329 2.8609832c-.260185 0-.165264.5457464-.390625.6757813-.165223.095335-.572266 0-.572266 0l-.03516-.037109c-.190506-.2010879-.222999-.5-.5-.5h-1.9999997c-.277 0-.5.223-.5.5 0 0-.3195149.10562-.4853869.1269531-.4891233.062907-1.0237921-.188598-1.4794561 0-.7873435.3258792-1.382563 1.0686674-1.808594 1.8066407-.2533681.4388857-.392578 1.46875-.392578 1.46875 0 0 .4718811-.3157448.732422-.4238281.5435106-.225471 1.1166556-.4570358 1.705078-.4570313.4199184.0000032.8533479.1158479 1.216797.3261719.2091858.1210535.511718.5136718.511718.5136718v5.6386714c0 .277.223.5.5.5h1.9999997c.277001 0 .5-.223.5-.5v-6.4277338c0 0 .465368-.108963.654297 0 .273655.1578275.158704.8203124.47461.8203124h2.132812c.234322 0 .496094-.4980468.496094-.4980468v-3.0429688c0 0-.259135-.4902344-.490234-.4902344z"/></g></svg>

          

          

        
          

            

            
            A
            
            
            
          
          index.html
            
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Lonami's Site</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <meta name="description" content="Official Lonami's website">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+</head>
+<body>
+    <div class="menu">
+        <ul>
+            <li><a href="index" class="selected">Welcome</a></li>
+            <li><a href="projects">Projects</a></li>
+            <li><a href="contact">Contact</a></li>
+            <li><a href="about">About</a></li>
+            <li><a href="more-links">More&nbsp;Links</a></li>
+        </ul>
+    </div>
+    <div class="body">
+        <h1>Welcome</h1>
+        <p>Welcome to my official personal website. This page has had several
+        redesigns over time, but now I've decided to let it be as minimalist 
+        as possible.</p>
+    </div>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          keybase.txt
            
@@ -0,0 +1,56 @@
+==================================================================
+https://keybase.io/lonami
+--------------------------------------------------------------------
+
+I hereby claim:
+
+  * I am an admin of https://lonami.dev
+  * I am lonami (https://keybase.io/lonami) on keybase.
+  * I have a public key ASCoYKcU4x-Wl1k9AbYqLywxX2OUiE5XxHIfGn7Z17QheAo
+
+To do so, I am signing this object:
+
+{
+  "body": {
+    "key": {
+      "eldest_kid": "0120a860a714e31f9697593d01b62a2f2c315f6394884e57c4721f1a7ed9d7b421780a",
+      "host": "keybase.io",
+      "kid": "0120a860a714e31f9697593d01b62a2f2c315f6394884e57c4721f1a7ed9d7b421780a",
+      "uid": "15c9efa5730081a74aa068919df4fa19",
+      "username": "lonami"
+    },
+    "merkle_root": {
+      "ctime": 1560621172,
+      "hash": "e2f543034ee1d2b87c9aa74b056b2ce2e22f31c09b69f9eabb5f82aba8b71b2ba81768eda18b3fc26313b612fd21068a4af9cecbd433ed4f6444aa0597e571a3",
+      "hash_meta": "60bb690f4585484269e45d86d61670dbb53261b7aad9172342b6f4d940241c34",
+      "seqno": 5576906
+    },
+    "service": {
+      "entropy": "4YjcZ530ruXweakqancRWRoE",
+      "hostname": "lonami.dev",
+      "protocol": "https:"
+    },
+    "type": "web_service_binding",
+    "version": 2
+  },
+  "client": {
+    "name": "keybase.io go client",
+    "version": "4.1.0"
+  },
+  "ctime": 1560621178,
+  "expire_in": 504576000,
+  "prev": "7932ef5dd721a6b02c2bea3ba68d0e910b8ee41e4b37ac915deddc7e4888e8c9",
+  "seqno": 19,
+  "tag": "signature"
+}
+
+which yields the signature:
+
+hKRib2R5hqhkZXRhY2hlZMOpaGFzaF90eXBlCqNrZXnEIwEgqGCnFOMflpdZPQG2Ki8sMV9jlIhOV8RyHxp+2de0IXgKp3BheWxvYWTESpcCE8QgeTLvXdchprAsK+o7po0OkQuO5B5LN6yRXe3cfkiI6MnEIG0Tokn/VknUDnw80CKpdH9TIrVT5rJzcq5JJiv7TZz1AgHCo3NpZ8RAdBlhtMIzOfWS8Yhop+sQAGzIAW1qYhHanGkjAbN+9LxEVhwd2knyd0J9dAaLE/xlydqtZRb1qV1sRmMMWXBRC6hzaWdfdHlwZSCkaGFzaIKkdHlwZQildmFsdWXEIHGReKp8ETAF8wxr4VSUBHsS5DJ8Pz3hFFL4iLt5U/WJo3RhZ80CAqd2ZXJzaW9uAQ==
+
+And finally, I am proving ownership of this host by posting or
+appending to this document.
+
+View my publicly-auditable identity here: https://keybase.io/lonami
+
+==================================================================


          

          

        
          

            

            
            A
            
            
            
          
          klooni/css/main.css
            
@@ -0,0 +1,121 @@
+@font-face {
+    /* http://www.dafont.com/nilland.font */
+    font-family: Nilland;
+    src: url('../font/Nilland.ttf');
+}
+
+@font-face {
+    /* http://www.dafont.com/kirvy.font */
+    font-family: Kirvy;
+    src: url('../font/Kirvy.otf');
+}
+
+::-moz-selection { 
+    background-color: #FFAA00;
+    color: #000000;
+}
+
+::selection {
+    background-color: #FFAA00;
+    color: #000000;
+}
+
+body {
+    margin: 0;
+}
+
+img {
+    vertical-align: middle;
+}
+
+img.emoji {
+    display: inline-block;
+    float: none !important;
+    margin: 0 !important;
+    width: 32px;
+    height: 32px;
+}
+
+h2, p {
+    text-shadow: 2px 2px 5px #000;
+}
+
+a {
+    text-decoration: none;
+    color: #FFAA00;
+    transition: opacity 300ms;
+}
+
+a:hover {
+    opacity: 0.8;
+}
+
+.band {
+    width: 100%;
+    height: 500px;
+    background-color: #fff;
+    position: relative;
+    text-align: center;
+}
+
+.band.header {
+    background: url('../img/header.svg') top center no-repeat;
+}
+
+.band div {
+    display: table;
+    width: 100%;
+    max-width: 1024px;
+    height: 500px;
+    color: #fff;
+    margin: 0 auto;
+}
+
+.band h2 {
+    font-family: Kirvy;
+    font-size: 24pt;
+    margin-top: 140px;
+    font-variant: small-caps;
+}
+
+.band p {
+    font-family: Nilland;
+    font-size: 16pt;
+    line-height: 200%;
+    margin-top: 40px;
+}
+
+.band img {
+    margin: 20px;
+    margin-top: 110px;
+    border-radius: 10px;
+}
+
+.band.left img {
+    float: left;
+}
+
+.band.right img {
+    float: right;
+}
+
+
+/* For mobile devices, don't show the images in two columns */
+@media (max-width:1000px) {
+    .band div {
+        height: auto;
+    }
+
+    .band.left img, .band.right img {
+        margin: 20px;
+        float: none;
+    }
+
+    .band h2 {
+        margin-top: 0;
+    }
+
+    .band p {
+        margin-top: 20px;
+    }
+}


          

          

        
          
        
          
        
          
        
          

            

            
            A
            
            
            
          
          klooni/img/angel.svg
            
@@ -0,0 +1,1 @@
+<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -1036.3622)"><ellipse cx="8" cy="1044.5884" fill="#ffeb3b" rx="7.8580317" ry="7.6318169"/><path d="m6.2064503 1036.6502a2.2755178 5.9051214 82.545344 0 0-5.23961846 3.0944 2.2755178 5.9051214 82.545344 0 0  6.42577886 1.3343 2.2755178 5.9051214 82.545344 0 0  5.2393563-3.0944 2.2755178 5.9051214 82.545344 0 0-6.4255167-1.3343zm.2359892.8811a1.3704478 4.1657823 82.202353 0 1 4.4730255.7122 1.3704478 4.1657823 82.202353 0 1-3.7588406 1.9543 1.3704478 4.1657823 82.202353 0 1-4.4730272-.7122 1.3704478 4.1657823 82.202353 0 1  3.7588423-1.9543z" fill="#00bcd4"/><path d="m7.9999345 1036.9567c-2.0768723 0-4.0686561.8015-5.539988 2.2251-.1060328.301.5823603.8624 1.0106317.8047 7.0811068-.9548 7.7697708-.6058 7.4282128-2.4846-.9221367-.358-1.9057838-.543-2.8988565-.5452z" fill="#ffeb3b" fill-rule="evenodd"/><path d="m4.7258196 1042.832c-.7671575 0-1.3890555.5285-1.3890771 1.1804.0004322.1384-.00259.5214.085814.4053.3167804-.4161.7200091-.7761 1.3032626-.7769.5829234.0005.9866463.3597 1.3035434.7755.08817.1157.084983-.266.085533-.4039-.0000216-.6519-.6219196-1.1804-1.389077-1.1804z" fill="#795548"/><path d="m11.274179 1042.832c-.767158 0-1.3890554.5285-1.389077 1.1804.0004322.1384-.00259.5214.085814.4053.316781-.4161.720009-.7761 1.303263-.7769.582924.0005.986646.3597 1.303544.7755.08817.1157.08498-.266.08553-.4039-.000022-.6519-.621919-1.1804-1.389077-1.1804z" fill="#795548"/><path d="m7.9999993 1049.4565c1.5105528 0 2.7350867-.5982 2.7351287-1.336-.000864-.1566.0051-.5903-.168971-.4588-.6237478.4711-1.417717.8784-2.5661577.8793-1.1477909 0-1.9427326-.4071-2.5667108-.8777-.1736083-.131-.1673346.3012-.1684179.4572.0000432.7378 1.2245759 1.336 2.7351287 1.336z" fill="#795548"/></g></svg>

          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/enjoy.svg
            
@@ -0,0 +1,1 @@
+<svg height="256" viewBox="0 0 256 256" width="256" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -796.36216)"><path d="m1.8439354 798.20612h252.31212v252.31213h-252.31212z" fill="#fff"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="1000.3621"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="29" y="1000.3621"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="54" y="1000.3621"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="79" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="1000.3621"/><rect fill="#f1bc3a" height="23" ry="3.7123106" width="23" x="154" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="1000.3621"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="104.00001" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="975.36206"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="29" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="975.36206"/><rect fill="#f1bc3a" height="23" ry="3.7123106" width="23" x="179" y="975.36206"/><rect fill="#f1bc3a" height="23" ry="3.7123106" width="23" x="204.00002" y="975.36206"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="104.00001" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="950.362"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="29" y="950.362"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="54" y="950.362"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="79" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="950.362"/><rect fill="#f1bc3a" height="23" ry="3.7123106" width="23" x="154" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="950.362"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="104.00001" y="950.362"/><rect fill="#f1bc3a" height="23" ry="3.7123106" width="23" x="229" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="900.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="29" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="900.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="179" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="900.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="875.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="29" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="875.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="79" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="875.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="154" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="875.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="204.00002" y="875.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="850.362"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="29" y="850.362"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="54" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="850.362"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="204.00002" y="850.362"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="850.362"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="4" y="825.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="29" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="825.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="154" y="825.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="179" y="825.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="204.00002" y="825.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="825.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="229" y="825.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="4" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="800.36206"/></g></svg>

          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/gameplay.svg
            
@@ -0,0 +1,1 @@
+<svg height="256" viewBox="0 0 256 256" width="256" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -796.36216)"><path d="m1.8439354 798.20612h252.31212v252.31213h-252.31212z" fill="#fff"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="4" y="1025.3622"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="29" y="1025.3622"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="54" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="1025.3622"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="129" y="1025.3622"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="154" y="1025.3622"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="179" y="1025.3622"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="204.00002" y="1025.3622"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="104.00001" y="1025.3622"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="229" y="1025.3622"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="4" y="1000.3621"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="29" y="1000.3621"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="54" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="1000.3621"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="129" y="1000.3621"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="154" y="1000.3621"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="179" y="1000.3621"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="204.00002" y="1000.3621"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="1000.3621"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="229" y="1000.3621"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="4" y="975.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="29" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="975.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="129" y="975.36206"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="154" y="975.36206"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="179" y="975.36206"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="204.00002" y="975.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="975.36206"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="229" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="950.362"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="129" y="950.362"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="154" y="950.362"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="179" y="950.362"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="204.00002" y="950.362"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="950.362"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="229" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="925.36212"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="129" y="925.36212"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="154" y="925.36212"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="179" y="925.36212"/><rect fill="#48c9a5" height="23" ry="3.7123106" width="23" x="204.00002" y="925.36212"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="104.00001" y="925.36212"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="229" y="925.36212"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="900.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="900.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="4" y="875.36206"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="29" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="875.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="154" y="875.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="179" y="875.36206"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="204.00002" y="875.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="875.36206"/><rect fill="#f1bc3a" height="23" ry="3.7123106" width="23" x="229" y="875.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="4" y="850.362"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="29" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="850.362"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="179" y="850.362"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="204.00002" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="850.362"/><rect fill="#f1bc3a" height="23" ry="3.7123106" width="23" x="229" y="850.362"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="4" y="825.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="29" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="54" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="79" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="179" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="204.00002" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="229" y="825.36206"/><rect fill="#da657b" height="23" ry="3.7123106" width="23" x="4" y="800.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="29" y="800.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="54" y="800.36206"/><rect fill="#7381b5" height="23" ry="3.7123106" width="23" x="79" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="129" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="154" y="800.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="179" y="800.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="204.00002" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="104.00001" y="800.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="229" y="800.36206"/><g transform="matrix(.97656252 0 0 .97656252 151.21587 -124.47349)"><rect fill="#f1bc3a" height="23.552" ry="3.8014059" width="23.552" x="-85.937706" y="1008.2969"/><rect fill="#f1bc3a" height="23.552" ry="3.8014059" width="23.552" x="-85.937706" y="982.69684"/><path d="m-63.396484 1019.4668c-.403493-.022-.715155.024-.923828.1445-3.338799 1.9277-3.338799 36.6251 0 38.5528 1.423092.8216 7.704486-1.8689 14.4375-5.5137l10.880859 18.8457c1.05299 1.8238 3.369526 2.4436 5.193359 1.3906l2.013672-1.164c1.823833-1.053 2.445569-3.3676 1.392578-5.1915l-10.914062-18.9042c5.784742-3.6696 10.382812-7.2347 10.382812-8.7403 0-3.6143-26.410502-19.0881-32.46289-19.4199z" fill="#4d4d4d"/></g></g></svg>

          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/hack.svg
            
@@ -0,0 +1,1 @@
+<svg height="256" viewBox="0 0 256 256" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" height="1.1421829" width="1.0254692" x="-.0127346" y="-.07109144"><feGaussianBlur stdDeviation=".872055"/></filter><g transform="translate(0 -796.36216)"><path d="m1.8439354 798.20612h252.31212v252.31213h-252.31212z" fill="#fff"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="4" y="1025.3622"/><rect fill="#cf6050" height="23" ry="3.7123106" width="23" x="29" y="1025.3622"/><rect fill="#500" height="23" ry="3.7123106" width="23" x="79" y="1025.3622"/><rect fill="#06f" height="23" ry="3.7123106" width="23" x="129" y="1025.3622"/><rect fill="#06f" height="23" ry="3.7123106" width="23" x="154" y="1025.3622"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="179" y="1025.3622"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="204.00002" y="1025.3622"/><rect fill="#06f" height="23" ry="3.7123106" width="23" x="104.00001" y="1025.3622"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="229" y="1025.3622"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="1000.3621"/><rect fill="#333" height="23" ry="3.7123106" width="23" x="79" y="1000.3621"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="129" y="1000.3621"/><rect fill="#3771c8" height="23" ry="3.7123106" width="23" x="154" y="1000.3621"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="179" y="1000.3621"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="204.00002" y="1000.3621"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="104.00001" y="1000.3621"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="229" y="1000.3621"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="975.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="975.36206"/><rect fill="#052" height="3.6222653" ry=".58465105" width="3.6222653" x="63.688866" y="985.0509"/><rect fill="#052" height="23" ry="3.7123106" width="23" x="79" y="975.36206"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="129" y="975.36206"/><rect fill="#3771c8" height="23" ry="3.7123106" width="23" x="154" y="975.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="179" y="975.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="204.00002" y="975.36206"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="104.00001" y="975.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="229" y="975.36206"/><rect fill="#7381b5" height="23" ry="3.7123106" width="23" x="4" y="950.362"/><rect fill="#7381b5" height="23" ry="3.7123106" width="23" x="29" y="950.362"/><rect fill="#052" height="9.158761" ry="1.478268" width="9.158761" x="60.92062" y="957.28259"/><rect fill="#052" height="23" ry="3.7123106" width="23" x="79" y="950.362"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="129" y="950.362"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="154" y="950.362"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="179" y="950.362"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="204.00002" y="950.362"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="104.00001" y="950.362"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="229" y="950.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="4" y="925.36212"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="29" y="925.36212"/><rect fill="#333" height="18.386253" ry="2.9676297" width="18.386253" x="56.306873" y="927.66901"/><rect fill="#333" height="23" ry="3.7123106" width="23" x="79" y="925.36212"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="129" y="925.36212"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="154" y="925.36212"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="179" y="925.36212"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="204.00002" y="925.36212"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="104.00001" y="925.36212"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="229" y="925.36212"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="4" y="900.36206"/><rect fill="#e08d44" height="23" ry="3.7123106" width="23" x="29" y="900.36206"/><rect fill="#333" height="23" ry="3.7123106" width="23" x="54" y="900.36206"/><rect fill="#a80" height="23" ry="3.7123106" width="23" x="79" y="900.36206"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="129" y="900.36206"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="154" y="900.36206"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="179" y="900.36206"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="204.00002" y="900.36206"/><rect fill="#0fc" height="23" ry="3.7123106" width="23" x="104.00001" y="900.36206"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="229" y="900.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="4" y="875.36206"/><rect fill="#53c17d" height="23" ry="3.7123106" width="23" x="29" y="875.36206"/><rect fill="#333" height="23" ry="3.7123106" width="23" x="54" y="875.36206"/><rect fill="#a80" height="23" ry="3.7123106" width="23" x="79" y="875.36206"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="129" y="875.36206"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="154" y="875.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="179" y="875.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="204.00002" y="875.36206"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="104.00001" y="875.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="229" y="875.36206"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="4" y="850.362"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="850.362"/><rect fill="#333" height="23" ry="3.7123106" width="23" x="54" y="850.362"/><rect fill="#a80" height="23" ry="3.7123106" width="23" x="79" y="850.362"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="129" y="850.362"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="154" y="850.362"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="179" y="850.362"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="204.00002" y="850.362"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="104.00001" y="850.362"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="229" y="850.362"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="4" y="825.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="825.36206"/><rect fill="#333" height="17.127659" ry="2.7644866" width="17.127659" x="56.936169" y="828.29822"/><rect fill="#a80" height="23" ry="3.7123106" width="23" x="79" y="825.36206"/><rect fill="#0055d4" height="23" ry="3.7123106" width="23" x="129" y="825.36206"/><rect fill="#0055d4" height="23" ry="3.7123106" width="23" x="154" y="825.36206"/><rect fill="#1a1a1a" height="23" ry="3.7123106" width="23" x="179" y="825.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="204.00002" y="825.36206"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="104.00001" y="825.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="229" y="825.36206"/><rect fill="#55b4d6" height="23" ry="3.7123106" width="23" x="4" y="800.36206"/><rect fill="#f2f2f2" height="23" ry="3.7123106" width="23" x="29" y="800.36206"/><rect fill="#333" height="13.212766" ry="2.1326039" width="13.212766" x="58.893616" y="805.25568"/><rect fill="#a80" height="23" ry="3.7123106" width="23" x="79" y="800.36206"/><rect fill="#0055d4" height="23" ry="3.7123106" width="23" x="129" y="800.36206"/><rect fill="#37abc8" height="23" ry="3.7123106" width="23" x="154" y="800.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="179" y="800.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="204.00002" y="800.36206"/><rect fill="#87cdde" height="23" ry="3.7123106" width="23" x="104.00001" y="800.36206"/><rect fill="#ccc" height="23" ry="3.7123106" width="23" x="229" y="800.36206"/><g transform="matrix(.83591472 -.48597892 .48597892 .83591472 -688.29402 299.05674)"><path d="m397.2578 948.4531c-2.83872 1.31018-21.24534-19.0488-24.31201-19.6574-3.06668-.6086-27.85289 11.17849-29.97615 8.88357-2.12327-2.29491 11.55131-26.09192 11.18247-29.19656-.36884-3.10465-19.23838-23.03533-17.71192-25.76384 1.52647-2.72851 28.38445 2.92311 31.22316 1.61293 2.83872-1.31018 15.96291-25.4151 19.02958-24.8065 3.06668.6086 5.99124 27.8985 8.1145 30.19341 2.12327 2.29492 29.10401 7.32793 29.47285 10.43258.36884 3.10465-24.68166 14.31911-26.20812 17.04762-1.52647 2.72851 2.02435 29.94401-.81436 31.25419z" fill="#ff2a2a"/><path d="m394.32624 944.56071c-2.28526 1.05473-16.36425-16.42565-18.87071-16.65485-2.50646-.22921-19.5224 14.40771-21.57846 12.95599-2.05605-1.45173 6.04291-22.38468 4.98818-24.66994-1.05474-2.28526-22.23865-9.70304-22.00945-12.2095.2292-2.50646 22.40715-5.95902 23.85888-8.01508 1.45172-2.05606-2.71625-24.11075-.43099-25.16549 2.28526-1.05473 16.36424 16.42565 18.8707 16.65485 2.50646.22921 19.5224-14.40771 21.57846-12.95599 2.05606 1.45173-6.04291 22.38468-4.98817 24.66994 1.05473 2.28526 22.23865 9.70303 22.00945 12.20949-.22921 2.50646-22.40716 5.95903-23.85888 8.01509-1.45173 2.05606 2.71625 24.11075.43099 25.16549z" fill="#ff7f2a" transform="matrix(.4060959 -.86054354 .86054354 .4060959 -554.98762 861.9104)"/><path d="m394.32624 944.56071c-2.1788 1.00559-14.95481-16.53387-17.35415-16.5732-2.39934-.0393-15.74337 17.07195-17.88804 15.99548-2.14466-1.07647 3.60252-22.00083 2.13731-23.90124-1.46521-1.9004-23.16322-1.66447-23.65878-4.01241-.49555-2.34793 19.44709-10.90073 20.01934-13.23116.57224-2.33043-13.1407-19.14752-11.61398-20.99887 1.52671-1.85136 20.64759 8.40785 22.82639 7.40225 2.17879-1.0056 6.77704-22.21209 9.17638-22.17276 2.39934.0393 6.30004 21.38515 8.44471 22.46162 2.14466 1.07647 21.59153-8.55051 23.05674-6.65011 1.46521 1.9004-12.79157 18.259-12.29601 20.60693.49556 2.34793 20.14715 11.54979 19.5749 13.88022-.57224 2.33043-22.25086 1.38344-23.77758 3.2348-1.52671 1.85135 3.53156 22.95285 1.35277 23.95845z" fill="#ffd42a" transform="matrix(-.07318693 -.59956127 .59956127 -.07318693 -137.92789 1196.4736)"/></g><g transform="matrix(.94054186 -.3396778 .3396778 .94054186 -541.22159 -72.93379)"><g fill-opacity=".25568183" filter="url(#a)"><path d="m232.27348 1164.9911h10v6.52h-16.56v-29.44h6.56z"/><path d="m264.5191 1148.6311h-12.48v4.92h12.48v6.52h-12.48v4.92h12.48v6.52h-14.96l0 0h-4.08v-29.44h6.56v.04h12.48z"/><path d="m284.66473 1142.1111h6.72l-6.96 29.4h-9.76l-6.92-29.4h6.72l5.08 21.6z"/><path d="m313.65973 1148.6311h-12.48v4.92h12.48v6.52h-12.48v4.92h12.48v6.52h-14.96l0 0h-4.08v-29.44h6.56v.04h12.48z"/><path d="m323.44535 1164.9911h10v6.52h-16.56v-29.44h6.56z"/><path d="m355.0766 1171.5111q-2.32 0-4.36-.88-2-.88-3.52-2.4-1.52-1.52-2.4-3.52-.88-2.04-.88-4.36v-18.24h6.56v18.24q0 .96.36 1.8.36.84 1 1.48.64.64 1.44 1 .84.36 1.8.36.96 0 1.8-.36.84-.36 1.48-1 .64-.64 1-1.48.36-.84.36-1.8v-18.24h6.52v18.24q0 2.32-.88 4.36-.88 2-2.4 3.52-1.52 1.52-3.56 2.4-2 .88-4.32.88z"/><path d="m379.26348 1142.1111q2.24 0 4.2.84 1.96.84 3.44 2.32 1.48 1.48 2.32 3.44.84 1.96.84 4.16 0 2.24-.84 4.2-.84 1.96-2.32 3.44-1.48 1.48-3.44 2.32-1.96.84-4.2.84h-3.24v7.84h-6.56v-29.4zm0 15.04q.88 0 1.64-.32.8-.36 1.36-.92.6-.6.92-1.36.36-.8.36-1.68 0-.88-.36-1.64-.32-.76-.92-1.32-.56-.6-1.36-.92-.76-.36-1.64-.36h-3.24v8.52z"/></g><g fill="#fff" transform="matrix(.9318622 0 0 .9318622 20.978842 78.821195)"><path d="m232.27348 1164.9911h10v6.52h-16.56v-29.44h6.56z" fill="#fff"/><path d="m264.5191 1148.6311h-12.48v4.92h12.48v6.52h-12.48v4.92h12.48v6.52h-14.96l0 0h-4.08v-29.44h6.56v.04h12.48z" fill="#fff"/><path d="m284.66473 1142.1111h6.72l-6.96 29.4h-9.76l-6.92-29.4h6.72l5.08 21.6z" fill="#fff"/><path d="m313.65973 1148.6311h-12.48v4.92h12.48v6.52h-12.48v4.92h12.48v6.52h-14.96l0 0h-4.08v-29.44h6.56v.04h12.48z" fill="#fff"/><path d="m323.44535 1164.9911h10v6.52h-16.56v-29.44h6.56z" fill="#fff"/><path d="m355.0766 1171.5111q-2.32 0-4.36-.88-2-.88-3.52-2.4-1.52-1.52-2.4-3.52-.88-2.04-.88-4.36v-18.24h6.56v18.24q0 .96.36 1.8.36.84 1 1.48.64.64 1.44 1 .84.36 1.8.36.96 0 1.8-.36.84-.36 1.48-1 .64-.64 1-1.48.36-.84.36-1.8v-18.24h6.52v18.24q0 2.32-.88 4.36-.88 2-2.4 3.52-1.52 1.52-3.56 2.4-2 .88-4.32.88z" fill="#ff0"/><path d="m379.26348 1142.1111q2.24 0 4.2.84 1.96.84 3.44 2.32 1.48 1.48 2.32 3.44.84 1.96.84 4.16 0 2.24-.84 4.2-.84 1.96-2.32 3.44-1.48 1.48-3.44 2.32-1.96.84-4.2.84h-3.24v7.84h-6.56v-29.4zm0 15.04q.88 0 1.64-.32.8-.36 1.36-.92.6-.6.92-1.36.36-.8.36-1.68 0-.88-.36-1.64-.32-.76-.92-1.32-.56-.6-1.36-.92-.76-.36-1.64-.36h-3.24v8.52z" fill="#ff0"/></g></g></g></svg>

          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/header.svg
            
@@ -0,0 +1,1 @@
+<svg height="500" viewBox="0 0 1366 500" width="1366" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-440.1731564" x2="-440.1731564" y1="1002.751495" y2="1062.271995"><stop offset="0" stop-color="#005497" stop-opacity=".27272728"/><stop offset="1" stop-color="#005497" stop-opacity=".06818182"/></linearGradient><filter id="b" color-interpolation-filters="sRGB" height="1.1907477" width="1.0800771" x="-.04003854" y="-.09537383"><feGaussianBlur stdDeviation="3.6669538"/></filter><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="-440.1731564" x2="-440.1731564" y1="1002.751495" y2="1062.271995"><stop offset="0" stop-color="#ff6e07" stop-opacity=".27450982"/><stop offset="1" stop-color="#ff541c" stop-opacity=".06666667"/></linearGradient><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="-440.1731564" x2="-440.1731564" y1="1002.751495" y2="1062.271995"><stop offset="0" stop-color="#ff5497" stop-opacity=".27450982"/><stop offset="1" stop-color="#ff5497" stop-opacity=".06666667"/></linearGradient><g transform="translate(0 -552.36216)"><g transform="matrix(.96335893 0 0 .96335893 598.31073427 -80.34141858)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#a)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#00aad4"/><rect fill="#0cf" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#5df" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 1533.71194427 -84.38202958)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#c)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#e67e22"/><rect fill="#ffa522" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#ffc647" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 1685.23494427 -15.69165758)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#c)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#e67e22"/><rect fill="#ffa522" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#ffc647" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 1539.77294427 57.03932642)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#c)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#e67e22"/><rect fill="#ffa522" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#ffc647" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 594.27012427 46.93779242)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#a)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#00aad4"/><rect fill="#0cf" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#5df" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 757.22157427 119.81236042)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#a)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#00aad4"/><rect fill="#0cf" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#5df" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 594.27012427 160.07488042)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#a)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#00aad4"/><rect fill="#0cf" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#5df" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 1652.91004427 154.01396042)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#c)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#e67e22"/><rect fill="#ffa522" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#ffc647" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 948.31072427 -81.76998958)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#d)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#d80073"/><rect fill="#e8338b" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#e85bbe" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g transform="matrix(.96335893 0 0 .96335893 1089.73929427 -30.34141858)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#d)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#d80073"/><rect fill="#e8338b" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#e85bbe" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g><g><path d="m776.6785 662.47113v-63.56849h-12.01925l-2.40385 3.65029h10.77281v59.9182z"/><path d="m834.40499 630.1527q0-12.55344-5.25286-21.99078-6.41026-11.307-18.07339-11.307-11.66313 0-18.07339 11.307-5.25286 9.25927-5.25286 21.99078 0 12.64247 5.25286 21.90175 6.41026 11.307 18.07339 11.307 11.75216 0 18.16242-11.21797 5.16383-9.17025 5.16383-21.99078zm-3.82835 0q0 12.19731-4.89674 20.29918-5.43092 9.17024-14.60116 9.17024-9.8825 0-15.22439-10.32765-4.18448-8.1909-4.18448-19.14177 0-12.01925 4.89674-20.38821 5.51995-9.25928 14.51213-9.25928 10.06056 0 15.31342 10.32765 4.18448 8.1909 4.18448 19.31984z"/><path d="m850.40771 662.47113v-63.56849h-12.01925l-2.40385 3.65029h10.77281v59.9182z"/><path d="m908.1342 630.1527q0-12.55344-5.25286-21.99078-6.41027-11.307-18.07339-11.307-11.66313 0-18.0734 11.307-5.25286 9.25927-5.25286 21.99078 0 12.64247 5.25286 21.90175 6.41027 11.307 18.0734 11.307 11.75215 0 18.16242-11.21797 5.16383-9.17025 5.16383-21.99078zm-3.82836 0q0 12.19731-4.89673 20.29918-5.43092 9.17024-14.60116 9.17024-9.8825 0-15.22439-10.32765-4.18448-8.1909-4.18448-19.14177 0-12.01925 4.89673-20.38821 5.51995-9.25928 14.51214-9.25928 10.06055 0 15.31341 10.32765 4.18448 8.1909 4.18448 19.31984z"/><path d="m920.38645 649.29447v-50.39183h-3.56126v50.39183zm1.51354 10.32765q-.26709-1.51353-.97935-2.22578-.97934-.97935-2.22578-.97935-3.20514.53419-3.20514 3.20513 0 3.20514 3.20514 3.20514 3.20513-.53419 3.20513-3.20514z"/><path d="m792.5261 773.7605l-33.11971-33.20875 30.44877-30.35974h-5.16383l-28.40104 28.22298v-28.22298h-3.6503v63.56849h3.6503v-30.18168l.53418-.53419 30.62684 30.71587z"/><path d="m803.78303 773.7605v-65.88331h-3.56126v65.88331z"/><path d="m851.45104 755.42001q0-8.01283-5.51995-13.53279-5.51995-5.51995-13.44376-5.51995-8.01283 0-13.44375 5.60898-5.51995 5.51996-5.51995 13.44376 0 8.01283 5.51995 13.53279 5.43092 5.43092 13.44375 5.43092 8.01284 0 13.53279-5.51995 5.43092-5.43093 5.43092-13.44376zm-3.56126 0q0 6.41027-4.5406 10.95087-4.45158 4.45158-10.86185 4.45158-6.32123 0-10.86184-4.54061-4.5406-4.5406-4.5406-10.86184 0-6.2322 4.62963-10.86184 4.54061-4.62964 10.77281-4.62964 6.4993 0 10.95088 4.54061 4.45157 4.45157 4.45157 10.95087z"/><path d="m899.61847 755.42001q0-8.01283-5.51995-13.53279-5.51996-5.51995-13.44376-5.51995-8.01283 0-13.44375 5.60898-5.51996 5.51996-5.51996 13.44376 0 8.01283 5.51996 13.53279 5.43092 5.43092 13.44375 5.43092 8.01284 0 13.53279-5.51995 5.43092-5.43093 5.43092-13.44376zm-3.56126 0q0 6.41027-4.54061 10.95087-4.45157 4.45158-10.86184 4.45158-6.32123 0-10.86184-4.54061-4.54061-4.5406-4.54061-10.86184 0-6.2322 4.62964-10.86184 4.54061-4.62964 10.77281-4.62964 6.4993 0 10.95088 4.54061 4.45157 4.45157 4.45157 10.95087z"/><path d="m937.19393 773.7605v-22.34691q0-7.03349-3.65029-10.95087-3.65029-3.91739-10.50571-3.91739-8.10187 0-10.59475 4.89674v-4.45158h-3.65029v36.77001h3.65029v-22.34691q0-5.25286 2.75998-8.27993 2.67094-3.02707 7.83477-3.02707 10.50571 0 10.50571 11.66313v21.99078z"/><path d="m949.78423 727.46412q-.71225-2.93804-2.93804-2.93804-2.93803.53419-2.93803 2.93804.089 1.33547.89031 2.13676 1.06838.80128 2.04772.80128 2.93804 0 2.93804-2.93804zm-1.15741 46.29638v-36.77001h-3.65029v36.77001z"/></g></g></svg>

          

          

        
          
        
          
        
          

            

            
            A
            
            
            
          
          klooni/img/libgdx-705x344.svg
            
@@ -0,0 +1,705 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   id="svg4534"
+   version="1.1"
+   viewBox="0 0 186.53125 91.016669"
+   height="344"
+   width="705">
+  <defs
+     id="defs4528">
+    <linearGradient
+       y2="1062.272"
+       y1="1002.7515"
+       x2="-440.17316"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="a-3">
+      <stop
+         id="stop2-6"
+         stop-opacity=".27272728"
+         stop-color="#005497"
+         offset="0" />
+      <stop
+         id="stop4-7"
+         stop-opacity=".06818182"
+         stop-color="#005497"
+         offset="1" />
+    </linearGradient>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="b-5"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur7-3"
+         stdDeviation="3.6669538" />
+    </filter>
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4780"
+       xlink:href="#d" />
+    <linearGradient
+       y2="1062.272"
+       y1="1002.7515"
+       x2="-440.17316"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="d">
+      <stop
+         id="stop15"
+         stop-opacity=".27450982"
+         stop-color="#ff5497"
+         offset="0" />
+      <stop
+         id="stop17"
+         stop-opacity=".06666667"
+         stop-color="#ff5497"
+         offset="1" />
+    </linearGradient>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="b"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur7"
+         stdDeviation="3.6669538" />
+    </filter>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5144"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5142"
+         stdDeviation="3.6669538" />
+    </filter>
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4776"
+       xlink:href="#c" />
+    <linearGradient
+       y2="1062.272"
+       y1="1002.7515"
+       x2="-440.17316"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="c">
+      <stop
+         id="stop10"
+         stop-opacity=".27450982"
+         stop-color="#ff6e07"
+         offset="0" />
+      <stop
+         id="stop12"
+         stop-opacity=".06666667"
+         stop-color="#ff541c"
+         offset="1" />
+    </linearGradient>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5152"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5150"
+         stdDeviation="3.6669538" />
+    </filter>
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4774"
+       xlink:href="#a-3" />
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5160"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5158"
+         stdDeviation="3.6669538" />
+    </filter>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5171"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5169"
+         stdDeviation="3.6669538" />
+    </filter>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5182"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5180"
+         stdDeviation="3.6669538" />
+    </filter>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5193"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5191"
+         stdDeviation="3.6669538" />
+    </filter>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5204"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5202"
+         stdDeviation="3.6669538" />
+    </filter>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5215"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5213"
+         stdDeviation="3.6669538" />
+    </filter>
+    <filter
+       y="-0.095373832"
+       x="-0.040038541"
+       width="1.0800771"
+       height="1.1907477"
+       id="filter5226"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         id="feGaussianBlur5224"
+         stdDeviation="3.6669538" />
+    </filter>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="-354.60028"
+       x2="189.20795"
+       y1="-485.40198"
+       x1="117.92211"
+       id="linearGradient4929"
+       xlink:href="#linearGradient4927"
+       gradientTransform="matrix(0.26458333,0,0,0.26458333,54.673499,367.28816)" />
+    <linearGradient
+       id="linearGradient4927">
+      <stop
+         id="stop4923"
+         offset="0"
+         style="stop-color:#e0ffff;stop-opacity:1" />
+      <stop
+         id="stop4925"
+         offset="1"
+         style="stop-color:#ffccff;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5328"
+       xlink:href="#a-3" />
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5330"
+       xlink:href="#c" />
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5332"
+       xlink:href="#c" />
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5334"
+       xlink:href="#c" />
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5336"
+       xlink:href="#a-3" />
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5338"
+       xlink:href="#a-3" />
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5340"
+       xlink:href="#d" />
+    <linearGradient
+       y2="1062.272"
+       x2="-440.17316"
+       y1="1002.7515"
+       x1="-440.17316"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5342"
+       xlink:href="#a-3" />
+  </defs>
+  <metadata
+     id="metadata4531">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-205.98332)"
+     id="layer1">
+    <rect
+       y="205.98332"
+       x="0"
+       height="91.01667"
+       width="186.53125"
+       id="rect4634"
+       style="fill:url(#linearGradient4929);fill-opacity:1;stroke:none;stroke-width:7.32099152;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g4644"
+       transform="matrix(0.130994,0,0,0.130994,82.301731,125.30822)">
+      <path
+         id="path4636"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient5328);filter:url(#b)" />
+      <path
+         id="path4638"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#00aad4" />
+      <rect
+         id="rect4640"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#00ccff" />
+      <rect
+         id="rect4642"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#55ddff" />
+    </g>
+    <g
+       id="g4654"
+       transform="matrix(0.130994,0,0,0.130994,209.49413,124.75879)">
+      <path
+         id="path4646"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient5330);filter:url(#b)" />
+      <path
+         id="path4648"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#e67e22" />
+      <rect
+         id="rect4650"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#ffa522" />
+      <rect
+         id="rect4652"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#ffc647" />
+    </g>
+    <g
+       id="g4664"
+       transform="matrix(0.130994,0,0,0.130994,230.09767,134.09906)">
+      <path
+         id="path4656"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient5332);filter:url(#b)" />
+      <path
+         id="path4658"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#e67e22" />
+      <rect
+         id="rect4660"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#ffa522" />
+      <rect
+         id="rect4662"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#ffc647" />
+    </g>
+    <g
+       id="g4674"
+       transform="matrix(0.130994,0,0,0.130994,210.31829,143.98875)">
+      <path
+         id="path4666"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient5334);filter:url(#b)" />
+      <path
+         id="path4668"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#e67e22" />
+      <rect
+         id="rect4670"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#ffa522" />
+      <rect
+         id="rect4672"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#ffc647" />
+    </g>
+    <g
+       id="g4684"
+       transform="matrix(0.130994,0,0,0.130994,81.752302,142.61518)">
+      <path
+         id="path4676"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient5336);filter:url(#b)" />
+      <path
+         id="path4678"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#00aad4" />
+      <rect
+         id="rect4680"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#00ccff" />
+      <rect
+         id="rect4682"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#55ddff" />
+    </g>
+    <g
+       id="g4694"
+       transform="matrix(0.130994,0,0,0.130994,103.90984,152.52439)">
+      <path
+         id="path4686"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient5338);filter:url(#b)" />
+      <path
+         id="path4688"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#00aad4" />
+      <rect
+         id="rect4690"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#00ccff" />
+      <rect
+         id="rect4692"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#55ddff" />
+    </g>
+    <g
+       id="g4704"
+       transform="matrix(0.130994,0,0,0.130994,81.752302,157.99914)">
+      <path
+         id="path4696"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient4774);filter:url(#b)" />
+      <path
+         id="path4698"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#00aad4" />
+      <rect
+         id="rect4700"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#00ccff" />
+      <rect
+         id="rect4702"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#55ddff" />
+    </g>
+    <g
+       id="g4714"
+       transform="matrix(0.130994,0,0,0.130994,225.70225,157.175)">
+      <path
+         id="path4706"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient4776);filter:url(#b)" />
+      <path
+         id="path4708"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#e67e22" />
+      <rect
+         id="rect4710"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#ffa522" />
+      <rect
+         id="rect4712"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#ffc647" />
+    </g>
+    <g
+       id="g4724"
+       transform="matrix(0.130994,0,0,0.130994,129.89344,125.11397)">
+      <path
+         id="path4716"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient5340);filter:url(#b)" />
+      <path
+         id="path4718"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#d80073" />
+      <rect
+         id="rect4720"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#e8338b" />
+      <rect
+         id="rect4722"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#e85bbe" />
+    </g>
+    <g
+       id="g4734"
+       transform="matrix(0.130994,0,0,0.130994,149.12438,132.10704)">
+      <path
+         id="path4726"
+         transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+         d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+         style="fill:url(#linearGradient4780);filter:url(#b)" />
+      <path
+         id="path4728"
+         d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+         style="fill:#d80073" />
+      <rect
+         id="rect4730"
+         y="1073.5972"
+         x="-678.87305"
+         width="113.15113"
+         transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+         ry="12.143711"
+         height="111.41566"
+         style="fill:#e8338b" />
+      <rect
+         id="rect4732"
+         y="942.09778"
+         x="388.7005"
+         width="112.68221"
+         transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+         ry="14.66605"
+         height="112.81577"
+         style="fill:#e85bbe" />
+    </g>
+    <g
+       transform="matrix(0.15276193,0,0,0.15276193,-59.785212,172.36969)"
+       id="g4758">
+      <path
+         id="path4736"
+         d="m 776.6785,662.47113 v -63.56849 h -12.01925 l -2.40385,3.65029 h 10.77281 v 59.9182 z" />
+      <path
+         id="path4738"
+         d="m 834.40499,630.1527 q 0,-12.55344 -5.25286,-21.99078 -6.41026,-11.307 -18.07339,-11.307 -11.66313,0 -18.07339,11.307 -5.25286,9.25927 -5.25286,21.99078 0,12.64247 5.25286,21.90175 6.41026,11.307 18.07339,11.307 11.75216,0 18.16242,-11.21797 5.16383,-9.17025 5.16383,-21.99078 z m -3.82835,0 q 0,12.19731 -4.89674,20.29918 -5.43092,9.17024 -14.60116,9.17024 -9.8825,0 -15.22439,-10.32765 -4.18448,-8.1909 -4.18448,-19.14177 0,-12.01925 4.89674,-20.38821 5.51995,-9.25928 14.51213,-9.25928 10.06056,0 15.31342,10.32765 4.18448,8.1909 4.18448,19.31984 z" />
+      <path
+         id="path4740"
+         d="m 850.40771,662.47113 v -63.56849 h -12.01925 l -2.40385,3.65029 h 10.77281 v 59.9182 z" />
+      <path
+         id="path4742"
+         d="m 908.1342,630.1527 q 0,-12.55344 -5.25286,-21.99078 -6.41027,-11.307 -18.07339,-11.307 -11.66313,0 -18.0734,11.307 -5.25286,9.25927 -5.25286,21.99078 0,12.64247 5.25286,21.90175 6.41027,11.307 18.0734,11.307 11.75215,0 18.16242,-11.21797 5.16383,-9.17025 5.16383,-21.99078 z m -3.82836,0 q 0,12.19731 -4.89673,20.29918 -5.43092,9.17024 -14.60116,9.17024 -9.8825,0 -15.22439,-10.32765 -4.18448,-8.1909 -4.18448,-19.14177 0,-12.01925 4.89673,-20.38821 5.51995,-9.25928 14.51214,-9.25928 10.06055,0 15.31341,10.32765 4.18448,8.1909 4.18448,19.31984 z" />
+      <path
+         id="path4744"
+         d="m 920.38645,649.29447 v -50.39183 h -3.56126 v 50.39183 z m 1.51354,10.32765 q -0.26709,-1.51353 -0.97935,-2.22578 -0.97934,-0.97935 -2.22578,-0.97935 -3.20514,0.53419 -3.20514,3.20513 0,3.20514 3.20514,3.20514 3.20513,-0.53419 3.20513,-3.20514 z" />
+      <path
+         id="path4746"
+         d="m 792.5261,773.7605 -33.11971,-33.20875 30.44877,-30.35974 h -5.16383 l -28.40104,28.22298 v -28.22298 h -3.6503 v 63.56849 h 3.6503 v -30.18168 l 0.53418,-0.53419 30.62684,30.71587 z" />
+      <path
+         id="path4748"
+         d="m 803.78303,773.7605 v -65.88331 h -3.56126 v 65.88331 z" />
+      <path
+         id="path4750"
+         d="m 851.45104,755.42001 q 0,-8.01283 -5.51995,-13.53279 -5.51995,-5.51995 -13.44376,-5.51995 -8.01283,0 -13.44375,5.60898 -5.51995,5.51996 -5.51995,13.44376 0,8.01283 5.51995,13.53279 5.43092,5.43092 13.44375,5.43092 8.01284,0 13.53279,-5.51995 5.43092,-5.43093 5.43092,-13.44376 z m -3.56126,0 q 0,6.41027 -4.5406,10.95087 -4.45158,4.45158 -10.86185,4.45158 -6.32123,0 -10.86184,-4.54061 -4.5406,-4.5406 -4.5406,-10.86184 0,-6.2322 4.62963,-10.86184 4.54061,-4.62964 10.77281,-4.62964 6.4993,0 10.95088,4.54061 4.45157,4.45157 4.45157,10.95087 z" />
+      <path
+         id="path4752"
+         d="m 899.61847,755.42001 q 0,-8.01283 -5.51995,-13.53279 -5.51996,-5.51995 -13.44376,-5.51995 -8.01283,0 -13.44375,5.60898 -5.51996,5.51996 -5.51996,13.44376 0,8.01283 5.51996,13.53279 5.43092,5.43092 13.44375,5.43092 8.01284,0 13.53279,-5.51995 5.43092,-5.43093 5.43092,-13.44376 z m -3.56126,0 q 0,6.41027 -4.54061,10.95087 -4.45157,4.45158 -10.86184,4.45158 -6.32123,0 -10.86184,-4.54061 -4.54061,-4.5406 -4.54061,-10.86184 0,-6.2322 4.62964,-10.86184 4.54061,-4.62964 10.77281,-4.62964 6.4993,0 10.95088,4.54061 4.45157,4.45157 4.45157,10.95087 z" />
+      <path
+         id="path4754"
+         d="m 937.19393,773.7605 v -22.34691 q 0,-7.03349 -3.65029,-10.95087 -3.65029,-3.91739 -10.50571,-3.91739 -8.10187,0 -10.59475,4.89674 v -4.45158 h -3.65029 v 36.77001 h 3.65029 v -22.34691 q 0,-5.25286 2.75998,-8.27993 2.67094,-3.02707 7.83477,-3.02707 10.50571,0 10.50571,11.66313 v 21.99078 z" />
+      <path
+         id="path4756"
+         d="m 949.78423,727.46412 q -0.71225,-2.93804 -2.93804,-2.93804 -2.93803,0.53419 -2.93803,2.93804 0.089,1.33547 0.89031,2.13676 1.06838,0.80128 2.04772,0.80128 2.93804,0 2.93804,-2.93804 z m -1.15741,46.29638 v -36.77001 h -3.65029 v 36.77001 z" />
+    </g>
+    <g
+       id="g22"
+       transform="matrix(0.14591547,0,0,0.14591547,181.1832,110.17491)">
+      <g
+         id="g20"
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)">
+        <path
+           id="path12"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           style="fill:url(#linearGradient5342);filter:url(#b-5)" />
+        <path
+           id="path14"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           style="fill:#00aad4" />
+        <rect
+           id="rect16"
+           y="1073.5972"
+           x="-678.87305"
+           width="113.15113"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+           ry="12.143711"
+           height="111.41566"
+           style="fill:#00ccff" />
+        <rect
+           id="rect18"
+           y="942.09778"
+           x="388.7005"
+           width="112.68221"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+           ry="14.66605"
+           height="112.81577"
+           style="fill:#55ddff" />
+      </g>
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/logo.svg
            
@@ -0,0 +1,1 @@
+<svg height="256" viewBox="0 0 256 256" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-440.1731564" x2="-440.1731564" y1="1002.751495" y2="1062.271995"><stop offset="0" stop-color="#005497" stop-opacity=".27272728"/><stop offset="1" stop-color="#005497" stop-opacity=".06818182"/></linearGradient><filter id="b" color-interpolation-filters="sRGB" height="1.1907477" width="1.0800771" x="-.04003854" y="-.09537383"><feGaussianBlur stdDeviation="3.6669538"/></filter><g transform="matrix(.71111111 0 0 .71111111 476.26667 -644.75682)"><path d="m-669.75 906.68933h360v360h-360z" fill="#fff"/><g transform="matrix(1.3547235 0 0 1.3547235 160.26025 20.43346)"><path d="m-442.65137 1055.1932c-5.37558-.0004-10.75247-.4342-14.87109-1.3009l-84.63672-17.8104c-1.65176-.3475-2.95609-.7386-3.94531-1.154-3.71453-1.1985-6.62987-3.2201-7.13477-4.9803-.41372-.4331-.64391-.9429-.63281-1.5313l.69922-37.06c.054-2.86135 5.52976-6.35712 12.27734-7.8371l89.12695-19.54942c1.48558-.32573 2.89873-.51836 4.20899-.60182 3.99244-.574 8.30073-.65058 11.66992.11216l88.56445 20.04642c6.90343 1.56259 12.50464 5.19835 12.5586 8.15116l.69922 38.2432c.0315 1.7289-1.90581 3.6797-5.14063 5.0001-.19992.086-.41416.1725-.64258.2558-.016 0-.0327.022-.0488.022-.90767.3313-2.01326.6462-3.36329.9301l-84.51953 17.7707c-4.11948.8661-9.49355 1.2992-14.86914 1.2988z" fill="url(#a)" filter="url(#b)" transform="matrix(.84718319 0 0 1.0213689 -103.68658 -169.01715)"/><path d="m-397.75084 715.67331l-163.78868 1.15534c-6.94231.049-14.10792 13.10451-10.71655 19.16231l80.79533 144.31978c3.39136 6.05781 12.65442 10.6298 18.54535 6.9562l75.57536-47.12863c5.89092-3.67357 10.6705-12.21995 10.71655-19.16229l.59631-89.90907c.046-6.94233-4.78135-15.44261-11.72367-15.39364z" fill="#00aad4"/><rect fill="#0cf" height="111.41566" ry="12.143711" transform="matrix(.85586624 .51719723 .00684405 .99997658 0 0)" width="113.15113" x="-678.87305" y="1073.5972"/><rect fill="#5df" height="112.81577" ry="14.66605" transform="matrix(.86530322 .50124878 -.86512318 .50155946 0 0)" width="112.68221" x="388.7005" y="942.09778"/></g></g></svg>

          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/original/angel.svg
            
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="angel.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="32.699251"
+     inkscape:cy="0.47610902"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <ellipse
+       style="opacity:1;fill:#ffeb3b;fill-opacity:1;stroke:#000000;stroke-width:0.28393582;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="path4147"
+       cx="8"
+       cy="1044.5884"
+       rx="7.8580317"
+       ry="7.6318169" />
+    <path
+       style="opacity:1;fill:#00bcd4;fill-opacity:1;stroke:#000000;stroke-width:0.23731966;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       d="m 6.2064503,1036.6502 a 2.2755178,5.9051214 82.545344 0 0 -5.23961846,3.0944 2.2755178,5.9051214 82.545344 0 0 6.42577886,1.3343 2.2755178,5.9051214 82.545344 0 0 5.2393563,-3.0944 2.2755178,5.9051214 82.545344 0 0 -6.4255167,-1.3343 z m 0.2359892,0.8811 a 1.3704478,4.1657823 82.202353 0 1 4.4730255,0.7122 1.3704478,4.1657823 82.202353 0 1 -3.7588406,1.9543 1.3704478,4.1657823 82.202353 0 1 -4.4730272,-0.7122 1.3704478,4.1657823 82.202353 0 1 3.7588423,-1.9543 z"
+       id="path4168"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#ffeb3b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 7.9999345,1036.9567 c -2.0768723,0 -4.0686561,0.8015 -5.539988,2.2251 -0.1060328,0.301 0.5823603,0.8624 1.0106317,0.8047 7.0811068,-0.9548 7.7697708,-0.6058 7.4282128,-2.4846 -0.9221367,-0.358 -1.9057838,-0.543 -2.8988565,-0.5452 z"
+       id="path4175"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccscc" />
+    <path
+       style="opacity:1;fill:#795548;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       d="m 4.7258196,1042.832 c -0.7671575,0 -1.3890555,0.5285 -1.3890771,1.1804 4.322e-4,0.1384 -0.00259,0.5214 0.085814,0.4053 0.3167804,-0.4161 0.7200091,-0.7761 1.3032626,-0.7769 0.5829234,5e-4 0.9866463,0.3597 1.3035434,0.7755 0.08817,0.1157 0.084983,-0.266 0.085533,-0.4039 -2.16e-5,-0.6519 -0.6219196,-1.1804 -1.389077,-1.1804 z"
+       id="path4183"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccscscc" />
+    <path
+       sodipodi:nodetypes="ccscscc"
+       inkscape:connector-curvature="0"
+       id="path4188"
+       d="m 11.274179,1042.832 c -0.767158,0 -1.3890554,0.5285 -1.389077,1.1804 4.322e-4,0.1384 -0.00259,0.5214 0.085814,0.4053 0.316781,-0.4161 0.720009,-0.7761 1.303263,-0.7769 0.582924,5e-4 0.986646,0.3597 1.303544,0.7755 0.08817,0.1157 0.08498,-0.266 0.08553,-0.4039 -2.2e-5,-0.6519 -0.621919,-1.1804 -1.389077,-1.1804 z"
+       style="opacity:1;fill:#795548;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <path
+       style="opacity:1;fill:#795548;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       d="m 7.9999993,1049.4565 c 1.5105528,0 2.7350867,-0.5982 2.7351287,-1.336 -8.64e-4,-0.1566 0.0051,-0.5903 -0.168971,-0.4588 -0.6237478,0.4711 -1.417717,0.8784 -2.5661577,0.8793 -1.1477909,0 -1.9427326,-0.4071 -2.5667108,-0.8777 -0.1736083,-0.131 -0.1673346,0.3012 -0.1684179,0.4572 4.32e-5,0.7378 1.2245759,1.336 2.7351287,1.336 z"
+       id="path4190"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccscscc" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/original/enjoy.svg
            
@@ -0,0 +1,866 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="enjoy.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49851028"
+     inkscape:cx="268.97214"
+     inkscape:cy="191.42704"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-796.36216)">
+    <rect
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.68787074;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4238"
+       width="252.31212"
+       height="252.31213"
+       x="1.8439354"
+       y="798.20612"
+       ry="0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4160"
+       width="23"
+       height="23"
+       x="4"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4199"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4201"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4203"
+       width="23"
+       height="23"
+       x="79"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4205"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4207"
+       width="23"
+       height="23"
+       x="154"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4209"
+       width="23"
+       height="23"
+       x="179"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4211"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4213"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4215"
+       width="23"
+       height="23"
+       x="229"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4237"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4239"
+       width="23"
+       height="23"
+       x="29"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4241"
+       width="23"
+       height="23"
+       x="54"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4243"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4245"
+       width="23"
+       height="23"
+       x="129"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4247"
+       style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4249"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4251"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4253"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4255"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4257"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4259"
+       width="23"
+       height="23"
+       x="29"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4261"
+       width="23"
+       height="23"
+       x="54"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4263"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4265"
+       width="23"
+       height="23"
+       x="129"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4267"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4269"
+       style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4271"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4273"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4275"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4277"
+       width="23"
+       height="23"
+       x="4"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4279"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4281"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4283"
+       width="23"
+       height="23"
+       x="79"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4285"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4287"
+       width="23"
+       height="23"
+       x="154"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4289"
+       width="23"
+       height="23"
+       x="179"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4291"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4293"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4295"
+       width="23"
+       height="23"
+       x="229"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4297"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4299"
+       width="23"
+       height="23"
+       x="29"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4301"
+       width="23"
+       height="23"
+       x="54"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4303"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4305"
+       width="23"
+       height="23"
+       x="129"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4307"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4309"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4311"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4313"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4315"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4317"
+       width="23"
+       height="23"
+       x="4"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4319"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4321"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4323"
+       width="23"
+       height="23"
+       x="79"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4325"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4327"
+       width="23"
+       height="23"
+       x="154"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4329"
+       width="23"
+       height="23"
+       x="179"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4331"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4333"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4335"
+       width="23"
+       height="23"
+       x="229"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4337"
+       width="23"
+       height="23"
+       x="4"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4339"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4341"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4343"
+       width="23"
+       height="23"
+       x="79"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4345"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4347"
+       width="23"
+       height="23"
+       x="154"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4349"
+       width="23"
+       height="23"
+       x="179"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4351"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4353"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4355"
+       width="23"
+       height="23"
+       x="229"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4357"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4359"
+       width="23"
+       height="23"
+       x="29"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4361"
+       width="23"
+       height="23"
+       x="54"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4363"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4365"
+       width="23"
+       height="23"
+       x="129"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4367"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4369"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4371"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4373"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4375"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4377"
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4379"
+       width="23"
+       height="23"
+       x="29"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4381"
+       width="23"
+       height="23"
+       x="54"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4383"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4385"
+       width="23"
+       height="23"
+       x="129"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4387"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4389"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4391"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4393"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4395"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4397"
+       width="23"
+       height="23"
+       x="4"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4399"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4401"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4403"
+       width="23"
+       height="23"
+       x="79"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4405"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4407"
+       width="23"
+       height="23"
+       x="154"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4409"
+       width="23"
+       height="23"
+       x="179"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4411"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4413"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4415"
+       width="23"
+       height="23"
+       x="229"
+       y="800.36206"
+       ry="3.7123106" />
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/original/gameplay.svg
            
@@ -0,0 +1,891 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="gameplay.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.705"
+     inkscape:cx="104.15194"
+     inkscape:cy="93.260828"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-796.36216)">
+    <rect
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.68787074;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4238"
+       width="252.31212"
+       height="252.31213"
+       x="1.8439354"
+       y="798.20612"
+       ry="0" />
+    <rect
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4160"
+       width="23"
+       height="23"
+       x="4"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4199"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4201"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4203"
+       width="23"
+       height="23"
+       x="79"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4205"
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4207"
+       width="23"
+       height="23"
+       x="154"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4209"
+       width="23"
+       height="23"
+       x="179"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4211"
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4213"
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4215"
+       width="23"
+       height="23"
+       x="229"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4237"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4239"
+       width="23"
+       height="23"
+       x="29"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4241"
+       width="23"
+       height="23"
+       x="54"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4243"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4245"
+       width="23"
+       height="23"
+       x="129"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4247"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4249"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4251"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4253"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4255"
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4257"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4259"
+       width="23"
+       height="23"
+       x="29"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4261"
+       width="23"
+       height="23"
+       x="54"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4263"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4265"
+       width="23"
+       height="23"
+       x="129"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4267"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4269"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4271"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4273"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4275"
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4277"
+       width="23"
+       height="23"
+       x="4"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4279"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4281"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4283"
+       width="23"
+       height="23"
+       x="79"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4285"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4287"
+       width="23"
+       height="23"
+       x="154"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4289"
+       width="23"
+       height="23"
+       x="179"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4291"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4293"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4295"
+       width="23"
+       height="23"
+       x="229"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4297"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4299"
+       width="23"
+       height="23"
+       x="29"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4301"
+       width="23"
+       height="23"
+       x="54"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4303"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4305"
+       width="23"
+       height="23"
+       x="129"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4307"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4309"
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#48c9a5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4311"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4313"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4315"
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4317"
+       width="23"
+       height="23"
+       x="4"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4319"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4321"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4323"
+       width="23"
+       height="23"
+       x="79"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4325"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4327"
+       width="23"
+       height="23"
+       x="154"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4329"
+       width="23"
+       height="23"
+       x="179"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4331"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4333"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4335"
+       width="23"
+       height="23"
+       x="229"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4337"
+       width="23"
+       height="23"
+       x="4"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4339"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4341"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4343"
+       width="23"
+       height="23"
+       x="79"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4345"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4347"
+       width="23"
+       height="23"
+       x="154"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4349"
+       width="23"
+       height="23"
+       x="179"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4351"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4353"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4355"
+       width="23"
+       height="23"
+       x="229"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4357"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4359"
+       width="23"
+       height="23"
+       x="29"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4361"
+       width="23"
+       height="23"
+       x="54"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4363"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4365"
+       width="23"
+       height="23"
+       x="129"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4367"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4369"
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4371"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4373"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4375"
+       style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4377"
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4379"
+       width="23"
+       height="23"
+       x="29"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4381"
+       width="23"
+       height="23"
+       x="54"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4383"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4385"
+       width="23"
+       height="23"
+       x="129"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4387"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4389"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4391"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4393"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4395"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#da657b;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4397"
+       width="23"
+       height="23"
+       x="4"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4399"
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4401"
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#7381b5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4403"
+       width="23"
+       height="23"
+       x="79"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4405"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4407"
+       width="23"
+       height="23"
+       x="154"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4409"
+       width="23"
+       height="23"
+       x="179"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4411"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4413"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4415"
+       width="23"
+       height="23"
+       x="229"
+       y="800.36206"
+       ry="3.7123106" />
+    <g
+       id="g4452"
+       transform="matrix(0.97656252,0,0,0.97656252,151.21587,-124.47349)">
+      <rect
+         ry="3.8014059"
+         y="1008.2969"
+         x="-85.937706"
+         height="23.552"
+         width="23.552"
+         id="rect4442"
+         style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.0480001;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+      <rect
+         ry="3.8014059"
+         y="982.69684"
+         x="-85.937706"
+         height="23.552"
+         width="23.552"
+         id="rect4444"
+         style="opacity:1;fill:#f1bc3a;fill-opacity:1;stroke:#000000;stroke-width:2.0480001;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+      <path
+         id="path4436"
+         d="m -63.396484,1019.4668 c -0.403493,-0.022 -0.715155,0.024 -0.923828,0.1445 -3.338799,1.9277 -3.338799,36.6251 0,38.5528 1.423092,0.8216 7.704486,-1.8689 14.4375,-5.5137 l 10.880859,18.8457 c 1.05299,1.8238 3.369526,2.4436 5.193359,1.3906 l 2.013672,-1.164 c 1.823833,-1.053 2.445569,-3.3676 1.392578,-5.1915 l -10.914062,-18.9042 c 5.784742,-3.6696 10.382812,-7.2347 10.382812,-8.7403 0,-3.6143 -26.410502,-19.0881 -32.46289,-19.4199 z"
+         style="opacity:1;fill:#4d4d4d;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/original/hack.svg
            
@@ -0,0 +1,1004 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="hack.svg">
+  <defs
+     id="defs4">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4340"
+       x="-0.012734603"
+       width="1.0254692"
+       y="-0.07109144"
+       height="1.1421829">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.872055"
+         id="feGaussianBlur4342" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.99702056"
+     inkscape:cx="-86.616699"
+     inkscape:cy="106.1582"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-796.36216)">
+    <rect
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.68787074;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4238"
+       width="252.31212"
+       height="252.31213"
+       x="1.8439354"
+       y="798.20612"
+       ry="0" />
+    <rect
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4160"
+       width="23"
+       height="23"
+       x="4"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4199"
+       style="opacity:1;fill:#cf6050;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#550000;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4203"
+       width="23"
+       height="23"
+       x="79"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4205"
+       style="opacity:1;fill:#0066ff;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#0066ff;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4207"
+       width="23"
+       height="23"
+       x="154"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4209"
+       width="23"
+       height="23"
+       x="179"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4211"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1025.3622"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4213"
+       style="opacity:1;fill:#0066ff;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4215"
+       width="23"
+       height="23"
+       x="229"
+       y="1025.3622"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4237"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4239"
+       width="23"
+       height="23"
+       x="29"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4243"
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4245"
+       width="23"
+       height="23"
+       x="129"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4247"
+       style="opacity:1;fill:#3771c8;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4249"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4251"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4253"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="1000.3621"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="1000.3621"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4255"
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4257"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4259"
+       width="23"
+       height="23"
+       x="29"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#005522;fill-opacity:1;stroke:#000000;stroke-width:0.31497964;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4261"
+       width="3.6222653"
+       height="3.6222653"
+       x="63.688866"
+       y="985.0509"
+       ry="0.58465105" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4263"
+       style="opacity:1;fill:#005522;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4265"
+       width="23"
+       height="23"
+       x="129"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4267"
+       style="opacity:1;fill:#3771c8;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4269"
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4271"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4273"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="975.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="975.36206"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4275"
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#7381b5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4277"
+       width="23"
+       height="23"
+       x="4"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4279"
+       style="opacity:1;fill:#7381b5;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="1.478268"
+       y="957.28259"
+       x="60.92062"
+       height="9.158761"
+       width="9.158761"
+       id="rect4281"
+       style="opacity:1;fill:#005522;fill-opacity:1;stroke:#000000;stroke-width:0.79641408;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#005522;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4283"
+       width="23"
+       height="23"
+       x="79"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4285"
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4287"
+       width="23"
+       height="23"
+       x="154"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4289"
+       width="23"
+       height="23"
+       x="179"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4291"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="950.362"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4293"
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4295"
+       width="23"
+       height="23"
+       x="229"
+       y="950.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4297"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4299"
+       width="23"
+       height="23"
+       x="29"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:1.59880483;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4301"
+       width="18.386253"
+       height="18.386253"
+       x="56.306873"
+       y="927.66901"
+       ry="2.9676297" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4303"
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4305"
+       width="23"
+       height="23"
+       x="129"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4307"
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4309"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4311"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4313"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="925.36212"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="925.36212"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4315"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4317"
+       width="23"
+       height="23"
+       x="4"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4319"
+       style="opacity:1;fill:#e08d44;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4321"
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#aa8800;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4323"
+       width="23"
+       height="23"
+       x="79"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4325"
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4327"
+       width="23"
+       height="23"
+       x="154"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4329"
+       width="23"
+       height="23"
+       x="179"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4331"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="900.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4333"
+       style="opacity:1;fill:#00ffcc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4335"
+       width="23"
+       height="23"
+       x="229"
+       y="900.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4337"
+       width="23"
+       height="23"
+       x="4"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4339"
+       style="opacity:1;fill:#53c17d;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="54"
+       height="23"
+       width="23"
+       id="rect4341"
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#aa8800;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4343"
+       width="23"
+       height="23"
+       x="79"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4345"
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4347"
+       width="23"
+       height="23"
+       x="154"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4349"
+       width="23"
+       height="23"
+       x="179"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4351"
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="875.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4353"
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4355"
+       width="23"
+       height="23"
+       x="229"
+       y="875.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4357"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4359"
+       width="23"
+       height="23"
+       x="29"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4361"
+       width="23"
+       height="23"
+       x="54"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4363"
+       style="opacity:1;fill:#aa8800;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4365"
+       width="23"
+       height="23"
+       x="129"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4367"
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4369"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4371"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4373"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="850.362"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="850.362"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4375"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="4"
+       height="23"
+       width="23"
+       id="rect4377"
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4379"
+       width="23"
+       height="23"
+       x="29"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:1.48936188;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4381"
+       width="17.127659"
+       height="17.127659"
+       x="56.936169"
+       y="828.29822"
+       ry="2.7644866" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="79"
+       height="23"
+       width="23"
+       id="rect4383"
+       style="opacity:1;fill:#aa8800;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#0055d4;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4385"
+       width="23"
+       height="23"
+       x="129"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="154"
+       height="23"
+       width="23"
+       id="rect4387"
+       style="opacity:1;fill:#0055d4;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="179"
+       height="23"
+       width="23"
+       id="rect4389"
+       style="opacity:1;fill:#1a1a1a;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4391"
+       width="23"
+       height="23"
+       x="204.00002"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4393"
+       width="23"
+       height="23"
+       x="104.00001"
+       y="825.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="825.36206"
+       x="229"
+       height="23"
+       width="23"
+       id="rect4395"
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#55b4d6;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4397"
+       width="23"
+       height="23"
+       x="4"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="29"
+       height="23"
+       width="23"
+       id="rect4399"
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="2.1326039"
+       y="805.25568"
+       x="58.893616"
+       height="13.212766"
+       width="13.212766"
+       id="rect4401"
+       style="opacity:1;fill:#333333;fill-opacity:1;stroke:#000000;stroke-width:1.14893627;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#aa8800;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4403"
+       width="23"
+       height="23"
+       x="79"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="129"
+       height="23"
+       width="23"
+       id="rect4405"
+       style="opacity:1;fill:#0055d4;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#37abc8;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4407"
+       width="23"
+       height="23"
+       x="154"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4409"
+       width="23"
+       height="23"
+       x="179"
+       y="800.36206"
+       ry="3.7123106" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="204.00002"
+       height="23"
+       width="23"
+       id="rect4411"
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       ry="3.7123106"
+       y="800.36206"
+       x="104.00001"
+       height="23"
+       width="23"
+       id="rect4413"
+       style="opacity:1;fill:#87cdde;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+    <rect
+       style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:2.00000024;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+       id="rect4415"
+       width="23"
+       height="23"
+       x="229"
+       y="800.36206"
+       ry="3.7123106" />
+    <g
+       id="g4240"
+       transform="matrix(0.83591472,-0.48597892,0.48597892,0.83591472,-688.29402,299.05674)">
+      <path
+         inkscape:transform-center-y="1.998377"
+         inkscape:transform-center-x="8.4999859"
+         d="m 397.2578,948.4531 c -2.83872,1.31018 -21.24534,-19.0488 -24.31201,-19.6574 -3.06668,-0.6086 -27.85289,11.17849 -29.97615,8.88357 -2.12327,-2.29491 11.55131,-26.09192 11.18247,-29.19656 -0.36884,-3.10465 -19.23838,-23.03533 -17.71192,-25.76384 1.52647,-2.72851 28.38445,2.92311 31.22316,1.61293 2.83872,-1.31018 15.96291,-25.4151 19.02958,-24.8065 3.06668,0.6086 5.99124,27.8985 8.1145,30.19341 2.12327,2.29492 29.10401,7.32793 29.47285,10.43258 0.36884,3.10465 -24.68166,14.31911 -26.20812,17.04762 -1.52647,2.72851 2.02435,29.94401 -0.81436,31.25419 z"
+         inkscape:randomized="0"
+         inkscape:rounded="0.1"
+         inkscape:flatsided="false"
+         sodipodi:arg2="1.7667071"
+         sodipodi:arg1="1.1383886"
+         sodipodi:r2="23.540443"
+         sodipodi:r1="47.080887"
+         sodipodi:cy="905.70557"
+         sodipodi:cx="377.52817"
+         sodipodi:sides="5"
+         id="path4234"
+         style="opacity:1;fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+         sodipodi:type="star" />
+      <path
+         transform="matrix(0.4060959,-0.86054354,0.86054354,0.4060959,-554.98762,861.9104)"
+         sodipodi:type="star"
+         style="opacity:1;fill:#ff7f2a;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+         id="path4236"
+         sodipodi:sides="6"
+         sodipodi:cx="377.30496"
+         sodipodi:cy="907.68127"
+         sodipodi:r1="40.617931"
+         sodipodi:r2="20.308966"
+         sodipodi:arg1="1.1383886"
+         sodipodi:arg2="1.6619874"
+         inkscape:flatsided="false"
+         inkscape:rounded="0.1"
+         inkscape:randomized="0"
+         d="m 394.32624,944.56071 c -2.28526,1.05473 -16.36425,-16.42565 -18.87071,-16.65485 -2.50646,-0.22921 -19.5224,14.40771 -21.57846,12.95599 -2.05605,-1.45173 6.04291,-22.38468 4.98818,-24.66994 -1.05474,-2.28526 -22.23865,-9.70304 -22.00945,-12.2095 0.2292,-2.50646 22.40715,-5.95902 23.85888,-8.01508 1.45172,-2.05606 -2.71625,-24.11075 -0.43099,-25.16549 2.28526,-1.05473 16.36424,16.42565 18.8707,16.65485 2.50646,0.22921 19.5224,-14.40771 21.57846,-12.95599 2.05606,1.45173 -6.04291,22.38468 -4.98817,24.66994 1.05473,2.28526 22.23865,9.70303 22.00945,12.20949 -0.22921,2.50646 -22.40716,5.95903 -23.85888,8.01509 -1.45173,2.05606 2.71625,24.11075 0.43099,25.16549 z"
+         inkscape:transform-center-x="3.8256176"
+         inkscape:transform-center-y="9.8877589" />
+      <path
+         inkscape:transform-center-y="6.6045772"
+         inkscape:transform-center-x="-1.2922666"
+         d="m 394.32624,944.56071 c -2.1788,1.00559 -14.95481,-16.53387 -17.35415,-16.5732 -2.39934,-0.0393 -15.74337,17.07195 -17.88804,15.99548 -2.14466,-1.07647 3.60252,-22.00083 2.13731,-23.90124 -1.46521,-1.9004 -23.16322,-1.66447 -23.65878,-4.01241 -0.49555,-2.34793 19.44709,-10.90073 20.01934,-13.23116 0.57224,-2.33043 -13.1407,-19.14752 -11.61398,-20.99887 1.52671,-1.85136 20.64759,8.40785 22.82639,7.40225 2.17879,-1.0056 6.77704,-22.21209 9.17638,-22.17276 2.39934,0.0393 6.30004,21.38515 8.44471,22.46162 2.14466,1.07647 21.59153,-8.55051 23.05674,-6.65011 1.46521,1.9004 -12.79157,18.259 -12.29601,20.60693 0.49556,2.34793 20.14715,11.54979 19.5749,13.88022 -0.57224,2.33043 -22.25086,1.38344 -23.77758,3.2348 -1.52671,1.85135 3.53156,22.95285 1.35277,23.95845 z"
+         inkscape:randomized="0"
+         inkscape:rounded="0.1"
+         inkscape:flatsided="false"
+         sodipodi:arg2="1.5871876"
+         sodipodi:arg1="1.1383886"
+         sodipodi:r2="20.308966"
+         sodipodi:r1="40.617931"
+         sodipodi:cy="907.68127"
+         sodipodi:cx="377.30496"
+         sodipodi:sides="7"
+         id="path4238"
+         style="opacity:1;fill:#ffd42a;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+         sodipodi:type="star"
+         transform="matrix(-0.07318693,-0.59956127,0.59956127,-0.07318693,-137.92789,1196.4736)" />
+    </g>
+    <g
+       id="g4344"
+       transform="matrix(0.94054186,-0.3396778,0.3396778,0.94054186,-541.22159,-72.93379)">
+      <g
+         id="text4245"
+         style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:0.25568183;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter4340)">
+        <path
+           id="path4254"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#000000;fill-opacity:0.25568183"
+           d="m 232.27348,1164.9911 10,0 0,6.52 -16.56,0 0,-29.44 6.56,0 0,22.92 0,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path4256"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#000000;fill-opacity:0.25568183"
+           d="m 264.5191,1148.6311 -12.48,0 0,4.92 12.48,0 0,6.52 -12.48,0 0,4.92 12.48,0 0,6.52 -14.96,0 0,0 -4.08,0 0,-29.44 6.56,0 0,0.04 12.48,0 0,6.52 0,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path4258"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#000000;fill-opacity:0.25568183"
+           d="m 284.66473,1142.1111 6.72,0 -6.96,29.4 -9.76,0 -6.92,-29.4 6.72,0 5.08,21.6 5.12,-21.6 0,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path4260"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#000000;fill-opacity:0.25568183"
+           d="m 313.65973,1148.6311 -12.48,0 0,4.92 12.48,0 0,6.52 -12.48,0 0,4.92 12.48,0 0,6.52 -14.96,0 0,0 -4.08,0 0,-29.44 6.56,0 0,0.04 12.48,0 0,6.52 0,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path4262"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#000000;fill-opacity:0.25568183"
+           d="m 323.44535,1164.9911 10,0 0,6.52 -16.56,0 0,-29.44 6.56,0 0,22.92 0,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path4264"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#000000;fill-opacity:0.25568183"
+           d="m 355.0766,1171.5111 q -2.32,0 -4.36,-0.88 -2,-0.88 -3.52,-2.4 -1.52,-1.52 -2.4,-3.52 -0.88,-2.04 -0.88,-4.36 l 0,-18.24 6.56,0 0,18.24 q 0,0.96 0.36,1.8 0.36,0.84 1,1.48 0.64,0.64 1.44,1 0.84,0.36 1.8,0.36 0.96,0 1.8,-0.36 0.84,-0.36 1.48,-1 0.64,-0.64 1,-1.48 0.36,-0.84 0.36,-1.8 l 0,-18.24 6.52,0 0,18.24 q 0,2.32 -0.88,4.36 -0.88,2 -2.4,3.52 -1.52,1.52 -3.56,2.4 -2,0.88 -4.32,0.88 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path4266"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#000000;fill-opacity:0.25568183"
+           d="m 379.26348,1142.1111 q 2.24,0 4.2,0.84 1.96,0.84 3.44,2.32 1.48,1.48 2.32,3.44 0.84,1.96 0.84,4.16 0,2.24 -0.84,4.2 -0.84,1.96 -2.32,3.44 -1.48,1.48 -3.44,2.32 -1.96,0.84 -4.2,0.84 l -3.24,0 0,7.84 -6.56,0 0,-29.4 9.8,0 z m 0,15.04 q 0.88,0 1.64,-0.32 0.8,-0.36 1.36,-0.92 0.6,-0.6 0.92,-1.36 0.36,-0.8 0.36,-1.68 0,-0.88 -0.36,-1.64 -0.32,-0.76 -0.92,-1.32 -0.56,-0.6 -1.36,-0.92 -0.76,-0.36 -1.64,-0.36 l -3.24,0 0,8.52 3.24,0 z"
+           inkscape:connector-curvature="0" />
+      </g>
+      <g
+         transform="matrix(0.9318622,0,0,0.9318622,20.978842,78.821195)"
+         style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         id="g4268">
+        <path
+           inkscape:connector-curvature="0"
+           d="m 232.27348,1164.9911 10,0 0,6.52 -16.56,0 0,-29.44 6.56,0 0,22.92 0,0 z"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#ffffff"
+           id="path4270" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 264.5191,1148.6311 -12.48,0 0,4.92 12.48,0 0,6.52 -12.48,0 0,4.92 12.48,0 0,6.52 -14.96,0 0,0 -4.08,0 0,-29.44 6.56,0 0,0.04 12.48,0 0,6.52 0,0 z"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#ffffff"
+           id="path4272" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 284.66473,1142.1111 6.72,0 -6.96,29.4 -9.76,0 -6.92,-29.4 6.72,0 5.08,21.6 5.12,-21.6 0,0 z"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#ffffff"
+           id="path4274" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 313.65973,1148.6311 -12.48,0 0,4.92 12.48,0 0,6.52 -12.48,0 0,4.92 12.48,0 0,6.52 -14.96,0 0,0 -4.08,0 0,-29.44 6.56,0 0,0.04 12.48,0 0,6.52 0,0 z"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#ffffff"
+           id="path4276" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 323.44535,1164.9911 10,0 0,6.52 -16.56,0 0,-29.44 6.56,0 0,22.92 0,0 z"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#ffffff"
+           id="path4278" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 355.0766,1171.5111 q -2.32,0 -4.36,-0.88 -2,-0.88 -3.52,-2.4 -1.52,-1.52 -2.4,-3.52 -0.88,-2.04 -0.88,-4.36 l 0,-18.24 6.56,0 0,18.24 q 0,0.96 0.36,1.8 0.36,0.84 1,1.48 0.64,0.64 1.44,1 0.84,0.36 1.8,0.36 0.96,0 1.8,-0.36 0.84,-0.36 1.48,-1 0.64,-0.64 1,-1.48 0.36,-0.84 0.36,-1.8 l 0,-18.24 6.52,0 0,18.24 q 0,2.32 -0.88,4.36 -0.88,2 -2.4,3.52 -1.52,1.52 -3.56,2.4 -2,0.88 -4.32,0.88 z"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#ffff00;fill-opacity:1"
+           id="path4280" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 379.26348,1142.1111 q 2.24,0 4.2,0.84 1.96,0.84 3.44,2.32 1.48,1.48 2.32,3.44 0.84,1.96 0.84,4.16 0,2.24 -0.84,4.2 -0.84,1.96 -2.32,3.44 -1.48,1.48 -3.44,2.32 -1.96,0.84 -4.2,0.84 l -3.24,0 0,7.84 -6.56,0 0,-29.4 9.8,0 z m 0,15.04 q 0.88,0 1.64,-0.32 0.8,-0.36 1.36,-0.92 0.6,-0.6 0.92,-1.36 0.36,-0.8 0.36,-1.68 0,-0.88 -0.36,-1.64 -0.32,-0.76 -0.92,-1.32 -0.56,-0.6 -1.36,-0.92 -0.76,-0.36 -1.64,-0.36 l -3.24,0 0,8.52 3.24,0 z"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'The Next Font';-inkscape-font-specification:'The Next Font';fill:#ffff00;fill-opacity:1"
+           id="path4282" />
+      </g>
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/original/header.svg
            
@@ -0,0 +1,685 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1366"
+   height="500"
+   viewBox="0 0 1366 500"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="header.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4351"
+       inkscape:collect="always">
+      <stop
+         id="stop4353"
+         offset="0"
+         style="stop-color:#ff5497;stop-opacity:0.27450982" />
+      <stop
+         id="stop4355"
+         offset="1"
+         style="stop-color:#ff5497;stop-opacity:0.06666667" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4345"
+       inkscape:collect="always">
+      <stop
+         id="stop4347"
+         offset="0"
+         style="stop-color:#ff5497;stop-opacity:0.27450982" />
+      <stop
+         id="stop4349"
+         offset="1"
+         style="stop-color:#ff5497;stop-opacity:0.06666667" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4295"
+       inkscape:collect="always">
+      <stop
+         id="stop4297"
+         offset="0"
+         style="stop-color:#ff6e07;stop-opacity:0.27450982" />
+      <stop
+         id="stop4299"
+         offset="1"
+         style="stop-color:#ff541c;stop-opacity:0.06666667" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4289"
+       inkscape:collect="always">
+      <stop
+         id="stop4291"
+         offset="0"
+         style="stop-color:#ff6e07;stop-opacity:0.27450982" />
+      <stop
+         id="stop4293"
+         offset="1"
+         style="stop-color:#ff541c;stop-opacity:0.06666667" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4283"
+       inkscape:collect="always">
+      <stop
+         id="stop4285"
+         offset="0"
+         style="stop-color:#ff6e07;stop-opacity:0.27450982" />
+      <stop
+         id="stop4287"
+         offset="1"
+         style="stop-color:#ff541c;stop-opacity:0.06666667" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4277"
+       inkscape:collect="always">
+      <stop
+         id="stop4279"
+         offset="0"
+         style="stop-color:#ff6e07;stop-opacity:0.27450982" />
+      <stop
+         id="stop4281"
+         offset="1"
+         style="stop-color:#ff541c;stop-opacity:0.06666667" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4313"
+       id="linearGradient4319"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4313">
+      <stop
+         style="stop-color:#005497;stop-opacity:0.27272728"
+         offset="0"
+         id="stop4315" />
+      <stop
+         style="stop-color:#005497;stop-opacity:0.06818182"
+         offset="1"
+         id="stop4317" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4309"
+       x="-0.040038537"
+       width="1.0800771"
+       y="-0.095373832"
+       height="1.1907477">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="3.6669538"
+         id="feGaussianBlur4311" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4313"
+       id="linearGradient4160"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4295"
+       id="linearGradient4188"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4202"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4283"
+       id="linearGradient4216"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4313"
+       id="linearGradient4230"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4313"
+       id="linearGradient4245"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4277"
+       id="linearGradient4259"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4345"
+       id="linearGradient4275"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4351"
+       id="linearGradient4314"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="1363.1932"
+     inkscape:cy="104.84659"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-552.36216)">
+    <g
+       id="g4261"
+       transform="matrix(0.71111111,0,0,0.71111111,484.34789,-94.871879)">
+      <g
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)"
+         id="g4240">
+        <path
+           style="opacity:1;fill:url(#linearGradient4319);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           id="path4238"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)" />
+        <path
+           style="opacity:1;fill:#00aad4;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           id="rect4234"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sssssssss" />
+        <rect
+           style="opacity:1;fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4232"
+           width="113.15113"
+           height="111.41566"
+           x="-678.87305"
+           y="1073.5972"
+           ry="12.143711"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)" />
+        <rect
+           style="opacity:1;fill:#55ddff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4230"
+           width="112.68221"
+           height="112.81577"
+           x="388.7005"
+           y="942.09778"
+           ry="14.66605"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)" />
+      </g>
+    </g>
+    <g
+       id="g4176"
+       transform="matrix(0.71111111,0,0,0.71111111,1419.7491,-98.91249)">
+      <g
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)"
+         id="g4178">
+        <path
+           style="opacity:1;fill:url(#linearGradient4188);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           id="path4180"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)" />
+        <path
+           style="opacity:1;fill:#e67e22;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           id="path4182"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sssssssss" />
+        <rect
+           style="opacity:1;fill:#ffa522;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4184"
+           width="113.15113"
+           height="111.41566"
+           x="-678.87305"
+           y="1073.5972"
+           ry="12.143711"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)" />
+        <rect
+           style="opacity:1;fill:#ffc647;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4186"
+           width="112.68221"
+           height="112.81577"
+           x="388.7005"
+           y="942.09778"
+           ry="14.66605"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)" />
+      </g>
+    </g>
+    <g
+       transform="matrix(0.71111111,0,0,0.71111111,1571.2721,-30.222118)"
+       id="g4190">
+      <g
+         id="g4192"
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)">
+        <path
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+           inkscape:connector-curvature="0"
+           id="path4194"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           style="opacity:1;fill:url(#linearGradient4202);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)" />
+        <path
+           sodipodi:nodetypes="sssssssss"
+           inkscape:connector-curvature="0"
+           id="path4196"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           style="opacity:1;fill:#e67e22;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+           ry="12.143711"
+           y="1073.5972"
+           x="-678.87305"
+           height="111.41566"
+           width="113.15113"
+           id="rect4198"
+           style="opacity:1;fill:#ffa522;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+           ry="14.66605"
+           y="942.09778"
+           x="388.7005"
+           height="112.81577"
+           width="112.68221"
+           id="rect4200"
+           style="opacity:1;fill:#ffc647;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+    </g>
+    <g
+       id="g4204"
+       transform="matrix(0.71111111,0,0,0.71111111,1425.8101,42.508866)">
+      <g
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)"
+         id="g4206">
+        <path
+           style="opacity:1;fill:url(#linearGradient4216);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           id="path4208"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)" />
+        <path
+           style="opacity:1;fill:#e67e22;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           id="path4210"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sssssssss" />
+        <rect
+           style="opacity:1;fill:#ffa522;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4212"
+           width="113.15113"
+           height="111.41566"
+           x="-678.87305"
+           y="1073.5972"
+           ry="12.143711"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)" />
+        <rect
+           style="opacity:1;fill:#ffc647;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4214"
+           width="112.68221"
+           height="112.81577"
+           x="388.7005"
+           y="942.09778"
+           ry="14.66605"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)" />
+      </g>
+    </g>
+    <g
+       transform="matrix(0.71111111,0,0,0.71111111,480.30728,32.407332)"
+       id="g4148">
+      <g
+         id="g4150"
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)">
+        <path
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+           inkscape:connector-curvature="0"
+           id="path4152"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           style="opacity:1;fill:url(#linearGradient4160);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)" />
+        <path
+           sodipodi:nodetypes="sssssssss"
+           inkscape:connector-curvature="0"
+           id="path4154"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           style="opacity:1;fill:#00aad4;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+           ry="12.143711"
+           y="1073.5972"
+           x="-678.87305"
+           height="111.41566"
+           width="113.15113"
+           id="rect4156"
+           style="opacity:1;fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+           ry="14.66605"
+           y="942.09778"
+           x="388.7005"
+           height="112.81577"
+           width="112.68221"
+           id="rect4158"
+           style="opacity:1;fill:#55ddff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+    </g>
+    <g
+       id="g4232"
+       transform="matrix(0.71111111,0,0,0.71111111,643.25873,105.2819)">
+      <g
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)"
+         id="g4234">
+        <path
+           style="opacity:1;fill:url(#linearGradient4245);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           id="path4236"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)" />
+        <path
+           style="opacity:1;fill:#00aad4;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           id="path4239"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sssssssss" />
+        <rect
+           style="opacity:1;fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4241"
+           width="113.15113"
+           height="111.41566"
+           x="-678.87305"
+           y="1073.5972"
+           ry="12.143711"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)" />
+        <rect
+           style="opacity:1;fill:#55ddff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4243"
+           width="112.68221"
+           height="112.81577"
+           x="388.7005"
+           y="942.09778"
+           ry="14.66605"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)" />
+      </g>
+    </g>
+    <g
+       id="g4218"
+       transform="matrix(0.71111111,0,0,0.71111111,480.30728,145.54442)">
+      <g
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)"
+         id="g4220">
+        <path
+           style="opacity:1;fill:url(#linearGradient4230);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           id="path4222"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)" />
+        <path
+           style="opacity:1;fill:#00aad4;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           id="path4224"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sssssssss" />
+        <rect
+           style="opacity:1;fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4226"
+           width="113.15113"
+           height="111.41566"
+           x="-678.87305"
+           y="1073.5972"
+           ry="12.143711"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)" />
+        <rect
+           style="opacity:1;fill:#55ddff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4228"
+           width="112.68221"
+           height="112.81577"
+           x="388.7005"
+           y="942.09778"
+           ry="14.66605"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)" />
+      </g>
+    </g>
+    <g
+       transform="matrix(0.71111111,0,0,0.71111111,1538.9472,139.4835)"
+       id="g4247">
+      <g
+         id="g4249"
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)">
+        <path
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+           inkscape:connector-curvature="0"
+           id="path4251"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           style="opacity:1;fill:url(#linearGradient4259);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)" />
+        <path
+           sodipodi:nodetypes="sssssssss"
+           inkscape:connector-curvature="0"
+           id="path4253"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           style="opacity:1;fill:#e67e22;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+           ry="12.143711"
+           y="1073.5972"
+           x="-678.87305"
+           height="111.41566"
+           width="113.15113"
+           id="rect4255"
+           style="opacity:1;fill:#ffa522;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+           ry="14.66605"
+           y="942.09778"
+           x="388.7005"
+           height="112.81577"
+           width="112.68221"
+           id="rect4257"
+           style="opacity:1;fill:#ffc647;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+    </g>
+    <g
+       transform="matrix(0.71111111,0,0,0.71111111,834.34788,-96.30045)"
+       id="g4263">
+      <g
+         id="g4265"
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)">
+        <path
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)"
+           inkscape:connector-curvature="0"
+           id="path4267"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           style="opacity:1;fill:url(#linearGradient4275);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)" />
+        <path
+           sodipodi:nodetypes="sssssssss"
+           inkscape:connector-curvature="0"
+           id="path4269"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           style="opacity:1;fill:#d80073;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)"
+           ry="12.143711"
+           y="1073.5972"
+           x="-678.87305"
+           height="111.41566"
+           width="113.15113"
+           id="rect4271"
+           style="opacity:1;fill:#e8338b;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)"
+           ry="14.66605"
+           y="942.09778"
+           x="388.7005"
+           height="112.81577"
+           width="112.68221"
+           id="rect4273"
+           style="opacity:1;fill:#e85bbe;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+    </g>
+    <g
+       id="g4301"
+       transform="matrix(0.71111111,0,0,0.71111111,975.77645,-44.871879)">
+      <g
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)"
+         id="g4303">
+        <path
+           style="opacity:1;fill:url(#linearGradient4314);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           id="path4305"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)" />
+        <path
+           style="opacity:1;fill:#d80073;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           id="path4307"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sssssssss" />
+        <rect
+           style="opacity:1;fill:#e8338b;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4309"
+           width="113.15113"
+           height="111.41566"
+           x="-678.87305"
+           y="1073.5972"
+           ry="12.143711"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)" />
+        <rect
+           style="opacity:1;fill:#e85bbe;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4311"
+           width="112.68221"
+           height="112.81577"
+           x="388.7005"
+           y="942.09778"
+           ry="14.66605"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)" />
+      </g>
+    </g>
+    <g
+       style="font-style:normal;font-weight:normal;font-size:89.03149414px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4316">
+      <path
+         d="m 776.6785,662.47113 0,-63.56849 -12.01925,0 -2.40385,3.65029 10.77281,0 0,59.9182 3.65029,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4323" />
+      <path
+         d="m 834.40499,630.1527 q 0,-12.55344 -5.25286,-21.99078 -6.41026,-11.307 -18.07339,-11.307 -11.66313,0 -18.07339,11.307 -5.25286,9.25927 -5.25286,21.99078 0,12.64247 5.25286,21.90175 6.41026,11.307 18.07339,11.307 11.75216,0 18.16242,-11.21797 5.16383,-9.17025 5.16383,-21.99078 z m -3.82835,0 q 0,12.19731 -4.89674,20.29918 -5.43092,9.17024 -14.60116,9.17024 -9.8825,0 -15.22439,-10.32765 -4.18448,-8.1909 -4.18448,-19.14177 0,-12.01925 4.89674,-20.38821 5.51995,-9.25928 14.51213,-9.25928 10.06056,0 15.31342,10.32765 4.18448,8.1909 4.18448,19.31984 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4325" />
+      <path
+         d="m 850.40771,662.47113 0,-63.56849 -12.01925,0 -2.40385,3.65029 10.77281,0 0,59.9182 3.65029,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4327" />
+      <path
+         d="m 908.1342,630.1527 q 0,-12.55344 -5.25286,-21.99078 -6.41027,-11.307 -18.07339,-11.307 -11.66313,0 -18.0734,11.307 -5.25286,9.25927 -5.25286,21.99078 0,12.64247 5.25286,21.90175 6.41027,11.307 18.0734,11.307 11.75215,0 18.16242,-11.21797 5.16383,-9.17025 5.16383,-21.99078 z m -3.82836,0 q 0,12.19731 -4.89673,20.29918 -5.43092,9.17024 -14.60116,9.17024 -9.8825,0 -15.22439,-10.32765 -4.18448,-8.1909 -4.18448,-19.14177 0,-12.01925 4.89673,-20.38821 5.51995,-9.25928 14.51214,-9.25928 10.06055,0 15.31341,10.32765 4.18448,8.1909 4.18448,19.31984 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4329" />
+      <path
+         d="m 920.38645,649.29447 0,-50.39183 -3.56126,0 0,50.39183 3.56126,0 z m 1.51354,10.32765 q -0.26709,-1.51353 -0.97935,-2.22578 -0.97934,-0.97935 -2.22578,-0.97935 -3.20514,0.53419 -3.20514,3.20513 0,3.20514 3.20514,3.20514 3.20513,-0.53419 3.20513,-3.20514 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4331" />
+      <path
+         d="m 792.5261,773.7605 -33.11971,-33.20875 30.44877,-30.35974 -5.16383,0 -28.40104,28.22298 0,-28.22298 -3.6503,0 0,63.56849 3.6503,0 0,-30.18168 0.53418,-0.53419 30.62684,30.71587 5.07479,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4333" />
+      <path
+         d="m 803.78303,773.7605 0,-65.88331 -3.56126,0 0,65.88331 3.56126,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4335" />
+      <path
+         d="m 851.45104,755.42001 q 0,-8.01283 -5.51995,-13.53279 -5.51995,-5.51995 -13.44376,-5.51995 -8.01283,0 -13.44375,5.60898 -5.51995,5.51996 -5.51995,13.44376 0,8.01283 5.51995,13.53279 5.43092,5.43092 13.44375,5.43092 8.01284,0 13.53279,-5.51995 5.43092,-5.43093 5.43092,-13.44376 z m -3.56126,0 q 0,6.41027 -4.5406,10.95087 -4.45158,4.45158 -10.86185,4.45158 -6.32123,0 -10.86184,-4.54061 -4.5406,-4.5406 -4.5406,-10.86184 0,-6.2322 4.62963,-10.86184 4.54061,-4.62964 10.77281,-4.62964 6.4993,0 10.95088,4.54061 4.45157,4.45157 4.45157,10.95087 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4337" />
+      <path
+         d="m 899.61847,755.42001 q 0,-8.01283 -5.51995,-13.53279 -5.51996,-5.51995 -13.44376,-5.51995 -8.01283,0 -13.44375,5.60898 -5.51996,5.51996 -5.51996,13.44376 0,8.01283 5.51996,13.53279 5.43092,5.43092 13.44375,5.43092 8.01284,0 13.53279,-5.51995 5.43092,-5.43093 5.43092,-13.44376 z m -3.56126,0 q 0,6.41027 -4.54061,10.95087 -4.45157,4.45158 -10.86184,4.45158 -6.32123,0 -10.86184,-4.54061 -4.54061,-4.5406 -4.54061,-10.86184 0,-6.2322 4.62964,-10.86184 4.54061,-4.62964 10.77281,-4.62964 6.4993,0 10.95088,4.54061 4.45157,4.45157 4.45157,10.95087 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4339" />
+      <path
+         d="m 937.19393,773.7605 0,-22.34691 q 0,-7.03349 -3.65029,-10.95087 -3.65029,-3.91739 -10.50571,-3.91739 -8.10187,0 -10.59475,4.89674 l 0,-4.45158 -3.65029,0 0,36.77001 3.65029,0 0,-22.34691 q 0,-5.25286 2.75998,-8.27993 2.67094,-3.02707 7.83477,-3.02707 10.50571,0 10.50571,11.66313 l 0,21.99078 3.65029,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4341" />
+      <path
+         d="m 949.78423,727.46412 q -0.71225,-2.93804 -2.93804,-2.93804 -2.93803,0.53419 -2.93803,2.93804 0.089,1.33547 0.89031,2.13676 1.06838,0.80128 2.04772,0.80128 2.93804,0 2.93804,-2.93804 z m -1.15741,46.29638 0,-36.77001 -3.65029,0 0,36.77001 3.65029,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:GeosansLight;-inkscape-font-specification:'GeosansLight Medium'"
+         id="path4343" />
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/original/logo.svg
            
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="logo.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4313"
+       id="linearGradient4319"
+       x1="-441.97687"
+       y1="1012.8427"
+       x2="-441.97687"
+       y2="1072.3632"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(1.8037136,-10.091205)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4313">
+      <stop
+         style="stop-color:#005497;stop-opacity:0.27272728"
+         offset="0"
+         id="stop4315" />
+      <stop
+         style="stop-color:#005497;stop-opacity:0.06818182"
+         offset="1"
+         id="stop4317" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4309"
+       x="-0.040038537"
+       width="1.0800771"
+       y="-0.095373832"
+       height="1.1907477">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="3.6669538"
+         id="feGaussianBlur4311" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="330.31084"
+     inkscape:cy="-82.873624"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-796.36216)">
+    <g
+       id="g4261"
+       transform="matrix(0.71111111,0,0,0.71111111,476.26667,151.60534)">
+      <rect
+         ry="0"
+         y="906.68933"
+         x="-669.75"
+         height="360"
+         width="360"
+         id="rect4228"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <g
+         transform="matrix(1.3547235,0,0,1.3547235,160.26025,20.43346)"
+         id="g4240">
+        <path
+           style="opacity:1;fill:url(#linearGradient4319);fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4309)"
+           d="m -442.65137,1055.1932 c -5.37558,-4e-4 -10.75247,-0.4342 -14.87109,-1.3009 l -84.63672,-17.8104 c -1.65176,-0.3475 -2.95609,-0.7386 -3.94531,-1.154 -3.71453,-1.1985 -6.62987,-3.2201 -7.13477,-4.9803 -0.41372,-0.4331 -0.64391,-0.9429 -0.63281,-1.5313 l 0.69922,-37.06 c 0.054,-2.86135 5.52976,-6.35712 12.27734,-7.8371 l 89.12695,-19.54942 c 1.48558,-0.32573 2.89873,-0.51836 4.20899,-0.60182 3.99244,-0.574 8.30073,-0.65058 11.66992,0.11216 l 88.56445,20.04642 c 6.90343,1.56259 12.50464,5.19835 12.5586,8.15116 l 0.69922,38.2432 c 0.0315,1.7289 -1.90581,3.6797 -5.14063,5.0001 -0.19992,0.086 -0.41416,0.1725 -0.64258,0.2558 -0.016,0 -0.0327,0.022 -0.0488,0.022 -0.90767,0.3313 -2.01326,0.6462 -3.36329,0.9301 l -84.51953,17.7707 c -4.11948,0.8661 -9.49355,1.2992 -14.86914,1.2988 z"
+           id="path4238"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.84718319,0,0,1.0213689,-103.68658,-169.01715)" />
+        <path
+           style="opacity:1;fill:#00aad4;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           d="m -397.75084,715.67331 -163.78868,1.15534 c -6.94231,0.049 -14.10792,13.10451 -10.71655,19.16231 l 80.79533,144.31978 c 3.39136,6.05781 12.65442,10.6298 18.54535,6.9562 l 75.57536,-47.12863 c 5.89092,-3.67357 10.6705,-12.21995 10.71655,-19.16229 l 0.59631,-89.90907 c 0.046,-6.94233 -4.78135,-15.44261 -11.72367,-15.39364 z"
+           id="rect4234"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sssssssss" />
+        <rect
+           style="opacity:1;fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4232"
+           width="113.15113"
+           height="111.41566"
+           x="-678.87305"
+           y="1073.5972"
+           ry="12.143711"
+           transform="matrix(0.85586624,0.51719723,0.00684405,0.99997658,0,0)" />
+        <rect
+           style="opacity:1;fill:#55ddff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect4230"
+           width="112.68221"
+           height="112.81577"
+           x="388.7005"
+           y="942.09778"
+           ry="14.66605"
+           transform="matrix(0.86530322,0.50124878,-0.86512318,0.50155946,0,0)" />
+      </g>
+    </g>
+  </g>
+</svg>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/img/original/minify.sh
            
@@ -0,0 +1,6 @@
+#!/bin/bash
+
+for f in *.svg
+do
+    svgcleaner $f ../$f
+done


          

          

        
          

            

            
            A
            
            
            
          
          klooni/index.html
            
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>1010! Klooni</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="1010! Klooni is the FLOSS version of the original minimalistic puzzle game by Gram Games.">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="icon" href="favicon.png" />
+</head>
+</head>
+<body>
+    <div class="band header">
+        <a href="https://f-droid.org/app/io.github.lonamiwebs.klooni">
+            <img src="https://f-droid.org/badge/get-it-on.png" alt="Get it on F-Droid" height="100px" style="margin-top:400px">
+        </a>
+    </div>
+    <div class="band left" style="background-color:#2ecc71">
+        <div>
+            <img src="img/logo.svg" alt="Klooni logo">
+            <h2>Featuring… Klooni!</h2>
+            <p>1010! Klooni is a free, libre and open source <i>klooni</i> of the original minimalistic puzzle game by <b><a href="http://1010ga.me/" target="_blank">Gram Games</a></b>.</p>
+        </div>
+    </div>
+    <div class="band right" style="background-color:#3498db">
+        <div>
+            <img src="img/gameplay.svg" alt="Gameplay">
+            <h2>Fill Up the Board</h2>
+            <p>Drag the pieces on the board and try to clear as many strips as you can! Beware though, it is not <i>that</i> easy <img class="emoji" src="img/angel.svg" alt="o:)"/></p>
+        </div>
+    </div>
+    <div class="band left" style="background-color:#e74c3c">
+        <div>
+            <img src="img/hack.svg" alt="Custom themes">
+            <h2>Hack It</h2>
+            <p>Make the game yours! <a href="https://github.com/LonamiWebs/Klooni1010">Collaborate</a>! Add new themes, pieces, sounds or even explosions!</p>
+        </div>
+    </div>
+    <div class="band right" style="background-color:#9b59b6">
+        <div>
+            <img src="img/enjoy.svg" alt="Enjoy!">
+            <h2>Have Fun :)</h2>
+            <p>Overall, remember to have fun while playing the game. Also share the love with the original developers if you like it!</p>
+        </div>
+    </div>
+    <!-- https://github.com/blog/273-github-ribbons -->
+    <a href="https://github.com/LonamiWebs/Klooni1010"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          klooni/policy.txt
            
@@ -0,0 +1,30 @@
+KLOONI PRIVACY POLICY
+=====================
+
+NOTICE
+------
+
+Q: What personal information is being collected?
+A: No information is collected by the application, other than your highscores, in-game money, and last running game. In addition, the application lacks internet access.
+
+CHOICE
+------
+
+Q: What options do I have as a user of the application about how/whether personal data is collected and used?
+A: If you are not comfortable with the game remembering highscores, in-game money or last-saved games offline, you may clear application data and/or uninstall the application.
+
+ACCESS
+------
+
+Q: How can I as a user of the application see what data has been collected and change/correct it if necessary?
+A: You may open the application and play the game to see what information it had saved previously, and you may try to achieve better highscores or earn/spend more money to change its in-game amount.
+
+SECURITY
+--------
+Q: How any data that is collected is stored/protected?
+A: No sensitive data is stored, and it is accessible if your phone is rooted.
+
+REDRESS
+-------
+Q: What can I as a user of the application do if the privacy policy is not met?
+A: Please contact the developer and let them know that they are not a lawyer and how to fix or improve the privacy policy.


          

          

        
          

            

            
            A
            
            
            
          
          more-links.html
            
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Lonami's Links</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <meta name="description" content="Official Lonami's website">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+</head>
+<body>
+    <div class="menu">
+        <ul>
+            <li><a href="index">Welcome</a></li>
+            <li><a href="projects">Projects</a></li>
+            <li><a href="contact">Contact</a></li>
+            <li><a href="about">About</a></li>
+            <li><a href="more-links" class="selected">More&nbsp;Links</a></li>
+        </ul>
+    </div>
+    <div class="body">
+        <h1>More&nbsp;Links</h1>
+        <dl>
+            <dt><a href="https://t.me/LonamiWebs" target="_blank"><img src="img/telegram.svg" alt="" /> My Telegram</a></dt>
+            <dd>Come meet me at my group in Telegram and talk about anything!</dd>
+
+            <dt><a href="https://lonami.dev/blog/index" target="_blank"><img src="img/blog.svg" alt="blog" /> My blog</a></dt>
+            <dd>Sometimes I blog about things. Recommended if you're into reading about interesting stuff.</dd>
+
+            <dt><a href="https://github.com/LonamiWebs" target="_blank"><img src="img/github.svg" alt="github" /> My GitHub</a></dt>
+            <dd>Check out my GitHub! There's a lot of interesting stuff there you could even help me with!</dd>
+
+            <dt><a href="/utils" target="_blank"><img src="img/utils.svg" alt="utilities" /> Several Utilities</a></dt>
+            <dd>Random things I've put online because I keep forgetting about them.</dd>
+
+            <dt><a href="donate" target="_blank"><img src="img/bitcoin.svg" alt="donate" /> Donate</a></dt>
+            <dd>If you like what I do, consider tipping 2&euro; to pay a day of bus trips :)</dd>
+
+            <dt><a href="humans.txt" target="_blank"><img src="img/humans.svg" alt="humans.txt" /> humans.txt</a></dt>
+            <dd><a href="http://humanstxt.org/" target="_blank">We are humans, not robots.</a></dd>
+        </dl>
+    </div>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          projects.html
            
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Lonami's Projects</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <meta name="description" content="Official Lonami's website">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+</head>
+<body>
+    <div class="menu">
+        <ul>
+            <li><a href="index">Welcome</a></li>
+            <li><a href="projects" class="selected">Projects</a></li>
+            <li><a href="contact">Contact</a></li>
+            <li><a href="about">About</a></li>
+            <li><a href="more-links">More&nbsp;Links</a></li>
+        </ul>
+    </div>
+    <div class="body">
+        <h1>Projects</h1>
+        <ul>
+        <li>
+        <a href="https://github.com/LonamiWebs/Telethon/" target="_blank">Telethon</a>:
+        Python implementation of the Telegram's API.
+        </li>
+        <li>
+        <a href="klooni" target="_blank">1010! Klooni</a>: libGDX simple puzzle
+        game based on the original <i>1010!</i>.
+        </li>
+        <li>
+        <a href="https://github.com/LonamiWebs/Stringlate/" target="_blank">Stringlate</a>:
+        Android application that makes it easy to translate other FOSS apps.
+        </li>
+        </ul>
+        <p>These are only my <i>Top 3</i> projects, the ones I consider to be
+        the most successful. If you're curious about what else I've done, feel
+        free to check out my
+        <a href="https://github.com/LonamiWebs/" target="_blank">GitHub</a>.</p>
+    </div>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          stopwatch.html
            
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Stopwatch</title>
+    <link rel="shortcut icon" type="image/svg+xml" href="stopwatch.svg"/>
+<style>
+body {
+    background-color: #000;
+    color: #eee;
+}
+.big {
+    font-size: 8em;
+    text-align: center;
+    margin-bottom: 0;
+}
+.smaller {
+    font-size: 0.2em;
+    margin-left: -1.5em;
+}
+.center {
+    margin: 1em auto;
+    width: 60%;
+}
+button {
+    border-radius: 0;
+    border: 0;
+    width: 46%;
+    height: 4em;
+}
+button {
+    font-size: 2em;
+    color: #fff;
+    transition: background-color 300ms;
+}
+button.green {
+    background-color: #373;
+}
+button.green:hover {
+    background-color: #595;
+}
+button.red {
+    background-color: #733;
+    float: right;
+}
+button.red:hover {
+    background-color: #955;
+}
+</style>
+</head>
+<body>
+    <p class="big">
+        <span id="counter">00:00:00</span>
+        <span id="counterms" class="smaller">.000</span>
+    </p>
+    <div class="center">
+    <button id="toggle" class="green" type="button"
+        onclick="toggleCounter()">Start</button>
+    <button type="button" class="red"
+        onclick="resetCounter()">Reset</button>
+    </div>
+
+    <script>
+const counter = document.getElementById("counter");
+const counterms = document.getElementById("counterms");
+const toggle = document.getElementById("toggle");
+
+let start = null;
+let paused = null;
+
+function renderCounter() {
+    if (start == null) {
+        counterms.innerHTML = ".000";
+        counter.innerHTML = "00:00:00";
+        return;
+    }
+
+    var t = (paused == null ? Date.now() : paused) - start;
+    var h = Math.floor(t / 3600000).toString().padStart(2, "0");
+    t %= 3600000;
+    var m = Math.floor(t / 60000).toString().padStart(2, "0");
+    t %= 60000;
+    var s = Math.floor(t / 1000).toString().padStart(2, "0");
+    t %= 1000;
+    var z = Math.floor(t).toString().padStart(3, "0");
+
+    counterms.innerHTML = `.${z}`;
+    counter.innerHTML = `${h}:${m}:${s}`
+}
+
+function updateCounter(timestamp) {
+    if (start != null && paused == null) {
+        renderCounter();
+        window.requestAnimationFrame(updateCounter);
+    }
+}
+
+function toggleCounter() {
+    const now = Date.now();
+    if (start != null && paused == null) {
+        paused = now;
+        toggle.innerHTML = "Start";
+        renderCounter();
+    } else {
+        if (start == null) {
+            start = now;
+        } else if (paused != null) {
+            start += now - paused;
+            paused = null;
+        }
+        toggle.innerHTML = "Stop";
+        updateCounter(0);
+    }
+}
+
+function resetCounter() {
+    start = null;
+    paused = null;
+    toggle.innerHTML = "Start";
+    renderCounter();
+}
+
+renderCounter();
+    </script>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          stopwatch.svg
            
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.4 25.4"><g transform="translate(0 -271.6)"><circle cx="12.7" cy="284.3" r="12.7"/><path d="M22.21 273.29l1.5 1.5-8.98 8.98-1.5-1.5z"/><path d="M22.66 271.72l2.62 2.62-1.5 1.5-2.62-2.62z"/><circle cx="12.7" cy="284.3" r="9.52" fill="#fff"/><path d="M11.64 279.1h2.12v7.41h-2.12z"/><path d="M8.52 284.26l1.5-1.5 3.74 3.75-1.5 1.5zM12.17 274.25h1.06v2.12h-1.06zM12.17 292.24h1.06v2.12h-1.06zM22.75 283.77v1.06h-2.12v-1.06zM4.76 283.77v1.06H2.64v-1.06z"/></g></svg>

          

          

        
          
        
          

            

            
            A
            
            
            
          
          stringlate/index.html
            
@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Stringlate</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <link href="https://fonts.googleapis.com/css?family=Crimson+Text|Droid+Serif" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <link rel="shortcut icon" href="favicon.ico" />
+  </head>
+  <body>
+    <main>
+      <h1>Stringlate</h1>
+      <p><em>Help translating FOSS applications.</em></p>
+
+      <h2>Deprecation Notice</h2>
+      <p>I, Lonami, have lost most interest in maintaining Stringlate.</p>
+
+      <p><strong>There are a few big issues with a big impact and I don't want
+      them to cause more harm than good</strong>, so I'm making it clear that
+      I am aware of the issues and that you should know about them too if you
+      still decide to make use the application.</p>
+
+      <p>Stringlate started as an idea to suit my personal needs. My mum wanted
+      an application but it was only available in English, so I decided to
+      translate it myself. However, doing so proved very inconvenient, and I
+      decided to make my own Android application to help me in the process. In
+      the end though, I made the translation by hand far sooner, before the
+      application was ready :)</p>
+
+      <p>It was a fun project, and I learnt a lot, but any issues in the
+      application have serious implications, since they impact a lot of open
+      source projects. There are several big issues:</p>
+
+      <ul>
+          <li>Making a pull request may use old state of the repository</li>
+          <li>Some tags like bool and string arrays aren't handled well</li>
+          <li>Some projects only accept changes through other platforms</li>
+          <li>Integration with other services could really be improved</li>
+      </ul>
+
+      <p><strong>In short</strong>, please consider other ways to help
+      translating the project you like instead of using Stringlate.</p>
+
+      <p>If you're interested in <strong>maintaining Stringlate</strong>,
+      please <a href="https://lonami.dev/contact">contact me</a> and
+      we can discuss it further. Thank you for your interest, and thanks to
+      everyone who has contributed translations. It's been a nice journey!</p>
+
+      <p><em>(The rest of the page remains the same for historical
+      purposes.)</em></p>
+
+      <h1>About Stringlate</h1>
+
+      <p>
+        This application is meant to help the FOSS community translate their
+        Android applications in an easy way. Any free moment you have could
+        be invested into translating that application you love, but is not
+        available in your language, or has some strings wrong.
+      </p>
+
+      <p>
+        The application works by fetching a <code>git</code> repository (yes, any!)
+        to retrieve all the available strings, for you to translate whenever
+        you want, offline. Once you're done, submit your work!
+      </p>
+
+      <p>
+        This application is of course open source, and is available on both
+        <a href="https://github.com/LonamiWebs/Stringlate">GitHub</a> and
+        <a href="https://f-droid.org/app/io.github.lonamiwebs.stringlate">F-Droid</a>.
+      </p>
+
+      <h1>Integrating with your own app</h1>
+      <p>
+        Are you a developer? Are you interested on people knowing that they
+        can use Stringlate to translate your application? If both answers are
+        yes, that's awesome!
+      </p>
+
+      <p>
+        There are several ways to do this, one is from in-app, for which
+        you can check and use this plain simple
+        <a href="https://github.com/LonamiWebs/Stringlate/blob/master/src/app/src/main/java/io/github/lonamiwebs/stringlate/utilities/StringlateApi.java">API</a>
+        <sup>(<a href="https://github.com/LonamiWebs/Stringlate/issues/72">original issue</a>)</sup>.
+      </p>
+
+      <p>
+        Another way is by creating a <a href="http://shields.io/">badge</a>
+        <sup>(<a href="https://github.com/gsantner/memetastic">original idea</a>)</sup>
+        for Stringlate:
+      </p>
+
+      <img
+        src="https://img.shields.io/badge/translate%20with-stringlate-green.svg"
+        alt="translate with stringlate badge" />
+      <pre>&lt;a href="https://lonami.dev/stringlate/translate?git={git url}"&gt;
+  &lt;img
+    src="https://img.shields.io/badge/translate%20with-stringlate-green.svg"
+    alt="Translate - with Stringlate" /&gt;
+&lt;/a&gt;
+
+&lt;!-- or using markdown --&gt;
+[![Translate - with Stringlate](https://img.shields.io/badge/translate%20with-stringlate-green.svg)](https://lonami.dev/stringlate/translate?git={git url})</pre>
+
+      <p>
+        You should replace <code>{git url}</code> to wherever your project's
+        <code>git</code> lives. It should be encoded to be a valid parameter
+        though.
+      </p>
+
+      <noscript><p>
+        You can also enable JavaScript to simply generate the badge link
+        right from this page!
+      </p></noscript>
+
+      <div id="generateUrlDiv" style="display:none">
+        <p>You can also enter said URL here and get the code straight away:</p>
+
+        <label for="gitUrl">Project's <code>git</code> URL:</label>
+        <input type="text" id="gitUrl" oninput="updateBadgeCode()">
+        <select id="genKind" onchange="updateBadgeCode()">
+          <option value="html">HTML</option>
+          <option value="md">Markdown</option>
+        </select>
+
+        <p>Generated code (copy and paste this on your <code>README</code>):</p>
+        <textarea id="generatedCode" readonly></textarea><br>
+        <button id="copyButton" onclick="copyGenerated()">Copy text</button>
+      </div>
+      <noscript>If you want <p>
+        If you had JavaScript enabled, I could tell you which repository you
+        were trying to translate. But it's fine!
+      </p></noscript>
+      <p id="whichAppP" style="display:none">
+        You were probably trying to translate <a id="whichAppA"></a>.
+      </p>
+    </main>
+
+    <script>
+      var generateUrlDiv = document.getElementById('generateUrlDiv');
+      generateUrlDiv.style.display = '';
+
+      var gitUrl = document.getElementById('gitUrl');
+      var genKind = document.getElementById('genKind');
+      var generatedCode = document.getElementById('generatedCode');
+      var copyButton = document.getElementById('copyButton');
+
+      function updateBadgeCode() {
+        var translateUrl =
+          'https://lonami.dev/stringlate/translate?git='+
+          encodeURIComponent(gitUrl.value);
+
+        var badgeUrl =
+          'https://img.shields.io/badge/translate%20with-stringlate-green.svg';
+
+        switch (genKind.value) {
+          case 'html':
+            generatedCode.rows = 5;
+            generatedCode.value =
+              '<a href="'+translateUrl+
+              '>\n  <img\n    src="'+badgeUrl+
+              '"\n    alt="Translate - with Stringlate" />\n</a>';
+            break;
+          case 'md':
+            generatedCode.rows = 2;
+            generatedCode.value =
+              '[![Translate - with Stringlate]('+badgeUrl+
+              ')]('+translateUrl+')';
+            break;
+        }
+      }
+
+      function copyGenerated() {
+        generatedCode.select();
+        try {
+            var ok = document.execCommand('copy');
+            if (ok) copyButton.innerHTML = 'Copied!';
+            else    copyButton.innerHTML = 'Unable to copy!';
+        } catch (err) {
+            answer.innerHTML = 'Unsupported browser!';
+        }
+
+        setTimeout(function(){ copyButton.innerHTML = 'Copy text'; }, 2000);
+      }
+    </script>
+  </body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          stringlate/style.css
            
@@ -0,0 +1,75 @@
+body {
+    background: #007b6b;
+    background: linear-gradient(#009789, #007b6b, #009789);
+}
+
+main {
+    max-width: 640px;
+    margin: 80px auto;
+    background-color: #d5ffba;
+    padding: 20px;
+    border-radius: 4px;
+    border: 4px solid #ffc107;
+    box-shadow: 8px 8px 10px rgba(60, 20, 0, 0.3);
+}
+
+h1 {
+    font-family: 'Droid Serif', serif;
+}
+
+p, label {
+    font-family: 'Crimson Text', serif;
+    font-size: 18px;
+}
+
+a {
+    color: #009789;
+    padding: 2px;
+    border-radius: 2px;
+}
+
+code {
+    color: #007b6b;
+    font-size: 16px;
+}
+
+pre, textarea {
+    color: #b1ddd9;
+    background-color: #212121;
+    font-family: monospace;
+    padding: 8px 12px;
+    overflow-x: scroll;
+}
+
+textarea {
+  white-space: pre;
+  overflow-wrap: normal;
+}
+
+/* Flaired edges, by Tomas Theunissen
+   Reference: https://www.css-tricks.com/examples/hrs/ 
+*/
+hr {
+    height: 30px;
+    border-style: solid;
+    border-color: #ffc107;
+    border-width: 1px 0 0 0;
+    border-radius: 20px;
+}
+hr:before {
+    display: block;
+    content: "";
+    height: 30px;
+    margin-top: -31px;
+    border-style: solid;
+    border-color: #ffc107;
+    border-width: 0 0 1px 0;
+    border-radius: 20px;
+}
+
+/* Less padding on mobile */
+@media (max-width:1000px) {
+    main {
+        margin: auto auto;
+    }
+}


          

          

        
          

            

            
            A
            
            
            
          
          stringlate/translate.html
            
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Translate with Stringlate</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <link href="https://fonts.googleapis.com/css?family=Crimson+Text|Droid+Serif" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <link rel="shortcut icon" href="favicon.ico" />
+  </head>
+  <body>
+    <main>
+      <h1>Translate with Stringlate</h1>
+      <p>
+        This is a special link that you can open from your phone to translate
+        someone's application via Stringlate. You should have clicked
+        "Open with Stringlate" instead!
+      </p>
+      <noscript><p>
+        If you had JavaScript enabled, I could tell you which repository you
+        were trying to translate. But it's fine!
+      </p></noscript>
+      <p id="whichAppP" style="display:none">
+        You were probably trying to translate <a id="whichAppA"></a>.
+      </p>
+      <hr />
+      <p>
+        Don't have Stringlate installed?
+        <a href="https://f-droid.org/app/io.github.lonamiwebs.stringlate">Get
+        it from F-Droid!</a> or
+        <a href="https://github.com/LonamiWebs/Stringlate/releases">grab the
+        latest release</a>!
+      </p>
+      <p>
+        Want to integrate Stringlate with your application too? Check out the
+        <a href="https://lonami.dev/stringlate/index">main page</a>!
+      </p>
+    </main>
+
+    <script>
+      // https://stackoverflow.com/a/1404100/4759433
+      function getURLParameter(name) {
+        var r = RegExp(name+'='+'(.+?)(&|$)').exec(location.search)||[,null];
+        if (r[1]) return decodeURIComponent(r[1]);
+      }
+
+      var git = getURLParameter('git');
+      if (git) {
+        var whichAppP = document.getElementById('whichAppP');
+        var whichAppA = document.getElementById('whichAppA');
+
+        whichAppP.style.display = '';
+        whichAppA.href = git;
+
+        var slash = git.lastIndexOf('/');
+        if (slash == -1) {
+          whichAppA.innerHTML = git;
+        } else {
+          var name = git.substring(slash + 1);
+          if (/.git$/.test(name)) {
+            name = name.substring(0, name.length - 4);
+          }
+          whichAppA.innerHTML = name;
+        }
+      }
+    </script>
+  </body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          test.txt
            
@@ -0,0 +1,1 @@
+why isn't dmss.html loading


          

          

        
          

            

            
            A
            
            
            
          
          utils/css/mobile.css
            
@@ -0,0 +1,8 @@
+div.card {
+    margin: 20px 20px;
+    padding: 10px 20px;
+}
+
+pre {
+    font-size: 16px;
+}


          

          

        
          

            

            
            A
            
            
            
          
          utils/css/theme.css
            
@@ -0,0 +1,106 @@
+body {
+    background-color: #ddd;
+    font-family: 'Raleway', sans-serif;
+}
+
+div.card {
+    background-color: #fff;
+    margin: 20px 20%;
+    padding: 20px 40px;
+    border-radius: 4px;
+    box-shadow: 8px 8px 8px #ccc;
+}
+
+.fadable {
+    opacity: 0;
+    transition: opacity 200ms;
+}
+
+.fadein {
+    opacity: 1;
+}
+
+ul.horizontal {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+ul.horizontal li {
+    float: left;
+    display: block;
+    background-color: #0AF;
+    margin: 4px;
+    padding: 4px;
+    border-radius: 4px;
+    box-shadow: 2px 2px 2px #ccc;
+}
+
+#filters li {
+    cursor: pointer;
+    background-color: #48F;
+    transition: background-color 200ms;
+}
+
+#filters li:hover {
+    background-color: #F44;
+}
+
+a {
+    text-decoration: none;
+    color: #09F;
+    transition: color 200ms;
+}
+
+a:hover {
+    color: #0BF;
+}
+
+pre, code {
+    color: #235;
+    font-family: 'Inconsolata', monospace;
+}
+
+pre {
+    background-color: #222;
+    color: #fff;
+    padding: 15px 30px;
+    overflow: auto;
+    word-wrap: normal;
+    white-space: pre;
+}
+
+kbd {
+    background-color: #fbfbfb;
+    border-bottom-color: #888;
+    padding: 3px;
+    border: 1px solid #ccc;
+    border-bottom: 2px;
+    border-radius: 3px;
+    box-shadow: #aaa 0px -2px 0px 0px inset;
+    font-family: 'Inconsolata', monospace;
+    font-size: 14px;
+}
+
+br {
+    line-height: 1.5;
+}
+
+button {
+    background-color: #fa0;
+    color: #fff;
+    border-radius: 4px;
+    border: none;
+    padding: 8px;
+    display: inline-block;
+    font-size: 16px;
+    margin: 4px 2px;
+    cursor: pointer;
+    transition: box-shadow 150ms;
+}
+
+button:hover {
+    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+}
+


          

          

        
          

            

            
            A
            
            
            
          
          utils/index.html
            
@@ -0,0 +1,539 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Utilities</title>
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata|Raleway" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="css/theme.css">
+    <meta name="description" content="Several utilities for almost every purpose">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <link rel="stylesheet" type="text/css" href="css/mobile.css"
+            media="only screen and (max-width: 740px)" />
+</head>
+<body>
+    <div class="card">
+        <h1>Multipurpose utilities - miscellaneous things</h1>
+        <p>Welcome! On this page you will find several utilities for various
+        distinct purposes. You can use the box below to add hashtags if you
+        want to filter out some cards, or directly search in the content</p>
+        <input id="hashtagInput">
+        <button onclick="addHashtag()">Add hashtag filter</button>
+        <button onclick="clearHashtags()">Clear hashtags</button>
+        <ul id="filters" class="horizontal"></ul>
+    </div>
+<div id="allcards">
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Boot Repair Disk</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>boot</li><li>repair</li><li>gpt</li><li>recovery</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>Small utility to fix broken laptops. It won't boot? Grab a copy of
+        <a href="https://sourceforge.net/projects/boot-repair-cd/" target="_blank">Boot Repair</a>
+        (<a href="https://help.ubuntu.com/community/Boot-Repair" target="_blank">wiki</a>)
+        and fix it!</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Installing <code>.rpm</code> files</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>opensuse</li><li>install</li><li>rpm</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can install <code>.rpm</code> files under openSUSE with the following command:</p>
+        <pre>sudo zypper install &lt;rpm file name&gt;.rpm</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Viewing your local IP address</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>ipconfig</li><li>ip</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>On Windows the command is called <code>ipconfig</code>. It's very
+        similar under Linux, yet not the same:
+        <pre>ifconfig</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>List PCI devices and system information</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>list</li><li>pci</li><li>graphics</li><li>card</li>
+            <li>system</li><li>version</li><li>ram</li><li>gpu</li><li>resolution</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>Lists all the available PCI devices (USB, audio, SATA controller…).
+        For example, if you wanted to check your graphic card you could do:</p>
+        <pre>lspci | grep VGA</pre>
+        <p>It might also be useful to run <code>screenfetch</code> (or
+        <code>neofetch</code>) to display more information, in a fancy way.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Evaluate expressions</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>inline</li><li>commnad</li><li>evaluate</li><li>expression</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can inline commands by surrounding them between <code>`</code>
+        (back quotes), or by putting them inside parenthesis with a
+        <code>$</code> (dollar symbol) as prefix:</p>
+        <pre>echo The date is `date +"%d-%m-%Y"`.
+
+echo Or differently $(date +"%d-%m-%Y").</pre>
+
+        <p>In a similar way, to use a variable, you can use <code>$VARIABLE</code>
+        or even <code>${VARIABLE}</code> if it interfers with more text.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Force a terminal
+        <a href="http://stackoverflow.com/a/26744968" target="_blank">*</a>
+        </h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>xfce</li><li>force</li><li>terminal</li><li>bash</li><li>shell</li><li>script</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can force a shell script to launch a terminal if it wasn't opened
+        by one (e.g., if it's an executable script and you opened it via double
+        click) by prepending the following lines to it:</p>
+        <pre>if [ ! -t 0 ]; then
+    x-terminal-emulator -e "$0"
+    exit 0
+fi</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>ISO burning and disk formatting</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>burn</li><li>iso</li><li>usb</li><li>disk</li>
+            <li>format</li><li>list</li><li>partition</li><li>fat32</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>To <b>l</b>i<b>s</b>t all the plugged <b>bl</b>oc<b>k</b> devices:</p>
+        <pre>lsblk</pre>
+        
+        <p>For example, if you identify your USB drive and you want to burn an
+        ISO on it or to wipe it completely with zeroes (respectively), after
+        you've made sure that <b>it is not mounted</b>:</p>
+        <pre>dd status=progress if=my.iso of=/dev/sdX
+
+dd status=progress if=/dev/zero of=/dev/sdX</pre>
+        
+        <p>To create a new partition, you can run <code>fdisk</code> and follow
+        its instructions.<br />
+        To formt a partition, as FAT32 for instance, you can run:
+        <pre>mkfs -t vfat /dev/sdXY</pre>
+        
+        <p>A great tool with GUI however, it's <code>gparted</code>.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Disabling the touchpad</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>disable</li><li>touchpad</li><li>trackpad</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>If you're like me, you probably hate the touchpad. No problem:
+        <pre>sudo add-apt-repository ppa:atareao/atareao
+sudo apt-get update
+sudo apt-get install touchpad-indicator</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Find in files</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>grep</li><li>find</li><li>search</li><li>regex</li><li>files</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p><code>grep</code> is a little great tool which can also search in files
+        <b>r</b>ecursively and show the line <b>n</b>umber for the matches of
+        an arbitrary <a href="http://regexr.com" target="_blank">regex</a>
+        <b>e</b>xpression:</p>
+        <pre>grep -rn '/path/to/somewhere/' -e "pattern"</pre>
+        <p>You don't know regex or need a quick refresher? Check out
+        <a href="https://www.regexone.com" target="_blank">RegexOne</a>.</p>
+        <p>You can also show the surrounding lines to those you matched by using
+        the <b>b</b>efore and <b>a</b>fter options, as follows:
+        <pre>grep -rn '/path/to/somewhere/' -B1 -A2 -e "pattern"</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Environment variables</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>environment</li><li>variable</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can define environment variables under
+        <code>/etc/environment</code>. You probably need to have superuser
+        access before you can modify that file.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Octave fix</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>octave</li><li>matlab</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>If Octave closes itself after plotting a function, you might want
+        to check what it's using to render them with the
+        <code>graphics_toolkit</code> command. If the output is not
+        <code>gnuplot</code>, install it via <code>apt</code>, restart Octave
+        and run <code>graphics_toolkit('gnuplot')</code>.<br />
+
+        <p>To run this command on startup, simply add it to the
+        <code>~/.octaverc</code> file.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Open menu with the super key</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>xfce</li><li>key</li><li>shortcut</li><li>hotkey</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can bind the <code>xfce4-popup-whiskermenu</code> command to
+        the super key to open the Whiskers menu.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>IO scheduler</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>io</li><li>kernel</li><li>scheduler</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can check the currently selected IO scheduler by issuing:</p>
+        <pre>cat /sys/block/sda/queue/scheduler
+    noop [deadline] cfq</pre>
+    
+        <p>This means that the selected scheduler is <code>deadline</code>.
+        On my experience, <code>cfq</code> performs better (e.g., when running
+        a server). You can change it without the need for a reboot by
+        <code>echo</code>ing the desired scheduler to it (<code>su</code> first):</p>
+        <pre>su
+echo cfq > /sys/block/sda/queue/scheduler
+exit</pre>
+        
+        <p>For this change to persist, you need to tell grub
+        <a href="http://askubuntu.com/a/82452" target="_blank">*</a>:</p>
+        <pre>sudo nano /etc/default/grub
+
+# Find and replace:
+GRUB_CMDLINE_LINUX_DEFAULT="quiet splash"
+# With:
+GRUB_CMDLINE_LINUX_DEFAULT="quiet splash elevator=&lt;OPTION&gt;"
+# Where option is one of the shown above (noop, deadline or cfq)
+# Press Ctrl+X and to save and exit
+
+sudo update-grub
+</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Libraries</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>library</li><li>libraries</li><li>dependency</li><li>dependencies</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>If sometimes you get the error <code>cannot find -lLibrary</code>,
+        look for <code>libLibrary</code> (note the <code>lib</code> prefix) on
+        the Synaptics package manager, or directly search the missing library
+        with <code>apt-cache</code>:</p>
+        <pre>apt-cache search libLibrary*</pre>
+        
+        <p>You might want to install the <code>-dev</code> version too if you're
+        having trouble when building an application. You can list the libraries
+        a program uses by running <code>ldd &lt;program&gt;</code>.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Terminal shortcuts</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>terminal</li><li>shortcut</li><li>hotkey</li>
+        </ul></td>
+        </tr>
+        </table>
+        <ul>
+            <li><code>Ctrl+C</code> cancels the current program.</li>
+            <li><code>Ctrl+D</code> sends <code>EOF</code> (useful for
+            <code>cat</code> or to exit the terminal quickly rather than typing
+            <code>exit</code>.</li>
+            <li><code>Ctrl+W</code> deletes the previous word.</li>
+            <li><code>Ctrl+U</code> deletes the whole entered command.</li>
+            <li><code>Ctrl+Y</code> pastes back the cleared text.</li>
+            <li><code>Ctrl+Shift+C</code> copies the selected text.</li>
+            <li><code>Ctrl+Shift+V</code> pastes the clipboard text.</li>
+        </ul>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Desktop files</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>desktop</li><li>launcher</li><li>menu</li><li>startmenu</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p><code>~/.local/share/applications</code> contains the
+        <code>.desktop</code> files used to launch your applications.
+        Their format, although not standarized, is usually as follows:</p>
+        <pre>[Desktop Entry]
+Encoding=UTF-8
+Version=1.0
+Name=My Fancy App
+Comment=This is my fancy application
+Exec=/home/imthebest/My-Apps/launch
+Icon=/home/imthebest/My-Apps/app.png
+Terminal=false
+Type=Application
+Categories=Network;</pre>
+
+        <p><code>/usr/share/applications</code> for all the users.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Stream YouTube music</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>stream</li><li>play</li><li>youtube</li><li>music</li><li>audio</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can play songs from YouTube (or even <code>--shuffle</code> a
+        playlist) by using <code>mpv</code>:</p>
+        <pre>mpv --no-video https://www.youtube.com/playlist?list=blahblah</pre>
+        
+        <p>For this to work, you need to have a few things installed:</p>
+        <pre>sudo apt-get install python3-pip mpv
+sudo -H pip3 install youtube-dl</pre>
+        
+        <p>Remember to <code>reset</code> the terminal afterwards.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Screen capture
+        <a href="https://trac.ffmpeg.org/wiki/Capture/Desktop" target="_blank">*</a>
+        </h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>screen</li><li>grab</li><li>capture</li><li>record</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can use <code>ffmpeg</code> not only to convert files, but also
+        to capture your screen and send it to your friends as a <code>.gif</code>:
+        <pre>ffmpeg -video_size {WIDTH}x{HEIGHT} -framerate 25 -f x11grab -i :0.0+{X},{Y} -t {DURATION} {OUTPUT}.mp4</pre>
+        <p>This can prove very useful when combined with
+        <a href="https://github.com/naelstrof/slop" target="_blank">slop</a>:
+        <pre>DURATION=10
+OUTPUT=screenrecord
+read -r X Y W H < <(slop -f "%x %y %w %h")
+ffmpeg -video_size ${W}x$H -framerate 25 -f x11grab -i :0.0+$X,$Y -t $DURATION $OUTPUT.mp4</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Running commands in parallel</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>execute</li><li>run</li><li>command</li>
+            <li>parallel</li><li>multithread</li><li>batch</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>The <code>parallel</code> command effectively allows you to run a
+        command in parallel, so you can get the most out of your CPU. For example,
+        let's assume you have a file called <code>urllist.txt</code> and you want
+        to <code>wget</code> them all as fast as possible:
+        <pre>cat urllist.txt | parallel --gnu "wget {}"
+
+# Or
+parallel --gnu -a urllist.txt wget
+
+# Or
+parallel --gnu wget &lt; urllist.txt
+</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Move folders to RAM (RAM disk)</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>ubuntu</li><li>move</li><li>folder</li><li>ram</li><li>ramdisk</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>The <code>/dev/shm</code> folder, available on some Linux distrubitions,
+        serves as a faster alternative than <code>/tmp</code>. <b>Note that
+        this is not reliable</b> and should be only used as a faster alternative
+        for temporary storage. You can "move a folder to RAM" as follows:</p>
+        <pre>$FOLDER_NAME="your_folder"
+$IN_RAM="/dev/shm/$folder_name"
+$FOLDER="$(pwd)/$FOLDER_NAME"
+
+mv "$FOLDER" "$FOLDER.packed"
+cp -r "$FOLDER.packed" "$IN_RAM"
+ln -s "$IN_RAM" "$FOLDER"</pre>
+        <p>This will rename the original folder by adding the suffix
+        <code>.packed</code> to it, copy its contents to the RAM, and
+        create a <code>symlink</code> where the previous folder was before
+        to the folder on the RAM.<br />
+        To undo this operation, simply run:
+        <pre>FOLDER_NAME="your_folder"
+IN_RAM="/dev/shm/$folder_name"
+FOLDER="$(pwd)/$folder_name"
+
+rm $FOLDER
+cp -r $IN_RAM $FOLDER
+rm -rf $IN_RAM</pre>
+        <p>This will preserve the <code>.packed</code> version since the RAM
+        may be unstable.</p>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1><code>MakeFile</code> refresher
+        <a href="http://mrbook.org/blog/tutorials/make/" target="_blank">*</a>
+        </h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>make</li><li>makefile</li><li>build</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p><code>MakeFile</code>s are an easy and powerful tool to build your
+        projects. However, if you're like me, you probably tend to forget how
+        they work too. Here's a quick refresher. Note that you <b>must use
+        the TAB character</b>. Their basic syntax is:
+        <pre>target_name:( target_dependencies)
+&#9;system command
+</pre>
+        <p>A full example would be:</p>
+        <pre>all: hello
+
+hello: main.o hello.o
+&#9;g++ main.o hello.o -o hello
+
+main.o: main.cpp
+&#9;g++ -c main.cpp
+
+hello.o: hello.cpp
+&#9;g++ -c hello.cpp
+
+clean:
+&#9;rm *.o hello</pre>
+        
+        <p>A more powerful example, introducing the use of variables:</p>
+        <pre># Compiler used
+CC=g++
+
+# Compiler flags
+CFLAGS=-c -Wall
+
+all: hello
+
+hello: main.o hello.o
+&#9;$(CC) main.o hello.o -o hello
+
+main.o: main.cpp
+&#9;$(CC) $(CFLAGS) main.cpp
+
+hello.o: hello.cpp
+&#9;$(CC) $(CFLAGS) hello.cpp
+
+clean:
+&#9;rm *.o hello</pre>
+        
+        <p>You can execute the default one by running <code>make</code>,
+        or a specific one with <code>make -f MyMakefile</code>.
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1><code>.gif</code> tricks with FFmpeg</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>ffmpeg</li><li>convert</li><li>video</li><li>avi</li><li>mp4</li><li>gif</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p><a href="http://ffmpeg.org/" target="_blank">FFmpeg</a> is not only
+        to convert between video and audio formats. It can also convert images
+        (like <code>.webp</code> to <code>.png</code>), and even <code>.gif</code>s:</p>
+        <pre>ffmpeg -i in.mp4 -framerate 10 out.gif</pre>
+        <p>Perhaps the generated file is too large. You can scale to a given size,
+        by either constraining the width, height (the other option will be
+        <code>-1</code>), or both:</p>
+        <pre>ffmpeg -i in.mp4 -framerate 10 -vf "scale=150:-1" out.gif</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Multiple images to video with FFmpeg
+        <a href="http://ffmpeg.org/ffmpeg.html#Video-and-Audio-file-format-conversion" target="_blank">*</a>
+        </h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>ffmpeg</li><li>convert</li><li>multiple</li><li>many</li>
+            <li>images</li><li>video</li><li>avi</li><li>mp4</li><li>gif</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>Extracting images from a video:</p>
+        <pre>ffmpeg -i in.mp4 -r 1 -s WxH -f image2 out-%03d.jpg</pre>
+        <p>This will extract one video frame per second from <code>in.mp4</code>
+        with the <b>s</b>ize <code>WxH</code> and to <code>out-nnn.jpg</code>.
+        The format <code>%03d</code> on the name specifies 3 digits, 0 padded.
+        <br />
+        If on the other hand you wanted to extract all the images, you can
+        drop the <code>-r 1</code> option, and even the <code>-s</code> option,
+        exactly leaving alone:</p>
+        <pre>ffmpeg -i in.mp4 out%d.jpg</pre>
+        <p>The reverse process, converting many images to a video:</p>
+        <pre>ffmpeg -f image2 -framerate 12 -i in-%03d.jpg -s WxH out.mp4</pre>
+    </div>
+    <div class="card">
+        <table>
+        <tr>
+        <td><h1>Background processes</h1></td>
+        <td><ul class="filterlist horizontal">
+            <li>linux</li><li>background</li><li>process</li><li>processes</li>
+            <li>terminal</li><li>bash</li><li>shell</li>
+        </ul></td>
+        </tr>
+        </table>
+        <p>You can press <kbd>Ctrl+Z</kbd> to send a running process to the
+        background, use <code>jobs</code> to see which have you sent, and
+        <code>fg n</code> to bring them back to foreground.</p>
+    </div>
+</div> <!-- div id="allcards" -->
+
+<script src="js/utils.js"></script>
+<script src="js/hashtags.js"></script>
+</body>
+</html>


          

          

        
          

            

            
            A
            
            
            
          
          utils/js/hashtags.js
            
@@ -0,0 +1,69 @@
+// Variables
+hashtags = [];
+
+// Adding and removing
+function addHashtag() {
+    var input = document.getElementById('hashtagInput');
+    var value = input.value.trim().split(' ')[0].toLowerCase();
+    if (!value || hashtags.contains(value))
+        return;
+
+    // Clear value and push new hashtag
+    input.value = '';
+    var id = 'hashtag_'+hashtags.length;
+    hashtags.push(value);
+
+    // Show new hashtag
+    var newElem = '<li id="'+id+'" class="fadable" onClick="';
+    newElem += "clearHashtag('"+id+"');";
+    newElem += '">'+value+'</li>';
+
+    document.getElementById('filters').innerHTML += newElem;
+    fadeIn(id);
+    filterByHashtag();
+}
+
+function clearHashtag(tag) {
+    document.getElementById(tag).outerHTML = '';
+    hashtags.pop(tag);
+    filterByHashtag();
+}
+
+function clearHashtags() {
+    hashtags.length = 0;
+    document.getElementById('filters').innerHTML = '';
+    filterByHashtag();
+}
+
+// Filtering
+function filterByHashtag() {
+    var cards = document.getElementById('allcards').children;
+    for (var i = 0; i < cards.length; ++i) {
+        var card = cards[i];
+        var filters = card.getElementsByClassName('filterlist')[0].children;
+        
+        // Determine if this card has the correct filters (hashtags)
+        var found = 0;
+        for (var j = 0; j < filters.length; ++j) {
+            filter = filters[j].innerHTML;
+            if (hashtags.contains(filter))
+                ++found;
+        }
+        
+        // Set its visibility based on whether all hashtags were found
+        var ok = found == hashtags.length;
+        card.style.display = ok ? '' : 'none';
+    }
+}
+
+// Events
+document.getElementById('hashtagInput').onkeypress = function(e) {
+    if (e.which == 13) {
+        addHashtag();
+        return false;
+    }
+
+    return (e.which >= 65 && e.which < 90) ||
+           (e.which >= 97 && e.which < 122);
+}
+


          

          

        
          

            

            
            A
            
            
            
          
          utils/js/utils.js
            
@@ -0,0 +1,10 @@
+Array.prototype.contains = function(value) {
+    return this.indexOf(value) > -1;
+}
+
+function fadeIn(elementId) {
+    var element = document.getElementById(elementId);
+    // Avoid single JavaScript rounds (http://stackoverflow.com/q/24148403)
+    element.offsetWidth = element.offsetWidth;
+    element.classList.add("fadein");
+}