Add the images

Signed-off-by: Cristhofer Travieso <cristhofert97@gmail.com>

5 files changed, 299 insertions, 4 deletions

diff --git a/icons/added.svg b/icons/added.svg
new file mode 100644
index 0000000..0a2c4a3
--- /dev/null
+++ b/icons/added.svg
@@ -0,0 +1,68 @@
+<?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="55"
+   height="55"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="recomendado.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="9.98"
+     inkscape:cx="46.046493"
+     inkscape:cy="28.89306"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1301"
+     inkscape:window-height="744"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-997.36218)">
+    <text
+       xml:space="preserve"
+       style="font-size:78.53941344999999785px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans"
+       x="-6.2187395"
+       y="1064.5243"
+       id="text3915"
+       sodipodi:linespacing="125%"
+       transform="scale(1.0147453,0.98546901)"><tspan
+         sodipodi:role="line"
+         id="tspan3917"
+         x="-6.2187395"
+         y="1064.5243">+</tspan></text>
+  </g>
+</svg>
diff --git a/icons/popular.svg b/icons/popular.svg
new file mode 100644
index 0000000..255a19a
--- /dev/null
+++ b/icons/popular.svg
@@ -0,0 +1,79 @@
+<?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="55"
+   height="55"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="a;adidos.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="9.98"
+     inkscape:cx="46.046493"
+     inkscape:cy="28.89306"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1301"
+     inkscape:window-height="744"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-997.36218)">
+    <text
+       xml:space="preserve"
+       style="font-size:44.65984344000000306px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:#000000;font-family:Sans;stroke-opacity:1"
+       x="-2.1353211"
+       y="1080.3403"
+       id="text3915"
+       sodipodi:linespacing="125%"
+       transform="scale(1.0533649,0.94933863)"><tspan
+         sodipodi:role="line"
+         id="tspan3917"
+         x="-2.1353211"
+         y="1080.3403">+</tspan></text>
+    <path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.80256581000000005px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 28.951416,1015.7898 c 3.421749,0 7.830355,0 11.751602,0 l 0,22.8641 6.089674,0 -12.632991,12.0717 -10.966288,-12.5003 5.758003,-0.4137 z"
+       id="path3940"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:1.01282965999999996px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 19.444608,1050.6517 30.649862,0"
+       id="path3942"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/icons/recommended.svg b/icons/recommended.svg
new file mode 100644
index 0000000..d3779fc
--- /dev/null
+++ b/icons/recommended.svg
@@ -0,0 +1,77 @@
+<?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="55"
+   height="55"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="Nuevo documento 1">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="9.98"
+     inkscape:cx="46.046493"
+     inkscape:cy="29.400846"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1301"
+     inkscape:window-height="744"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-997.36218)">
+    <g
+       id="g3891">
+      <path
+         sodipodi:nodetypes="cccccccccccccc"
+         inkscape:connector-curvature="0"
+         id="path3098"
+         d="m 15.931863,1044.7469 0.300601,-21.6432 c 3.906508,-0.3688 7.132824,-8.8639 9.91984,-14.5291 l -0.200401,-7.6152 c 1.903808,-2.31831 3.807615,-1.63796 5.711423,-1.10223 1.367389,3.03153 2.499187,6.12203 2.805611,9.41883 l -1.603206,9.519 15.230461,0.1002 c 2.359003,2.3361 2.801522,4.8465 -0.701403,7.7155 2.566614,2.1682 2.008669,4.4784 -1.302605,6.9138 2.574717,3.0736 0.617971,4.9547 -1.803607,6.7134 3.153448,2.3681 0.328912,4.9852 -2.805611,7.6153 l -20.541083,-1.1022 c -1.554816,-1.82 -3.189026,-2.8459 -5.01002,-2.0041 z"
+         style="fill:#ffffff;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         transform="translate(0,997.36218)"
+         inkscape:connector-curvature="0"
+         id="path3100"
+         d="m 16.032064,25.941884 -8.7174347,0 0,22.244489 8.5170337,0 0,-0.100201"
+         style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         transform="translate(0,997.36218)"
+         inkscape:connector-curvature="0"
+         id="path3102"
+         d="m 7.8400802,37.06208 0,-10.621242 3.9078158,0 3.907815,0 -0.0042,1.477956 c -0.0035,1.246508 -0.275086,19.66527 -0.291056,19.739479 -0.003,0.01378 -1.696273,0.02505 -3.762906,0.02505 l -3.7575148,0 0,-10.621243 z"
+         style="fill:#000000;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/icons/update.svg b/icons/update.svg
new file mode 100644
index 0000000..91d5f80
--- /dev/null
+++ b/icons/update.svg
@@ -0,0 +1,71 @@
+<?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="55"
+   height="55"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="update.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5"
+     inkscape:cx="44.3"
+     inkscape:cy="38.277634"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1301"
+     inkscape:window-height="744"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-997.36218)">
+    <path
+       sodipodi:type="arc"
+       style="fill:#000000;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="path2985"
+       sodipodi:cx="27.799999"
+       sodipodi:cy="27.799999"
+       sodipodi:rx="27.6"
+       sodipodi:ry="27.200001"
+       d="m 55.4,27.799999 a 27.6,27.200001 0 1 1 -55.20000114,0 27.6,27.200001 0 1 1 55.20000114,0 z"
+       transform="matrix(0.83299915,-0.07682252,0.08203994,0.86925944,0.82376397,1003.3494)" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.93710797999999995px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 43.076718,1029.7576 c 11.311726,6.2397 11.512938,6.4128 11.512938,6.4128 l -12.327572,6.5032 z"
+       id="path3755"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/index2.html b/index2.html
index f7be718..1778dcd 100644
--- a/index2.html
+++ b/index2.html
@@ -13,10 +13,10 @@
   <div id="main-toolbar" class="toolbar">
     <button class="toolbutton" id="activity-button" title="My Activity"></button>
     <hr/>
-    <button class="toolbutton" id="recommended-button" title="Recommended" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=recommended#featured');"></button>
-    <button class="toolbutton" id="popular-button" title="Popular" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=popular#featured');"></button>
-    <button class="toolbutton" id="added-button" title="Added" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=added#featured');"></button>
-    <button class="toolbutton" id="updated-button" title="Updated" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=updated#featured');"></button>
+    <button class="toolbutton" id="recommended-button" title="Recommended" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=recommended#featured');"> <img src='icons/recommended.svg' alt='recommended'> </button>
+    <button class="toolbutton" id="popular-button" title="Popular" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=popular#featured');"> <img src='icons/popular.svg' alt='popular'> </button>
+    <button class="toolbutton" id="added-button" title="Added" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=added#featured');"> <img src='icons/added.svg' alt='added'> </button>
+    <button class="toolbutton" id="updated-button" title="Updated" onclick="document.getElementById('IframeASLO').setAttribute('src', 'http://activities.sugarlabs.org/sugar/?featured=updated#featured');"> <img src='icons/update.svg' alt='update'> </button>
 
     <button class="toolbutton pull-right" id="stop-button" title="Stop"></button>
   </div>