diff --git a/TheTinHat/SVG/horizontal_black.svg b/TheTinHat/SVG/horizontal_black.svg
new file mode 100644
index 0000000..ddaea58
--- /dev/null
+++ b/TheTinHat/SVG/horizontal_black.svg
@@ -0,0 +1,130 @@
+<?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="867.30469"
+   height="159.27711"
+   viewBox="0 0 229.47437 42.142068"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92+devel unknown"
+   sodipodi:docname="horizontal_black.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/TinHat/horizontal_white.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="389.63906"
+     inkscape:cy="87.440492"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g3040"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-78.302763"
+       originy="-103.72187" />
+  </sodipodi:namedview>
+  <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(-78.302759,-151.13607)">
+    <path
+       id="path3020"
+       d="m 116.85608,176.66738 -7.99774,-13.84228 c 0.46137,-1.02536 0.71775,-2.15322 0.71775,-3.33239 0,-4.6141 -3.74258,-8.35664 -8.35665,-8.35664 -4.614111,0 -8.356641,3.74254 -8.356641,8.35664 0,1.17917 0.256464,2.30703 0.717756,3.33239 l -7.997788,13.84228 c -4.101434,0.51268 -7.280008,4.05017 -7.280008,8.25412 0,4.61411 3.742537,8.35664 8.356645,8.35664 2.717196,0 5.126743,-1.28171 6.664813,-3.28115 h 15.944233 c 1.53806,1.99944 3.94762,3.28115 6.6648,3.28115 4.61411,0 8.35666,-3.74253 8.35666,-8.35664 -0.15376,-4.20395 -3.3324,-7.74144 -7.43383,-8.25412 z m -15.68793,-20.50709 c 1.84565,0 3.28115,1.48677 3.28115,3.28116 0,1.84563 -1.48675,3.28113 -3.28115,3.28113 -1.845625,0 -3.281127,-1.48677 -3.281127,-3.28113 0,-1.79439 1.486758,-3.28116 3.281127,-3.28116 z m -14.611298,32.0936 c -1.845625,0 -3.281127,-1.48677 -3.281127,-3.28113 0,-1.84562 1.486767,-3.28112 3.281127,-3.28112 1.845664,0 3.281126,1.48676 3.281126,3.28112 0.05129,1.79436 -1.435462,3.28113 -3.281126,3.28113 z m 20.917238,-3.28113 H 94.964753 c 0,-3.07604 -1.691839,-5.79324 -4.15269,-7.22874 l 6.357213,-10.9713 c 1.230429,0.66649 2.614659,1.07663 4.101424,1.07663 1.48676,0 2.87097,-0.41014 4.1014,-1.07663 l 6.35721,10.9713 c -2.61464,1.4355 -4.25522,4.1014 -4.25522,7.22874 z m 8.30535,3.28113 c -1.84562,0 -3.28113,-1.48677 -3.28113,-3.28113 0,-1.84562 1.48677,-3.28112 3.28113,-3.28112 1.84566,0 3.28116,1.48676 3.28116,3.28112 0.0514,1.79436 -1.4355,3.28113 -3.28116,3.28113 z"
+       style="fill:#bf0008;stroke-width:0.51267725;fill-opacity:1"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g3040"
+       transform="matrix(0.51267726,0,0,0.51267726,-98.775937,411.11474)">
+      <path
+         id="path3022"
+         d="m 466.5,-481.3 v 36.1 h -6.1 v -36.1 h -13 v -5.3 h 32.2 v 5.3 z"
+         inkscape:connector-curvature="0"
+         style="fill:#6d6e71;fill-opacity:1" />
+      <path
+         id="path3024"
+         d="m 516.1,-445.3 h -6 v -19.5 H 492 v 19.5 h -6 v -41.4 h 6 v 16.7 h 18.1 v -16.7 h 6 z"
+         inkscape:connector-curvature="0"
+         style="fill:#6d6e71;fill-opacity:1" />
+      <path
+         id="path3026"
+         d="m 552,-445.6 c -5.5,0.5 -11.8,0.5 -17.8,0.5 -5.2,0 -8.3,-2.9 -8.3,-7.4 v -26.8 c 0.1,-4.6 3.2,-7.4 8.3,-7.4 5.9,0 12.3,0 17.8,0.5 l -0.3,4.7 h -16.4 c -2.4,0 -3.3,1 -3.3,3.8 v 8.3 h 17.5 v 4.9 H 532 v 10.6 c 0,2.8 0.9,3.8 3.3,3.8 h 16.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#6d6e71;fill-opacity:1" />
+      <path
+         id="path3028"
+         d="m 590.4,-478 v 32.7 H 579.1 V -478 h -11.9 v -8.7 h 35.1 v 8.7 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3030"
+         d="m 606.9,-445.3 v -41.4 H 618 v 41.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3032"
+         d="m 661.9,-449.2 c 0,2.6 -1.3,4 -3.9,4 h -5.3 c -2.3,0 -3.2,-1.1 -4.4,-3.3 l -9.8,-17.8 c -1,-1.9 -2,-4.5 -2.7,-6.8 h -0.5 c 0.3,2.3 0.5,4.8 0.5,7.1 v 20.8 h -10.5 v -37.4 c 0,-2.6 1.4,-4 4,-4 h 5.3 c 2.3,0 3.2,1.1 4.4,3.3 l 9.5,17.1 c 1.1,1.9 2.2,4.4 3.1,6.9 h 0.5 c -0.2,-2.5 -0.4,-4.8 -0.4,-7.3 l -0.1,-20 H 662 v 37.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3034"
+         d="m 716.8,-445.3 h -11.3 v -17.9 h -12.4 v 17.9 H 682 v -41.4 h 11.2 v 15.3 h 12.4 v -15.3 h 11.3 v 41.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3036"
+         d="m 734.1,-455.1 -2.5,9.8 h -11.5 l 11.3,-38.5 c 0.4,-1.8 2,-2.9 3.8,-2.9 h 10.4 c 1.8,0 3.4,1.1 3.8,2.9 l 11.3,38.5 h -11.5 l -2.5,-9.8 z m 8,-18.8 c -0.3,-1.4 -0.7,-2.9 -0.8,-4.3 h -1.6 c -0.2,1.4 -0.5,2.9 -0.8,4.3 l -2.7,10.6 h 8.6 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3038"
+         d="m 781,-478 v 32.7 H 769.7 V -478 h -11.9 v -8.7 H 793 v 8.7 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/TheTinHat/SVG/horizontal_white.svg b/TheTinHat/SVG/horizontal_white.svg
new file mode 100644
index 0000000..d044433
--- /dev/null
+++ b/TheTinHat/SVG/horizontal_white.svg
@@ -0,0 +1,127 @@
+<?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="867.30469"
+   height="159.27711"
+   viewBox="0 0 229.47437 42.142068"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92+devel unknown"
+   sodipodi:docname="horizontal_white.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="412.33871"
+     inkscape:cy="-82.357695"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g3040"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-78.302763"
+       originy="-103.72187" />
+  </sodipodi:namedview>
+  <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(-78.302759,-151.13607)">
+    <path
+       id="path3020"
+       d="m 116.85608,176.66738 -7.99774,-13.84228 c 0.46137,-1.02536 0.71775,-2.15322 0.71775,-3.33239 0,-4.6141 -3.74258,-8.35664 -8.35665,-8.35664 -4.614111,0 -8.356641,3.74254 -8.356641,8.35664 0,1.17917 0.256464,2.30703 0.717756,3.33239 l -7.997788,13.84228 c -4.101434,0.51268 -7.280008,4.05017 -7.280008,8.25412 0,4.61411 3.742537,8.35664 8.356645,8.35664 2.717196,0 5.126743,-1.28171 6.664813,-3.28115 h 15.944233 c 1.53806,1.99944 3.94762,3.28115 6.6648,3.28115 4.61411,0 8.35666,-3.74253 8.35666,-8.35664 -0.15376,-4.20395 -3.3324,-7.74144 -7.43383,-8.25412 z m -15.68793,-20.50709 c 1.84565,0 3.28115,1.48677 3.28115,3.28116 0,1.84563 -1.48675,3.28113 -3.28115,3.28113 -1.845625,0 -3.281127,-1.48677 -3.281127,-3.28113 0,-1.79439 1.486758,-3.28116 3.281127,-3.28116 z m -14.611298,32.0936 c -1.845625,0 -3.281127,-1.48677 -3.281127,-3.28113 0,-1.84562 1.486767,-3.28112 3.281127,-3.28112 1.845664,0 3.281126,1.48676 3.281126,3.28112 0.05129,1.79436 -1.435462,3.28113 -3.281126,3.28113 z m 20.917238,-3.28113 H 94.964753 c 0,-3.07604 -1.691839,-5.79324 -4.15269,-7.22874 l 6.357213,-10.9713 c 1.230429,0.66649 2.614659,1.07663 4.101424,1.07663 1.48676,0 2.87097,-0.41014 4.1014,-1.07663 l 6.35721,10.9713 c -2.61464,1.4355 -4.25522,4.1014 -4.25522,7.22874 z m 8.30535,3.28113 c -1.84562,0 -3.28113,-1.48677 -3.28113,-3.28113 0,-1.84562 1.48677,-3.28112 3.28113,-3.28112 1.84566,0 3.28116,1.48676 3.28116,3.28112 0.0514,1.79436 -1.4355,3.28113 -3.28116,3.28113 z"
+       style="fill:#bf0008;stroke-width:0.51267725;fill-opacity:1"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g3040"
+       transform="matrix(0.51267726,0,0,0.51267726,-98.775937,411.11474)">
+      <path
+         id="path3022"
+         d="m 466.5,-481.3 v 36.1 h -6.1 v -36.1 h -13 v -5.3 h 32.2 v 5.3 z"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff" />
+      <path
+         id="path3024"
+         d="m 516.1,-445.3 h -6 v -19.5 H 492 v 19.5 h -6 v -41.4 h 6 v 16.7 h 18.1 v -16.7 h 6 z"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff" />
+      <path
+         id="path3026"
+         d="m 552,-445.6 c -5.5,0.5 -11.8,0.5 -17.8,0.5 -5.2,0 -8.3,-2.9 -8.3,-7.4 v -26.8 c 0.1,-4.6 3.2,-7.4 8.3,-7.4 5.9,0 12.3,0 17.8,0.5 l -0.3,4.7 h -16.4 c -2.4,0 -3.3,1 -3.3,3.8 v 8.3 h 17.5 v 4.9 H 532 v 10.6 c 0,2.8 0.9,3.8 3.3,3.8 h 16.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff" />
+      <path
+         id="path3028"
+         d="m 590.4,-478 v 32.7 H 579.1 V -478 h -11.9 v -8.7 h 35.1 v 8.7 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3030"
+         d="m 606.9,-445.3 v -41.4 H 618 v 41.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3032"
+         d="m 661.9,-449.2 c 0,2.6 -1.3,4 -3.9,4 h -5.3 c -2.3,0 -3.2,-1.1 -4.4,-3.3 l -9.8,-17.8 c -1,-1.9 -2,-4.5 -2.7,-6.8 h -0.5 c 0.3,2.3 0.5,4.8 0.5,7.1 v 20.8 h -10.5 v -37.4 c 0,-2.6 1.4,-4 4,-4 h 5.3 c 2.3,0 3.2,1.1 4.4,3.3 l 9.5,17.1 c 1.1,1.9 2.2,4.4 3.1,6.9 h 0.5 c -0.2,-2.5 -0.4,-4.8 -0.4,-7.3 l -0.1,-20 H 662 v 37.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3034"
+         d="m 716.8,-445.3 h -11.3 v -17.9 h -12.4 v 17.9 H 682 v -41.4 h 11.2 v 15.3 h 12.4 v -15.3 h 11.3 v 41.4 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3036"
+         d="m 734.1,-455.1 -2.5,9.8 h -11.5 l 11.3,-38.5 c 0.4,-1.8 2,-2.9 3.8,-2.9 h 10.4 c 1.8,0 3.4,1.1 3.8,2.9 l 11.3,38.5 h -11.5 l -2.5,-9.8 z m 8,-18.8 c -0.3,-1.4 -0.7,-2.9 -0.8,-4.3 h -1.6 c -0.2,1.4 -0.5,2.9 -0.8,4.3 l -2.7,10.6 h 8.6 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+      <path
+         id="path3038"
+         d="m 781,-478 v 32.7 H 769.7 V -478 h -11.9 v -8.7 H 793 v 8.7 z"
+         inkscape:connector-curvature="0"
+         style="fill:#bf0008;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/TheTinHat/SVG/icon_circle_black.svg b/TheTinHat/SVG/icon_circle_black.svg
new file mode 100644
index 0000000..f331c63
--- /dev/null
+++ b/TheTinHat/SVG/icon_circle_black.svg
@@ -0,0 +1,91 @@
+<?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="253.54495"
+   height="253.54495"
+   viewBox="0 0 67.08377 67.083766"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92+devel unknown"
+   sodipodi:docname="icon_circle_black.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/TinHat/icon_square_white.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.5"
+     inkscape:cx="303.70049"
+     inkscape:cy="175.17771"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g3040"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-164.83459"
+       originy="-86.890307" />
+  </sodipodi:namedview>
+  <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(-164.83458,-143.02593)">
+    <g
+       id="g3040"
+       transform="matrix(0.51267726,0,0,0.51267726,-98.775937,411.11474)">
+      <circle
+         id="circle3046"
+         r="65.421577"
+         cy="-457.49686"
+         cx="579.61334"
+         style="fill:#bf0007;stroke-width:1.26540744;fill-opacity:1" />
+      <path
+         style="stroke-width:1.26540744"
+         id="path3048"
+         d="m 610.86882,-453.44769 -15.94412,-27.71242 c 0.88581,-2.02466 1.3919,-4.30244 1.3919,-6.70663 0,-9.23746 -7.46586,-16.70342 -16.70332,-16.70342 -9.23746,0 -16.70337,7.46596 -16.70337,16.70342 0,2.40419 0.50627,4.55545 1.39194,6.70663 l -15.94419,27.71242 c -8.22514,1.01231 -14.55213,8.09866 -14.55213,16.57681 0,9.23744 7.46587,16.70332 16.70341,16.70332 5.44119,0 10.24974,-2.53069 13.28672,-6.58004 h 31.88824 c 3.03699,4.04935 7.84561,6.58004 13.2869,6.58004 9.23736,0 16.70333,-7.46588 16.70333,-16.70332 -0.12666,-8.60476 -6.58013,-15.5645 -14.80531,-16.57681 z m -31.25554,-40.99918 c 3.66965,0 6.58011,2.91034 6.58011,6.58013 0,3.66969 -2.91046,6.58003 -6.58011,6.58003 -3.6697,0 -6.58017,-2.91034 -6.58017,-6.58003 0,-3.66979 2.91047,-6.58013 6.58017,-6.58013 z m -29.23094,64.02958 c -3.66964,0 -6.58014,-2.91042 -6.58014,-6.58013 0,-3.6697 2.9105,-6.5801 6.58014,-6.5801 3.66968,0 6.58015,2.9104 6.58015,6.5801 0,3.66971 -2.91047,6.58013 -6.58015,6.58013 z m 41.75848,-6.58013 h -25.05504 c 0,-6.20045 -3.41664,-11.51522 -8.35169,-14.4256 l 12.65405,-21.89159 c 2.40429,1.39196 5.18814,2.15119 8.22514,2.15119 3.03695,0 5.82089,-0.75898 8.2251,-2.15119 l 12.65418,21.89159 c -4.93518,2.91038 -8.35174,8.35165 -8.35174,14.4256 z m 16.70338,6.58013 c -3.66971,0 -6.58014,-2.91042 -6.58014,-6.58013 0,-3.6697 2.91043,-6.5801 6.58014,-6.5801 3.66969,0 6.5801,2.9104 6.5801,6.5801 0,3.66971 -2.91041,6.58013 -6.5801,6.58013 z"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/TheTinHat/SVG/icon_circle_white.svg b/TheTinHat/SVG/icon_circle_white.svg
new file mode 100644
index 0000000..bc45bfe
--- /dev/null
+++ b/TheTinHat/SVG/icon_circle_white.svg
@@ -0,0 +1,91 @@
+<?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="253.54495"
+   height="253.54495"
+   viewBox="0 0 67.08377 67.083766"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92+devel unknown"
+   sodipodi:docname="icon_circle_white.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/TinHat/icon_circle_black.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <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="147.75345"
+     inkscape:cy="129.30011"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g3040"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-164.83459"
+       originy="-86.890307" />
+  </sodipodi:namedview>
+  <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(-164.83458,-143.02593)">
+    <g
+       id="g3040"
+       transform="matrix(0.51267726,0,0,0.51267726,-98.775937,411.11474)">
+      <circle
+         id="circle3046"
+         r="65.421577"
+         cy="-457.49686"
+         cx="579.61334"
+         style="fill:#bf0007;stroke-width:1.26540744;fill-opacity:1" />
+      <path
+         style="stroke-width:1.26540744;fill:#ffffff"
+         id="path3048"
+         d="m 610.86882,-453.44769 -15.94412,-27.71242 c 0.88581,-2.02466 1.3919,-4.30244 1.3919,-6.70663 0,-9.23746 -7.46586,-16.70342 -16.70332,-16.70342 -9.23746,0 -16.70337,7.46596 -16.70337,16.70342 0,2.40419 0.50627,4.55545 1.39194,6.70663 l -15.94419,27.71242 c -8.22514,1.01231 -14.55213,8.09866 -14.55213,16.57681 0,9.23744 7.46587,16.70332 16.70341,16.70332 5.44119,0 10.24974,-2.53069 13.28672,-6.58004 h 31.88824 c 3.03699,4.04935 7.84561,6.58004 13.2869,6.58004 9.23736,0 16.70333,-7.46588 16.70333,-16.70332 -0.12666,-8.60476 -6.58013,-15.5645 -14.80531,-16.57681 z m -31.25554,-40.99918 c 3.66965,0 6.58011,2.91034 6.58011,6.58013 0,3.66969 -2.91046,6.58003 -6.58011,6.58003 -3.6697,0 -6.58017,-2.91034 -6.58017,-6.58003 0,-3.66979 2.91047,-6.58013 6.58017,-6.58013 z m -29.23094,64.02958 c -3.66964,0 -6.58014,-2.91042 -6.58014,-6.58013 0,-3.6697 2.9105,-6.5801 6.58014,-6.5801 3.66968,0 6.58015,2.9104 6.58015,6.5801 0,3.66971 -2.91047,6.58013 -6.58015,6.58013 z m 41.75848,-6.58013 h -25.05504 c 0,-6.20045 -3.41664,-11.51522 -8.35169,-14.4256 l 12.65405,-21.89159 c 2.40429,1.39196 5.18814,2.15119 8.22514,2.15119 3.03695,0 5.82089,-0.75898 8.2251,-2.15119 l 12.65418,21.89159 c -4.93518,2.91038 -8.35174,8.35165 -8.35174,14.4256 z m 16.70338,6.58013 c -3.66971,0 -6.58014,-2.91042 -6.58014,-6.58013 0,-3.6697 2.91043,-6.5801 6.58014,-6.5801 3.66969,0 6.5801,2.9104 6.5801,6.5801 0,3.66971 -2.91041,6.58013 -6.5801,6.58013 z"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/TheTinHat/SVG/icon_square_black.svg b/TheTinHat/SVG/icon_square_black.svg
new file mode 100644
index 0000000..253a4ca
--- /dev/null
+++ b/TheTinHat/SVG/icon_square_black.svg
@@ -0,0 +1,92 @@
+<?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="253.54495"
+   height="253.54495"
+   viewBox="0 0 67.08377 67.083766"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92+devel unknown"
+   sodipodi:docname="icon_square_black.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/TinHat/horizontal_black.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="-21.282013"
+     inkscape:cy="200.90278"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g3040"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-164.83459"
+       originy="-86.890307" />
+  </sodipodi:namedview>
+  <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(-164.83458,-143.02593)">
+    <g
+       id="g3040"
+       transform="matrix(0.51267726,0,0,0.51267726,-98.775937,411.11474)">
+      <rect
+         id="rect3042"
+         height="130.8499"
+         width="130.8499"
+         y="-522.91925"
+         x="514.18414"
+         style="fill:#bf0007;stroke-width:1.53579676;fill-opacity:1" />
+      <path
+         style="stroke-width:1.53579676"
+         id="path3044"
+         d="m 615.85385,-449.66183 -18.5832,-32.09809 c 1.07511,-2.30369 1.53579,-4.91445 1.53579,-7.67892 0,-10.59706 -8.60048,-19.35105 -19.35105,-19.35105 -10.75056,0 -19.19743,8.75399 -19.19743,19.35105 0,2.76447 0.61433,5.37523 1.53579,7.67892 l -18.42959,32.09809 c -9.52189,1.22867 -16.89369,9.36843 -16.89369,19.19759 0,10.59695 8.60038,19.35099 19.35099,19.35099 6.29679,0 11.82563,-3.07164 15.35795,-7.67902 h 36.85913 c 3.53232,4.60738 9.06121,7.67902 15.358,7.67902 10.59701,0 19.351,-8.60048 19.351,-19.35099 0,-9.82916 -7.3718,-17.96892 -16.89369,-19.19759 z M 579.609,-496.96436 c 4.14661,0 7.67898,3.37881 7.67898,7.67897 0,4.14666 -3.37876,7.67903 -7.67898,7.67903 -4.1467,0 -7.67902,-3.37871 -7.67902,-7.67903 0,-4.30016 3.37881,-7.67897 7.67902,-7.67897 z m -33.78754,74.17904 c -4.14665,0 -7.67897,-3.37876 -7.67897,-7.67892 0,-4.14671 3.37871,-7.67903 7.67897,-7.67903 4.14666,0 7.67898,3.37866 7.67898,7.67903 0,4.1466 -3.53232,7.67892 -7.67898,7.67892 z m 48.22404,-7.67892 h -29.02655 c 0,-7.06469 -3.83954,-13.36153 -9.67555,-16.74024 l 14.59005,-25.34072 c 2.76443,1.5359 5.98963,2.45735 9.52194,2.45735 3.53232,0 6.60396,-0.92115 9.52199,-2.45735 l 14.59006,25.34072 c -5.5289,3.37871 -9.52194,9.67555 -9.52194,16.74024 z m 19.35104,7.67892 c -4.14665,0 -7.67897,-3.37876 -7.67897,-7.67892 0,-4.14671 3.37871,-7.67903 7.67897,-7.67903 4.14666,0 7.67898,3.37866 7.67898,7.67903 0,4.1466 -3.53232,7.67892 -7.67898,7.67892 z"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/TheTinHat/SVG/icon_square_white.svg b/TheTinHat/SVG/icon_square_white.svg
new file mode 100644
index 0000000..b88eff0
--- /dev/null
+++ b/TheTinHat/SVG/icon_square_white.svg
@@ -0,0 +1,92 @@
+<?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="253.54495"
+   height="253.54495"
+   viewBox="0 0 67.08377 67.083766"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92+devel unknown"
+   sodipodi:docname="icon_square_white.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/TinHat/icon_square_black.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="-21.282013"
+     inkscape:cy="200.90278"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g3040"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-164.83459"
+       originy="-86.890307" />
+  </sodipodi:namedview>
+  <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(-164.83458,-143.02593)">
+    <g
+       id="g3040"
+       transform="matrix(0.51267726,0,0,0.51267726,-98.775937,411.11474)">
+      <rect
+         id="rect3042"
+         height="130.8499"
+         width="130.8499"
+         y="-522.91925"
+         x="514.18414"
+         style="fill:#bf0007;stroke-width:1.53579676;fill-opacity:1" />
+      <path
+         style="stroke-width:1.53579676;fill:#ffffff"
+         id="path3044"
+         d="m 615.85385,-449.66183 -18.5832,-32.09809 c 1.07511,-2.30369 1.53579,-4.91445 1.53579,-7.67892 0,-10.59706 -8.60048,-19.35105 -19.35105,-19.35105 -10.75056,0 -19.19743,8.75399 -19.19743,19.35105 0,2.76447 0.61433,5.37523 1.53579,7.67892 l -18.42959,32.09809 c -9.52189,1.22867 -16.89369,9.36843 -16.89369,19.19759 0,10.59695 8.60038,19.35099 19.35099,19.35099 6.29679,0 11.82563,-3.07164 15.35795,-7.67902 h 36.85913 c 3.53232,4.60738 9.06121,7.67902 15.358,7.67902 10.59701,0 19.351,-8.60048 19.351,-19.35099 0,-9.82916 -7.3718,-17.96892 -16.89369,-19.19759 z M 579.609,-496.96436 c 4.14661,0 7.67898,3.37881 7.67898,7.67897 0,4.14666 -3.37876,7.67903 -7.67898,7.67903 -4.1467,0 -7.67902,-3.37871 -7.67902,-7.67903 0,-4.30016 3.37881,-7.67897 7.67902,-7.67897 z m -33.78754,74.17904 c -4.14665,0 -7.67897,-3.37876 -7.67897,-7.67892 0,-4.14671 3.37871,-7.67903 7.67897,-7.67903 4.14666,0 7.67898,3.37866 7.67898,7.67903 0,4.1466 -3.53232,7.67892 -7.67898,7.67892 z m 48.22404,-7.67892 h -29.02655 c 0,-7.06469 -3.83954,-13.36153 -9.67555,-16.74024 l 14.59005,-25.34072 c 2.76443,1.5359 5.98963,2.45735 9.52194,2.45735 3.53232,0 6.60396,-0.92115 9.52199,-2.45735 l 14.59006,25.34072 c -5.5289,3.37871 -9.52194,9.67555 -9.52194,16.74024 z m 19.35104,7.67892 c -4.14665,0 -7.67897,-3.37876 -7.67897,-7.67892 0,-4.14671 3.37871,-7.67903 7.67897,-7.67903 4.14666,0 7.67898,3.37866 7.67898,7.67903 0,4.1466 -3.53232,7.67892 -7.67898,7.67892 z"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>