diff --git a/src/activities/menu/resource/README b/src/activities/menu/resource/README
index 29a794aa9..7e5704879 100644
--- a/src/activities/menu/resource/README
+++ b/src/activities/menu/resource/README
@@ -1,22 +1,35 @@
 Copyright: Iyo, 2013
 License: Public domain
 Files:
 lock.svg
 
-Copyright: Timothée Giet, 2015-2016
+Copyright: Timothée Giet, 2015-2019
 License: CC-BY-SA 4.0
 Files:
 all_disabled.svg
 all.svg
 background.svg
+category-arithmetic.svg
+category-experiment.svg
+category-finearts.svg
+category-geography.svg
+category-history.svg
+category-letters.svg
+category-logic.svg
+category-measures.svg
+category-music.svg
+category-numeration.svg
+category-vocabulary.svg
+category-words.svg
 computer.svg
 discovery.svg
 experience.svg
 fun.svg
 math.svg
 new.svg
 puzzle.svg
 reading.svg
 search-icon.svg
 strategy.svg
 
+
diff --git a/src/activities/menu/resource/category-arithmetic.svg b/src/activities/menu/resource/category-arithmetic.svg
new file mode 100644
index 000000000..06afd6e22
--- /dev/null
+++ b/src/activities/menu/resource/category-arithmetic.svg
@@ -0,0 +1,163 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-arithmetic.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16.000001"
+     inkscape:cx="8.2454787"
+     inkscape:cy="18.410014"
+     inkscape:document-units="px"
+     inkscape:current-layer="text843"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <g
+       aria-label="123"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none"
+       id="text843">
+      <path
+         style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="M 16,0 A 16,16 0 0 0 0,16 16,16 0 0 0 16,32 16,16 0 0 0 32,16 16,16 0 0 0 16,0 Z M 7.4648438,10.138672 V 21.621094 L 4.6796875,21.861328 V 14.326172 L 2.9863281,15.195312 2,13.498047 Z m 18.1464842,0.300781 h 0.05664 c 0.692273,0 1.335067,0.133464 1.929687,0.400391 0.596787,0.266926 1.081812,0.654516 1.455078,1.160156 0.36458,0.507813 0.56467,1.116532 0.601563,1.826172 v 0.158203 c 0,0.551213 -0.159296,1.169702 -0.480469,1.855469 -0.3559,0.763886 -0.787315,1.421436 -1.292969,1.972656 l -1.11914,1.240234 H 30 l -0.654297,2.507813 h -7.837891 l 4.039063,-4.841797 c 0.878907,-1.137153 1.318359,-1.944228 1.318359,-2.423828 v -0.08203 c -0.05207,-0.47092 -0.203538,-0.820742 -0.453125,-1.050782 -0.230033,-0.21484 -0.509983,-0.322265 -0.839843,-0.322265 h -0.07813 c -0.3559,0.0087 -0.648653,0.137138 -0.88086,0.386718 -0.230033,0.249567 -0.353734,0.552304 -0.371093,0.908204 v 0.05273 c 0,0.488287 0.309027,0.888672 0.929687,1.201172 l -1.558594,2.050781 c -0.0087,-0.0087 -0.114352,-0.0805 -0.318359,-0.212891 -0.203993,-0.134546 -0.399311,-0.276041 -0.585938,-0.425781 -0.729166,-0.685766 -1.09375,-1.561413 -1.09375,-2.626953 v -0.214844 c 0.02607,-0.674913 0.216393,-1.28863 0.572266,-1.839843 0.347227,-0.54254 0.830519,-0.958987 1.451172,-1.251953 0.596787,-0.284287 1.254343,-0.427735 1.972656,-0.427735 z M 14,12 h 2 v 3 h 3 v 2 h -3 v 3 h -2 v -3 h -3 v -2 h 3 z"
+         transform="translate(421.71429,515.79074)"
+         id="path823"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-experiment.svg b/src/activities/menu/resource/category-experiment.svg
new file mode 100644
index 000000000..412e66b70
--- /dev/null
+++ b/src/activities/menu/resource/category-experiment.svg
@@ -0,0 +1,171 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-experiment.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568545"
+     inkscape:cx="16.682978"
+     inkscape:cy="11.660015"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <path
+       style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 16,2 a 4,2 0 0 0 -4,2 4,2 0 0 0 4,2 4,2 0 0 0 4,-2 4,2 0 0 0 -4,-2 z m 0,0.5585938 a 3,1 0 0 1 3,1 3,1 0 0 1 -3,1 3,1 0 0 1 -3,-1 3,1 0 0 1 3,-1 z"
+       transform="translate(421.71429,515.79074)"
+       id="path849"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.95742583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect851"
+       width="6"
+       height="10.99997"
+       x="434.71429"
+       y="520.79071" />
+    <path
+       style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 437.71429,523.79074 -11,19 c 0,5 22,5 22,0 z m -5.29492,12 c 1.29492,2 9.29492,2 10.58984,0 l 3.70508,7 c 0,2.99997 -18,3 -18,0 z"
+       id="path853"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccc" />
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-finearts.svg b/src/activities/menu/resource/category-finearts.svg
new file mode 100644
index 000000000..cc169064d
--- /dev/null
+++ b/src/activities/menu/resource/category-finearts.svg
@@ -0,0 +1,163 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-finearts.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.313709"
+     inkscape:cx="15.243769"
+     inkscape:cy="5.7225149"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 444.91019,538.69631 c -0.13104,3.88142 3.46818,3.55092 4.46333,5.29243 0.43655,0.76396 -0.4221,1.73998 -1.21723,1.79328 1.57931,0.52139 3.11426,-2.48819 2.4549,-4.19328 -0.59038,-1.52673 -1.80662,-2.39617 -3.25903,-3.01639 -0.60015,-0.25628 -1.16643,-0.32213 -1.77397,-0.54405 z"
+       id="path3150-0"
+       style="display:inline;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.03936233"
+       mask="none" />
+    <path
+       style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 424.75763,517.83668 a 14.5,2 45 0 0 8.83884,11.66726 14.5,2 45 0 0 10.44778,8.6441 l 1.02751,-1.02751 a 14.5,2 45 0 0 -8.64686,-10.44502 14.5,2 45 0 0 -11.66727,-8.83883 z"
+       id="path1013"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-geography.svg b/src/activities/menu/resource/category-geography.svg
new file mode 100644
index 000000000..f3f39d11e
--- /dev/null
+++ b/src/activities/menu/resource/category-geography.svg
@@ -0,0 +1,191 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-geography.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4290"
+       id="linearGradient4161"
+       x1="16.000011"
+       y1="29.999973"
+       x2="16.000011"
+       y2="1.999974"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.85714251,0,0,0.85714251,386.85715,516.08372)" />
+    <linearGradient
+       id="linearGradient4290"
+       inkscape:collect="always">
+      <stop
+         id="stop4292"
+         offset="0"
+         style="stop-color:#7cbaf8;stop-opacity:1" />
+      <stop
+         id="stop4294"
+         offset="1"
+         style="stop-color:#f4fcff;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4290"
+       id="linearGradient1126"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.85714251,0,0,0.85714251,386.85715,516.08372)"
+       x1="16.000011"
+       y1="29.999973"
+       x2="16.000011"
+       y2="1.999974" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.313709"
+     inkscape:cx="15.243769"
+     inkscape:cy="5.7225149"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <path
+       style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 16,2 A 13.999998,14 0 0 0 2,16 13.999998,14 0 0 0 16,30 13.999998,14 0 0 0 30,16 13.999998,14 0 0 0 16,2 Z m -0.166016,2.0078125 c 0.18099,0.001 0.364022,-0.00413 0.544922,0.00977 0.06688,0.33922 1.148106,0.675935 0.853516,1.265625 -0.69375,0.68584 0.353283,0.6055606 0.189453,1.3066407 -0.37314,0.1222999 -2.069399,-0.05971 -0.943359,-0.6875 0.82331,-0.66395 -0.263467,-0.2010688 -0.654297,-0.1054688 -0.65993,-0.15836 -0.383801,0.195955 -0.519531,0.296875 -0.18669,-0.63931 -1.603795,0.00386 -0.521485,-0.023437 -0.36468,0.42996 0.0021,1.271515 0.626953,0.671875 0.43309,0.39873 -1.081197,0.5141794 -1.404297,0.8183594 0.23786,-0.69223 -0.43273,-0.1982057 -1.02539,-0.041016 -0.47256,0.72938 -1.496155,0.933855 -2.109375,1.546875 0.05883,0.6959101 -0.799482,1.0399032 -1.4199221,1.4140632 -1.24312,0.06757 0.1140656,2.133611 -1.0214844,1.550781 -0.05537,-0.61574 -0.3913187,-0.859531 -1.0742187,-0.894531 -0.8319701,0.4626 -1.7660701,-0.08924 -2.5625,0.58789 C 5.2386688,10.550199 5.86958,9.4462269 6.65625,8.4667969 7.37917,7.8158969 8.1643388,6.212005 9.2617188,6.765625 10.359519,7.016955 9.5981481,5.7006456 8.9863281,6.3222656 c 0.06761,-0.12814 2.0274579,-1.5254612 2.4863279,-1.2695312 0.09332,1.11579 0.680033,-0.4328282 1.033203,-0.4238282 1.02652,-0.4701 2.192985,-0.5952937 3.328125,-0.6210937 z m -5.708984,2.875 C 9.78035,6.8081325 9.7613288,7.4985094 9.9804688,7.6308594 10.362729,7.2549994 11.09988,6.9977825 10.125,6.8828125 Z m -0.6582031,0.044922 c -0.46299,8.8e-4 -0.9489844,0.6425031 -0.9589844,1.0644531 0.35252,-0.05886 0.8680844,-0.9249231 0.9589844,-1.0644531 z m 1.7343751,0.5273437 c -1.13055,0.03262 0.51991,0.3237 0,0 z M 10.251953,7.8125 10.033203,7.855469 c -1.2225399,0.23414 0.5486,0.3210612 0.21875,-0.042969 z M 24.96875,8.0292969 c 0.39141,0.4411 0.755475,0.9083237 1.078125,1.4023437 -0.60535,7.9e-4 -0.160191,0.5787764 0.230469,0.3789063 1.37164,2.2682001 1.974317,5.0028951 1.623047,7.6347651 -0.53184,0.470711 -1.683438,0.628566 -2.523438,0.572266 -1.33528,0.50537 -1.896131,-1.177431 -2.744141,-1.832031 -0.68817,-0.74605 0.507877,-1.711119 -0.121093,-2.474609 0.23171,-0.96482 0.9964,-1.84303 1.875,-2.34375 -0.11136,-0.92868 1.338967,-1.098602 1.091797,-1.9511724 -0.8348,0.02339 -0.699606,-0.7795087 -0.509766,-1.3867187 z M 6.6523438,13.527344 c 0.49734,0.45668 -1.1695844,1.787384 0.1035156,1.558594 1.62514,-0.36477 -0.1468763,1.72164 1.2148437,1.90039 0.52259,-0.52997 1.1181619,0.489177 1.4511719,-0.220703 0.04576,-0.37062 1.379882,-0.951659 1.138672,-0.480469 0.53445,-0.31565 1.365306,0.64874 2.041015,0.1875 0.880511,-0.04878 0.965285,0.843317 1.828126,1.285156 1.553869,-0.43332 1.420405,1.59883 2.478515,1.81836 0.78753,0.59576 1.831442,0.320502 2.576172,1.013672 1.43279,0.2114 0.607743,1.642485 -0.0293,2.296875 -0.33441,0.86522 0.0629,2.659152 -1.279297,2.794922 -1.39435,0.16005 -0.803926,1.590975 -1.660156,2.291015 -1.67492,0.10652 -3.366834,-0.197407 -4.927734,-0.804687 -0.697,-0.57903 0.05101,-2.04577 -0.576172,-2.84961 C 9.6966987,23.795829 9.025105,22.695128 8.421875,21.455078 7.529425,21.001558 8.3455856,20.357148 7.9785156,19.798828 8.4062356,18.917388 9.62572,17.883461 8.5,16.962891 c -0.36163,0.83175 -1.0424831,0.09316 -1.5644531,-0.236329 -0.27131,-1.066289 -1.6545232,-1.039257 -2.3769531,-1.742187 -0.94028,0.86313 -0.3527994,-1.872331 -0.1621094,-0.769531 1.01263,0.79861 1.3750593,-0.7299 2.2558594,-0.6875 z m 3.9160152,3.101562 c -0.40438,0.20022 0.35543,0.36909 0,0 z"
+       transform="translate(421.71429,515.79074)"
+       id="path1099"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-history.svg b/src/activities/menu/resource/category-history.svg
new file mode 100644
index 000000000..16f82c3f9
--- /dev/null
+++ b/src/activities/menu/resource/category-history.svg
@@ -0,0 +1,158 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-history.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="5.9292984"
+     inkscape:cy="16.792537"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <path
+       style="color:#4d4d4d;display:inline;overflow:visible;visibility:visible;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.5;marker:none;enable-background:accumulate"
+       d="M 18,4 C 11.71028,4 6.5602551,8.841791 6.0507812,15 H 2 l 5,6 5,-6 H 8.0488281 C 8.551099,9.9472414 12.815053,6 18,6 c 5.52285,0 10,4.47715 10,10 0,5.52285 -4.47715,10 -10,10 -2.82708,0 -5.374549,-1.178433 -7.193359,-3.064453 L 9.3925781,24.349609 C 11.573488,26.597449 14.62066,28 18,28 24.62742,28 30,22.62742 30,16 30,9.37258 24.62742,4 18,4 Z m -1,4 v 7 2 h 7 V 15 H 19 V 8 Z"
+       transform="translate(421.71429,515.79074)"
+       id="path4876"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-letters.svg b/src/activities/menu/resource/category-letters.svg
new file mode 100644
index 000000000..144eab130
--- /dev/null
+++ b/src/activities/menu/resource/category-letters.svg
@@ -0,0 +1,167 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-letters.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16.000001"
+     inkscape:cx="14.495478"
+     inkscape:cy="17.222514"
+     inkscape:document-units="px"
+     inkscape:current-layer="text843"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <g
+       aria-label="123"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none"
+       id="text843">
+      <path
+         style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="M 16,0 C 7.163444,0 0,7.163444 0,16 0,24.836556 7.163444,32 16,32 24.836556,32 32,24.836556 32,16 32,7.163444 24.836556,0 16,0 Z M 6.703125,11.134766 11.416016,20.361328 9.2109375,20.841797 8.2714844,18.880859 H 5.0390625 L 4.2089844,20.865234 2,20.361328 Z m 20.960937,0.353515 h 0.458985 c 0.512153,0 1.012586,0.08095 1.503906,0.244141 l 0.351563,2.443359 c -0.4757,-0.434026 -1.030383,-0.65039 -1.664063,-0.65039 -0.73264,0 -1.347443,0.247827 -1.845703,0.746093 -0.475693,0.477427 -0.712891,1.06076 -0.712891,1.75 v 0.107422 c 0.04167,0.725694 0.325743,1.304035 0.853516,1.736328 0.4757,0.406247 1.014974,0.609375 1.619141,0.609375 0.05727,0 0.114561,-0.0028 0.171875,-0.0098 C 29.018444,18.421444 29.55208,18.20508 30,17.814453 l -0.330078,2.355469 c -0.390627,0.17882 -0.760415,0.282767 -1.109375,0.310547 -0.184027,0.0208 -0.366102,0.03125 -0.544922,0.03125 -0.48958,0 -0.966148,-0.0753 -1.429687,-0.22461 -0.625,-0.197913 -1.179683,-0.513232 -1.664063,-0.947265 -0.482633,-0.42708 -0.852428,-0.929473 -1.109375,-1.50586 -0.262153,-0.567713 -0.392578,-1.167101 -0.392578,-1.800781 0,-0.583333 0.106772,-1.14562 0.320312,-1.685547 0.21354,-0.539933 0.510845,-1.019313 0.894532,-1.439453 0.376733,-0.413193 0.829428,-0.748699 1.355468,-1.003906 0.52604,-0.25 1.083548,-0.388236 1.673828,-0.416016 z m -13.794921,0.21875 h 2.560547 c 1.05208,0 1.87261,0.135197 2.46289,0.404297 0.583333,0.270833 0.908423,0.833333 0.972656,1.6875 0.0069,0.06247 0.0098,0.122361 0.0098,0.179688 0,0.342013 -0.07053,0.636505 -0.212891,0.884765 -0.17014,0.298614 -0.341799,0.514978 -0.513671,0.650391 -0.177088,0.142367 -0.312284,0.235677 -0.404297,0.277344 0.0208,0.0156 0.148405,0.09112 0.382812,0.226562 0.227433,0.140627 0.445744,0.341582 0.652344,0.605469 0.199653,0.270833 0.31207,0.606339 0.339844,1.003906 0.0069,0.08507 0.01172,0.16884 0.01172,0.253906 0,0.45486 -0.09614,0.850474 -0.287109,1.185547 -0.236113,0.397567 -0.569666,0.69965 -1.001953,0.90625 -0.440973,0.21354 -0.932944,0.320313 -1.474609,0.320313 l -3.498047,-0.02148 z m 2.144531,1.654297 v 1.726563 h 0.542969 c 0.298613,0 0.55881,-0.08572 0.779297,-0.25586 0.185759,-0.149306 0.279296,-0.349609 0.279296,-0.599609 v -0.103516 c -0.02953,-0.31424 -0.136305,-0.520187 -0.320312,-0.61914 -0.192707,-0.09896 -0.445313,-0.148438 -0.757813,-0.148438 z m -9.3750001,1.773438 -0.8515625,1.929687 h 1.7265625 z m 9.3750001,1.617187 v 1.791016 h 0.628906 c 0.440973,0 0.761072,-0.07813 0.958984,-0.234375 0.178821,-0.142367 0.267579,-0.348094 0.267579,-0.617188 v -0.06445 c -0.0069,-0.31944 -0.116524,-0.548174 -0.330079,-0.683594 -0.220486,-0.128473 -0.548395,-0.191406 -0.982421,-0.191406 z"
+         transform="translate(421.71429,515.79074)"
+         id="path825"
+         inkscape:connector-curvature="0" />
+      <g
+         aria-label="ABC"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.33333302px;line-height:1.25;font-family:Kabel;-inkscape-font-specification:Kabel;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+         id="text841" />
+    </g>
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-logic.svg b/src/activities/menu/resource/category-logic.svg
new file mode 100644
index 000000000..96951d3ad
--- /dev/null
+++ b/src/activities/menu/resource/category-logic.svg
@@ -0,0 +1,167 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-logic.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="5.9292984"
+     inkscape:cy="16.792537"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.70959216;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 446.50778,518.31295 -0.98959,1.27867 -0.0202,0.0854 -0.15532,1.33807 -1.6584,0.13112 -0.36388,-1.29715 -0.0335,-0.081 -1.17834,-1.10706 -1.01994,0.52009 0.20416,1.60383 0.0462,0.0748 0.83602,1.05602 -1.07978,1.26547 -1.17439,-0.66002 -0.0814,-0.0339 -1.61571,0.0506 -0.35333,1.08902 1.27823,0.98959 0.0854,0.0202 1.33807,0.15532 0.13112,1.65884 -1.29715,0.36344 -0.081,0.0334 -1.10706,1.17835 0.52009,1.01994 1.60383,-0.20416 0.0748,-0.0458 1.05602,-0.83646 1.26546,1.08022 -0.66001,1.17439 -0.0334,0.081 0.0502,1.61571 1.08902,0.35377 0.98959,-1.27867 0.0207,-0.0854 0.15532,-1.33807 1.65839,-0.13112 0.36389,1.29715 0.0334,0.081 1.17835,1.10706 1.01994,-0.52009 -0.20416,-1.60384 -0.0462,-0.0748 -0.83601,-1.05602 1.07978,-1.26547 1.17438,0.66002 0.081,0.0334 1.61616,-0.0502 0.35333,-1.08902 -1.27867,-0.98959 -0.0854,-0.0202 -1.33807,-0.15576 -0.13112,-1.6584 1.29714,-0.36388 0.081,-0.0334 1.1075,-1.17791 -0.52053,-1.02038 -1.60384,0.2046 -0.0744,0.0458 -1.05646,0.83646 -1.26503,-1.08023 0.65958,-1.17439 0.0339,-0.081 -0.0506,-1.61615 -1.08903,-0.35333 z m -1.59768,4.72394 a 2.2528475,2.2528475 0 0 1 1.94264,1.22851 2.2528475,2.2528475 0 0 1 -0.98342,3.03034 2.2528475,2.2528475 0 0 1 -3.03034,-0.98342 2.2528475,2.2528475 0 0 1 0.98342,-3.03034 2.2528475,2.2528475 0 0 1 1.0877,-0.24509 z"
+       id="path4776-3" />
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.70959216;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 444.12401,530.81429 -0.9887,1.2791 -0.0202,0.0854 -0.15401,1.3385 -1.65839,0.13245 -0.36521,-1.29671 -0.0334,-0.081 -1.17922,-1.10619 -1.0195,0.52098 0.20548,1.60383 0.0462,0.0748 0.83734,1.05514 -1.0789,1.26635 -1.17483,-0.65869 -0.0814,-0.0339 -1.61571,0.0519 -0.35244,1.08946 1.2791,0.98826 0.0854,0.0202 1.3385,0.15445 0.13245,1.65839 -1.29671,0.36477 -0.081,0.0334 -1.10618,1.17966 0.52097,1.0195 1.60383,-0.20592 0.0748,-0.0462 1.05513,-0.8369 1.26635,1.0789 -0.65868,1.17483 -0.0339,0.081 0.0519,1.61616 1.08946,0.35244 0.9887,-1.27955 0.0198,-0.0854 0.15445,-1.33806 1.65839,-0.13245 0.36477,1.29627 0.0339,0.0814 1.17923,1.10575 1.0195,-0.52098 -0.20593,-1.60339 -0.0458,-0.0748 -0.83734,-1.05558 1.0789,-1.26635 1.17483,0.65913 0.081,0.0334 1.61615,-0.0515 0.35245,-1.08946 -1.27954,-0.9887 -0.0854,-0.0202 -1.33806,-0.154 -0.13245,-1.6584 1.29671,-0.3652 0.081,-0.0335 1.1062,-1.17922 -0.52142,-1.0195 -1.60339,0.20548 -0.0748,0.0462 -1.05514,0.83734 -1.26679,-1.0789 0.65913,-1.17527 0.0334,-0.081 -0.0515,-1.61571 -1.08946,-0.35245 z m -1.56115,4.72614 a 2.2528475,2.2528475 0 0 1 0.59885,0.10736 2.2528475,2.2528475 0 0 1 1.44983,2.83718 2.2528475,2.2528475 0 0 1 -2.83674,1.44983 2.2528475,2.2528475 0 0 1 -1.45027,-2.83674 2.2528475,2.2528475 0 0 1 2.23833,-1.55763 z"
+       id="path4776" />
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.70959216;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 432.38639,525.53524 -0.93458,1.31914 -0.0167,0.0862 -0.0986,1.34335 -1.65136,0.20153 -0.41844,-1.28043 -0.037,-0.0796 -1.2241,-1.05646 -0.99706,0.56321 0.27192,1.59371 0.0493,0.0726 0.88002,1.0195 -1.02522,1.31034 -1.20123,-0.60985 -0.0823,-0.0299 -1.61263,0.1188 -0.30669,1.1031 1.31915,0.93458 0.0862,0.0163 1.34335,0.099 0.20108,1.65136 -1.28042,0.41845 -0.0796,0.0365 -1.05603,1.22411 0.56277,0.99706 1.59372,-0.27192 0.073,-0.0488 1.0195,-0.88046 1.30991,1.02566 -0.60941,1.20122 -0.0304,0.0823 0.1188,1.61219 1.1031,0.30713 0.93458,-1.31915 0.0167,-0.0862 0.0986,-1.34335 1.65136,-0.20153 0.41844,1.28043 0.037,0.0796 1.22411,1.05647 0.99706,-0.56322 -0.27192,-1.59371 -0.0493,-0.0726 -0.88001,-1.0195 1.02522,-1.31035 1.20122,0.60941 0.0827,0.0304 1.6122,-0.1188 0.30713,-1.1031 -1.31959,-0.93458 -0.0858,-0.0167 -1.34379,-0.0986 -0.20109,-1.65136 1.28043,-0.41845 0.0796,-0.037 1.05602,-1.2241 -0.56277,-0.99706 -1.59371,0.27236 -0.0726,0.0488 -1.01994,0.88046 -1.30991,-1.02566 0.60941,-1.20122 0.0304,-0.0823 -0.1188,-1.61219 -1.10311,-0.30713 z m -1.36359,4.78686 a 2.2528475,2.2528475 0 0 1 0.60281,0.0827 2.2528475,2.2528475 0 0 1 1.56643,2.77426 2.2528475,2.2528475 0 0 1 -2.77469,1.56643 2.2528475,2.2528475 0 0 1 -1.566,-2.77426 2.2528475,2.2528475 0 0 1 2.17145,-1.64915 z"
+       id="path4776-6" />
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-measures.svg b/src/activities/menu/resource/category-measures.svg
new file mode 100644
index 000000000..a13382556
--- /dev/null
+++ b/src/activities/menu/resource/category-measures.svg
@@ -0,0 +1,163 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-measures.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627418"
+     inkscape:cx="19.557978"
+     inkscape:cy="16.876838"
+     inkscape:document-units="px"
+     inkscape:current-layer="text843"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <g
+       aria-label="123"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none"
+       id="text843">
+      <path
+         style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.92393714;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 6.453125,0.796875 -5.65625,5.65625 24.75,24.75 5.65625,-5.65625 z M 6.4648438,2.2226562 7.1601562,2.9179688 4.3320312,5.7460938 3.6367188,5.0507812 Z M 7.8691406,3.625 8.5761719,4.3320312 7.8691406,5.0390625 7.1601562,4.3320312 Z M 9.2832031,5.0390625 9.9902344,5.7460938 9.2832031,6.453125 8.5761719,5.7460938 Z M 10.697266,6.453125 11.404297,7.1621094 10.697266,7.8691406 9.9902344,7.1621094 Z m 1.414062,1.4160156 0.707031,0.7070313 -2.121093,2.1210941 -0.7070316,-0.7070316 z m 1.414063,1.4140625 0.707031,0.7070313 -0.707031,0.7070316 -0.707032,-0.7070316 z m 1.414062,1.4140629 0.707031,0.707031 -0.707031,0.707031 -0.707031,-0.707031 z m 1.414063,1.414062 0.707031,0.707031 -0.707031,0.707032 -0.707032,-0.707032 z m 1.414062,1.414063 0.707031,0.707031 -2.828125,2.828125 -0.707031,-0.707031 z m 1.414063,1.414062 0.707031,0.707031 -0.707031,0.707032 -0.707032,-0.707032 z m 1.414062,1.414063 0.707031,0.707031 -0.707031,0.707031 -0.707031,-0.707031 z m 1.414063,1.414062 0.707031,0.707031 -0.707031,0.707032 -0.707032,-0.707032 z m 1.414062,1.414063 0.707031,0.707031 -2.121093,2.121094 -0.707032,-0.707032 z m 1.414063,1.414062 0.707031,0.707031 -0.707031,0.707032 -0.707032,-0.707032 z m 1.416015,1.414063 0.707032,0.707031 -0.707032,0.707031 -0.708984,-0.707031 z m 1.414063,1.414062 0.707031,0.707031 -0.707031,0.707032 -0.707031,-0.707032 z m 1.414062,1.414063 0.707031,0.708984 -2.828124,2.828125 -0.707032,-0.707031 z"
+         transform="translate(421.71429,515.79074)"
+         id="rect911"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-music.svg b/src/activities/menu/resource/category-music.svg
new file mode 100644
index 000000000..2d702258d
--- /dev/null
+++ b/src/activities/menu/resource/category-music.svg
@@ -0,0 +1,157 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-music.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8.0000004"
+     inkscape:cx="-0.75452122"
+     inkscape:cy="5.7225149"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <path
+       inkscape:connector-curvature="0"
+       id="path3"
+       style="fill:#4d4d4d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.27471054;stroke-linecap:round;stroke-linejoin:round"
+       d="m 439.86323,518.11831 c 0.66404,0.98011 1.00543,2.16685 1.86112,3.01333 0.98007,1.29075 2.23261,2.3599 3.20378,3.66605 0.70285,0.91264 1.47328,1.88264 1.67281,3.03071 0.53731,1.47263 0.30402,3.12587 -0.26921,4.56752 -0.64675,0.77742 -1.0889,-0.2287 -0.90838,-0.85162 0.0275,-0.8595 0.015,-1.71672 -0.31467,-2.52855 -0.29236,-1.21749 -0.827,-2.36964 -1.72206,-3.26299 -0.77775,-0.68171 -1.66071,-2.18388 -2.84639,-1.66664 -0.78299,0.49325 -0.44187,1.49033 -0.52613,2.25885 -0.0465,4.7276 -0.0497,9.45705 -0.12523,14.18371 -0.0578,1.98513 -1.77358,3.31693 -3.37957,4.16919 -1.43075,0.86098 -3.14377,1.3432 -4.80457,0.95947 -1.54436,-0.15846 -3.14196,-1.28588 -3.17432,-2.95406 -0.10297,-1.93421 1.29395,-3.73533 3.0136,-4.49916 1.68811,-0.96217 3.82237,-1.17071 5.64018,-0.47907 0.8883,0.28077 1.13533,-0.54352 1.2462,-1.33638 0.10258,-6.01766 0.18469,-12.03532 0.20568,-18.0539 0.017,-0.60158 0.9968,-0.74839 1.22704,-0.21611 z" />
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-numeration.svg b/src/activities/menu/resource/category-numeration.svg
new file mode 100644
index 000000000..fa964d876
--- /dev/null
+++ b/src/activities/menu/resource/category-numeration.svg
@@ -0,0 +1,163 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-numeration.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16.000001"
+     inkscape:cx="8.2454787"
+     inkscape:cy="18.410014"
+     inkscape:document-units="px"
+     inkscape:current-layer="text843"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <g
+       aria-label="123"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none"
+       id="text843">
+      <path
+         style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="M 16,0 A 16,16 0 0 0 0,16 16,16 0 0 0 16,32 16,16 0 0 0 32,16 16,16 0 0 0 16,0 Z M 7.4648438,10.138672 V 21.621094 L 4.6796875,21.861328 V 14.326172 L 2.9863281,15.195312 2,13.498047 Z m 18.3496092,0.1875 c 0.648873,0 1.278645,0.141494 1.890625,0.425781 0.605467,0.29514 1.090492,0.705509 1.455078,1.228516 0.284287,0.427513 0.425781,0.897782 0.425782,1.412109 0,0.134547 -0.0081,0.268011 -0.02539,0.400391 -0.05427,0.392793 -0.156914,0.72656 -0.306641,1 -0.160593,0.28646 -0.319882,0.504563 -0.480468,0.654297 -0.169274,0.151913 -0.263891,0.231554 -0.28125,0.240234 0.436199,0.212673 0.797744,0.577257 1.082031,1.09375 C 29.858505,17.29557 30,17.811632 30,18.328125 c 0,0.364587 -0.05685,0.701392 -0.171875,1.011719 -0.125867,0.3125 -0.282117,0.594183 -0.46875,0.84375 -0.186627,0.2474 -0.373914,0.450741 -0.560547,0.611328 -0.674913,0.58594 -1.64323,0.878906 -2.90625,0.878906 -0.781253,0 -1.510633,-0.146486 -2.185547,-0.439453 -0.68576,-0.292973 -1.284501,-0.734159 -1.798828,-1.322266 l 1.851563,-1.74414 c 0.07161,0.09765 0.197053,0.231117 0.375,0.40039 0.177953,0.1671 0.389318,0.308595 0.636718,0.425782 0.34722,0.15842 0.667971,0.248044 0.960938,0.267578 0.355907,-0.0282 0.676651,-0.14365 0.960937,-0.347657 0.275607,-0.203993 0.41211,-0.480904 0.41211,-0.828124 0,-0.258247 -0.05186,-0.484375 -0.158203,-0.679688 -0.115014,-0.195313 -0.266492,-0.324006 -0.453125,-0.384766 -0.32986,-0.08898 -0.774091,-0.132812 -1.333985,-0.132812 h -0.40039 c -0.07161,0.0087 -0.130428,0.01672 -0.173828,0.02539 v -2.027343 h 0.214843 c 0.09766,0.0087 0.208338,0.01672 0.332031,0.02539 0.479601,0 0.893008,-0.06988 1.240235,-0.210937 0.33854,-0.134547 0.507812,-0.409505 0.507812,-0.826172 0,-0.33854 -0.120441,-0.61046 -0.361328,-0.814453 C 26.278645,12.856554 25.9809,12.753906 25.625,12.753906 c -0.327693,0 -0.646705,0.08464 -0.957031,0.253906 -0.32118,0.177954 -0.531246,0.406034 -0.628907,0.681641 L 22.09375,12.380859 c 0.0456,-0.1237 0.179064,-0.324002 0.400391,-0.599609 0.221353,-0.275607 0.455511,-0.498695 0.705078,-0.667969 0.737846,-0.525173 1.610461,-0.787109 2.615234,-0.787109 z m -9.955078,0.113281 h 0.05469 c 0.692275,0 1.335068,0.133464 1.929688,0.400391 0.596787,0.266926 1.081811,0.654516 1.455078,1.160156 0.36458,0.507813 0.564669,1.116532 0.601563,1.826172 v 0.158203 c 0,0.551213 -0.159296,1.169702 -0.480469,1.855469 -0.3559,0.763886 -0.787316,1.421436 -1.292969,1.972656 l -1.119141,1.240234 h 3.238282 L 19.5918,21.560547 h -7.837891 l 4.039063,-4.841797 c 0.878906,-1.137153 1.318359,-1.944228 1.318359,-2.423828 v -0.08203 c -0.05207,-0.47092 -0.201585,-0.820742 -0.451172,-1.050782 -0.230033,-0.21484 -0.509983,-0.322265 -0.839844,-0.322265 h -0.07812 c -0.355901,0.0087 -0.650606,0.137138 -0.882813,0.386718 -0.230033,0.249568 -0.353734,0.552304 -0.371094,0.908204 v 0.05273 c 0,0.488287 0.310981,0.888672 0.931641,1.201172 l -1.560547,2.050781 c -0.0087,-0.0087 -0.114353,-0.0805 -0.318359,-0.212891 -0.203994,-0.134546 -0.399311,-0.276041 -0.585938,-0.425781 -0.729167,-0.685766 -1.09375,-1.561413 -1.09375,-2.626953 v -0.214844 c 0.02607,-0.674913 0.216392,-1.28863 0.572266,-1.839843 0.347226,-0.54254 0.832471,-0.958988 1.453125,-1.251953 0.596786,-0.284288 1.254343,-0.427735 1.972656,-0.427735 z"
+         transform="translate(421.71429,515.79074)"
+         id="path825"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-vocabulary.svg b/src/activities/menu/resource/category-vocabulary.svg
new file mode 100644
index 000000000..87f6e7e3c
--- /dev/null
+++ b/src/activities/menu/resource/category-vocabulary.svg
@@ -0,0 +1,179 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-vocabulary.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142137"
+     inkscape:cx="9.4143568"
+     inkscape:cy="12.561466"
+     inkscape:document-units="px"
+     inkscape:current-layer="text843"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <g
+       aria-label="123"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none"
+       id="text843">
+      <g
+         aria-label="ABC"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.33333302px;line-height:1.25;font-family:Kabel;-inkscape-font-specification:Kabel;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+         id="text841" />
+      <path
+         style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 437.36073,542.79074 c 0,-3 -14,-3 -14,-3 v -22 c 0,0 14,0 14,3 z"
+         id="path842"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccsc" />
+      <path
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 438.06785,542.79074 c 0,-3 14,-3 14,-3 v -22 c 0,0 -14,0 -14,3 z"
+         id="path842-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccsc" />
+      <path
+         style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 2,25 v 2 c 0,0 13,0 13,3 h 2 c 0,-3 13,-3 13,-3 v -2 c 0,0 -13,0 -13,3 H 15 C 15,25 2,25 2,25 Z"
+         transform="translate(421.71429,515.79074)"
+         id="path859"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/src/activities/menu/resource/category-words.svg b/src/activities/menu/resource/category-words.svg
new file mode 100644
index 000000000..d86c473f3
--- /dev/null
+++ b/src/activities/menu/resource/category-words.svg
@@ -0,0 +1,171 @@
+<?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="32"
+   height="32"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="category-words.svg"
+   inkscape:export-filename="clock.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16.000001"
+     inkscape:cx="3.1829787"
+     inkscape:cy="17.222514"
+     inkscape:document-units="px"
+     inkscape:current-layer="text843"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1884"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4085" />
+    <sodipodi:guide
+       position="2.0000044,14.00003"
+       orientation="12,0"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.0000044,2.0000296"
+       orientation="0,12"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30,17"
+       orientation="-12,0"
+       id="guide4079"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="18,30"
+       orientation="0,-12"
+       id="guide4081"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3054">
+    <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>
+        <dc:date>2019</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Timothée Giet</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.71429,-515.79074)">
+    <g
+       aria-label="123"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none"
+       id="text843">
+      <path
+         style="opacity:1;vector-effect:none;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="M 16,0 C 7.163444,0 0,7.163444 0,16 0,24.836556 7.163444,32 16,32 24.836556,32 32,24.836556 32,16 32,7.163444 24.836556,0 16,0 Z m -10.3164062,12.375 1.625,3.326172 0.984375,-3.078125 1.6386718,0.183594 -2.4238281,6.816406 -1.8710937,-3.816406 -1.9042969,3.816406 -2.3203125,-6.816406 1.671875,-0.201172 0.9277344,3.128906 z m 19.8613282,0.265625 v 6.623047 l -1.457031,0.144531 v -0.457031 c -0.09505,0.09635 -0.251958,0.203126 -0.470703,0.320312 -0.223961,0.11719 -0.503904,0.18164 -0.839844,0.19336 v -0.002 h -0.06445 c -0.427087,0 -0.821614,-0.104167 -1.183594,-0.3125 -0.384113,-0.218754 -0.694014,-0.525396 -0.929688,-0.919922 -0.23438,-0.394534 -0.354175,-0.821617 -0.359375,-1.28125 v -0.0293 c 0,-0.44792 0.104167,-0.869139 0.3125,-1.263672 0.21354,-0.404947 0.509766,-0.730469 0.888672,-0.976562 0.3724,-0.244794 0.79102,-0.367188 1.25586,-0.367188 0.565106,0 1.013023,0.16536 1.34375,0.496094 v -1.984375 z m -12.455078,1.589844 h 0.0625 c 0.5013,0 0.949216,0.106772 1.34375,0.320312 0.41146,0.22396 0.734376,0.533208 0.96875,0.927735 0.229166,0.394533 0.34375,0.837238 0.34375,1.328125 v 0.01563 c -0.0053,0.453126 -0.117311,0.86914 -0.335938,1.248046 -0.218746,0.378907 -0.517577,0.685549 -0.896484,0.919922 -0.377607,0.234374 -0.785156,0.367841 -1.222656,0.400391 -0.0586,0.0054 -0.117192,0.0098 -0.175782,0.0098 -0.41146,0 -0.806647,-0.09375 -1.185546,-0.28125 -0.442715,-0.212234 -0.794275,-0.510412 -1.054688,-0.894532 -0.266927,-0.384113 -0.408198,-0.819014 -0.423828,-1.304687 v -0.0957 c 0,-0.42708 0.106772,-0.832684 0.320312,-1.216797 0.229167,-0.404953 0.546226,-0.732422 0.951172,-0.982422 0.39974,-0.246093 0.834634,-0.376958 1.304688,-0.392578 z m 15.466797,0.08008 h 0.126953 c 0.416666,0 0.798171,0.0957 1.144531,0.287109 0.378907,0.218754 0.589842,0.373694 0.632813,0.464844 l -0.933594,0.839844 c 0,-0.0104 -0.01891,-0.03708 -0.05664,-0.08008 -0.04293,-0.03774 -0.08851,-0.07484 -0.136719,-0.111328 -0.0482,-0.03773 -0.117211,-0.07549 -0.207031,-0.113282 -0.09635,-0.03647 -0.203126,-0.05469 -0.320312,-0.05469 -0.14974,0 -0.280597,0.02929 -0.392579,0.08789 -0.117183,0.0638 -0.178393,0.154298 -0.183593,0.271485 v 0.01563 c 0,0.06901 0.05339,0.130203 0.160156,0.183593 0.106773,0.0534 0.245442,0.09637 0.416016,0.128907 0.170573,0.03126 0.346357,0.06317 0.527343,0.0957 0.304687,0.0586 0.593095,0.20248 0.865235,0.43164 0.260413,0.229168 0.390625,0.594404 0.390625,1.095704 v 0.0332 c -0.0053,0.30338 -0.103642,0.580724 -0.294922,0.832031 -0.19792,0.25 -0.453778,0.444664 -0.767578,0.583984 -0.29948,0.127607 -0.622397,0.191407 -0.96875,0.191407 h -0.08008 c -0.447914,-0.0156 -0.858722,-0.119767 -1.232422,-0.3125 -0.3737,-0.1862 -0.60287,-0.322263 -0.6875,-0.408203 l 0.77539,-1.015626 c 0.08594,0.09115 0.229821,0.200525 0.431641,0.328126 0.19792,0.127606 0.425134,0.191406 0.681641,0.191406 h 0.0293 c 0.180995,0 0.338543,-0.03711 0.472657,-0.111328 0.111979,-0.0638 0.167969,-0.149086 0.167969,-0.25586 v -0.04102 c -0.01694,-0.117187 -0.07032,-0.194009 -0.160157,-0.230469 -0.09115,-0.03253 -0.278,-0.07811 -0.560547,-0.136719 -0.287766,-0.0534 -0.533208,-0.122411 -0.736328,-0.207031 -0.602866,-0.266927 -0.904297,-0.720702 -0.904297,-1.361328 0,-0.303387 0.08529,-0.578126 0.25586,-0.824219 0.165366,-0.244793 0.386722,-0.436852 0.664062,-0.576172 0.27214,-0.138016 0.56576,-0.212236 0.88086,-0.222656 z m -10.326172,0.01563 v 0.808594 c 0.122393,-0.240887 0.306641,-0.43034 0.552734,-0.56836 0.239587,-0.139324 0.498051,-0.208984 0.775391,-0.208984 0.08463,0 0.162112,0.0045 0.232422,0.0098 0.06902,0.01173 0.116538,0.02019 0.142578,0.02539 l -0.486328,1.527344 c -0.01173,-0.0053 -0.04036,-0.01317 -0.08203,-0.02344 -0.043,-0.0053 -0.09899,-0.0078 -0.167968,-0.0078 -0.09635,0 -0.205725,0.01561 -0.328125,0.04687 -0.218747,0.0638 -0.363284,0.180989 -0.433594,0.351562 -0.06901,0.177087 -0.108731,0.409506 -0.119141,0.697266 0.01043,0.0534 0.01563,0.13608 0.01563,0.248047 l 0.002,-0.002 v 2.03125 l -1.591796,0.152343 v -4.904296 z m -5.080078,1.3125 c -0.211453,0.01065 -0.402882,0.06671 -0.574219,0.167969 -0.170573,0.106766 -0.303388,0.250647 -0.398438,0.43164 -0.101563,0.180987 -0.152343,0.37044 -0.152343,0.56836 0,0.3138 0.114583,0.58268 0.34375,0.80664 0.229166,0.22396 0.499353,0.335938 0.814453,0.335938 0.325526,-0.0104 0.602218,-0.127583 0.826172,-0.351563 0.218753,-0.218746 0.328125,-0.487627 0.328125,-0.80664 0,-0.330727 -0.115238,-0.608072 -0.345703,-0.832032 -0.229167,-0.21354 -0.503253,-0.320312 -0.822266,-0.320312 h -0.01758 z m 9.794921,0.0332 c -0.304686,0 -0.576819,0.104167 -0.816406,0.3125 -0.24555,0.213069 -0.37911,0.465667 -0.40039,0.757813 v 0.002 c -0.0052,0.04744 -0.0098,0.09243 -0.0098,0.134765 0,0.308594 0.09896,0.569657 0.296875,0.783203 0.217447,0.2513 0.475911,0.389976 0.775391,0.416016 0.03773,0.0054 0.07485,0.0098 0.111328,0.0098 0.292973,0 0.554689,-0.0931 0.785156,-0.279297 0.255207,-0.203127 0.399091,-0.467449 0.431641,-0.792969 0.0054,-0.03647 0.0098,-0.07358 0.0098,-0.111328 0,-0.180987 -0.04036,-0.356771 -0.121094,-0.527344 C 23.907552,16.16862 23.763672,16 23.576172,15.871094 c -0.1862,-0.127609 -0.391281,-0.194019 -0.615234,-0.199219 z"
+         transform="translate(421.71429,515.79074)"
+         id="path825"
+         inkscape:connector-curvature="0" />
+      <g
+         aria-label="ABC"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.33333302px;line-height:1.25;font-family:Kabel;-inkscape-font-specification:Kabel;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+         id="text841" />
+      <g
+         aria-label="Words"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+         id="text842" />
+    </g>
+  </g>
+</svg>