diff --git a/static/icons/gamepad-line.svg b/static/icons/gamepad-line.svg
new file mode 100644
index 0000000..dc0664d
--- /dev/null
+++ b/static/icons/gamepad-line.svg
@@ -0,0 +1,77 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="gamepad-line.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.98333333"
+     inkscape:cx="-75.254236"
+     inkscape:cy="115.9322"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     fill="none"
+     d="M0 0h24v24H0z"
+     id="path2" />
+  <g
+     id="g4072-2"
+     inkscape:export-xdpi="240"
+     inkscape:export-ydpi="240">
+    <path
+       id="path4058-6"
+       d="M 0,0 H 24 V 24 H 0 Z"
+       inkscape:connector-curvature="0"
+       style="fill:none" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1021"
+       style="fill:#4fbad5;fill-opacity:1"
+       d="M 17,6 H 7 A 4,4 0 0 0 3.005,9.8 L 3,10 v 4 a 4,4 0 0 0 3.8,3.995 L 7,18 h 10 a 4,4 0 0 0 3.995,-3.8 L 21,14 V 10 A 4,4 0 0 0 17.2,6.005 Z m 0,-2 a 6,6 0 0 1 6,6 v 4 a 6,6 0 0 1 -6,6 H 7 A 6,6 0 0 1 1,14 V 10 A 6,6 0 0 1 7,4 Z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path4060-1"
+       style="fill:#ff8f23;fill-opacity:1"
+       d="m 16,9 v 2 H 14 V 9 Z m 2,4 v 2 H 16 V 13 Z M 10,9 v 2 h 2 v 2 H 9.999 L 10,15 H 8 L 7.999,13 H 6 V 11 H 8 V 9 Z" />
+  </g>
+</svg>
diff --git a/static/icons/government-line.svg b/static/icons/government-line.svg
new file mode 100644
index 0000000..50c13dd
--- /dev/null
+++ b/static/icons/government-line.svg
@@ -0,0 +1,75 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg897"
+   sodipodi:docname="government-line.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata903">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs901" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview899"
+     showgrid="false"
+     inkscape:zoom="1.9666667"
+     inkscape:cx="99.088584"
+     inkscape:cy="75.682426"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg897" />
+  <path
+     fill="none"
+     d="M0 0h24v24H0z"
+     id="path893" />
+  <path
+     d="m 19.52,6.36 h 2.82 V 8.24 H 1.66 V 6.36 H 4.48 V 4.48 c 0,-0.5191476 0.4208524,-0.94 0.94,-0.94 h 13.16 c 0.519148,0 0.94,0.4208524 0.94,0.94 z M 6.36,5.42 V 6.36 H 17.64 V 5.42 Z"
+     id="path895"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ccccccsssscccccc"
+     style="fill:#4fbad5;fill-opacity:1;stroke-width:0.94" />
+  <path
+     style="display:inline;fill:#4fbad5;fill-opacity:1;stroke-width:0.94"
+     inkscape:connector-curvature="0"
+     d="m 22.34,18.58 v 1.88 H 1.66 v -1.88 z"
+     id="path895-5-3"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     style="display:inline;fill:#ff8f23;fill-opacity:1;stroke-width:0.94"
+     inkscape:connector-curvature="0"
+     d="M 21.4,8.2399996 V 18.58 H 2.6 V 8.2399996 Z m -1.88,0 H 4.48 V 18.58 H 7.3 V 12 h 1.88 v 6.58 h 1.88 V 12 h 1.88 v 6.58 h 1.88 V 12 h 1.88 v 6.58 h 2.82 z"
+     id="path895-5-5"
+     sodipodi:nodetypes="cccccccccccccccccccccc" />
+</svg>
diff --git a/static/icons/history-line.svg b/static/icons/history-line.svg
new file mode 100644
index 0000000..c6c2fd9
--- /dev/null
+++ b/static/icons/history-line.svg
@@ -0,0 +1,65 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="history-line.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.98333333"
+     inkscape:cx="-75.254236"
+     inkscape:cy="115.9322"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     fill="none"
+     d="M0 0H24V24H0z"
+     id="path2" />
+  <path
+     style="fill:#4fbad5;fill-opacity:1"
+     d="M 12,2 C 17.523,2 22,6.477 22,12 22,17.523 17.523,22 12,22 6.477,22 2,17.523 2,12 h 2 c 0,4.418 3.582,8 8,8 4.418,0 8,-3.582 8,-8 C 20,7.582 16.418,4 12,4 9.25,4 6.824,5.387 5.385,7.5 H 8 v 2 H 2 v -6 H 4 V 6 C 5.824,3.57 8.729,2 12,2 Z"
+     id="path824" />
+  <path
+     style="fill:#ff8f23;fill-opacity:1"
+     d="m 13,7 v 4.585 l 3.243,3.243 -1.415,1.415 L 11,12.413 V 7 Z"
+     id="path4" />
+</svg>
diff --git a/static/icons/libregaming.svg b/static/icons/libregaming.svg
new file mode 100644
index 0000000..f4aa80c
--- /dev/null
+++ b/static/icons/libregaming.svg
@@ -0,0 +1,324 @@
+<?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="120"
+   height="120"
+   viewBox="0 0 31.75 31.75"
+   version="1.1"
+   id="svg7400"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="libregaming.svg">
+  <metadata
+     id="metadata155">
+    <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:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     id="namedview7402"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="5.12"
+     inkscape:cx="22.927905"
+     inkscape:cy="60.223391"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid127"
+       originx="-114.34282"
+       originy="-223.52812" />
+  </sodipodi:namedview>
+  <defs
+     id="defs7397">
+    <linearGradient
+       id="linearGradient15296">
+      <stop
+         style="stop-color:#ff5959;stop-opacity:1;"
+         offset="0"
+         id="stop15298" />
+      <stop
+         style="stop-color:#df0000;stop-opacity:1;"
+         offset="1"
+         id="stop15300" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient17969">
+      <stop
+         style="stop-color:#ffb73d;stop-opacity:1;"
+         offset="0"
+         id="stop17971" />
+      <stop
+         style="stop-color:#ffa000;stop-opacity:1;"
+         offset="1"
+         id="stop17973" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient18870">
+      <stop
+         style="stop-color:#fff18d;stop-opacity:1;"
+         offset="0"
+         id="stop18872" />
+      <stop
+         style="stop-color:#ffcd01;stop-opacity:1;"
+         offset="1"
+         id="stop18874" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient20648">
+      <stop
+         style="stop-color:#00a000;stop-opacity:0.25892857;"
+         offset="0"
+         id="stop20650" />
+      <stop
+         style="stop-color:green;stop-opacity:1;"
+         offset="1"
+         id="stop20652" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient21541">
+      <stop
+         style="stop-color:#263cce;stop-opacity:1;"
+         offset="0"
+         id="stop21543" />
+      <stop
+         style="stop-color:#263cce;stop-opacity:0;"
+         offset="1"
+         id="stop21545" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient25099">
+      <stop
+         style="stop-color:#652f99;stop-opacity:1;"
+         offset="0"
+         id="stop25101" />
+      <stop
+         style="stop-color:#502679;stop-opacity:0.65178573;"
+         offset="1"
+         id="stop25103" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-114.34282,-41.721878)">
+    <g
+       id="g4822"
+       transform="translate(0.97686452,-0.96678374)">
+      <g
+         id="g4800">
+        <g
+           id="g4778">
+          <path
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             sodipodi:nodetypes="cscsc"
+             id="path693-1-9-1-4"
+             d="m 129.21766,69.515258 c 0,0 -4.96041,3.465617 -9.82551,-1.239561 -4.52533,-4.376561 -0.91735,-9.325074 -0.91735,-9.325074 0,0 -1.27057,4.350927 2.2702,7.925703 4.38042,4.422492 8.47267,2.638932 8.47266,2.638932 z"
+             style="fill:#ff8f23;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.01548349px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             inkscape:connector-curvature="0" />
+          <circle
+             transform="rotate(-90.183238)"
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             r="3.0895457"
+             cy="120.47314"
+             cx="-67.677971"
+             id="path137085-43"
+             style="fill:#ff8f23;fill-opacity:1;stroke:none;stroke-width:0.60529447;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+        <g
+           id="g4770">
+          <path
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             sodipodi:nodetypes="cscsc"
+             id="path693-1-9-9-5-3"
+             d="m 140.11411,58.376534 c 0,0 3.33986,-5.045939 -1.48611,-9.791261 -4.48891,-4.413907 -9.34518,-0.682692 -9.34518,-0.682692 0,0 4.31761,-1.379512 7.98026,2.070295 4.53118,4.267885 2.85103,8.403658 2.85103,8.403658 z"
+             style="fill:#ff8f23;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.01548349px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             inkscape:connector-curvature="0" />
+          <circle
+             transform="rotate(-90.183238)"
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             r="3.0895457"
+             cy="137.34294"
+             cx="-50.077358"
+             id="path137085-4-1"
+             style="fill:#ff8f23;fill-opacity:1;stroke:none;stroke-width:0.60529447;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+        <g
+           id="g4774">
+          <path
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             sodipodi:nodetypes="cscsc"
+             id="path693-7-7-0"
+             d="m 141.16297,57.594188 c 0,0 2.14302,5.236214 -2.32794,10.080456 -4.1587,4.505912 -10.57092,2.998029 -10.57092,2.998029 0,0 5.42958,-1.064264 8.84824,-4.57696 4.22935,-4.345692 4.05062,-8.501525 4.05062,-8.501525 z"
+             style="fill:#4fbad5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.01674335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             inkscape:connector-curvature="0" />
+          <circle
+             transform="rotate(-90.183238)"
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             r="3.0895457"
+             cy="137.22623"
+             cx="-67.621071"
+             id="path137085-4-5-4"
+             style="fill:#4fbad5;fill-opacity:1;stroke:none;stroke-width:0.60529447;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+        <g
+           id="g4766">
+          <path
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             sodipodi:nodetypes="cscsc"
+             id="path693-7-1-5-7"
+             d="m 129.83666,46.593025 c 0,0 -5.25892,-1.879264 -9.98927,2.712035 -4.39997,4.270637 -2.73141,10.642927 -2.73141,10.642927 0,0 0.92747,-5.454606 4.35314,-8.960476 4.23804,-4.33722 8.36754,-4.394488 8.36754,-4.394486 z"
+             style="fill:#4fbad5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.01674335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             inkscape:connector-curvature="0" />
+          <circle
+             transform="rotate(-90.183238)"
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             r="3.0895457"
+             cy="120.57893"
+             cx="-50.765644"
+             id="path137085-4-5-2-9"
+             style="fill:#4fbad5;fill-opacity:1;stroke:none;stroke-width:0.60529447;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+      </g>
+      <g
+         id="g4786">
+        <g
+           id="g4758">
+          <rect
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             y="54.66584"
+             x="123.83096"
+             height="7.8347216"
+             width="2.6116107"
+             id="rect3043-6-8"
+             style="fill:#e23838;fill-opacity:1;stroke-width:0.01808702" />
+          <rect
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             transform="rotate(90)"
+             y="-129.02855"
+             x="57.285469"
+             height="7.8347216"
+             width="2.6116107"
+             id="rect3043-2-9-6"
+             style="fill:#e23838;fill-opacity:1;stroke-width:0.01808702" />
+        </g>
+        <g
+           id="g4762">
+          <ellipse
+             transform="scale(-1,1)"
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             ry="1.55514"
+             rx="1.5042465"
+             cy="56.18626"
+             cx="-135.25243"
+             id="path3171-0"
+             style="fill:#e23838;fill-opacity:1;stroke-width:0.01808702" />
+          <ellipse
+             transform="scale(-1,1)"
+             inkscape:export-ydpi="96"
+             inkscape:export-xdpi="96"
+             inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+             ry="1.55514"
+             rx="1.5042465"
+             cy="60.59198"
+             cx="-133.31949"
+             id="path3171-7-6"
+             style="fill:#e23838;fill-opacity:1;stroke-width:0.01808702" />
+        </g>
+      </g>
+    </g>
+    <rect
+       style="fill:#ffff00;fill-opacity:0;stroke:none;stroke-width:0.473023;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect145567"
+       width="22.475668"
+       height="22.475668"
+       x="117.82139"
+       y="47.421467"
+       inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96" />
+    <circle
+       style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.0345245"
+       id="path17194-32-7"
+       cx="129.26566"
+       cy="58.549042"
+       r="14.922836"
+       inkscape:export-filename="/dades/communityGamesColorTransparentDins.png"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96" />
+    <rect
+       style="fill:none;stroke:none;stroke-width:1.70747006;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect6681-0-4"
+       width="25.906347"
+       height="25.906347"
+       x="116.50246"
+       y="46.356262"
+       inkscape:export-filename="/dades/communityGamesColorTransparentDinsBotonsInvertitsT.png"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96" />
+  </g>
+</svg>
diff --git a/static/icons/questionnaire-line.svg b/static/icons/questionnaire-line.svg
new file mode 100644
index 0000000..71d398a
--- /dev/null
+++ b/static/icons/questionnaire-line.svg
@@ -0,0 +1,78 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="questionnaire-line.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.98333333"
+     inkscape:cx="-75.254236"
+     inkscape:cy="115.9322"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     fill="none"
+     d="M0 0h24v24H0z"
+     id="path2" />
+  <path
+     d="m 11.072203,14.822181 h 1.88 v 1.88 h -1.88 z M 8.7851834,9.9464012 C 9.3295342,7.2221609 12.795821,6.3565621 14.557129,8.5047113 c 1.761308,2.1481497 0.233168,5.3775757 -2.544926,5.3774697 h -0.94 v -1.88 h 0.94 c 1.19022,-7.4e-5 1.844827,-1.383679 1.09021,-2.3039954 C 12.347795,8.77787 10.862746,9.1486875 10.629463,10.315821 Z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ccccccsccccscc"
+     style="stroke-width:0.94;fill:#ff8f23;fill-opacity:1" />
+  <g
+     id="g894"
+     transform="matrix(0.94,0,0,0.94,0.92338983,0.72)">
+    <path
+       id="path880"
+       d="M 0,0 H 24 V 24 H 0 Z"
+       inkscape:connector-curvature="0"
+       style="fill:none" />
+    <path
+       id="path882"
+       d="m 12,2 c 5.523,0 10,4.477 10,10 0,5.523 -4.477,10 -10,10 -1.702,0 -3.305,-0.425 -4.708,-1.175 L 2,22 3.176,16.71 C 2.426,15.306 2,13.703 2,12 2,6.477 6.477,2 12,2 Z m 0,2 c -4.418,0 -8,3.582 -8,8 0,1.335 0.326,2.618 0.94,3.766 l 0.35,0.654 -0.656,2.946 2.948,-0.654 0.653,0.349 C 9.383,19.675 10.665,20 12,20 c 4.418,0 8,-3.582 8,-8 0,-4.418 -3.582,-8 -8,-8 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssscccsssscccccsss"
+       style="fill:#4fbad5;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/static/icons/sword-line.svg b/static/icons/sword-line.svg
new file mode 100644
index 0000000..8aaa7e8
--- /dev/null
+++ b/static/icons/sword-line.svg
@@ -0,0 +1,75 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg1444"
+   sodipodi:docname="sword-line.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata1450">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs1448" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview1446"
+     showgrid="false"
+     inkscape:object-paths="true"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="15.681282"
+     inkscape:cy="138.57566"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1444" />
+  <path
+     fill="none"
+     d="M0 0h24v24H0z"
+     id="path1440" />
+  <path
+     style="stroke-width:0.94;fill:#4fbad5;fill-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path1442-7"
+     d="m 18.57906,5.4371097 v 0.658 L 13.29579,11.37838 12.62745,10.71756 17.90696,5.4380497 Z m -3.25428,6.5715403 5.1324,-5.1324003 0.0028,-3.32008 -3.33324,0.00282 -5.12582,5.12676 z"
+     sodipodi:nodetypes="cccccccccccc" />
+  <path
+     style="stroke-width:0.94;fill:#4fbad5;fill-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path1442-7-5"
+     d="M 10.654155,14.020015 8.01252,16.66165 7.34794,15.99707 9.987695,13.357315 Z M 8.6771,12.00865 l -2.65832,2.65926 -1.3301,-1.32916 -1.32916,1.32916 2.32556,2.3265 -2.65832,2.65926 1.32916,1.32916 2.65926,-2.65926 2.3265,2.3265 1.32916,-1.32916 -1.32916,-1.3301 2.65926,-2.65832 z"
+     sodipodi:nodetypes="cccccccccccccccccc" />
+  <path
+     id="path1442"
+     d="m 5.42094,5.43711 v 0.658 L 15.98748,16.66165 16.65206,15.99707 6.09304,5.43805 Z m 9.90196,6.57154 2.65832,2.65926 1.3301,-1.32916 1.32916,1.32916 -2.32556,2.3265 2.65832,2.65926 -1.32916,1.32916 -2.65926,-2.65926 -2.3265,2.3265 -1.32916,-1.32916 1.32916,-1.3301 L 11.99906,15.33249 8.67522,12.00865 3.54282,6.87625 3.54,3.55617 6.87324,3.55899 11.99906,8.68575 Z"
+     inkscape:connector-curvature="0"
+     style="stroke-width:0.94;fill:#ff8f23;fill-opacity:1" />
+</svg>
diff --git a/static/icons/team-line.svg b/static/icons/team-line.svg
new file mode 100644
index 0000000..3028a77
--- /dev/null
+++ b/static/icons/team-line.svg
@@ -0,0 +1,73 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="team-line.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.98333333"
+     inkscape:cx="-79.322033"
+     inkscape:cy="120"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4204-2" />
+  <g
+     id="g4204-2"
+     inkscape:export-xdpi="240"
+     inkscape:export-ydpi="240">
+    <path
+       id="path4190-0"
+       d="M 0,0 H 24 V 24 H 0 Z"
+       inkscape:connector-curvature="0"
+       style="fill:none" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path997"
+       style="fill:#4fbad5;fill-opacity:1"
+       d="m 18.5,10 a 0.5,0.5 0 1 0 0,1 0.5,0.5 0 0 0 0,-1 z m -13,0 a 0.5,0.5 0 1 0 0,1 0.5,0.5 0 0 0 0,-1 z m 13,-2 a 2.5,2.5 0 1 1 0,5 2.5,2.5 0 0 1 0,-5 z m -13,0 a 2.5,2.5 0 1 1 0,5 2.5,2.5 0 0 1 0,-5 z m 13,6 A 3.5,3.5 0 0 1 22,17.5 V 22 H 20 V 17.5 A 1.5,1.5 0 0 0 18.644,16.007 L 18.5,16 c -0.175,0 -0.343,0.03 -0.5,0.085 V 16 C 18,15.334 17.892,14.694 17.691,14.096 17.95,14.033 18.221,14 18.5,14 Z m -13,0 c 0.279,0 0.55,0.033 0.81,0.094 A 5.947,5.947 0 0 0 6.009,15.669 L 6,16 v 0.086 A 1.492,1.492 0 0 0 5.644,16.006 L 5.5,16 A 1.5,1.5 0 0 0 4.007,17.356 L 4,17.5 V 22 H 2 V 17.5 A 3.5,3.5 0 0 1 5.5,14 Z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path4192-2"
+       style="fill:#ff8f23;fill-opacity:1"
+       d="m 12,4 a 2,2 0 1 0 0,4 2,2 0 0 0 0,-4 z m 0,-2 a 4,4 0 1 1 0,8 4,4 0 0 1 0,-8 z m 0,9 a 5,5 0 0 1 5,5 v 6 H 15 V 16 A 3,3 0 0 0 12.176,13.005 L 12,13 A 3,3 0 0 0 9.005,15.824 L 9,16 v 6 H 7 v -6 a 5,5 0 0 1 5,-5 z" />
+  </g>
+</svg>
diff --git a/static/icons/terminal-line.svg b/static/icons/terminal-line.svg
new file mode 100644
index 0000000..4e3c6c5
--- /dev/null
+++ b/static/icons/terminal-line.svg
@@ -0,0 +1,73 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="terminal-line.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.98333333"
+     inkscape:cx="-79.322033"
+     inkscape:cy="120"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <g
+     id="g4138-8"
+     inkscape:export-xdpi="240"
+     inkscape:export-ydpi="240">
+    <path
+       id="path4124-7"
+       d="M 0,0 H 24 V 24 H 0 Z"
+       inkscape:connector-curvature="0"
+       style="fill:none" />
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:#4fbad5;fill-opacity:1"
+       d="M 11,12 3.929,19.071 2.515,17.657 8.172,12 2.515,6.343 3.929,4.93 Z"
+       id="path991" />
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:#ff8f23;fill-opacity:1"
+       d="m 11,19 h 10 v 2 H 11 Z"
+       id="path4126-9" />
+  </g>
+</svg>
diff --git a/static/icons/tools-line.svg b/static/icons/tools-line.svg
new file mode 100644
index 0000000..8a89a4b
--- /dev/null
+++ b/static/icons/tools-line.svg
@@ -0,0 +1,72 @@
+<?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"
+   viewBox="0 0 24 24"
+   width="240"
+   height="240"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="tools-line.svg"
+   inkscape:export-filename="/home/emorrp1/downloads/tools-line.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <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:license
+           rdf:resource="https://www.apache.org/licenses/LICENSE-2.0.txt" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1680"
+     inkscape:window-height="1021"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.98333333"
+     inkscape:cx="-75.254236"
+     inkscape:cy="115.9322"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     fill="none"
+     d="M0 0h24v24H0z"
+     id="path2" />
+  <path
+     d="M 5.33,3.271 A 3.5,3.5 0 0 1 9.584,8.234 L 20.293,18.944 18.879,20.358 8.169,9.648 A 3.502,3.502 0 0 1 3.207,5.393 L 5.444,7.63 A 1.5,1.5 0 1 0 7.565,5.509 L 5.329,3.27 Z"
+     id="path826"
+     style="fill:#ff8f23;fill-opacity:1" />
+  <path
+     d="m 15.697,5.155 3.182,-1.768 1.414,1.414 -1.768,3.182 -1.768,0.354 -2.12,2.121 -1.415,-1.414 2.121,-2.121 z"
+     id="path824"
+     style="fill:#4fbad5;fill-opacity:1" />
+  <path
+     d="m 8.979,13.287 1.414,1.414 -5.303,5.303 A 1,1 0 0 1 3.598,18.677 L 3.676,18.59 Z"
+     id="path4"
+     style="fill:#4fbad5;fill-opacity:1" />
+</svg>