Activity base

41 files changed, 710 insertions, 0 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..fe08b94
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+*.mo
+*.pyo
+*.pyc
+*.xo
+*~
diff --git a/activity.py b/activity.py
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/activity.py
diff --git a/activity/activity.info b/activity/activity.info
new file mode 100644
index 0000000..73472e5
--- /dev/null
+++ b/activity/activity.info
@@ -0,0 +1,8 @@
+[Activity]
+name = Journal Share
+summary = Want to share your work in easy way? Journal Share could help you, it's just a webserver which allow the users connected in the same network to see your starred objects in your Journal only using a web browser.
+activity_version = 1
+bundle_id = org.sugarlabs.JournalShare
+exec = sugar-activity activity.JournalShare -s
+icon = journal-share-icon
+license = GPLv3+
diff --git a/activity/journal-share-icon.svg b/activity/journal-share-icon.svg
new file mode 100644
index 0000000..8da7c63
--- /dev/null
+++ b/activity/journal-share-icon.svg
@@ -0,0 +1,26 @@
+<?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>
diff --git a/page_builder.py b/page_builder.py
new file mode 100644
index 0000000..ded0214
--- /dev/null
+++ b/page_builder.py
@@ -0,0 +1,28 @@
+import os
+
+from sugar.datastore import datastore
+
+tfile = open('templates', 'r')
+templates = tfile.read()
+tfile.close()
+
+def fill_out_template(template, content):
+  template = templates.split('#!%s\n' % template)[1].split('\n!#')[0]
+  for x in content.keys():
+    template = template.replace('{%s}' % x, content[x])
+  return template
+  
+def build_journal():
+  objects_starred, no = datastore.find({'keep': '1'})
+  print objects_starred, no
+
+  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'}]
+             
+  objects_html = ''
+  for o in objects:
+    objects_html += '%s' % fill_out_template('object', o)
+    
+  print fill_out_template('index', {'nick': 'Agus', 'objects': objects_html})
+  
+build_journal()
diff --git a/server.py b/server.py
new file mode 100644
index 0000000..5eb0456
--- /dev/null
+++ b/server.py
@@ -0,0 +1,23 @@
+
+import SimpleHTTPServer
+import SocketServer
+import os
+
+os.chdir('web')
+
+def setup_server():
+    PORT = 1097
+    Handler = SimpleHTTPServer.SimpleHTTPRequestHandler
+    httpd = SocketServer.TCPServer(("", PORT), Handler)
+
+    print "serving at port", PORT
+    
+    return httpd
+
+if __name__ == "__main__":
+    server = setup_server()
+    try:
+        server.serve_forever()
+    except KeyboardInterrupt:
+        print "Shutting down server"
+        server.shutdown()
diff --git a/setup.py b/setup.py
new file mode 100644
index 0000000..c60f4d0
--- /dev/null
+++ b/setup.py
@@ -0,0 +1,21 @@
+#!/usr/bin/env python
+
+# Copyright (C) 2006, Red Hat, Inc.
+#
+# This program is free software; you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation; either version 2 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+
+from sugar3.activity import bundlebuilder
+
+bundlebuilder.start()
diff --git a/templates b/templates
new file mode 100644
index 0000000..cc31dc9
--- /dev/null
+++ b/templates
@@ -0,0 +1,39 @@
+#!index
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Journal Share - {nick}</title>
+    <link href="style.css" rel="stylesheet" type="text/css"></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>
+    {objects}
+  </body>
+</html>
+!#
+
+#!object
+    <table>
+      <tbody>
+        <tr>
+          <td>
+            <a href="files/{file}">
+              <img src="images/{icon}" height="40" width="40" style="margin-right: 5px;">
+            </a>
+          </td>
+          <td>
+            <a href="files/{file}">
+              {name}
+            </a>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <hr>
+!#
diff --git a/web/images/application-octet-stream.svg b/web/images/application-octet-stream.svg
new file mode 100644
index 0000000..c094044
--- /dev/null
+++ b/web/images/application-octet-stream.svg
@@ -0,0 +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-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
new file mode 100644
index 0000000..c094044
--- /dev/null
+++ b/web/images/application-x-generic.svg
@@ -0,0 +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-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
new file mode 100644
index 0000000..9c8cd4b
--- /dev/null
+++ b/web/images/application-x-squeak-project.svg
@@ -0,0 +1,36 @@
+<?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
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/ascii.svg
@@ -0,0 +1,14 @@
+<?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-x-generic.svg
new file mode 100644
index 0000000..5a3756b
--- /dev/null
+++ b/web/images/audio-x-generic.svg
@@ -0,0 +1,14 @@
+<?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/document-generic.svg b/web/images/document-generic.svg
new file mode 100644
index 0000000..a724766
--- /dev/null
+++ b/web/images/document-generic.svg
@@ -0,0 +1,25 @@
+<?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-write">
+    <g display="inline">
+      <g>
+	<path
+	   d="M 43.82,6.088 L 22.876,6.088 L 10.932,18.027 L 
+	      10.932,48.914 L 43.819,48.914 L 43.82,6.088 z"
+	   fill="&fill_color;" stroke="&stroke_color;" stroke-width="3.5" />
+      </g>
+      <polyline fill="none" points="10.932,18.027 22.876,18.027 22.876,6.088" 
+		stroke="&stroke_color;" stroke-width="3.5"/>
+    </g>
+  </g>
+</svg>
diff --git a/web/images/empty.svg b/web/images/empty.svg
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/empty.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..5a3756b
--- /dev/null
+++ b/web/images/gnome-mime-application-ogg.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..a20349c
--- /dev/null
+++ b/web/images/gnome-mime-application-vnd.rn-realmedia-secure.svg
@@ -0,0 +1,17 @@
+<?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
new file mode 100644
index 0000000..a20349c
--- /dev/null
+++ b/web/images/gnome-mime-application-vnd.rn-realmedia-vbr.svg
@@ -0,0 +1,17 @@
+<?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
new file mode 100644
index 0000000..a20349c
--- /dev/null
+++ b/web/images/gnome-mime-application-vnd.rn-realmedia.svg
@@ -0,0 +1,17 @@
+<?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
new file mode 100644
index 0000000..ac387f2
--- /dev/null
+++ b/web/images/gnome-mime-application-x-killustrator.svg
@@ -0,0 +1,13 @@
+<?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
new file mode 100644
index 0000000..a20349c
--- /dev/null
+++ b/web/images/gnome-mime-application-x-shockwave-flash.svg
@@ -0,0 +1,17 @@
+<?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
new file mode 100644
index 0000000..5a3756b
--- /dev/null
+++ b/web/images/gnome-mime-audio.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..ac387f2
--- /dev/null
+++ b/web/images/gnome-mime-image.svg
@@ -0,0 +1,13 @@
+<?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
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/gnome-mime-text.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..a20349c
--- /dev/null
+++ b/web/images/gnome-mime-video.svg
@@ -0,0 +1,17 @@
+<?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
new file mode 100644
index 0000000..ac387f2
--- /dev/null
+++ b/web/images/image-x-generic.svg
@@ -0,0 +1,13 @@
+<?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/image.svg b/web/images/image.svg
new file mode 100644
index 0000000..ac387f2
--- /dev/null
+++ b/web/images/image.svg
@@ -0,0 +1,13 @@
+<?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/mime_ascii.svg b/web/images/mime_ascii.svg
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/mime_ascii.svg
@@ -0,0 +1,14 @@
+<?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/misc.svg b/web/images/misc.svg
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/misc.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/package_editors.svg
@@ -0,0 +1,14 @@
+<?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/refresh.png b/web/images/refresh.png
new file mode 100644
index 0000000..bdffa99
--- /dev/null
+++ b/web/images/refresh.png
diff --git a/web/images/sound.svg b/web/images/sound.svg
new file mode 100644
index 0000000..5a3756b
--- /dev/null
+++ b/web/images/sound.svg
@@ -0,0 +1,14 @@
+<?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/text-uri-list.svg b/web/images/text-uri-list.svg
new file mode 100644
index 0000000..fbd5276
--- /dev/null
+++ b/web/images/text-uri-list.svg
@@ -0,0 +1,22 @@
+<?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-url_1_">
+	<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>
+	<g display="inline">
+		<circle cx="27.375" cy="33.5" fill="&stroke_color;" r="9.951"/>
+		<g>
+			<path d="M27.376,23.549c0,0-5.603,4.197-5.603,9.988s5.603,9.914,5.603,9.914" fill="none" stroke="&fill_color;" stroke-width="1.5"/>
+			<path d="M27.376,23.549c0,0,5.532,4.57,5.532,9.988     c0,5.419-5.532,9.914-5.532,9.914" fill="none" stroke="&fill_color;" stroke-width="1.5"/>
+			<line fill="none" stroke="&fill_color;" stroke-width="1.5" x1="27.376" x2="27.376" y1="23.549" y2="43.451"/>
+			<line fill="none" stroke="&fill_color;" stroke-width="1.5" x1="27.376" x2="27.376" y1="23.549" y2="43.451"/>
+			<line fill="none" stroke="&fill_color;" stroke-width="1.5" x1="27.376" x2="27.376" y1="23.549" y2="43.451"/>
+			<line fill="none" stroke="&fill_color;" stroke-width="1.5" x1="17.423" x2="37.326" y1="33.5" y2="33.5"/>
+		</g>
+	</g>
+</g></svg>
\ No newline at end of file
diff --git a/web/images/text-x-generic.svg b/web/images/text-x-generic.svg
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/text-x-generic.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/txt.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/txt2.svg
@@ -0,0 +1,14 @@
+<?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
new file mode 100644
index 0000000..ae37e77
--- /dev/null
+++ b/web/images/unknown.svg
@@ -0,0 +1,14 @@
+<?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/video-x-generic.svg b/web/images/video-x-generic.svg
new file mode 100644
index 0000000..a20349c
--- /dev/null
+++ b/web/images/video-x-generic.svg
@@ -0,0 +1,17 @@
+<?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/video.svg b/web/images/video.svg
new file mode 100644
index 0000000..a20349c
--- /dev/null
+++ b/web/images/video.svg
@@ -0,0 +1,17 @@
+<?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
new file mode 100644
index 0000000..c7d9762
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Journal Share - Agus</title>
+    <link href="style.css" rel="stylesheet" type="text/css"></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>
+      <tbody>
+        <tr>
+          <td>
+            <a href="a">
+              <img src="images/audio-x-generic.svg" height="40" width="40" style="margin-right: 5px;">
+            </a>
+          </td>
+          <td>
+            <a href="a">
+              No Te Va Gustar - A las nueve
+            </a>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <hr>    <table>
+      <tbody>
+        <tr>
+          <td>
+            <a href="b">
+              <img src="images/image.svg" height="40" width="40" style="margin-right: 5px;">
+            </a>
+          </td>
+          <td>
+            <a href="b">
+              Perla jugando con el gato BOB
+            </a>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <hr>
+  </body>
+</html>
diff --git a/web/style.css b/web/style.css
new file mode 100644
index 0000000..523bb1e
--- /dev/null
+++ b/web/style.css
@@ -0,0 +1,31 @@
+body {
+  margin: 0px;
+  font-family: sans-serif,cantarell,helvetica;
+}
+
+.toolbar {
+  padding: 12px;
+  padding-left: 20px;
+  color: #fff;
+  font-size: 35px;
+  background-color: #282828;
+}
+
+.toolbar .refresh {
+  display: inline-block;
+  float: right;
+  padding-right: 20px;
+}
+
+table {
+  padding: 0em 0.3em;
+  padding-top: 0.3em;
+  
+}
+
+table tbody tr td a {
+  text-decoration: none;
+  color: #000;
+  font-weight: bold;
+  font-size: 17px;
+}