Journal page made from real journal

34 files changed, 429 insertions, 417 deletions

diff --git a/activity/journal-share-icon.svg b/activity/journal-share-icon.svg
index 8da7c63..34acbcc 100644
--- a/activity/journal-share-icon.svg
+++ b/activity/journal-share-icon.svg
@@ -1,26 +1,141 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]>
-<svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
-  <g display="block" id="activity-helloworld">
-    <path d="M9.263,48.396c0.682,1.152,6.027,0.059,8.246-1.463   c2.102-1.432,3.207-2.596,4.336-2.596c1.133,0,12.54,0.92,20.935-5.715c7.225-5.707,9.773-13.788,4.52-21.437   c-5.252-7.644-13.832-9.08-20.878-8.56C16.806,9.342,4.224,16.91,4.677,28.313c0.264,6.711,3.357,9.143,4.922,10.703   c1.562,1.566,4.545,1.566,2.992,5.588C11.981,46.183,8.753,47.522,9.263,48.396z" display="inline" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5"/>
-  </g>
-  <circle cx="27.375" cy="27.5" r="19.903"
-     transform="matrix(0.6,0,0,0.6,10.95,11)"
-     id="circle4" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" display="inline" />
-  <g transform="matrix(0.6,0,0,0.6,10.95,11)" id="g6" style="display:inline">
-    <path d="m 27.376,7.598 c 0,0 -11.205,8.394 -11.205,19.976 0,11.583 11.205,19.829 11.205,19.829"
-       id="path8" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" />
-    <path d="m 27.376,7.598 c 0,0 11.066,9.141 11.066,19.976 0,10.839 -11.066,19.829 -11.066,19.829"
-       id="path10" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" />
-    <line x1="27.375999" x2="27.375999" y1="7.598" y2="47.402"
-       id="line12" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" />
-    <line x1="27.375999" x2="27.375999" y1="7.598" y2="47.402"
-       id="line14" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" />
-    <line x1="27.375999" x2="27.375999" y1="7.598" y2="47.402"
-       id="line16" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" />
-    <line x1="7.4720001" x2="47.278" y1="27.5" y2="27.5"
-       id="line18" fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 55 55"
+   height="55px"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 55 55"
+   width="55px"
+   x="0px"
+   xml:space="preserve"
+   y="0px"
+   inkscape:version="0.48.3.1 r9886"
+   sodipodi:docname="journal-share-icon.svg"><metadata
+     id="metadata3072"><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><defs
+     id="defs3070" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1024"
+     inkscape:window-height="541"
+     id="namedview3068"
+     showgrid="false"
+     inkscape:zoom="6.2181818"
+     inkscape:cx="27.5"
+     inkscape:cy="27.5"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><g
+     display="block"
+     id="activity-journal"
+     style="stroke:#000000"><path
+       d="M45.866,44.669   c0,2.511-1.528,4.331-4.332,4.331H12.077V6h29.458c2.15,0,4.332,2.154,4.332,4.33L45.866,44.669L45.866,44.669z"
+       fill="#ffffff"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3058"
+       style="stroke:#000000" /><line
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       x1="21.341"
+       x2="21.341"
+       y1="6.121"
+       y2="48.881"
+       id="line3060"
+       style="stroke:#000000" /><path
+       d="M7.384,14.464   c0,0,2.084,0.695,4.17,0.695c2.086,0,4.173-0.695,4.173-0.695"
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3062"
+       style="stroke:#000000" /><path
+       d="M7.384,28.021   c0,0,1.912,0.695,4.345,0.695s3.999-0.695,3.999-0.695"
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3064"
+       style="stroke:#000000" /><path
+       d="M7.384,41.232   c0,0,1.736,0.695,4.518,0.695c2.781,0,3.825-0.695,3.825-0.695"
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3066"
+       style="stroke:#000000" /></g><g
+     transform="matrix(0.56922896,0,0,0.54105698,47.285258,23.809361)"
+     style="display:block"
+     display="block"
+     id="activity-browse"><circle
+       d="m 47.278,27.5 c 0,10.992123 -8.910877,19.903 -19.903,19.903 -10.992123,0 -19.9029999,-8.910877 -19.9029999,-19.903 0,-10.992123 8.9108769,-19.9029999 19.9029999,-19.9029999 10.992123,0 19.903,8.9108769 19.903,19.9029999 z"
+       style="fill:#ffffff;stroke:#010101;stroke-width:3.5;display:inline"
+       sodipodi:ry="19.903"
+       sodipodi:rx="19.903"
+       sodipodi:cy="27.5"
+       sodipodi:cx="27.375"
+       cx="27.375"
+       cy="27.5"
+       display="inline"
+       r="19.903"
+       id="circle3158"
+       transform="translate(-38.596491,6.4327485)" /><g
+       style="display:inline;stroke:#000000;stroke-opacity:1"
+       display="inline"
+       id="g3160"
+       transform="translate(-38.596491,6.4327485)"><path
+         style="fill:#ffffff;stroke:#000000;stroke-width:3.50000000000000000;stroke-opacity:1"
+         inkscape:connector-curvature="0"
+         d="m 27.376,7.598 c 0,0 -11.205,8.394 -11.205,19.976 0,11.583 11.205,19.829 11.205,19.829"
+         id="path3162" /><path
+         style="fill:#ffffff;stroke:#000000;stroke-width:3.50000000000000000;stroke-opacity:1"
+         inkscape:connector-curvature="0"
+         d="m 27.376,7.598 c 0,0 11.066,9.141 11.066,19.976 0,10.839 -11.066,19.829 -11.066,19.829"
+         id="path3164" /><line
+         style="fill:#ffffff;stroke:#000000;stroke-width:3.50000000000000000;stroke-opacity:1"
+         x1="27.375999"
+         x2="27.375999"
+         y1="7.598"
+         y2="47.402"
+         id="line3166" /><line
+         style="fill:#ffffff;stroke:#000000;stroke-width:3.50000000000000000;stroke-opacity:1"
+         x1="27.375999"
+         x2="27.375999"
+         y1="7.598"
+         y2="47.402"
+         id="line3168" /><line
+         style="fill:#ffffff;stroke:#000000;stroke-width:3.50000000000000000;stroke-opacity:1"
+         x1="27.375999"
+         x2="27.375999"
+         y1="7.598"
+         y2="47.402"
+         id="line3170" /><line
+         style="fill:#ffffff;stroke:#000000;stroke-width:3.50000000000000000;stroke-opacity:1"
+         x1="7.4720001"
+         x2="47.278"
+         y1="27.5"
+         y2="27.5"
+         id="line3172" /></g></g></svg>
\ No newline at end of file
diff --git a/server.py b/server.py
index c72e5d2..aee37b2 100644
--- a/server.py
+++ b/server.py
@@ -18,15 +18,15 @@ import SimpleHTTPServer
 import SocketServer
 import os
 
-os.chdir('web')
+os.chdir(os.path.join(os.path.dirname(__file__), 'web'))
 
 
 def setup_server():
-    PORT = 1097
+    PORT = 2810
     Handler = SimpleHTTPServer.SimpleHTTPRequestHandler
-    httpd = SocketServer.TCPServer(("", PORT), Handler)
+    httpd = SocketServer.TCPServer(('', PORT), Handler)
 
-    print "serving at port", PORT
+    print 'serving at port', PORT
 
     return httpd
 
diff --git a/templates b/templates
index cc31dc9..9a8b9ee 100644
--- a/templates
+++ b/templates
@@ -5,14 +5,28 @@
     <meta charset="utf-8">
     <title>Journal Share - {nick}</title>
     <link href="style.css" rel="stylesheet" type="text/css"></link>
+    <link rel="icon" type="image/svg" href="images/journalshare-icon.svg"></link>
   </head>
   <body>
-    <div class="toolbar">
-      <img src="images/journal-share-icon.png"></img>{nick}'s Journal
-      <div class="refresh" onclick="document.location.reload(true)">
-        <img src="images/refresh.png" width="40" height="40"></img>
-      </div>
-    </div>
+    <table id="toolbar">
+      <tbody>
+        <tr>
+          <td>
+            <a href="index.html">
+              <img src="images/journalshare-icon.svg"></img>
+            </a>
+          </td>
+          <td>
+            {nick}'s Journal
+          </td>
+          <td>
+            <div class="refresh" onclick="document.location.reload(true)">
+              <img src="images/refresh.png" width="40" height="40"></img>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
     {objects}
   </body>
 </html>
diff --git a/utils.py b/utils.py
index 9d0e944..c0a6216 100644
--- a/utils.py
+++ b/utils.py
@@ -1,3 +1,4 @@
+
 # Copyright 2013 Agustin Zubiaga <aguz@sugarlabs.org>
 #
 # This program is free software; you can redistribute it and/or modify
@@ -14,35 +15,68 @@
 # along with this program; if not, write to the Free Software
 # Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 
+import os
+
+from sugar import profile
 from sugar.datastore import datastore
 
 tfile = open('templates', 'r')
 templates = tfile.read()
 tfile.close()
 
+webdir = os.path.join(os.path.dirname(__file__), 'web')
+
+INDEX = open(os.path.join(webdir, 'index.html'), 'w')
+ICONS_DIR = os.path.join(webdir, 'images')
+FILES_DIR = os.path.join(webdir, 'files')
+
 
 def fill_out_template(template, content):
     template = templates.split('#!%s\n' % template)[1].split('\n!#')[0]
-    for x in content.keys():
+    for x in list(content.keys()):
         template = template.replace('{%s}' % x, content[x])
 
     return template
 
 
-def build_journal():
+def find_icon(mime_type):
+    generic_name = mime_type.split('/')[0]
+    if generic_name + '.svg' in os.listdir(ICONS_DIR):
+        return '%s.svg' % generic_name
+
+    else:
+        return 'unknown.svg'
+
+
+def link_file(file_path):
+    link_path = os.path.join(FILES_DIR, os.path.split(file_path)[-1])
+    os.link(file_path, link_path)
+    return os.path.split(link_path)[-1]
+
+
+def build_journal_page():
+    for f in os.listdir(FILES_DIR):
+        os.remove(os.path.join(FILES_DIR, f))
+
     objects_starred, no = datastore.find({'keep': '1'})
+    objects = []
 
-    objects = [{'file': 'a', 'name': 'No Te Va Gustar - A las nueve',
-                'icon': 'audio-x-generic.svg'},
-               {'file': 'b', 'name': 'Perla jugando con el gato BOB',
-                'icon': 'image.svg'}]
+    for dsobj in objects_starred:
+        title = dsobj.metadata['title']
+        icon = find_icon(dsobj.metadata['mime_type'])
+        file_link = link_file(dsobj.file_path)
+        objects.append({'file': file_link, 'name': title, 'icon': icon})
 
     objects_html = ''
     for o in objects:
         objects_html += '%s' % fill_out_template('object', o)
 
-    print fill_out_template('index', {'nick': 'Agus', 'objects': objects_html})
+    index_html = fill_out_template('index', {'nick': profile.get_nick_name(),
+                                             'objects': objects_html})
+
+    INDEX.write(index_html)
+    INDEX.flush()
 
 
 if __name__ == "__main__":
-    build_journal()
+    build_journal_page()
diff --git a/web/files/f9ba5ac1-3f2a-4e71-a43d-6ebee8f1dd83_Vh_qS5.wsgi b/web/files/f9ba5ac1-3f2a-4e71-a43d-6ebee8f1dd83_Vh_qS5.wsgi
new file mode 100644
index 0000000..95d0cd4
--- /dev/null
+++ b/web/files/f9ba5ac1-3f2a-4e71-a43d-6ebee8f1dd83_Vh_qS5.wsgi
@@ -0,0 +1,41 @@
+import time
+
+
+def factorial_recursive(number):
+    """ Define a factorial function in recursive flavor """
+    result = 1
+    if number > 0:
+        result = number * factorial_recursive(number - 1)
+        print 'factorizing: ', number, ' result: ', result
+    return result
+
+
+def factorial_iterative(number):
+    """ Define a factorial function in iterative flavor """
+    result = 1
+    for i in range(1, number + 1):
+        result = result * i
+        print 'factorizing: ', i, ' result: ', result
+    return result
+
+
+def calculate(number, type):
+    """ Calculate factorial using recursive and iterative methods """
+    start = time.time()
+    if type == 0:
+        type_s = 'recursive'
+        factorial_recursive(number)
+    else:
+        type_s = 'iterative'
+        factorial_iterative(number)
+    delta = time.time() - start
+    if delta > 0:
+        print 'Type: ', type_s, ' in: ', 1 / delta
+    else:
+        print 'Type: ', type_s
+
+# ask for a number to compute the factorial of
+number = input('Please input a number:')
+print 'Calculating...'
+calculate(number, 0)
+calculate(number, 1)
diff --git a/web/files/ff6fbb53-0568-46d1-84b1-c2c85a9b6753_nqpsl1.png b/web/files/ff6fbb53-0568-46d1-84b1-c2c85a9b6753_nqpsl1.png
new file mode 100644
index 0000000..32cca3f
--- /dev/null
+++ b/web/files/ff6fbb53-0568-46d1-84b1-c2c85a9b6753_nqpsl1.png
diff --git a/web/images/application-octet-stream.svg b/web/images/application-octet-stream.svg
deleted file mode 100644
index c094044..0000000
--- a/web/images/application-octet-stream.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-data">
-	<g>
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="16.441" y="34.625"/>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="21.941" y="29.125"/>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="27.441" y="34.625"/>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="32.941" y="29.125"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/application-x-generic.svg b/web/images/application-x-generic.svg
deleted file mode 100644
index c094044..0000000
--- a/web/images/application-x-generic.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-data">
-	<g>
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="16.441" y="34.625"/>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="21.941" y="29.125"/>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="27.441" y="34.625"/>
-	<rect fill="&stroke_color;" height="5.5" width="5.5" x="32.941" y="29.125"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/application-x-squeak-project.svg b/web/images/application-x-squeak-project.svg
deleted file mode 100644
index 9c8cd4b..0000000
--- a/web/images/application-x-squeak-project.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY fill_color "#FFFFFF">
-	<!ENTITY stroke_color "#000000">
-]>
-<svg
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   version="1.0"
-   width="75"
-   height="75"
-   viewBox="-13.5 -13.5 67.938 69.182"
-   id="Layer_1"
-   xml:space="preserve">
-<defs id="defs22">
-</defs>
-
-<path
-  fill="&fill_color;" stroke="&stroke_color;" stroke-width="3"
-   d="M 15.820027,29.033478 C 15.324537,29.214584 8.3796958,20.80842 7.869645,20.668762 C 7.3596491,20.529118 -2.6278475,23.99372 -2.9600904,23.582905 C -3.2923691,23.172046 2.0457215,13.863433 2.0258486,13.337635 C 2.0059778,12.811893 -4.4376469,4.2281463 -4.1439709,3.7883584 C -3.8502634,3.3485233 6.726764,5.9448574 7.2222285,5.7610093 C 7.7176397,5.577181 14.22687,-3.429313 14.733357,-3.2890529 C 15.239897,-3.1487777 16.050126,7.7585008 16.376344,8.1762243 C 16.702528,8.593903 26.705417,11.717718 26.721498,12.246854 C 26.737581,12.776046 16.836542,17.150184 16.549663,17.593766 C 16.262815,18.037301 16.315463,28.852391 15.820027,29.033478 z "
-   transform="matrix(0.909724,0,0,0.862888,13.63036,4.038791)"
-   style="stroke-width:3"
-   id="path4637" /><path
-  fill="&fill_color;" stroke="&stroke_color;" stroke-width="3"
-   d="M 9.9235,28.121333 L 2.8931667,38.666833 L 2.8931667,38.666833"
-   style="stroke-width:3"
-   id="path5528" /><path
-  fill="&fill_color;" stroke="&stroke_color;" stroke-width="3"
-   d="M 16.953833,28.121333 L 9.9235,38.666833"
-   style="stroke-width:3"
-   id="path5530" /><path
-  fill="&fill_color;" stroke="&stroke_color;" stroke-width="3"
-   d="M 23.984167,28.121333 L 16.953833,38.666833"
-   style="stroke-width:3"
-   id="path5532" /></svg>
diff --git a/web/images/ascii.svg b/web/images/ascii.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/ascii.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/audio-x-generic.svg b/web/images/audio.svg
index 5a3756b..5a3756b 100644
--- a/web/images/audio-x-generic.svg
+++ b/web/images/audio.svg
diff --git a/web/images/document-generic.svg b/web/images/document.svg
index a724766..a724766 100644
--- a/web/images/document-generic.svg
+++ b/web/images/document.svg
diff --git a/web/images/empty.svg b/web/images/empty.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/empty.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-application-ogg.svg b/web/images/gnome-mime-application-ogg.svg
deleted file mode 100644
index 5a3756b..0000000
--- a/web/images/gnome-mime-application-ogg.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-audio">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M28.325,39.697c-0.511-1.457-3.21-1.073-4.41-0.07   c-2.4,2.009-0.424,4.396,2.324,3.277C27.803,42.266,28.835,41.156,28.325,39.697z" display="inline" fill="&stroke_color;" stroke="&stroke_color;" stroke-width="3.5"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="2.25" x1="28.941" x2="28.941" y1="39.806" y2="26.967"/>
-	<polygon display="inline" fill="&stroke_color;" points="35.047,25.036 27.838,28.595 27.838,24.728 35.047,21.166  "/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-application-vnd.rn-realmedia-secure.svg b/web/images/gnome-mime-application-vnd.rn-realmedia-secure.svg
deleted file mode 100644
index a20349c..0000000
--- a/web/images/gnome-mime-application-vnd.rn-realmedia-secure.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-video">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,24.842c-4.757,0-8.72,4.744-8.72,4.744s3.963,4.767,8.72,4.764   c4.757-0.004,8.722-4.77,8.722-4.77S32.262,24.839,27.504,24.842z M27.504,32.932c-1.842,0-3.335-1.494-3.335-3.336   c0-1.839,1.493-3.336,3.335-3.336c1.839,0,3.333,1.497,3.333,3.336C30.838,31.438,29.344,32.932,27.504,32.932z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.505" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="14.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="10.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="43.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="39.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-application-vnd.rn-realmedia-vbr.svg b/web/images/gnome-mime-application-vnd.rn-realmedia-vbr.svg
deleted file mode 100644
index a20349c..0000000
--- a/web/images/gnome-mime-application-vnd.rn-realmedia-vbr.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-video">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,24.842c-4.757,0-8.72,4.744-8.72,4.744s3.963,4.767,8.72,4.764   c4.757-0.004,8.722-4.77,8.722-4.77S32.262,24.839,27.504,24.842z M27.504,32.932c-1.842,0-3.335-1.494-3.335-3.336   c0-1.839,1.493-3.336,3.335-3.336c1.839,0,3.333,1.497,3.333,3.336C30.838,31.438,29.344,32.932,27.504,32.932z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.505" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="14.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="10.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="43.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="39.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-application-vnd.rn-realmedia.svg b/web/images/gnome-mime-application-vnd.rn-realmedia.svg
deleted file mode 100644
index a20349c..0000000
--- a/web/images/gnome-mime-application-vnd.rn-realmedia.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-video">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,24.842c-4.757,0-8.72,4.744-8.72,4.744s3.963,4.767,8.72,4.764   c4.757-0.004,8.722-4.77,8.722-4.77S32.262,24.839,27.504,24.842z M27.504,32.932c-1.842,0-3.335-1.494-3.335-3.336   c0-1.839,1.493-3.336,3.335-3.336c1.839,0,3.333,1.497,3.333,3.336C30.838,31.438,29.344,32.932,27.504,32.932z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.505" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="14.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="10.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="43.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="39.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-application-x-killustrator.svg b/web/images/gnome-mime-application-x-killustrator.svg
deleted file mode 100644
index ac387f2..0000000
--- a/web/images/gnome-mime-application-x-killustrator.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-image">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,23.342c-6.258,0-11.471,6.241-11.471,6.241s5.213,6.271,11.471,6.267   c6.259-0.005,11.475-6.274,11.475-6.274S33.763,23.338,27.504,23.342z M27.504,33.984c-2.423,0-4.387-1.966-4.387-4.389   c0-2.419,1.964-4.388,4.387-4.388c2.42,0,4.386,1.969,4.386,4.388C31.89,32.019,29.924,33.984,27.504,33.984z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.504" cy="29.597" display="inline" fill="&stroke_color;" r="1.991"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-application-x-shockwave-flash.svg b/web/images/gnome-mime-application-x-shockwave-flash.svg
deleted file mode 100644
index a20349c..0000000
--- a/web/images/gnome-mime-application-x-shockwave-flash.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-video">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,24.842c-4.757,0-8.72,4.744-8.72,4.744s3.963,4.767,8.72,4.764   c4.757-0.004,8.722-4.77,8.722-4.77S32.262,24.839,27.504,24.842z M27.504,32.932c-1.842,0-3.335-1.494-3.335-3.336   c0-1.839,1.493-3.336,3.335-3.336c1.839,0,3.333,1.497,3.333,3.336C30.838,31.438,29.344,32.932,27.504,32.932z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.505" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="14.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="10.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="43.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="39.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-audio.svg b/web/images/gnome-mime-audio.svg
deleted file mode 100644
index 5a3756b..0000000
--- a/web/images/gnome-mime-audio.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-audio">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M28.325,39.697c-0.511-1.457-3.21-1.073-4.41-0.07   c-2.4,2.009-0.424,4.396,2.324,3.277C27.803,42.266,28.835,41.156,28.325,39.697z" display="inline" fill="&stroke_color;" stroke="&stroke_color;" stroke-width="3.5"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="2.25" x1="28.941" x2="28.941" y1="39.806" y2="26.967"/>
-	<polygon display="inline" fill="&stroke_color;" points="35.047,25.036 27.838,28.595 27.838,24.728 35.047,21.166  "/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-image.svg b/web/images/gnome-mime-image.svg
deleted file mode 100644
index ac387f2..0000000
--- a/web/images/gnome-mime-image.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-image">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,23.342c-6.258,0-11.471,6.241-11.471,6.241s5.213,6.271,11.471,6.267   c6.259-0.005,11.475-6.274,11.475-6.274S33.763,23.338,27.504,23.342z M27.504,33.984c-2.423,0-4.387-1.966-4.387-4.389   c0-2.419,1.964-4.388,4.387-4.388c2.42,0,4.386,1.969,4.386,4.388C31.89,32.019,29.924,33.984,27.504,33.984z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.504" cy="29.597" display="inline" fill="&stroke_color;" r="1.991"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-text.svg b/web/images/gnome-mime-text.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/gnome-mime-text.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/gnome-mime-video.svg b/web/images/gnome-mime-video.svg
deleted file mode 100644
index a20349c..0000000
--- a/web/images/gnome-mime-video.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-video">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,24.842c-4.757,0-8.72,4.744-8.72,4.744s3.963,4.767,8.72,4.764   c4.757-0.004,8.722-4.77,8.722-4.77S32.262,24.839,27.504,24.842z M27.504,32.932c-1.842,0-3.335-1.494-3.335-3.336   c0-1.839,1.493-3.336,3.335-3.336c1.839,0,3.333,1.497,3.333,3.336C30.838,31.438,29.344,32.932,27.504,32.932z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.505" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="14.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="10.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="43.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="39.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/image-x-generic.svg b/web/images/image-x-generic.svg
deleted file mode 100644
index ac387f2..0000000
--- a/web/images/image-x-generic.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-image">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,23.342c-6.258,0-11.471,6.241-11.471,6.241s5.213,6.271,11.471,6.267   c6.259-0.005,11.475-6.274,11.475-6.274S33.763,23.338,27.504,23.342z M27.504,33.984c-2.423,0-4.387-1.966-4.387-4.389   c0-2.419,1.964-4.388,4.387-4.388c2.42,0,4.386,1.969,4.386,4.388C31.89,32.019,29.924,33.984,27.504,33.984z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.504" cy="29.597" display="inline" fill="&stroke_color;" r="1.991"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/journalshare-icon.svg b/web/images/journalshare-icon.svg
new file mode 100644
index 0000000..2a59986
--- /dev/null
+++ b/web/images/journalshare-icon.svg
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 55 55"
+   height="55px"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 55 55"
+   width="55px"
+   x="0px"
+   xml:space="preserve"
+   y="0px"
+   inkscape:version="0.48.3.1 r9886"
+   sodipodi:docname="journal-share-icon.svg"><metadata
+     id="metadata3072"><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><defs
+     id="defs3070" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1024"
+     inkscape:window-height="541"
+     id="namedview3068"
+     showgrid="false"
+     inkscape:zoom="6.2181818"
+     inkscape:cx="4.2970532"
+     inkscape:cy="27.5"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><g
+     display="block"
+     id="activity-journal"
+     style="stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1"><path
+       d="M45.866,44.669   c0,2.511-1.528,4.331-4.332,4.331H12.077V6h29.458c2.15,0,4.332,2.154,4.332,4.33L45.866,44.669L45.866,44.669z"
+       fill="#ffffff"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3058"
+       style="stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1" /><line
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       x1="21.341"
+       x2="21.341"
+       y1="6.121"
+       y2="48.881"
+       id="line3060"
+       style="stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1" /><path
+       d="M7.384,14.464   c0,0,2.084,0.695,4.17,0.695c2.086,0,4.173-0.695,4.173-0.695"
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3062"
+       style="stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1" /><path
+       d="M7.384,28.021   c0,0,1.912,0.695,4.345,0.695s3.999-0.695,3.999-0.695"
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3064"
+       style="stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1" /><path
+       d="M7.384,41.232   c0,0,1.736,0.695,4.518,0.695c2.781,0,3.825-0.695,3.825-0.695"
+       fill="none"
+       stroke="#666666"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       stroke-width="3.5"
+       id="path3066"
+       style="stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1" /></g><g
+     transform="matrix(0.56922896,0,0,0.54105698,47.285258,23.809361)"
+     style="display:block;stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1"
+     display="block"
+     id="activity-browse"><circle
+       d="m 47.278,27.5 c 0,10.992123 -8.910877,19.903 -19.903,19.903 -10.992123,0 -19.9029999,-8.910877 -19.9029999,-19.903 0,-10.992123 8.9108769,-19.9029999 19.9029999,-19.9029999 10.992123,0 19.903,8.9108769 19.903,19.9029999 z"
+       style="fill:#033cd2;stroke:#78e600;stroke-width:3.50000000000000000;display:inline;stroke-opacity:1;fill-opacity:1"
+       sodipodi:ry="19.903"
+       sodipodi:rx="19.903"
+       sodipodi:cy="27.5"
+       sodipodi:cx="27.375"
+       cx="27.375"
+       cy="27.5"
+       display="inline"
+       r="19.903"
+       id="circle3158"
+       transform="translate(-38.596491,6.4327485)" /><g
+       style="display:inline;stroke:#78e600;stroke-opacity:1;fill:#033cd2;fill-opacity:1"
+       display="inline"
+       id="g3160"
+       transform="translate(-38.596491,6.4327485)"><path
+         style="fill:#033cd2;stroke:#78e600;stroke-width:3.50000000000000000;stroke-opacity:1;fill-opacity:1"
+         inkscape:connector-curvature="0"
+         d="m 27.376,7.598 c 0,0 -11.205,8.394 -11.205,19.976 0,11.583 11.205,19.829 11.205,19.829"
+         id="path3162" /><path
+         style="fill:#033cd2;stroke:#78e600;stroke-width:3.50000000000000000;stroke-opacity:1;fill-opacity:1"
+         inkscape:connector-curvature="0"
+         d="m 27.376,7.598 c 0,0 11.066,9.141 11.066,19.976 0,10.839 -11.066,19.829 -11.066,19.829"
+         id="path3164" /><line
+         style="fill:#033cd2;stroke:#78e600;stroke-width:3.50000000000000000;stroke-opacity:1;fill-opacity:1"
+         x1="27.375999"
+         x2="27.375999"
+         y1="7.598"
+         y2="47.402"
+         id="line3166" /><line
+         style="fill:#033cd2;stroke:#78e600;stroke-width:3.50000000000000000;stroke-opacity:1;fill-opacity:1"
+         x1="27.375999"
+         x2="27.375999"
+         y1="7.598"
+         y2="47.402"
+         id="line3168" /><line
+         style="fill:#033cd2;stroke:#78e600;stroke-width:3.50000000000000000;stroke-opacity:1;fill-opacity:1"
+         x1="27.375999"
+         x2="27.375999"
+         y1="7.598"
+         y2="47.402"
+         id="line3170" /><line
+         style="fill:#033cd2;stroke:#78e600;stroke-width:3.50000000000000000;stroke-opacity:1;fill-opacity:1"
+         x1="7.4720001"
+         x2="47.278"
+         y1="27.5"
+         y2="27.5"
+         id="line3172" /></g></g></svg>
\ No newline at end of file
diff --git a/web/images/misc.svg b/web/images/misc.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/misc.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/package_editors.svg b/web/images/package_editors.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/package_editors.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/text-x-generic.svg b/web/images/text-x-generic.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/text-x-generic.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/txt.svg b/web/images/txt.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/txt.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/txt2.svg b/web/images/txt2.svg
deleted file mode 100644
index ae37e77..0000000
--- a/web/images/txt2.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/images/unknown.svg b/web/images/unknown.svg
index ae37e77..c094044 100644
--- a/web/images/unknown.svg
+++ b/web/images/unknown.svg
@@ -1,14 +1,15 @@
 <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
 	<!ENTITY stroke_color "#010101">
 	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-text">
-	<g display="inline">
+]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-data">
+	<g>
 		<g>
 			<polygon fill="&fill_color;" points="10.932,6.088 31.874,6.088 43.818,18.027 43.818,48.914      10.932,48.914    " stroke="&stroke_color;" stroke-width="3.5"/>
 			<polyline fill="none" points="43.818,18.027 31.874,18.027 31.874,6.088    " stroke="&stroke_color;" stroke-width="3.5"/>
 		</g>
 	</g>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="26.25" y2="26.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="33.25" y2="33.25"/>
-	<line display="inline" fill="none" stroke="&stroke_color;" stroke-width="3.5" x1="17.875" x2="36.875" y1="40.25" y2="40.25"/>
+	<rect fill="&stroke_color;" height="5.5" width="5.5" x="16.441" y="34.625"/>
+	<rect fill="&stroke_color;" height="5.5" width="5.5" x="21.941" y="29.125"/>
+	<rect fill="&stroke_color;" height="5.5" width="5.5" x="27.441" y="34.625"/>
+	<rect fill="&stroke_color;" height="5.5" width="5.5" x="32.941" y="29.125"/>
 </g></svg>
\ No newline at end of file
diff --git a/web/images/video-x-generic.svg b/web/images/video-x-generic.svg
deleted file mode 100644
index a20349c..0000000
--- a/web/images/video-x-generic.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
-	<!ENTITY stroke_color "#010101">
-	<!ENTITY fill_color "#FFFFFF">
-]><svg enable-background="new 0 0 55 55" height="55px" version="1.1" viewBox="0 0 55 55" width="55px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="clipping-video">
-	<g display="inline">
-		<g>
-			<polygon fill="&fill_color;" points="48.788,43.944 48.788,23.002 36.849,11.058 5.962,11.058      5.962,43.944    " stroke="&stroke_color;" stroke-width="3.5"/>
-			<polyline fill="none" points="36.849,11.058 36.849,23.002 48.788,23.002    " stroke="&stroke_color;" stroke-width="3.5"/>
-		</g>
-	</g>
-	<path d="M27.504,24.842c-4.757,0-8.72,4.744-8.72,4.744s3.963,4.767,8.72,4.764   c4.757-0.004,8.722-4.77,8.722-4.77S32.262,24.839,27.504,24.842z M27.504,32.932c-1.842,0-3.335-1.494-3.335-3.336   c0-1.839,1.493-3.336,3.335-3.336c1.839,0,3.333,1.497,3.333,3.336C30.838,31.438,29.344,32.932,27.504,32.932z" display="inline" fill="&stroke_color;"/>
-	<circle cx="27.505" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="14.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="10.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="43.875" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-	<circle cx="39.375" cy="29.597" display="inline" fill="&stroke_color;" r="1.514"/>
-</g></svg>
\ No newline at end of file
diff --git a/web/index.html b/web/index.html
index c7d9762..a82d204 100644
--- a/web/index.html
+++ b/web/index.html
@@ -2,27 +2,41 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>Journal Share - Agus</title>
+    <title>Journal Share - Agustin Zubiaga</title>
     <link href="style.css" rel="stylesheet" type="text/css"></link>
+    <link rel="icon" type="image/svg" href="images/journalshare-icon.svg"></link>
   </head>
   <body>
-    <div class="toolbar">
-      <img src="images/journal-share-icon.png"></img>Agus's Journal
-      <div class="refresh" onclick="document.location.reload(true)">
-        <img src="images/refresh.png" width="40" height="40"></img>
-      </div>
-    </div>
+    <table id="toolbar">
+      <tbody>
+        <tr>
+          <td>
+            <a href="index.html">
+              <img src="images/journalshare-icon.svg"></img>
+            </a>
+          </td>
+          <td>
+            Agustin Zubiaga's Journal
+          </td>
+          <td>
+            <div class="refresh" onclick="document.location.reload(true)">
+              <img src="images/refresh.png" width="40" height="40"></img>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
         <table>
       <tbody>
         <tr>
           <td>
-            <a href="a">
-              <img src="images/audio-x-generic.svg" height="40" width="40" style="margin-right: 5px;">
+            <a href="files/ff6fbb53-0568-46d1-84b1-c2c85a9b6753_nqpsl1.png">
+              <img src="images/image.svg" height="40" width="40" style="margin-right: 5px;">
             </a>
           </td>
           <td>
-            <a href="a">
-              No Te Va Gustar - A las nueve
+            <a href="files/ff6fbb53-0568-46d1-84b1-c2c85a9b6753_nqpsl1.png">
+              fondo.png
             </a>
           </td>
         </tr>
@@ -32,13 +46,13 @@
       <tbody>
         <tr>
           <td>
-            <a href="b">
-              <img src="images/image.svg" height="40" width="40" style="margin-right: 5px;">
+            <a href="files/f9ba5ac1-3f2a-4e71-a43d-6ebee8f1dd83_Vh_qS5.wsgi">
+              <img src="images/unknown.svg" height="40" width="40" style="margin-right: 5px;">
             </a>
           </td>
           <td>
-            <a href="b">
-              Perla jugando con el gato BOB
+            <a href="files/f9ba5ac1-3f2a-4e71-a43d-6ebee8f1dd83_Vh_qS5.wsgi">
+              Pippy Activity
             </a>
           </td>
         </tr>
@@ -46,4 +60,4 @@
     </table>
     <hr>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/web/style.css b/web/style.css
index 523bb1e..1bc2524 100644
--- a/web/style.css
+++ b/web/style.css
@@ -3,15 +3,15 @@ body {
   font-family: sans-serif,cantarell,helvetica;
 }
 
-.toolbar {
-  padding: 12px;
-  padding-left: 20px;
+#toolbar {
+  font-family: sans-serif,cantarell,helvetica;
   color: #fff;
   font-size: 35px;
   background-color: #282828;
+  width: 100%;
 }
 
-.toolbar .refresh {
+.refresh {
   display: inline-block;
   float: right;
   padding-right: 20px;
@@ -20,7 +20,6 @@ body {
 table {
   padding: 0em 0.3em;
   padding-top: 0.3em;
-  
 }
 
 table tbody tr td a {