diff --git a/README.md b/README.md
new file mode 100644
index 0000000..303ef2c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,55 @@
+<img src="https://res.cloudinary.com/pinchepanchopincho/image/upload/v1549653619/styles/Match2.jpg">
+
+### Playing sports - one MATCH at a time!
+
+
+MATCH is a Progressive Web App that helps you find sports partners near you. It only matches you with people that have your skill level, the easy-to-use chat and user descriptions ensure that you only meet with people you find sympathetic.
+
+### FEATURES
+
+
+#### The Match Interface
+
+<img src="https://res.cloudinary.com/pinchepanchopincho/image/upload/v1549708022/styles/1.1MATCH.jpg">
+
+The Match interface is at the heart of the Match experience. It connects you to players in your area and at your skill level. You can look into the description of the user to find further information and find out if you have other common interests.
+
+You can decline or accept the Match by swiping or by pressing a button, the App will automatically notify you if the  interest is mutual.
+
+
+
+#### The Chat
+
+<img src="https://res.cloudinary.com/pinchepanchopincho/image/upload/v1549707909/styles/2.1MATCH.jpg">
+
+The Chat let's you get in touch with your matches, find out more about the other player and set up game dates. The final version will include direct notifications with socket.io.
+
+
+
+#### The Profile
+
+<img src="https://res.cloudinary.com/pinchepanchopincho/image/upload/v1549707650/styles/3.1MATCH.jpg">
+
+Choose your sport: Tennis, Table-Tennis, Squash or Badminton. Change your skill level and the search radius, update your personal information.
+
+### Installation:
+
+Fork and clone the repo, then run `npm i` both in the `./server/` and `./client/match/`folders. Make sure to activate lines 187 & 189 in `./server/controller/controller.js` to populate the database. Start the server with `node index` and then comment out the 2 lines again.
+
+In the `./client/match`folder run `npm start`.
+
+You can log-in as with username `rafael@nadal.com`  and password `test` .
+
+### Tech Stack:
+
+- [React](https://reactjs.org/)
+
+- [Koa](https://koajs.com/)
+
+- [MongoDB](https://www.mongodb.com/)
+
+- [Cloudinary](https://cloudinary.com/)
+
+- [Socket.io](https://socket.io/)
+
+  The front-end is build as progressive web app with React and Reach-Router. The backend is a NodeJS server on Koa with a Mongo database. Socket.io will be implemented for live-chat features.
\ No newline at end of file
diff --git a/client/baller/package.json b/client/baller/package.json
deleted file mode 100644
index 9a42f1d..0000000
--- a/client/baller/package.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "name": "baller",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
-    "react-scripts": "2.1.3"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
-}
diff --git a/client/baller/src/App.css b/client/baller/src/App.css
deleted file mode 100755
index 92f956e..0000000
--- a/client/baller/src/App.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 40vmin;
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
diff --git a/client/baller/src/App.js b/client/baller/src/App.js
deleted file mode 100755
index 7e261ca..0000000
--- a/client/baller/src/App.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-        </header>
-      </div>
-    );
-  }
-}
-
-export default App;
diff --git a/client/baller/src/index.css b/client/baller/src/index.css
deleted file mode 100755
index cee5f34..0000000
--- a/client/baller/src/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
-}
diff --git a/client/baller/.gitignore b/client/match/.gitignore
similarity index 92%
rename from client/baller/.gitignore
rename to client/match/.gitignore
index 4d29575..6a76ee8 100755
--- a/client/baller/.gitignore
+++ b/client/match/.gitignore
@@ -1,6 +1,7 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
+../../server/node_modules
 /node_modules
 /.pnp
 .pnp.js
diff --git a/client/baller/README.md b/client/match/README.md
similarity index 100%
rename from client/baller/README.md
rename to client/match/README.md
diff --git a/client/baller/package-lock.json b/client/match/package-lock.json
similarity index 96%
rename from client/baller/package-lock.json
rename to client/match/package-lock.json
index 5ab631e..72d0353 100644
--- a/client/baller/package-lock.json
+++ b/client/match/package-lock.json
@@ -844,6 +844,102 @@
       "resolved": "https://registry.npmjs.org/@csstools/convert-colors/-/convert-colors-1.4.0.tgz",
       "integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw=="
     },
+    "@emotion/cache": {
+      "version": "10.0.29",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
+      "integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
+      "requires": {
+        "@emotion/sheet": "0.9.4",
+        "@emotion/stylis": "0.8.5",
+        "@emotion/utils": "0.11.3",
+        "@emotion/weak-memoize": "0.2.5"
+      }
+    },
+    "@emotion/core": {
+      "version": "10.0.28",
+      "resolved": "https://registry.npmjs.org/@emotion/core/-/core-10.0.28.tgz",
+      "integrity": "sha512-pH8UueKYO5jgg0Iq+AmCLxBsvuGtvlmiDCOuv8fGNYn3cowFpLN98L8zO56U0H1PjDIyAlXymgL3Wu7u7v6hbA==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@emotion/cache": "^10.0.27",
+        "@emotion/css": "^10.0.27",
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/sheet": "0.9.4",
+        "@emotion/utils": "0.11.3"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.10.2",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.10.2.tgz",
+          "integrity": "sha512-6sF3uQw2ivImfVIl62RZ7MXhO2tap69WeWK57vAaimT6AZbE4FbqjdEJIN1UqoD6wI6B+1n9UiagafH1sxjOtg==",
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+        }
+      }
+    },
+    "@emotion/css": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npmjs.org/@emotion/css/-/css-10.0.27.tgz",
+      "integrity": "sha512-6wZjsvYeBhyZQYNrGoR5yPMYbMBNEnanDrqmsqS1mzDm1cOTu12shvl2j4QHNS36UaTE0USIJawCH9C8oW34Zw==",
+      "requires": {
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/utils": "0.11.3",
+        "babel-plugin-emotion": "^10.0.27"
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+    },
+    "@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw=="
+    },
+    "@emotion/serialize": {
+      "version": "0.11.16",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.16.tgz",
+      "integrity": "sha512-G3J4o8by0VRrO+PFeSc3js2myYNOXVJ3Ya+RGVxnshRYgsvErfAOglKAiy1Eo1vhzxqtUvjCyS5gtewzkmvSSg==",
+      "requires": {
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/unitless": "0.7.5",
+        "@emotion/utils": "0.11.3",
+        "csstype": "^2.5.7"
+      }
+    },
+    "@emotion/sheet": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-0.9.4.tgz",
+      "integrity": "sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA=="
+    },
+    "@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
+    },
+    "@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
+    "@emotion/utils": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-0.11.3.tgz",
+      "integrity": "sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw=="
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
+      "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
+    },
     "@mrmlnc/readdir-enhanced": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
@@ -858,6 +954,17 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz",
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw=="
     },
+    "@reach/router": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@reach/router/-/router-1.3.3.tgz",
+      "integrity": "sha512-gOIAiFhWdiVGSVjukKeNKkCRBLmnORoTPyBihI/jLunICPgxdP30DroAvPQuf1eVfQbfGJQDJkwhJXsNPMnVWw==",
+      "requires": {
+        "create-react-context": "0.3.0",
+        "invariant": "^2.2.3",
+        "prop-types": "^15.6.1",
+        "react-lifecycles-compat": "^3.0.4"
+      }
+    },
     "@svgr/core": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/@svgr/core/-/core-2.4.1.tgz",
@@ -1122,6 +1229,11 @@
       "resolved": "https://registry.npmjs.org/address/-/address-1.0.3.tgz",
       "integrity": "sha512-z55ocwKBRLryBs394Sm3ushTtBeg6VAeuku7utSoSnsJKvKcnXFIyC6vh27n3rXyxSgkJBBCAvyOn7gSUcTYjg=="
     },
+    "after": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
+      "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8="
+    },
     "ajv": {
       "version": "6.6.2",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.6.2.tgz",
@@ -1543,6 +1655,11 @@
       "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
       "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM="
     },
+    "arraybuffer.slice": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz",
+      "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog=="
+    },
     "arrify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
@@ -1850,6 +1967,23 @@
         "object.assign": "^4.1.0"
       }
     },
+    "babel-plugin-emotion": {
+      "version": "10.0.33",
+      "resolved": "https://registry.npmjs.org/babel-plugin-emotion/-/babel-plugin-emotion-10.0.33.tgz",
+      "integrity": "sha512-bxZbTTGz0AJQDHm8k6Rf3RQJ8tX2scsfsRyKVgAbiUPUNIRtlK+7JxP+TAd1kRLABFxe0CFm2VdK4ePkoA9FxQ==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/serialize": "^0.11.16",
+        "babel-plugin-macros": "^2.0.0",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^1.0.5",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7"
+      }
+    },
     "babel-plugin-istanbul": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.6.tgz",
@@ -1880,6 +2014,11 @@
       "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.0.tgz",
       "integrity": "sha512-to6Shd/r8fMRRg/MaOhDNfqpuXfjlQx3ypWDG6jh4ESCVZDJCgdgIalZbrnVlBPGgH/QeyHMjnGb2W+JJiy+NQ=="
     },
+    "babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
+    },
     "babel-plugin-syntax-object-rest-spread": {
       "version": "6.13.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
@@ -2073,6 +2212,11 @@
             "source-map": "^0.5.7"
           }
         },
+        "core-js": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.2.tgz",
+          "integrity": "sha512-NdBPF/RVwPW6jr0NCILuyN9RiqLo2b1mddWHkUL+VnvcB7dzlnBJ1bXYntjpTGOgkZiiLWj2JxmOr7eGE3qK6g=="
+        },
         "debug": {
           "version": "2.6.9",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -2100,6 +2244,13 @@
       "requires": {
         "core-js": "^2.4.0",
         "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "core-js": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.2.tgz",
+          "integrity": "sha512-NdBPF/RVwPW6jr0NCILuyN9RiqLo2b1mddWHkUL+VnvcB7dzlnBJ1bXYntjpTGOgkZiiLWj2JxmOr7eGE3qK6g=="
+        }
       }
     },
     "babel-template": {
@@ -2173,6 +2324,11 @@
       "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
       "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ=="
     },
+    "backo2": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
+      "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc="
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -2233,6 +2389,11 @@
         }
       }
     },
+    "base64-arraybuffer": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
+      "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg="
+    },
     "base64-js": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.0.tgz",
@@ -2251,6 +2412,14 @@
         "tweetnacl": "^0.14.3"
       }
     },
+    "better-assert": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
+      "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
+      "requires": {
+        "callsite": "1.0.0"
+      }
+    },
     "bfj": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/bfj/-/bfj-6.1.1.tgz",
@@ -2272,6 +2441,11 @@
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.12.0.tgz",
       "integrity": "sha512-DYWGk01lDcxeS/K9IHPGWfT8PsJmbXRtRd2Sx72Tnb8pcYZQFF1oSDb8hJtS1vhp212q1Rzi5dUf9+nq0o9UIg=="
     },
+    "blob": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz",
+      "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig=="
+    },
     "bluebird": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.3.tgz",
@@ -2585,6 +2759,11 @@
         "caller-callsite": "^2.0.0"
       }
     },
+    "callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA="
+    },
     "callsites": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
@@ -2616,9 +2795,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30000927",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000927.tgz",
-      "integrity": "sha512-ogq4NbUWf1uG/j66k0AmiO3GjqJAlQyF8n4w8a954cbCyFKmYGvRtgz6qkq2fWuduTXHibX7GyYL5Pg58Aks2g=="
+      "version": "1.0.30000928",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000928.tgz",
+      "integrity": "sha512-aSpMWRXL6ZXNnzm8hgE4QDLibG5pVJ2Ujzsuj3icazlIkxXkPXtL+BWnMx6FBkWmkZgBHGUxPZQvrbRw2ZTxhg=="
     },
     "capture-exit": {
       "version": "1.2.0",
@@ -2879,6 +3058,20 @@
         "shallow-clone": "^0.1.2"
       }
     },
+    "cloudinary-core": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/cloudinary-core/-/cloudinary-core-2.8.2.tgz",
+      "integrity": "sha512-nV1lhEXlqNhgnbnzsDzbrNUAkP8H9J5RuBareRlWyb8tKx/94DvG/kXWrSlC8XNB3uKfiwxOudOnRdjsEnjBgA=="
+    },
+    "cloudinary-react": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/cloudinary-react/-/cloudinary-react-1.5.0.tgz",
+      "integrity": "sha512-Ll1Huv5gJgJtesM7RF1oXQdjtv3J6mKk2dBCIGoDTWNZJOBVAwOgd30640O5hil9Pyr2Whrb9kHuY4T8D2yHtw==",
+      "requires": {
+        "cloudinary-core": "^2.8.2",
+        "prop-types": "^15.6.2"
+      }
+    },
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -2967,11 +3160,21 @@
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
       "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs="
     },
+    "component-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
+      "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E="
+    },
     "component-emitter": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
       "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY="
     },
+    "component-inherit": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
+      "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM="
+    },
     "compressible": {
       "version": "2.0.15",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.15.tgz",
@@ -3099,11 +3302,6 @@
       "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
       "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40="
     },
-    "core-js": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.1.tgz",
-      "integrity": "sha512-L72mmmEayPJBejKIWe2pYtGis5r0tQ5NaJekdhyXgeMQTpJoBsH0NL4ElY2LfSoV15xeQWKQ+XTTOZdyero5Xg=="
-    },
     "core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -3154,6 +3352,15 @@
         "sha.js": "^2.4.8"
       }
     },
+    "create-react-context": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.3.0.tgz",
+      "integrity": "sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==",
+      "requires": {
+        "gud": "^1.0.0",
+        "warning": "^4.0.3"
+      }
+    },
     "cross-spawn": {
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -3590,6 +3797,11 @@
         "cssom": "0.3.x"
       }
     },
+    "csstype": {
+      "version": "2.6.10",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.10.tgz",
+      "integrity": "sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w=="
+    },
     "cyclist": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz",
@@ -3855,9 +4067,9 @@
       }
     },
     "dir-glob": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.0.tgz",
-      "integrity": "sha512-YqrO+bduKFqPgspvpjDAaKk0qhmvY+SY7NjIRljCDAy6CX7Ft65irIduHbrYXhy+BxJnYKjWuREw6X42w9/+DQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.1.tgz",
+      "integrity": "sha512-UN6X6XwRjllabfRhBdkVSo63uurJ8nSvMGrwl94EYVz6g+exhTV+yVSYk5VC/xl3MBFBTtC0J20uFKce4Brrng==",
       "requires": {
         "path-type": "^3.0.0"
       },
@@ -4033,6 +4245,11 @@
         "minimalistic-crypto-utils": "^1.0.0"
       }
     },
+    "email-addresses": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz",
+      "integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg=="
+    },
     "emoji-regex": {
       "version": "6.5.1",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-6.5.1.tgz",
@@ -4056,6 +4273,43 @@
         "once": "^1.4.0"
       }
     },
+    "engine.io-client": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.4.3.tgz",
+      "integrity": "sha512-0NGY+9hioejTEJCaSJZfWZLk4FPI9dN+1H1C4+wj2iuFba47UgZbJzfWs4aNFajnX/qAaYKbe2lLTfEEWzCmcw==",
+      "requires": {
+        "component-emitter": "~1.3.0",
+        "component-inherit": "0.0.3",
+        "debug": "~4.1.0",
+        "engine.io-parser": "~2.2.0",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "ws": "~6.1.0",
+        "xmlhttprequest-ssl": "~1.5.4",
+        "yeast": "0.1.2"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+          "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
+        }
+      }
+    },
+    "engine.io-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.2.0.tgz",
+      "integrity": "sha512-6I3qD9iUxotsC5HEMuuGsKA0cXerGz+4uGcXQEkfBidgKf0amsjrrtwcbwK/nzpZBxclXlV7gGl9dgWvu4LF6w==",
+      "requires": {
+        "after": "0.8.2",
+        "arraybuffer.slice": "~0.0.7",
+        "base64-arraybuffer": "0.1.5",
+        "blob": "0.0.5",
+        "has-binary2": "~1.0.2"
+      }
+    },
     "enhanced-resolve": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz",
@@ -5089,6 +5343,30 @@
       "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
       "integrity": "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY="
     },
+    "filename-reserved-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz",
+      "integrity": "sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q="
+    },
+    "filenamify": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-1.2.1.tgz",
+      "integrity": "sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=",
+      "requires": {
+        "filename-reserved-regex": "^1.0.0",
+        "strip-outer": "^1.0.0",
+        "trim-repeated": "^1.0.0"
+      }
+    },
+    "filenamify-url": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/filenamify-url/-/filenamify-url-1.0.0.tgz",
+      "integrity": "sha1-syvYExnvWGO3MHi+1Q9GpPeXX1A=",
+      "requires": {
+        "filenamify": "^1.0.0",
+        "humanize-url": "^1.0.0"
+      }
+    },
     "fileset": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/fileset/-/fileset-2.0.3.tgz",
@@ -5164,6 +5442,11 @@
         "pkg-dir": "^2.0.0"
       }
     },
+    "find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
     "find-up": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
@@ -5591,7 +5874,8 @@
         },
         "ansi-regex": {
           "version": "2.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5609,11 +5893,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5626,15 +5912,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5737,7 +6026,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5747,6 +6037,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5759,17 +6050,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -5786,6 +6080,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5858,7 +6153,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5868,6 +6164,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5943,7 +6240,8 @@
         },
         "safe-buffer": {
           "version": "5.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -5973,6 +6271,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -5990,6 +6289,7 @@
         "strip-ansi": {
           "version": "3.0.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -6028,11 +6328,13 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         }
       }
     },
@@ -6074,6 +6376,48 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "gh-pages": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-2.2.0.tgz",
+      "integrity": "sha512-c+yPkNOPMFGNisYg9r4qvsMIjVYikJv7ImFOhPIVPt0+AcRUamZ7zkGRLHz7FKB0xrlZ+ddSOJsZv9XAFVXLmA==",
+      "requires": {
+        "async": "^2.6.1",
+        "commander": "^2.18.0",
+        "email-addresses": "^3.0.1",
+        "filenamify-url": "^1.0.0",
+        "fs-extra": "^8.1.0",
+        "globby": "^6.1.0"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "globby": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+          "requires": {
+            "array-union": "^1.0.1",
+            "glob": "^7.0.3",
+            "object-assign": "^4.0.1",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "graceful-fs": {
+          "version": "4.2.4",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
+          "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw=="
+        }
+      }
+    },
     "glob": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
@@ -6172,6 +6516,11 @@
       "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
       "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE="
     },
+    "gud": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz",
+      "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw=="
+    },
     "gzip-size": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.0.0.tgz",
@@ -6236,6 +6585,11 @@
       "resolved": "https://registry.npmjs.org/h2x-types/-/h2x-types-1.1.0.tgz",
       "integrity": "sha512-QdH5qfLcdF209UsCdM0ZNZ9Dwm2PHvMfeLZtivBrjX3Y/df4US2pwsUC4HBfWhye/mx/t6puODeC7Oacb/Ol8g=="
     },
+    "hammerjs": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
+      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
+    },
     "handle-thing": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.0.tgz",
@@ -6294,6 +6648,26 @@
         "ansi-regex": "^2.0.0"
       }
     },
+    "has-binary2": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.3.tgz",
+      "integrity": "sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==",
+      "requires": {
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+          "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4="
+        }
+      }
+    },
+    "has-cors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
+      "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk="
+    },
     "has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -6865,6 +7239,28 @@
       "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
       "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
     },
+    "humanize-url": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/humanize-url/-/humanize-url-1.0.1.tgz",
+      "integrity": "sha1-9KuZ4NKIF0yk4eUEB8VfuuRk7/8=",
+      "requires": {
+        "normalize-url": "^1.0.0",
+        "strip-url-auth": "^1.0.0"
+      },
+      "dependencies": {
+        "normalize-url": {
+          "version": "1.9.1",
+          "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
+          "integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
+          "requires": {
+            "object-assign": "^4.0.1",
+            "prepend-http": "^1.0.0",
+            "query-string": "^4.1.0",
+            "sort-keys": "^1.0.0"
+          }
+        }
+      }
+    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -7237,6 +7633,11 @@
         "path-is-inside": "^1.0.1"
       }
     },
+    "is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4="
+    },
     "is-plain-object": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
@@ -8914,6 +9315,11 @@
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
+    "object-component": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
+      "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE="
+    },
     "object-copy": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
@@ -9224,6 +9630,22 @@
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
       "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ=="
     },
+    "parseqs": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
+      "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseuri": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
+      "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
     "parseurl": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
@@ -9403,12 +9825,12 @@
       }
     },
     "postcss-attribute-case-insensitive": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.0.tgz",
-      "integrity": "sha512-K/zqdg0/UgUgC8qR0lDuxYzmowPpnvrrNC5YuoqzhHMubR9AuhsPlpVu3jjkLHgDAzR+ohD/m7//iGnN9WxbzQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.1.tgz",
+      "integrity": "sha512-L2YKB3vF4PetdTIthQVeT+7YiSzMoNMLLYxPXXppOOP7NoazEAy45sh2LvJ8leCQjfBcfkYQs8TtCcQjeZTp8A==",
       "requires": {
         "postcss": "^7.0.2",
-        "postcss-selector-parser": "^5.0.0-rc.3"
+        "postcss-selector-parser": "^5.0.0"
       },
       "dependencies": {
         "chalk": {
@@ -12812,6 +13234,11 @@
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
       "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ="
     },
+    "prepend-http": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+      "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
+    },
     "preserve": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
@@ -12872,14 +13299,6 @@
       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
       "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
     },
-    "promise": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/promise/-/promise-8.0.2.tgz",
-      "integrity": "sha512-EIyzM39FpVOMbqgzEHhxdrEhtOSDOtjMZQ0M6iVfCE+kWNgCkAyOdnuCWqfmflylftfadU6FkiMgHZA2kUzwRw==",
-      "requires": {
-        "asap": "~2.0.6"
-      }
-    },
     "promise-inflight": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
@@ -12985,6 +13404,15 @@
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
       "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA=="
     },
+    "query-string": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
+      "integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=",
+      "requires": {
+        "object-assign": "^4.1.0",
+        "strict-uri-encode": "^1.0.0"
+      }
+    },
     "querystring": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
@@ -13074,14 +13502,13 @@
       }
     },
     "react": {
-      "version": "16.7.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.7.0.tgz",
-      "integrity": "sha512-StCz3QY8lxTb5cl2HJxjwLFOXPIFQp+p+hxQfc8WE0QiLfCtIlKj8/+5tjjKm8uSTlAW+fCPaavGFS06V9Ar3A==",
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.13.1.tgz",
+      "integrity": "sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==",
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.12.0"
+        "prop-types": "^15.6.2"
       }
     },
     "react-app-polyfill": {
@@ -13100,6 +13527,14 @@
           "version": "2.5.7",
           "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.7.tgz",
           "integrity": "sha512-RszJCAxg/PP6uzXVXL6BsxSXx/B05oJAQ2vkJRjyjrEcNVycaqOmNb5OTxZPE3xa5gwZduqza6L9JOCenh/Ecw=="
+        },
+        "promise": {
+          "version": "8.0.2",
+          "resolved": "https://registry.npmjs.org/promise/-/promise-8.0.2.tgz",
+          "integrity": "sha512-EIyzM39FpVOMbqgzEHhxdrEhtOSDOtjMZQ0M6iVfCE+kWNgCkAyOdnuCWqfmflylftfadU6FkiMgHZA2kUzwRw==",
+          "requires": {
+            "asap": "~2.0.6"
+          }
         }
       }
     },
@@ -13238,14 +13673,14 @@
       }
     },
     "react-dom": {
-      "version": "16.7.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.7.0.tgz",
-      "integrity": "sha512-D0Ufv1ExCAmF38P2Uh1lwpminZFRXEINJe53zRAbm4KPwSyd6DY/uDoS0Blj9jvPpn1+wivKpZYc8aAAN/nAkg==",
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.13.1.tgz",
+      "integrity": "sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==",
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
         "prop-types": "^15.6.2",
-        "scheduler": "^0.12.0"
+        "scheduler": "^0.19.1"
       }
     },
     "react-error-overlay": {
@@ -13253,6 +13688,19 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-5.1.2.tgz",
       "integrity": "sha512-7kEBKwU9R8fKnZJBRa5RSIfay4KJwnYvKB6gODGicUmDSAhQJ7Tdnll5S0RLtYrzRfMVXlqYw61rzrSpP4ThLQ=="
     },
+    "react-hammerjs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/react-hammerjs/-/react-hammerjs-1.0.1.tgz",
+      "integrity": "sha1-vB7Z6e99oFcWP7FpzhKRe21sp9g=",
+      "requires": {
+        "hammerjs": "^2.0.8"
+      }
+    },
+    "react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
     "react-scripts": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-2.1.3.tgz",
@@ -13308,6 +13756,14 @@
         "workbox-webpack-plugin": "3.6.3"
       }
     },
+    "react-swipeable-cards": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/react-swipeable-cards/-/react-swipeable-cards-1.0.6.tgz",
+      "integrity": "sha512-DPqwJGtnPjcDng0BtCSjUTvJFXGlgfRrdVLIZSGKxU7ohbzBJPS4LhrqmnyhdZApCP+z0tT6+cJ412sPrz/Y7Q==",
+      "requires": {
+        "react-hammerjs": "^1.0.1"
+      }
+    },
     "read-pkg": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
@@ -14369,9 +14825,9 @@
       }
     },
     "scheduler": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.12.0.tgz",
-      "integrity": "sha512-t7MBR28Akcp4Jm+QoR63XgAi9YgCUmgvDHqf5otgAj4QvdoBE4ImCX0ffehefePPG+aitiYHp0g/mW6s4Tp+dw==",
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
+      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -14733,6 +15189,57 @@
         "kind-of": "^3.2.0"
       }
     },
+    "socket.io-client": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.3.0.tgz",
+      "integrity": "sha512-cEQQf24gET3rfhxZ2jJ5xzAOo/xhZwK+mOqtGRg5IowZsMgwvHwnf/mCRapAAkadhM26y+iydgwsXGObBB5ZdA==",
+      "requires": {
+        "backo2": "1.0.2",
+        "base64-arraybuffer": "0.1.5",
+        "component-bind": "1.0.0",
+        "component-emitter": "1.2.1",
+        "debug": "~4.1.0",
+        "engine.io-client": "~3.4.0",
+        "has-binary2": "~1.0.2",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "socket.io-parser": "~3.3.0",
+        "to-array": "0.1.4"
+      }
+    },
+    "socket.io-parser": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.3.0.tgz",
+      "integrity": "sha512-hczmV6bDgdaEbVqhAeVMM/jfUfzuEZHsQg6eOmLgJht6G3mPKMxYm75w2+qhAQZ+4X+1+ATZ+QFKeOZD5riHng==",
+      "requires": {
+        "component-emitter": "1.2.1",
+        "debug": "~3.1.0",
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "isarray": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+          "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4="
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
     "sockjs": {
       "version": "0.3.19",
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.19.tgz",
@@ -14780,6 +15287,14 @@
         }
       }
     },
+    "sort-keys": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
+      "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
+      "requires": {
+        "is-plain-obj": "^1.0.0"
+      }
+    },
     "source-list-map": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
@@ -14991,6 +15506,11 @@
       "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.0.tgz",
       "integrity": "sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI="
     },
+    "strict-uri-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
+    },
     "string-length": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-2.0.0.tgz",
@@ -15092,6 +15612,19 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
       "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo="
     },
+    "strip-outer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
+      "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==",
+      "requires": {
+        "escape-string-regexp": "^1.0.2"
+      }
+    },
+    "strip-url-auth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-url-auth/-/strip-url-auth-1.0.1.tgz",
+      "integrity": "sha1-IrD6OkE4WzO+PzMVUbu4N/oM164="
+    },
     "style-loader": {
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.0.tgz",
@@ -15405,6 +15938,11 @@
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.4.tgz",
       "integrity": "sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE="
     },
+    "to-array": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
+      "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA="
+    },
     "to-arraybuffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
@@ -15478,6 +16016,14 @@
         "punycode": "^2.1.0"
       }
     },
+    "trim-repeated": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz",
+      "integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=",
+      "requires": {
+        "escape-string-regexp": "^1.0.2"
+      }
+    },
     "trim-right": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
@@ -15954,6 +16500,14 @@
         "makeerror": "1.0.x"
       }
     },
+    "warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "watch": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/watch/-/watch-0.18.0.tgz",
@@ -16852,6 +17406,11 @@
       "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-1.3.1.tgz",
       "integrity": "sha512-tGkGJkN8XqCod7OT+EvGYK5Z4SfDQGD30zAa58OcnAa0RRWgzUEK72tkXhsX1FZd+rgnhRxFtmO+ihkp8LHSkw=="
     },
+    "xmlhttprequest-ssl": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz",
+      "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4="
+    },
     "xregexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-4.0.0.tgz",
@@ -16905,6 +17464,11 @@
           "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0="
         }
       }
+    },
+    "yeast": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
+      "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk="
     }
   }
 }
diff --git a/client/match/package.json b/client/match/package.json
new file mode 100644
index 0000000..0e70db1
--- /dev/null
+++ b/client/match/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "match",
+  "version": "0.1.0",
+  "private": true,
+  "homepage": "https://franzspiess.github.io/match",
+  "dependencies": {
+    "@emotion/core": "^10.0.28",
+    "@reach/router": "^1.3.3",
+    "cloudinary-react": "^1.5.0",
+    "gh-pages": "^2.2.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "2.1.3",
+    "react-swipeable-cards": "^1.0.6",
+    "socket.io-client": "^2.3.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/client/baller/public/favicon.ico b/client/match/public/favicon.ico
similarity index 100%
rename from client/baller/public/favicon.ico
rename to client/match/public/favicon.ico
diff --git a/client/baller/public/index.html b/client/match/public/index.html
similarity index 58%
rename from client/baller/public/index.html
rename to client/match/public/index.html
index 323182f..c7c7f40 100755
--- a/client/baller/public/index.html
+++ b/client/match/public/index.html
@@ -1,19 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <meta name="theme-color" content="#000000" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta name="theme-color" content="#000000" />
+  <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -22,12 +20,21 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>Match</title>
+  <link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Saira+Condensed:300,400,700" rel="stylesheet">
+
+  <script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>
+
+
+
+
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -37,5 +44,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-  </body>
-</html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/client/baller/public/manifest.json b/client/match/public/manifest.json
similarity index 100%
rename from client/baller/public/manifest.json
rename to client/match/public/manifest.json
diff --git a/client/match/src/App.css b/client/match/src/App.css
new file mode 100755
index 0000000..e69de29
diff --git a/client/match/src/App.js b/client/match/src/App.js
new file mode 100755
index 0000000..fe672b3
--- /dev/null
+++ b/client/match/src/App.js
@@ -0,0 +1,215 @@
+import React, { Component } from 'react';
+import { Router } from '@reach/router';
+import openSocket from 'socket.io-client';
+import Nav from './containers/Nav';
+import Match from './containers/Match';
+import Profile from './containers/Profile';
+import MyMatches from './containers/MyMatches';
+import Chat from './containers/Chat';
+
+
+
+import './App.css';
+
+const url = 'https://private-0756c-match11.apiary-mock.com'
+const urlAlt = 'http://localhost:3000'
+const socket = openSocket(url);
+
+class App extends Component {
+
+  state = {
+    loading: false,
+    located: [],
+    matches: [],
+    potentials: [],
+    myUser: {},
+    newMatch: false
+  }
+
+  toggleNew = () => {
+    this.setState({newMatch:false})
+  }
+  success = (located) => {
+    const { latitude, longitude } = located.coords;
+    this.setState({ located: [longitude, latitude] }, () => console.log('location', this.state.located));
+  }
+
+  create = (e) => {
+    let user = e;
+    navigator.geolocation.getCurrentPosition(this.success);
+    user.located = this.state.located;
+
+    fetch(`${url}/create`, {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(user)
+    })
+      .then(async res => {
+        try {
+          if (res.status === 401) { alert('User already exists') }
+          else if (res.status === 401) { alert('Wrong password.') }
+          else if (res.status === 201) {
+            const myUser = await res.json();
+            localStorage.setItem('token', myUser.token);
+            localStorage.setItem('userID', myUser.idid)
+            this.setState({ myUser });
+          }
+          else { alert('Unknown error') }
+        }
+        catch (err) { console.log(err) }
+      })
+      .then(this.fetchAndSetMatches)
+      .then(this.fetchAndSetPotentials)
+  }
+
+  logout = () => {
+    localStorage.removeItem('token');
+    localStorage.removeItem('userID');
+    this.setState({});
+  }
+
+  login (e) {
+    fetch(`${url}/login`, {
+      method: 'get',
+      headers: new Headers({
+        'Authorization': 'Basic ' + btoa(`${e.email}:${e.password}`),
+        'Access-Control-Allow-Credentials': true,
+        'Content-Type': 'application/x-www-form-urlencoded'
+      })
+    })
+      .then(async res => {
+        if (res.status === 404) alert('User not found')
+        else if (res.status === 401) alert('Wrong password.')
+        else if (res.status === 201) {
+          const myUser = await res.json();
+          this.setState({ myUser });
+          localStorage.setItem('token', myUser.token);
+          localStorage.setItem('userID', myUser.idid);
+        }
+      })
+      .then(this.fetchAndSetMatches)
+      .then(this.fetchAndSetPotentials);
+  };
+
+  postMsgToServer (msg, user) {
+    socket.emit('sendmsg',msg);
+    let toPost = {
+      msg,
+      id: user.idid,
+      chatID: user.chatID
+    };
+    fetch(`${url}/msg/${this.state.myUser.idid}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(toPost) })
+      .then(this.fetchAndSetMatches)
+      .catch( error => console.log(error))
+  };
+
+  matchCurrentPotential () {
+    console.log(this.state, 'BEFORE')
+    let potentials = this.state.potentials;
+    // let currentPotential = potentials[.shift()];
+    const currentPotential = potentials[0]
+    this.setState({ potentials, currentPotential })
+    console.log(this.state, 'AFTER')
+    // fetch(`${url}/setmatch/${this.state.myUser.idid}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(this.state.currentPotential) })
+      // .then(this.fetchAndSetMatches)
+      // .catch( error => console.log(error));
+  };
+
+  declineCurrentPotential () {
+    console.log(this.state, 'BEFORE')
+    // let potentials = this.state.potentials;
+    // let currentPotential = potentials.shift();
+    // this.setState({ potentials, currentPotential })
+    console.log(this.state, 'AFTER')
+    // fetch(`${url}/setdecline/${this.state.myUser.idid}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(this.state.currentPotential) })
+      // .then(this.fetchAndSetMatches)
+      // .catch( error => console.log(error));
+  };
+
+  fetchAndSetPotentials = () => {
+    fetch(`${url}/potentials/7`, {headers: {
+      'Access-Control-Allow-Credentials': true
+    }})
+      .then(result => result.json())
+      .then(potentials => {
+       let currentPotential = potentials[0];
+        this.setState({ currentPotential, potentials });
+        this.setState({ loading: false })
+      })
+      .catch(err => console.log(err));
+  }
+
+  updateUser = (e) => {
+    let profile = this.state.myUser;
+    if (e.first.length) profile.first = e.first;
+    if (e.last.length) profile.last = e.last;
+    if (Number(e.age) >= 14 && Number(e.age) <= 100) profile.age = Number(e.age);
+    if (Number(e.age) >= 1 && Number(e.age) <= 5) profile.last = Number(e.last);
+    profile.sport = e.sport;
+    fetch(`${url}/myuser/${profile.idid}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(profile) })
+      .then((res) => console.log(res))
+      .then(this.fetchAndSetUser)
+      .then(this.fetchAndSetPotentials);
+  }
+
+  fetchAndSetUser = () => {
+    fetch(`${url}/myuser/7`, {headers: {
+      'Access-Control-Allow-Credentials': true
+    }})
+      .then(result => result.json())
+      .then(myUser => this.setState({ myUser }))
+      .catch( error => console.log(error));
+  }
+
+  fetchAndSetMatches = () => {
+    fetch(`${url}/matches/7`, {headers: {
+      'Access-Control-Allow-Credentials': true
+    }})
+      .then(result => result.json())
+      .then(matches => {
+        if (this.state.matches.length && matches.length > this.state.matches.length) this.setState({newMatch:true})
+        this.setState({ matches });
+      })
+  }
+
+  showPosition = (position) => {
+    return position.coords;
+  }
+
+  componentDidMount () {
+    this.fetchAndSetUser();
+    this.fetchAndSetMatches();
+    this.fetchAndSetPotentials();
+    // document.documentElement.requestFullscreen && document.documentElement.requestFullscreen();
+  }
+
+  render () {
+
+    // if (!localStorage.getItem('token')) return (
+    //   <div>
+    //     <Router basepath={process.env.PUBLIC_URL}>
+    //       <Login path="/" login={this.login.bind(this)} />
+    //       <Create path="create" create={this.create} />
+    //     </Router>
+    //   </div>)
+
+    if (!this.state.loading) {
+      return (
+        <div className="main-container">
+          <Nav />
+          <Router basepath={process.env.PUBLIC_URL}>
+            <Profile path="/profile" myUser={this.state.myUser} updateUser={this.updateUser} logout={this.logout}/>
+            <Match path="/" yes={this.matchCurrentPotential.bind(this)} no={this.declineCurrentPotential.bind(this)} potentials={this.state.potentials} newMatch={this.state.newMatch} toggleNew={this.toggleNew} currentPotential={this.state.currentPotential}/>
+            <MyMatches path="/mymatches" matches={this.state.matches} myUser={this.state.myUser} fetchAndSet={this.fetchAndSetMatches}/>
+            <Chat path="/mymatches/chatview/:userId" post={this.postMsgToServer.bind(this)} matches={this.state.matches} />
+          </Router>
+        </div>
+      );
+    }
+    else return (<div className="loading">LOADING</div>);
+  }
+}
+
+export default App;
diff --git a/client/baller/src/App.test.js b/client/match/src/App.test.js
similarity index 100%
rename from client/baller/src/App.test.js
rename to client/match/src/App.test.js
diff --git a/client/match/src/components/Decision.js b/client/match/src/components/Decision.js
new file mode 100644
index 0000000..7cba295
--- /dev/null
+++ b/client/match/src/components/Decision.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const Decision = (props) => {
+
+  const {yes} = props;
+  const {no} = props;
+
+  return (
+    <div className="decision-container">
+      <span className="decide no" onClick={no}></span>
+      <span className="decide yes" onClick={yes}></span>
+    </div>
+  )
+}
+
+export default Decision;
\ No newline at end of file
diff --git a/client/match/src/components/Matched.js b/client/match/src/components/Matched.js
new file mode 100644
index 0000000..35ed1d8
--- /dev/null
+++ b/client/match/src/components/Matched.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Link } from '@reach/router'
+
+const Matched = ({ matches }) => {
+
+  const myMatches = matches.map(el => {
+
+    if (!el.messages.length) {
+      return (
+        <Link to={`chatview/${el.idid}`} state={{ user: el }} key={el.idid} >
+          <img className="chatpic" src={el.img} alt="matchimg"></img>
+        </Link>
+      )
+    }
+  });
+
+  if (matches && myMatches) {
+    return (
+      <div className="matched">
+        {myMatches}
+      </div>
+    )
+  }
+  else return null;
+};
+
+export default Matched;
\ No newline at end of file
diff --git a/client/match/src/components/MessageInput.js b/client/match/src/components/MessageInput.js
new file mode 100644
index 0000000..f5cfabf
--- /dev/null
+++ b/client/match/src/components/MessageInput.js
@@ -0,0 +1,20 @@
+import React, {Component} from 'react';
+
+class MessageInput extends Component {
+  state = {
+    msg:''
+  }
+
+  render () {
+    const {post} = this.props;
+    const {user} = this.props;
+
+  return (
+    <div className="inputbox">
+      <input type="text" className="sendmsg" placeholder="Type your message" onChange={(e)=> this.setState({msg:e.target.value}) } value={this.state.msg}></input>
+      <button className="sendbtn" onClick={(e) => {post(this.state.msg, user);this.setState({msg:''})}}>SEND</button>
+    </div>
+  )}
+};
+
+export default MessageInput;
\ No newline at end of file
diff --git a/client/match/src/components/MessageList.js b/client/match/src/components/MessageList.js
new file mode 100644
index 0000000..b06e966
--- /dev/null
+++ b/client/match/src/components/MessageList.js
@@ -0,0 +1,83 @@
+import React, { Component } from 'react';
+import infoimg from '../files/info2.svg';
+
+
+class MessageList extends Component {
+  state = {
+    show: false,
+    showPic: false
+  }
+
+  click = () => {
+    this.state.show ? this.setState({ show: false }) : this.setState({ show: true, showPic: false });
+  }
+
+  clickPic = () => {
+    this.state.showPic ? this.setState({ showPic: false }) : this.setState({ showPic: true, show: false });
+  }
+
+  render () {
+    let userID = this.props.user.idid
+    let user = this.props.matches.find(x => x.idid === userID);
+    const messages = user.messages;
+    const received = "received";
+    const sent = "sent";
+    let messageView = [];
+    let skill = Array(Number(user.skill)).fill('🎾')
+    let skillArr = skill.map(racket => {
+      return (
+        <img src='https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547497115/styles/ball4.png' className="skillimg" alt="ball" ></img>
+      )
+    });
+
+    if (messages.length) {
+
+      messageView = messages.map((message,index )=> {
+        let tag;
+        message.author === user.idid ? tag = received : tag = sent;
+        return (
+          <div className={`message ${tag}`} key={index}>{message.content}</div>
+        )
+      })
+    }
+
+    if (messageView && messageView.length) return (
+      <div className="message-container" >
+        <div className="chatpartner">
+          <div className="sub-partner">
+            <img className="chatpic inchatpic" src={user.img} alt="matchpic"></img>
+            <div className="partnername">{user.first}, {user.age}</div>
+          </div>
+          <img className="chatdescription" src={infoimg} onClick={this.click} alt="info"></img>
+        </div>
+        {this.state.show ? <div className="description-box-chat" key={`b +${user.idid}`}>{user.description}</div> :
+          <div className="the-message-list">{messageView}</div>}
+
+
+      </div>
+    );
+    else return (
+      <div className="message-container">
+        <div className="chatpartner">
+          <div className="sub-partner">
+            <img className="chatpic inchatpic" src={user.img} alt="matchpic" onClick={this.clickPic}></img>
+            <div className="partnername">{user.first}, {user.age}</div>
+          </div>
+          <img className="chatdescription" src={infoimg} onClick={this.click} alt="info"></img>
+        </div>
+        {this.state.show ?
+          <div className="description-box-chat">
+            {user.description}
+            <div className="skillArr chatskill">
+              <span className="theskill1">Skill Level:</span>
+              <span className="theskill2">  {skillArr}</span>
+            </div>
+          </div> : null}
+      </div>
+    )
+  }
+}
+
+
+
+export default MessageList;
\ No newline at end of file
diff --git a/client/match/src/components/Messages.js b/client/match/src/components/Messages.js
new file mode 100644
index 0000000..a291f64
--- /dev/null
+++ b/client/match/src/components/Messages.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import { Link } from '@reach/router';
+
+const Messages = ({matches}) => {
+
+  const myChats = matches.map(el => {
+
+    if (el.messages.length) {
+
+      return (
+        <Link to={`chatview/${el.idid}`} state={{ user: el }} key={el.idid}>
+          <div className="chatpreview">
+            <img className="chatpic" src={el.img} alt="matchpic"></img>
+            <div className="msgheader">
+              <div className="msgpreview msgname">{el.first}</div>
+              <div className="msgpreview">{el.messages[0].content}</div>
+            </div>
+          </div>
+        </Link>
+      )
+    };
+  });
+
+  return (
+    <div className="chatoverview">
+      {myChats}
+    </div>
+  )
+};
+
+export default Messages;
\ No newline at end of file
diff --git a/client/match/src/components/PotentialInfo.js b/client/match/src/components/PotentialInfo.js
new file mode 100644
index 0000000..c1b4b8b
--- /dev/null
+++ b/client/match/src/components/PotentialInfo.js
@@ -0,0 +1,87 @@
+import React, { Component } from 'react';
+import { Card, CardWrapper } from 'react-swipeable-cards';
+import infoimg from '../files/info2.svg';
+
+
+class UserInfo extends Component {
+  state = {
+    show: false
+  }
+
+  click = () => {
+    this.state.show ? this.setState({ show: false }) : this.setState({ show: true });
+  }
+
+  theEnd = () => {
+    return (
+      <div>
+        <div className="logo">
+          <span className="mylogo">MATCH</span>
+          <span className="noplayers">No Players Near You</span>
+        </div>
+      </div>
+    )
+  };
+
+  render () {
+    const { potentials, yes, no } = this.props;
+    const cards = potentials.map(user => {
+      let skill = Array(Number(user.skill)).fill('🎾')
+      let skillArr = skill.map(racket => {
+        return (
+          <img src='https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547497115/styles/ball4.png' className="skillimg" alt="ball" ></img>
+        )
+      });
+
+      const myStyle = {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'flex-end',
+        backgroundImage: `url(${user.img})`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        backgroundRepeat: 'no-repeat',
+        alignSelf: 'center',
+        width: '84%',
+        height: '92%',
+        marginTop: '2vh'
+      }
+
+      return (
+        <Card style={myStyle} key={user._id} onSwipeRight={yes} onDoubleTap={yes} onSwipeLeft={no}>
+          {this.state.show ? <div className="thedescription">
+            <div className="sub-description">{user.description}</div>
+            <div className="skillArr">
+              <span className="theskill1">Skill Level:</span>
+              <span className="theskill2">  {skillArr}</span>
+            </div>
+          </div> : null}
+          <div className="userinfo">
+            <div className="username">{user.first}, {user.age}</div>
+            <div className="descriptiondiv">
+              <img className="userdescription description-button" src={infoimg} onClick={this.click} alt="img"></img>
+            </div>
+          </div>
+        </Card>
+      )
+    })
+
+    if (potentials) {
+      return (
+        <div className="usercontainer">
+          <CardWrapper className="wrapper" addEndCard={this.theEnd}>
+            {cards}
+          </CardWrapper>
+        </div>
+      );
+    }
+    else {
+      return (
+        <div>User not found!</div>
+      );
+    }
+  };
+}
+
+export default UserInfo;
+
diff --git a/client/match/src/containers/Chat.js b/client/match/src/containers/Chat.js
new file mode 100644
index 0000000..570ba75
--- /dev/null
+++ b/client/match/src/containers/Chat.js
@@ -0,0 +1,22 @@
+import React, { Component } from 'react';
+import MessageList from '../components/MessageList';
+import MessageInput from '../components/MessageInput'
+
+
+class Chat extends Component {
+
+  render () {
+    const {post} = this.props;
+    const {matches} = this.props;
+    const {user} = this.props.location.state;
+
+    return (
+      <div className="chatbox">
+        <MessageList user={user} matches={matches}/>
+        <MessageInput post={post} user={user} />
+      </div>
+    )
+  }
+}
+
+export default Chat;
\ No newline at end of file
diff --git a/client/match/src/containers/Create.js b/client/match/src/containers/Create.js
new file mode 100644
index 0000000..49cd665
--- /dev/null
+++ b/client/match/src/containers/Create.js
@@ -0,0 +1,84 @@
+import React, { Component } from 'react';
+import { Link, Redirect, navigate } from '@reach/router';
+
+class Create extends Component {
+
+  state = {
+    first: '',
+    last: '',
+    age: '',
+    skill: '',
+    email: '',
+    password: '',
+    sport: 'tennis',
+    img: ''
+  };
+
+  handleChange = event => {
+    this.setState({
+      [event.target.name]: event.target.value
+    });
+  };
+
+  handleSubmit = event => {
+    event.preventDefault();
+    this.props.create(this.state);
+    this.setState({
+      first: '',
+      last: '',
+      age: '',
+      // skill: '',
+      email: '',
+      password: ''
+    })
+    navigate("/");
+  };
+
+  componentDidMount () {
+    var myWidget = window.cloudinary.createUploadWidget({
+      cloudName: 'pinchepanchopincho',
+      uploadPreset: 'e0jros9k'
+    }, (error, result) => {
+      if (error) console.log(error);
+      result.info.url && this.setState({ img: result.info.url })
+    })
+    document.getElementById("upload_widget").addEventListener("click", function () {
+      myWidget.open();
+    }, false);
+  };
+
+  render () {
+    console.log('creat', this.props)
+    if (localStorage.getItem('token')) return <Redirect to="" />
+    return (
+      <div className="create">
+        <div className="logo">
+          <span className="mylogo">MATCH</span>
+        </div>
+        <div className="user-create-input">
+          <button id="upload_widget" className="cloudinary-button">Upload User Image</button>
+          <form className="create-form" onSubmit={this.handleSubmit}>
+            <select className="form-select " name="carlist" form="carform" name="sport" onChange={this.handleChange}>
+              <option value="tennis">Tennis</option>
+              <option value="tabletennis">Table-Tennis</option>
+              <option value="badminton">Badminton</option>
+              <option value="squash">Squash</option>
+            </select>
+            <input type="text" className="form-text form-item" placeholder="First Name" name="first" onChange={this.handleChange} />
+            <input type="text" className="form-text form-item" placeholder="Last Name" name="last" onChange={this.handleChange} />
+            <input type="text" className="form-text form-item" placeholder="Age" name="age" onChange={this.handleChange} />
+            <input type="text" className="form-text form-item" placeholder="E-Mail" name="email" onChange={this.handleChange} />
+            <input type="text" className="form-text form-item" placeholder="password" name="password" onChange={this.handleChange} ></input>
+            <input type="submit" className="form-btn" value="Create User"></input>
+          </form>
+        </div>
+        <Link to='/' className="login-link">
+          <span>Already a user ?</span>
+          <button className="login-button" onClick={this.props.logout}>LogIn</button>
+        </Link>
+      </div >
+    )
+  };
+};
+
+export default Create;
diff --git a/client/match/src/containers/LogIn.js b/client/match/src/containers/LogIn.js
new file mode 100644
index 0000000..680fb3b
--- /dev/null
+++ b/client/match/src/containers/LogIn.js
@@ -0,0 +1,46 @@
+
+import React, { Component } from 'react';
+import { Link } from '@reach/router'
+
+class LogIn extends Component {
+
+  state = {
+    email: '',
+    password: ''
+  };
+
+  handleChange = event => {
+    this.setState({
+      [event.target.name]: event.target.value
+    })
+  }
+
+  handleSubmit = event => {
+    event.preventDefault();
+    this.props.login(this.state);
+    this.setState({
+      email: '',
+      password: ''
+    })
+  }
+
+  render () {
+    return (
+      <div className="login">
+        <div className="logo">
+          <span className="mylogo">MATCH</span>
+          <Link className="create-account" to="/create">
+            <span className="test">Create Account</span>
+          </Link>
+        </div>
+        <form className="login-form" onSubmit={this.handleSubmit}>
+          <input type="text" className="form-text form-item" placeholder="Username" name="email" onChange={this.handleChange} value={this.state.email} />
+          <input type="password" className="form-text form-item" placeholder="Password" name="password" onChange={this.handleChange} value={this.state.password}></input>
+          <input type="submit" className="form-btn form-item" value="SUBMIT"></input>
+        </form>
+      </div>
+    )
+  }
+}
+
+export default LogIn;
\ No newline at end of file
diff --git a/client/match/src/containers/Match.js b/client/match/src/containers/Match.js
new file mode 100644
index 0000000..a68d782
--- /dev/null
+++ b/client/match/src/containers/Match.js
@@ -0,0 +1,56 @@
+import React, { Component } from 'react';
+import PotentialInfo from '../components/PotentialInfo';
+import Decision from '../components/Decision';
+import { Link } from '@reach/router';
+
+
+class Match extends Component {
+
+  render () {
+    const { yes, no, newMatch, currentPotential, toggleNew } = this.props;
+    if (newMatch && currentPotential) {
+
+      const theStyle = {
+        backgroundImage: `url(${currentPotential.img})`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        height: '30vh',
+        width: '30vh',
+        borderRadius: '100%',
+        marginBottom: '3vh'
+
+      }
+
+      return (
+        <div className="newmatch-box">
+          <div className="newmatch-data">
+            <div className="newmatch-notify">You've got a new</div>
+            <div className="newmatch-logo">MATCH</div>
+            <div className="newmatch-pic" style={theStyle}></div>
+            <div className="newmatch-info">{currentPotential.first}, {currentPotential.age}</div>
+          </div>
+          <div className="newmatch-buttons">
+            <Link to={process.env.PUBLIC_URL + `/mymatches`} onClick={toggleNew} >
+              <div className="newmatch-btn" >SEND MESSAGE</div>
+            </Link>
+            <div className="newmatch-btn" onClick={toggleNew}>KEEP SWIPING</div>
+          </div>
+        </div>
+      )
+    }
+
+    else if (!this.newMatch && this.props.potentials) {
+      return (
+        <div className="matchbox">
+          <PotentialInfo potentials={this.props.potentials} yes={yes} no={no} />
+          <Decision yes={yes} no={no} />
+        </div>
+
+      );
+    }
+    else return null;
+
+  };
+}
+
+export default Match;
diff --git a/client/match/src/containers/MyMatches.js b/client/match/src/containers/MyMatches.js
new file mode 100644
index 0000000..2d6607d
--- /dev/null
+++ b/client/match/src/containers/MyMatches.js
@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+import Matched from '../components/Matched';
+import Messages from '../components/Messages';
+
+class MyMatches extends Component {
+
+  componentDidMount () {
+   this.props.fetchAndSet();
+  }
+
+  render () {
+
+    const { matches } = this.props;
+
+    if (this.props) {
+
+      return (
+        <div className="chatview">
+          <Matched matches={matches} />
+          <Messages matches={matches} />
+        </div>
+      )
+    }
+
+    else return null;
+  }
+}
+
+export default MyMatches;
\ No newline at end of file
diff --git a/client/match/src/containers/Nav.js b/client/match/src/containers/Nav.js
new file mode 100644
index 0000000..42eef63
--- /dev/null
+++ b/client/match/src/containers/Nav.js
@@ -0,0 +1,31 @@
+import React, { Component } from 'react';
+import { Link } from '@reach/router';
+import ballimg from '../files/ball4.png';
+import chatimg from '../files/chat3.svg';
+import profile from '../mocks/profile';
+
+class Nav extends Component {
+
+  render () {
+
+    const myStyle = {
+      backgroundImage: `url(${profile.img})`
+    }
+
+    return (
+      <div className="navbar">
+        <Link to={process.env.PUBLIC_URL + "/profile"}>
+          <div className="navbutton button profilpic" style={myStyle} alt="user"></div>
+        </Link>
+        <Link to={process.env.PUBLIC_URL + "/"}>
+          <img className="navbutton navmatch" src={ballimg} alt="matching"></img>
+        </Link>
+        <Link to={process.env.PUBLIC_URL + "/mymatches"}>
+          <img className="navbutton" src={chatimg} alt="chat"></img>
+        </Link>
+      </div>
+    );
+  }
+};
+
+export default Nav;
\ No newline at end of file
diff --git a/client/match/src/containers/Profile.js b/client/match/src/containers/Profile.js
new file mode 100644
index 0000000..d3a153a
--- /dev/null
+++ b/client/match/src/containers/Profile.js
@@ -0,0 +1,66 @@
+import React, { Component } from 'react';
+import { Link } from '@reach/router'
+
+
+
+class Profile extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      first: this.props.myUser.first,
+      last: this.props.myUser.last,
+      age: this.props.myUser.age,
+      skill: this.props.myUser.skill,
+      sport: this.props.myUser.sport,
+      distance: this.props.myUser.distance/1000
+    }
+  }
+
+  render () {
+    // if (!localStorage.getItem('token')) return <Redirect to="/" />
+
+      return (
+        <div className="profilebox">
+          <div className="profile sport">
+            <span className="title" >Sport:</span>
+            <select className="value sport-input" form="carform" name="sport" onChange={e => this.setState({ sport: e.target.value })
+            }>
+              <option value="tennis">Tennis</option>
+              <option value="tabletennis">Table-Tennis</option>
+              <option value="badminton">Badminton</option>
+              <option value="squash">Squash</option>
+            </select>
+          </div>
+          <div className="profile first">
+            <span className="title" >First Name:</span>
+            <input className="value first-input" placeholder={this.state.first}
+              onChange={(e) => this.setState({ first: e.target.value })} ></input>
+          </div>
+          <div className="profile last">
+            <span className="title" >Last Name:</span>
+            <input className="value last-input" placeholder={this.state.last} onChange={(e) => this.setState({ last: e.target.value })}></input>
+          </div>
+          <div className="profile age">
+            <span className="title" >Age:</span>
+            <input className="value age-input" placeholder={this.state.age} onChange={(e) => this.setState({ age: e.target.value })}></input>
+          </div>
+          <div className="profile skill">
+            <span className="title" >Skill:</span>
+            <div className="skilldiv">
+              <span className="skilltitle">{this.state.skill}/5</span>
+              <input type="range" className="value skill-input ranger" min="1" max="5" defaultValue={this.state.skill}  onChange={(e) => this.setState({ skill: e.target.value })}></input></div>
+          </div>
+          <div className="profile distance">
+            <span className="title" >Distance:</span>
+            <div className="rangediv">
+              <span className="rangetitle">{this.state.distance} km</span>
+            <input type="range" className="value distance-input ranger" min="1" max="50" placeholder={this.state.distance} defaultValue={this.state.distance} onChange={(e) => this.setState({ distance: e.target.value })}></input></div>
+          </div>
+          <button className="profile-button" onClick={(e) => this.props.updateUser(this.state)} >Change</button>
+          <Link to="/" className="logout-button" onClick={this.props.logout}><span>Logout</span></Link>
+        </div>
+      )
+    }
+}
+
+export default Profile;
\ No newline at end of file
diff --git a/client/match/src/files/ball1.svg b/client/match/src/files/ball1.svg
new file mode 100644
index 0000000..6770037
--- /dev/null
+++ b/client/match/src/files/ball1.svg
@@ -0,0 +1,473 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1151.5131"
+   height="1151.5131"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docbase="C:\Documents and Settings\FRANCISCO\Mis documentos\Mis Graficos\Mis SVG"
+   sodipodi:docname="Tennis Ball - Bola de Tenis.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   version="1.0">
+  <defs
+     id="defs4">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective69" />
+    <linearGradient
+       id="linearGradient2225">
+      <stop
+         style="stop-color:#bee57c;stop-opacity:1;"
+         offset="0"
+         id="stop2227" />
+      <stop
+         style="stop-color:#a6d904;stop-opacity:1;"
+         offset="1"
+         id="stop2229" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2225"
+       id="radialGradient4012"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.282997,0.96838,-0.602439,0.798165,58.7037,-383.593)"
+       cx="395.20822"
+       cy="431.64606"
+       fx="395.20822"
+       fy="431.64606"
+       r="543.35712" />
+    <linearGradient
+       y2="264.83621"
+       y1="267.59784"
+       xlink:href="#linearGradient10101"
+       x2="378.57401"
+       x1="374.20142"
+       spreadMethod="reflect"
+       inkscape:collect="always"
+       id="linearGradient11722"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-352.3179,178.0697)" />
+    <linearGradient
+       y2="168.24548"
+       y1="163.0381"
+       xlink:href="#linearGradient8627"
+       x2="444.90613"
+       x1="494.05084"
+       inkscape:collect="always"
+       id="linearGradient11720"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-352.3179,178.0697)" />
+    <linearGradient
+       y2="233.45561"
+       y1="103.31743"
+       xlink:href="#linearGradient7887"
+       x2="288.71396"
+       x1="318.59756"
+       inkscape:collect="always"
+       id="linearGradient11718"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-352.3179,178.0697)" />
+    <radialGradient
+       xlink:href="#linearGradient9363"
+       r="45.169621"
+       inkscape:collect="always"
+       id="radialGradient11716"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.213234,-0.380133,6.201452e-2,-0.197881,759.3341,539.2609)"
+       fy="134.40182"
+       fx="495.40192"
+       cy="134.40182"
+       cx="495.40192" />
+    <linearGradient
+       y2="324.03946"
+       y1="326.13086"
+       xlink:href="#linearGradient6411"
+       x2="496.70248"
+       x1="493.30402"
+       spreadMethod="repeat"
+       inkscape:collect="always"
+       id="linearGradient11714"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-352.3179,178.0697)" />
+    <linearGradient
+       y2="331.09995"
+       y1="423.44086"
+       xlink:href="#linearGradient5675"
+       x2="281.70435"
+       x1="263.05844"
+       inkscape:collect="always"
+       id="linearGradient11712"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-352.3179,178.0697)" />
+    <radialGradient
+       xlink:href="#linearGradient4927"
+       r="73.131134"
+       inkscape:collect="always"
+       id="radialGradient11710"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.905825,-352.3179,198.9417)"
+       fy="169.99573"
+       fx="240.37982"
+       cy="169.99573"
+       cx="240.37982" />
+    <linearGradient
+       y2="331.89728"
+       y1="272.98285"
+       xlink:href="#linearGradient4191"
+       x2="100.73916"
+       x1="150.20929"
+       spreadMethod="reflect"
+       inkscape:collect="always"
+       id="linearGradient11708"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-352.3179,178.0697)" />
+    <linearGradient
+       y2="264.83621"
+       y1="267.59784"
+       xlink:href="#linearGradient10101"
+       x2="378.57401"
+       x1="374.20142"
+       spreadMethod="reflect"
+       inkscape:collect="always"
+       id="linearGradient11684"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="168.24548"
+       y1="163.0381"
+       xlink:href="#linearGradient8627"
+       x2="444.90613"
+       x1="494.05084"
+       inkscape:collect="always"
+       id="linearGradient11682"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="233.45561"
+       y1="103.31743"
+       xlink:href="#linearGradient7887"
+       x2="288.71396"
+       x1="318.59756"
+       inkscape:collect="always"
+       id="linearGradient11680"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       xlink:href="#linearGradient9363"
+       r="45.169621"
+       inkscape:collect="always"
+       id="radialGradient11678"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.213234,-0.380133,6.201452e-2,-0.197881,1111.652,361.1912)"
+       fy="134.40182"
+       fx="495.40192"
+       cy="134.40182"
+       cx="495.40192" />
+    <linearGradient
+       y2="324.03946"
+       y1="326.13086"
+       xlink:href="#linearGradient6411"
+       x2="496.70248"
+       x1="493.30402"
+       spreadMethod="repeat"
+       inkscape:collect="always"
+       id="linearGradient11676"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="331.09995"
+       y1="423.44086"
+       xlink:href="#linearGradient5675"
+       x2="281.70435"
+       x1="263.05844"
+       inkscape:collect="always"
+       id="linearGradient11674"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       xlink:href="#linearGradient4927"
+       r="73.131134"
+       inkscape:collect="always"
+       id="radialGradient11672"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.905825,0,20.87199)"
+       fy="169.99573"
+       fx="240.37982"
+       cy="169.99573"
+       cx="240.37982" />
+    <linearGradient
+       y2="331.89728"
+       y1="272.98285"
+       xlink:href="#linearGradient4191"
+       x2="100.73916"
+       x1="150.20929"
+       spreadMethod="reflect"
+       inkscape:collect="always"
+       id="linearGradient11670"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       y2="331.89728"
+       y1="272.98285"
+       xlink:href="#linearGradient4191"
+       x2="100.73916"
+       x1="150.20929"
+       spreadMethod="reflect"
+       inkscape:collect="always"
+       id="linearGradient11577"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient4191">
+      <stop
+         style="stop-color:#000000;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop4193" />
+      <stop
+         style="stop-color:#6e6e6e;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop4195" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient4927"
+       r="73.131134"
+       inkscape:collect="always"
+       id="radialGradient11579"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.905825,0,20.87199)"
+       fy="169.99573"
+       fx="240.37982"
+       cy="169.99573"
+       cx="240.37982" />
+    <linearGradient
+       id="linearGradient4927">
+      <stop
+         style="stop-color:#e0de2c;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop4929" />
+      <stop
+         style="stop-color:#e5e5e5;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop4931" />
+    </linearGradient>
+    <linearGradient
+       y2="331.09995"
+       y1="423.44086"
+       xlink:href="#linearGradient5675"
+       x2="281.70435"
+       x1="263.05844"
+       inkscape:collect="always"
+       id="linearGradient11581"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient5675">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop5677" />
+      <stop
+         style="stop-color:#e7edbe;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop5679" />
+    </linearGradient>
+    <linearGradient
+       y2="324.03946"
+       y1="326.13086"
+       xlink:href="#linearGradient6411"
+       x2="496.70248"
+       x1="493.30402"
+       spreadMethod="repeat"
+       inkscape:collect="always"
+       id="linearGradient11583"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient6411">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6413" />
+      <stop
+         style="stop-color:#595959;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop6415" />
+    </linearGradient>
+    <radialGradient
+       xlink:href="#linearGradient9363"
+       r="45.169621"
+       inkscape:collect="always"
+       id="radialGradient11585"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.213234,-0.380133,6.201452e-2,-0.197881,1111.652,361.1912)"
+       fy="134.40182"
+       fx="495.40192"
+       cy="134.40182"
+       cx="495.40192" />
+    <linearGradient
+       id="linearGradient9363">
+      <stop
+         style="stop-color:#797979;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop9365" />
+      <stop
+         style="stop-color:#2a2a2a;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop9367" />
+    </linearGradient>
+    <linearGradient
+       y2="233.45561"
+       y1="103.31743"
+       xlink:href="#linearGradient7887"
+       x2="288.71396"
+       x1="318.59756"
+       inkscape:collect="always"
+       id="linearGradient11587"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient7887">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop7889" />
+      <stop
+         style="stop-color:#2c2c2c;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop7891" />
+    </linearGradient>
+    <linearGradient
+       y2="168.24548"
+       y1="163.0381"
+       xlink:href="#linearGradient8627"
+       x2="444.90613"
+       x1="494.05084"
+       inkscape:collect="always"
+       id="linearGradient11589"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient8627">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop8629" />
+      <stop
+         style="stop-color:#e85600;stop-opacity:1.0000000;"
+         offset="1.0000000"
+         id="stop8631" />
+    </linearGradient>
+    <linearGradient
+       y2="264.83621"
+       y1="267.59784"
+       xlink:href="#linearGradient10101"
+       x2="378.57401"
+       x1="374.20142"
+       spreadMethod="reflect"
+       inkscape:collect="always"
+       id="linearGradient11591"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient10101">
+      <stop
+         style="stop-color:#4d400c;stop-opacity:1.0000000;"
+         offset="0.00000000"
+         id="stop10103" />
+      <stop
+         style="stop-color:#86692d;stop-opacity:1.0000000"
+         offset="1.0000000"
+         id="stop10105" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.27821309"
+     inkscape:cx="38.30235"
+     inkscape:cy="653.81927"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:showpageshadow="false"
+     showborder="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1024"
+     inkscape:window-height="721"
+     inkscape:window-x="120"
+     inkscape:window-y="147"
+     showgrid="false" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Tennis Ball - Bola de Tenis</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Fco. Javier Andrade Guillade</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:description>http://www.luniksoft.info/</dc:description>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>tennis</rdf:li>
+            <rdf:li>ball</rdf:li>
+            <rdf:li>sport</rdf:li>
+            <rdf:li>tenis</rdf:li>
+            <rdf:li>bola</rdf:li>
+            <rdf:li>deporte</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(186.80059,-41.126668)">
+    <g
+       id="g4265">
+      <path
+         transform="matrix(1.057841,0,0,1.057841,65.55881,20.48219)"
+         d="M 848.57141,563.79077 A 542.85712,542.85712 0 1 1 -237.14282,563.79077 A 542.85712,542.85712 0 1 1 848.57141,563.79077 z"
+         sodipodi:ry="542.85712"
+         sodipodi:rx="542.85712"
+         sodipodi:cy="563.79077"
+         sodipodi:cx="305.71429"
+         id="path1350"
+         style="opacity:1;fill:url(#radialGradient4012);fill-opacity:1;fill-rule:evenodd;stroke:#477000;stroke-width:2.83596492;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="arc" />
+      <path
+         sodipodi:nodetypes="ccccccccccc"
+         d="M 0.524615,1040.3886 C -13.53675,1028.6802 -23.6412,1016.5323 -35.50428,1003.9446 C 22.590957,1004.897 65.619951,990.32012 118.0009,954.12964 C 161.81043,926.51059 218.79547,763.65899 196.89071,616.03994 C 182.605,489.37327 156.68399,513.45503 126.09891,322.59771 C 112.76557,249.26438 126.42383,147.85466 227.37621,65.949899 C 254.96565,58.150958 266.28775,55.188252 311.4635,47.828969 C 143.35996,162.06577 162.03375,255.93881 172.88,329.27214 C 178.59429,433.08166 234.36025,486.09938 248.64596,617.74021 C 270.55072,770.33343 201.98371,954.4006 158.17418,982.0197 C 105.79324,1018.2102 58.619844,1041.341 0.524615,1040.3886 z"
+         style="fill:#f7f7f7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:24;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1"
+         id="path2244" />
+      <path
+         sodipodi:nodetypes="cccccccccc"
+         id="path2254"
+         d="M 840.05419,261.16459 C 854.21721,277.60599 862.09008,288.65585 874.45592,308.69161 C 886.7637,453.50452 891.88274,576.75122 857.46375,696.40357 C 811.72816,825.74324 713.87423,978.44629 725.64851,1019.724 C 724.54122,1039.6206 723.43394,1060.4158 733.10975,1079.4139 C 722.3324,1084.388 712.45365,1092.9566 701.6763,1097.9307 C 695.52529,1075.4775 693.86723,1051.227 695.80355,1029.6723 C 706.98678,947.73202 737.93902,885.56078 777.87719,810.80925 C 803.16538,760.23863 817.67047,709.668 837.56711,659.09738 C 861.75953,583.963 860.79136,462.10183 840.05419,261.16459 z"
+         style="fill:#f7f7f7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/client/match/src/files/ball2.svg b/client/match/src/files/ball2.svg
new file mode 100644
index 0000000..ff749c6
--- /dev/null
+++ b/client/match/src/files/ball2.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#1E232D;}
+</style><path class="st0" d="M21.1,4.2c-0.8-0.9-1.5-1.5-1.5-1.5l0,0C17.5,1,14.9,0,12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12  C24,9,22.9,6.3,21.1,4.2z M10.3,2.2c0,0.1-0.1,0.2-0.1,0.3c-2,4-3.6,6.4-7.3,5.5C4.2,4.9,7,2.7,10.3,2.2z M2,12  c0-0.7,0.1-1.5,0.2-2.2C3,10,3.7,10.1,4.3,10.1c4.1,0,6-3.7,7.6-6.8c0.2-0.4,0.4-0.9,0.7-1.3c2.8,0.2,5.2,1.5,6.9,3.4  c0.7,0.8,1.4,1.9,1.4,3.2c0,1.2-0.6,2.4-1.9,3.5C18,13,16.1,13,14.1,13c-2.3,0-4.8,0-6.6,1.4c-1,0.8-2.2,2.4-2.1,4.4  c0,0.2,0,0.5,0.1,0.8C3.4,17.8,2,15.1,2,12z M12,22c-0.9,0-1.8-0.1-2.6-0.4c-1.3-0.8-1.9-1.8-2-2.9c-0.1-1.2,0.6-2.2,1.3-2.8  c1.2-1,3.3-1,5.3-1c2.3,0,4.6,0,6.3-1.4c0.7-0.6,1.2-1.2,1.6-1.8c0,0,0,0.1,0,0.1C22,17.5,17.5,22,12,22z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/ball3.svg b/client/match/src/files/ball3.svg
new file mode 100644
index 0000000..170e529
--- /dev/null
+++ b/client/match/src/files/ball3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M383.8 92.2C348.5 64.5 304.1 48 256 48c-48 0-92.3 16.5-127.6 44 41.6 44.8 64.3 103 64 164.3-.3 61-23.3 118.6-64.9 162.9 35.4 28 80.1 44.8 128.5 44.8 48.5 0 93.3-16.8 128.8-45-41.5-44.3-64.5-101.8-64.8-162.7-.3-61.2 22.3-119.3 63.8-164.1z"/><path d="M353.1 255.1c0 26.9 5.1 53 15.1 77.8 9.6 23.6 23.3 44.9 40.8 63.6 34.1-37.1 55-86.5 55-140.5 0-54.5-21.2-104.2-55.8-141.4-17.1 18.5-30.6 39.6-40 62.7-10 24.8-15.1 51-15.1 77.8zM159.3 255.1c0-26.9-5.1-53-15.1-77.8-9.4-23.2-22.9-44.4-40.2-62.9-34.7 37.2-56 87-56 141.6 0 54.2 21 103.6 55.2 140.7 17.6-18.7 31.4-40.1 41-63.8 10-24.7 15.1-50.9 15.1-77.8z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/ball4.png b/client/match/src/files/ball4.png
new file mode 100644
index 0000000..b884393
Binary files /dev/null and b/client/match/src/files/ball4.png differ
diff --git a/client/match/src/files/baller.jpeg b/client/match/src/files/baller.jpeg
new file mode 100644
index 0000000..faf1455
Binary files /dev/null and b/client/match/src/files/baller.jpeg differ
diff --git a/client/match/src/files/chat.jpeg b/client/match/src/files/chat.jpeg
new file mode 100644
index 0000000..dc00ca9
Binary files /dev/null and b/client/match/src/files/chat.jpeg differ
diff --git a/client/match/src/files/chat1.svg b/client/match/src/files/chat1.svg
new file mode 100644
index 0000000..8c8382e
--- /dev/null
+++ b/client/match/src/files/chat1.svg
@@ -0,0 +1,510 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="960"
+   height="810"
+   id="svg4398"
+   inkscape:version="0.48.1 "
+   sodipodi:docname="bubbles_normal.svg">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="723"
+     inkscape:window-height="480"
+     id="namedview103"
+     showgrid="false"
+     inkscape:zoom="0.15925926"
+     inkscape:cx="559.07686"
+     inkscape:cy="672.06773"
+     inkscape:window-x="857"
+     inkscape:window-y="266"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs4400">
+    <linearGradient
+       x1="717.90833"
+       y1="306.55545"
+       x2="605.44189"
+       y2="167.14038"
+       id="linearGradient3938"
+       xlink:href="#linearGradient3158"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99333466,-0.12401539,0.1137799,0.99250492,265.05671,21.244826)" />
+    <linearGradient
+       id="linearGradient3158">
+      <stop
+         id="stop3160"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop3162"
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1" />
+    </linearGradient>
+    <filter
+       x="-0.13820241"
+       y="-0.17967942"
+       width="1.2764049"
+       height="1.3593589"
+       color-interpolation-filters="sRGB"
+       id="filter3964">
+      <feGaussianBlur
+         id="feGaussianBlur3966"
+         stdDeviation="25.018287" />
+    </filter>
+    <filter
+       x="-0.11648607"
+       y="-0.15029959"
+       width="1.2329721"
+       height="1.3005992"
+       color-interpolation-filters="sRGB"
+       id="filter3992">
+      <feGaussianBlur
+         id="feGaussianBlur3994"
+         stdDeviation="20.97932" />
+    </filter>
+    <linearGradient
+       x1="542.34875"
+       y1="209.50696"
+       x2="774.04797"
+       y2="467.50696"
+       id="linearGradient6201"
+       xlink:href="#linearGradient6203"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient6203">
+      <stop
+         id="stop6205"
+         style="stop-color:#86f390;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop6207"
+         style="stop-color:#21ec2b;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="416.34875"
+       y1="292.50696"
+       x2="603.04797"
+       y2="518.50696"
+       id="linearGradient6247"
+       xlink:href="#linearGradient6249"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient6249">
+      <stop
+         id="stop6251"
+         style="stop-color:#e4fada;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop6253"
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0.49701875" />
+      <stop
+         id="stop6255"
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0.62147653" />
+      <stop
+         id="stop6257"
+         style="stop-color:#55ab7c;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="500.53049"
+       y1="613.92419"
+       x2="843.64728"
+       y2="93.924187"
+       id="linearGradient4987"
+       xlink:href="#linearGradient4989"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         id="stop4991"
+         style="stop-color:#26ba32;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop4993"
+         style="stop-color:#30dd30;stop-opacity:1"
+         offset="0.07639313" />
+      <stop
+         id="stop4995"
+         style="stop-color:#48e255;stop-opacity:1"
+         offset="0.1796453" />
+      <stop
+         id="stop4997"
+         style="stop-color:#c9f2c9;stop-opacity:1"
+         offset="0.29466113" />
+      <stop
+         id="stop4999"
+         style="stop-color:#67e46a;stop-opacity:1"
+         offset="0.41551965" />
+      <stop
+         id="stop5001"
+         style="stop-color:#2de03e;stop-opacity:1"
+         offset="0.77632248" />
+      <stop
+         id="stop5003"
+         style="stop-color:#2bb72b;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="272.53049"
+       y1="227.92419"
+       x2="513.64728"
+       y2="463.92419"
+       id="linearGradient6215"
+       xlink:href="#linearGradient6209"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient6209">
+      <stop
+         id="stop6211"
+         style="stop-color:#61c84f;stop-opacity:1;"
+         offset="0" />
+      <stop
+         id="stop6213"
+         style="stop-color:#32b42a;stop-opacity:0;"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="254.27545"
+       y1="645.62488"
+       x2="650.3078"
+       y2="389.62485"
+       id="linearGradient4197"
+       xlink:href="#linearGradient4191"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient4191">
+      <stop
+         id="stop4193"
+         style="stop-color:#014521;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop4195"
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <clipPath
+       id="clipPath4283">
+      <path
+         d="m 350.52293,630.37557 -51.51778,126.26907 189.90868,-184.85791 246.47722,-102.02541 38.3858,-331.33002 0,-28.28427 C 772.50073,59.079681 750.42016,38.023756 698.01541,43.476959 l -536.391,54.548237 C 65.41237,115.14957 58.988525,147.00667 73.741138,229.34501 l 92.934032,394.96965 c 13.87045,51.93923 40.66149,64.67028 93.94419,42.4264 z"
+         id="path4285"
+         style="fill:#ff0000;fill-opacity:1;stroke:url(#linearGradient4287);stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
+    </clipPath>
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter4185">
+      <feGaussianBlur
+         id="feGaussianBlur4187"
+         stdDeviation="14.69097" />
+    </filter>
+    <linearGradient
+       x1="447.89688"
+       y1="419.45395"
+       x2="479.75198"
+       y2="127.7105"
+       id="linearGradient4324"
+       xlink:href="#linearGradient4738"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0135457,-0.18610584,0.14961721,1.2607291,223.93525,-108.05943)" />
+    <linearGradient
+       id="linearGradient4738">
+      <stop
+         id="stop4740"
+         style="stop-color:#ffffff;stop-opacity:0.40880504"
+         offset="0" />
+      <stop
+         id="stop4742"
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1" />
+    </linearGradient>
+    <filter
+       x="-0.14364912"
+       y="-0.16756353"
+       width="1.2872982"
+       height="1.3351271"
+       color-interpolation-filters="sRGB"
+       id="filter4020-1">
+      <feGaussianBlur
+         id="feGaussianBlur4022-4"
+         stdDeviation="32.395616" />
+    </filter>
+    <linearGradient
+       x1="481.36371"
+       y1="106.3222"
+       x2="395.9494"
+       y2="635.62177"
+       id="linearGradient4025"
+       xlink:href="#linearGradient4730"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient4730">
+      <stop
+         id="stop4732"
+         style="stop-color:#8de3e3;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop4734"
+         style="stop-color:#48d2d2;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="245.8297"
+       y1="185.42877"
+       x2="428.23459"
+       y2="376.40341"
+       id="linearGradient4027"
+       xlink:href="#linearGradient3932"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient3932">
+      <stop
+         id="stop3934"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop3936"
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="320.09375"
+       y1="645.32812"
+       x2="129.6875"
+       y2="805.32812"
+       id="linearGradient4030"
+       xlink:href="#linearGradient4808"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient4808">
+      <stop
+         id="stop4810"
+         style="stop-color:#2aaaaa;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop4812"
+         style="stop-color:#59b4b4;stop-opacity:1"
+         offset="0.14128383" />
+      <stop
+         id="stop4814"
+         style="stop-color:#55d5d5;stop-opacity:1"
+         offset="0.29345077" />
+      <stop
+         id="stop4816"
+         style="stop-color:#c9f2f2;stop-opacity:1"
+         offset="0.4119938" />
+      <stop
+         id="stop4818"
+         style="stop-color:#86dada;stop-opacity:1"
+         offset="0.57681471" />
+      <stop
+         id="stop4820"
+         style="stop-color:#62dcdc;stop-opacity:1"
+         offset="0.86579502" />
+      <stop
+         id="stop4822"
+         style="stop-color:#50c4c4;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="317.59375"
+       y1="672.82812"
+       x2="342.1875"
+       y2="739.32812"
+       id="linearGradient4032"
+       xlink:href="#linearGradient6225"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient6225">
+      <stop
+         id="stop6227"
+         style="stop-color:#2a3b50;stop-opacity:0.52830189"
+         offset="0" />
+      <stop
+         id="stop6229"
+         style="stop-color:#3a4d29;stop-opacity:0"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="199.84285"
+       y1="676.67316"
+       x2="734.88763"
+       y2="42.297367"
+       id="linearGradient4035"
+       xlink:href="#linearGradient4013"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient4013">
+      <stop
+         id="stop4015"
+         style="stop-color:#119b9b;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop4017"
+         style="stop-color:#25c5c5;stop-opacity:1"
+         offset="0.0705265" />
+      <stop
+         id="stop4019"
+         style="stop-color:#78e8e8;stop-opacity:1"
+         offset="0.29345077" />
+      <stop
+         id="stop4021"
+         style="stop-color:#c9f2f2;stop-opacity:1"
+         offset="0.4119938" />
+      <stop
+         id="stop4023"
+         style="stop-color:#63d9d9;stop-opacity:1"
+         offset="0.57681471" />
+      <stop
+         id="stop4025"
+         style="stop-color:#68eeee;stop-opacity:1"
+         offset="0.86579502" />
+      <stop
+         id="stop4027"
+         style="stop-color:#1ca5a5;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="88.198151"
+       y1="152.14972"
+       x2="623.13129"
+       y2="624.14972"
+       id="linearGradient4037"
+       xlink:href="#linearGradient4039"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+    <linearGradient
+       id="linearGradient4039">
+      <stop
+         id="stop4041"
+         style="stop-color:#2a3b50;stop-opacity:0.2175926"
+         offset="0" />
+      <stop
+         id="stop4043"
+         style="stop-color:#3a4d29;stop-opacity:0"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4306">
+      <stop
+         id="stop4308"
+         style="stop-color:#076583;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop4310"
+         style="stop-color:#53c4dd;stop-opacity:0.21459228"
+         offset="1" />
+    </linearGradient>
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter4040">
+      <feGaussianBlur
+         id="feGaussianBlur4042"
+         stdDeviation="19.935655" />
+    </filter>
+    <linearGradient
+       x1="457.03192"
+       y1="788.36029"
+       x2="372.1828"
+       y2="172.70935"
+       id="linearGradient4396"
+       xlink:href="#linearGradient4306"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(319.23796,-83.874731)" />
+  </defs>
+  <metadata
+     id="metadata4403">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-312.37223,100.71964)"
+     id="layer1">
+    <path
+       d="m 1000.113,-48.218481 c -7.51825,-0.03429 -15.45637,0.310307 -23.75005,1.125 L 446.2067,0.0315196 C 358.41365,10.183456 344.32635,50.989446 362.23796,126.59402 l 91.09374,374.625 c 12.28479,38.26965 35.46761,63.38089 50.90625,77.875 2.12414,2.37454 4.40246,4.44242 6.8125,6.21875 0.49267,0.43993 1.10553,0.99876 1.5625,1.40625 l 0.25,-0.15625 c 15.60767,10.23778 37.1487,8.77449 67,-3.6875 l 29.15625,-11.8125 -23.6875,60.71875 32.90625,41 189.90625,-184.875 214.0625,-88.59375 128.5938,25.96875 -35.375,-72.125 33.9687,-14.15625 c 53.8091,-23.14233 58.0658,-35.80579 65.625,-96.15625 l 12.1563,-131.53125 c 4.8828,-44.615394 2.2275,-67.439484 -17.4063,-75.375004 -19.3602,-10.37385 -58.9596,-18.52139 -89.8125,-13.59375 l -26.9375,4.15625 0,-0.21875 c -0.6075,-24.3139812 -5.9327,-41.851882 -17,-52.937497 -1.4825,-1.537637 -3.2583,-3.036416 -5.3125,-4.5 -0.019,-0.01345 -0.044,-0.01783 -0.062,-0.03125 -13.2606,-9.419231 -38.0328,-16.883043 -70.5312,-17.03125 z"
+       id="path3922-1-0"
+       style="opacity:0.68773235;fill:url(#linearGradient4396);fill-opacity:1;stroke:none;display:inline;filter:url(#filter4040)" />
+    <path
+       d="m 632.47175,511.04128 -47.13037,120.73118 32.89983,41.00404 159.45416,-217.75448 249.65093,-97.5508 38.8801,-316.798624 12.1429,-64.54378 C 1067.6124,-38.770256 1029.437,-52.300822 976.35741,-47.086788 L 446.19169,0.0183216 C 358.39864,10.170256 344.31598,50.984326 362.22759,126.5889 l 91.1002,374.61668 c 14.80666,46.12575 45.4782,73.1982 59.29342,85.51746 z"
+       id="path3922-1"
+       style="fill:url(#linearGradient4035);fill-opacity:1;stroke:url(#linearGradient4037);stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;display:inline" />
+    <path
+       d="m 632.4567,511.03152 -47.125,120.75 32.90625,41 136.6875,-186.65625 z"
+       id="path3922-1-5"
+       style="fill:url(#linearGradient4030);fill-opacity:1;stroke:url(#linearGradient4032);display:inline;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none" />
+    <path
+       d="M 669.76088,546.50086 618.2431,672.76993 808.15178,487.91202 1054.629,385.88661 l 38.3858,-331.330044 0,-28.28427 c -1.2761,-51.067341 -23.3566,-72.123266 -75.7614,-66.670063 L 480.86236,14.150466 C 384.65032,31.274836 378.22648,63.131936 392.97909,145.4703 l 92.93403,394.96965 c 13.87045,51.93923 40.66149,64.67028 93.94419,42.4264 z"
+       id="path3922"
+       style="fill:url(#linearGradient4025);fill-opacity:1;stroke:url(#linearGradient4027);stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
+    <path
+       d="m 979.3598,8.6252661 -501,54.9999999 c -24.44761,2.68387 -42.58691,37.541944 -40,62.000004 l 86,347 -17,-318 c -0.84892,-15.87981 21.51746,-40.36961 37,-44 z"
+       id="path3082-4"
+       style="opacity:0.4642857;fill:#ffffff;fill-opacity:1;stroke:none;display:inline;filter:url(#filter4020-1)" />
+    <path
+       d="m 1031.2067,-41.218481 c -4.3877,0.04237 -9.0558,0.301262 -13.9687,0.8125 L 480.86295,14.156516 c -96.21204,17.12437 -102.62761,48.97414 -87.87499,131.312504 l 62.87557,265.23515 C 544.96636,138.41832 943.30702,65.880226 1093.0192,54.562766 l 0,-28.28125 c -1.1564,-46.279778 -19.3976,-67.909585 -61.8125,-67.499997 z"
+       id="path4316"
+       style="opacity:0.8;fill:url(#linearGradient4324);fill-opacity:1;stroke:none;display:inline" />
+    <path
+       d="m 820.64306,116.74403 c -6.84407,1.7e-4 -13.55061,0.45366 -19.90625,1.46875 L 340.76806,189.11903 C 238.90758,210.14212 225.66354,238.1642 242.86181,331.77528 l 33.25,189.5 c 6.25317,50.8598 59.55429,90.72469 73.71875,93.625 15.58993,7.05875 37.29702,3.32417 67.375,-7.46875 l 274.34375,-114.5625 140,28.28125 -35.34375,-72.125 33.9375,-14.125 c 53.80901,-23.14233 58.06574,-35.83704 65.625,-96.1875 l 12.15625,-131.5 c 10e-4,-0.0105 -10e-4,-0.0207 0,-0.0312 0.0861,-0.78668 0.16865,-1.53934 0.25,-2.3125 0.10567,-1.00488 0.21503,-2.0178 0.3125,-3 0.0317,-0.3197 0.0629,-0.62019 0.0937,-0.9375 0.13831,-1.42191 0.25489,-2.78203 0.375,-4.15625 0.0539,-0.61552 0.10616,-1.20646 0.15625,-1.8125 0.0875,-1.05758 0.1742,-2.06487 0.25,-3.09375 0.0652,-0.88373 0.13112,-1.731 0.1875,-2.59375 0.0468,-0.71563 0.0844,-1.39246 0.125,-2.09375 0.0657,-1.13273 0.10712,-2.21684 0.15625,-3.3125 0.0593,-1.32146 0.12197,-2.60686 0.15625,-3.875 0.0112,-0.41414 0.0228,-0.8415 0.0312,-1.25 0.002,-0.107 -0.002,-0.20589 0,-0.3125 0.0112,-0.58543 -0.005,-1.14492 0,-1.71875 0.008,-0.79423 0.0348,-1.60283 0.0312,-2.375 -7e-4,-0.15 10e-4,-0.28832 0,-0.4375 -0.002,-0.21472 -0.0288,-0.41199 -0.0312,-0.625 -0.0159,-1.3483 -0.0413,-2.65723 -0.0937,-3.9375 -0.0533,-1.30165 -0.12632,-2.58014 -0.21875,-3.8125 -0.0118,-0.15769 -0.0188,-0.31218 -0.0312,-0.46875 -0.0145,-0.1831 -0.0471,-0.34969 -0.0625,-0.53125 -0.0996,-1.16968 -0.20607,-2.29971 -0.34375,-3.40625 -0.004,-0.0307 0.004,-0.0631 0,-0.0937 -0.003,-0.0209 0.003,-0.0416 0,-0.0625 -0.0651,-0.51532 -0.14512,-1.02954 -0.21875,-1.53125 -0.0153,-0.10439 -0.0156,-0.20869 -0.0312,-0.3125 -0.11982,-0.7938 -0.26439,-1.58404 -0.40625,-2.34375 -0.16413,-0.87901 -0.33685,-1.72857 -0.53125,-2.5625 -0.0291,-0.12484 -0.064,-0.25116 -0.0937,-0.375 -0.008,-0.0327 -0.0233,-0.0611 -0.0312,-0.0937 -0.0207,-0.0853 -0.0415,-0.16515 -0.0625,-0.25 -0.19573,-0.79007 -0.40028,-1.56349 -0.625,-2.3125 -0.0121,-0.0403 -0.0191,-0.0848 -0.0312,-0.125 -0.0618,-0.20377 -0.12354,-0.39301 -0.1875,-0.59375 -0.21967,-0.69121 -0.44144,-1.34438 -0.6875,-2 -0.26359,-0.70235 -0.54916,-1.36922 -0.84375,-2.03125 -0.0588,-0.13213 -0.0962,-0.27572 -0.15625,-0.40625 -0.0654,-0.14234 -0.15185,-0.2658 -0.21875,-0.40625 -0.26976,-0.5661 -0.54938,-1.1206 -0.84375,-1.65625 -0.0338,-0.0615 -0.0596,-0.12638 -0.0937,-0.1875 -0.0712,-0.12753 -0.14616,-0.2492 -0.21875,-0.375 -0.13382,-0.23174 -0.26753,-0.46162 -0.40625,-0.6875 -0.1152,-0.18775 -0.22515,-0.37877 -0.34375,-0.5625 -0.10206,-0.158 -0.2079,-0.31371 -0.3125,-0.46875 -0.16611,-0.24645 -0.32743,-0.47974 -0.5,-0.71875 -0.0616,-0.0854 -0.12504,-0.16555 -0.1875,-0.25 -0.21515,-0.29078 -0.43119,-0.59538 -0.65625,-0.875 -0.0232,-0.0288 -0.0392,-0.0651 -0.0625,-0.0937 -0.27701,-0.3412 -0.5829,-0.64415 -0.875,-0.96875 -0.24116,-0.26818 -0.46716,-0.5243 -0.71875,-0.78125 -0.0738,-0.0755 -0.14409,-0.14424 -0.21875,-0.21875 -0.33618,-0.33552 -0.67657,-0.65261 -1.03125,-0.96875 -0.15391,-0.13728 -0.31131,-0.2726 -0.46875,-0.40625 -0.19739,-0.16759 -0.39078,-0.33808 -0.59375,-0.5 -0.10367,-0.0827 -0.20736,-0.16877 -0.3125,-0.25 -0.27006,-0.2086 -0.5327,-0.39481 -0.8125,-0.59375 -0.0428,-0.0305 -0.082,-0.0635 -0.125,-0.0937 -0.3322,-0.23316 -0.68531,-0.46768 -1.03125,-0.6875 -0.32446,-0.20597 -0.6633,-0.43065 -1,-0.625 -0.0789,-0.0455 -0.17043,-0.0801 -0.25,-0.125 -0.2787,-0.15724 -0.5567,-0.31926 -0.84375,-0.46875 -0.14679,-0.0765 -0.28851,-0.14428 -0.4375,-0.21875 -0.21525,-0.10757 -0.43639,-0.20912 -0.65625,-0.3125 -0.22467,-0.10547 -0.45799,-0.21138 -0.6875,-0.3125 -0.15634,-0.0689 -0.31015,-0.15184 -0.46875,-0.21875 -0.10988,-0.0463 -0.23278,-0.0796 -0.34375,-0.125 -0.0205,-0.011 -0.0419,-0.0202 -0.0625,-0.0312 -15.3595,-8.2505 -43.5251,-15.09439 -69.9375,-15.09375 z"
+       transform="translate(319.23796,-83.874731)"
+       clip-path="url(#clipPath4283)"
+       id="path4943-2-8"
+       style="opacity:0.5;fill:url(#linearGradient4197);fill-opacity:1;stroke:none;display:inline;filter:url(#filter4185)" />
+    <path
+       d="M 660.01153,93.256266 C 558.15104,114.27936 544.89684,142.28049 562.09511,235.89158 l 33.24502,189.49864 c 6.60854,53.75014 65.79776,95.26276 75.76819,93.79429 L 1169.4686,229.24149 1214.8853,39.071646 c -16.5747,-11.76375 -61.0198,-22.13337 -94.9165,-16.71957 z"
+       id="path4943-2"
+       style="fill:url(#linearGradient4987);fill-opacity:1;stroke:url(#linearGradient6215);stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;display:inline" />
+    <path
+       d="m 705.31825,112.74136 c -93.43966,20.72402 -114.77143,56.21301 -98.99495,148.49243 l 31.1127,195.16147 c 10.84839,69.7557 37.23898,77.3143 98.99495,55.15433 l 274.35745,-114.5513 140.0072,28.28427 -35.3554,-72.12489 33.9412,-14.14214 c 53.809,-23.14233 58.0803,-35.81606 65.6396,-96.16652 l 12.1421,-131.52186 c 7.4995,-68.524884 -2.7701,-85.647414 -65.0538,-76.367534 z"
+       id="path4943"
+       style="fill:url(#linearGradient6201);fill-opacity:1;stroke:url(#linearGradient6247);stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;display:inline" />
+    <path
+       d="M 1071.238,95.125266 679.23795,160.12527 c -24.26319,4.02323 -42.58691,37.54194 -40,62 l 47,208 11,-180 c 0.97001,-15.87287 10.90062,-35.01026 26,-40 z"
+       id="path3082"
+       style="opacity:0.2142857;fill:#caf9d0;fill-opacity:1;stroke:none;display:inline;filter:url(#filter3992)" />
+    <path
+       d="M 1017.9563,82.012681 628.22097,202.19693 c -23.22747,7.16275 -46.66801,38.04565 -40,62 l 10.14162,145.9665 39.3726,-126.57059 c 4.73304,-15.21524 11.53838,-33.75267 26,-40 z"
+       transform="matrix(-0.84155266,0.01323229,0.01641483,-0.94284089,1668.1453,488.33885)"
+       id="path3082-48"
+       style="opacity:0.1825397;fill:#ffffff;fill-opacity:1;stroke:none;display:inline;filter:url(#filter3964)" />
+    <path
+       d="m 1187.613,32.625266 c -7.3227,0.0654 -15.7682,0.89377 -25.5,2.34375 L 705.3317,112.75027 c -93.43966,20.72402 -114.77648,56.18933 -99,148.46875 l 28.17399,171.45019 c 9.63963,-229.69445 482.11941,-338.401444 592.66981,-321.35644 6.3277,-57.817874 -0.02,-79.040844 -39.5625,-78.687504 z"
+       id="path3191"
+       style="opacity:0.5;fill:url(#linearGradient3938);fill-opacity:1;stroke:none;display:inline" />
+  </g>
+</svg>
diff --git a/client/match/src/files/chat2.svg b/client/match/src/files/chat2.svg
new file mode 100644
index 0000000..65df7db
--- /dev/null
+++ b/client/match/src/files/chat2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M304,0h-96C93.125,0,0,93.125,0,208c0,74.438,39.405,139.25,98.188,176H96v128l144-96h64c114.875,0,208-93.125,208-208  S418.875,0,304,0z M304,352h-64l-80,48v-56.812C104.188,323.344,64,270.594,64,208c0-79.531,64.469-144,144-144h96  c79.53,0,144,64.469,144,144S383.531,352,304,352z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/chat3.svg b/client/match/src/files/chat3.svg
new file mode 100644
index 0000000..fddc128
--- /dev/null
+++ b/client/match/src/files/chat3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M391.553 64H57.607C53.131 64 48 67.745 48 72.159v214.217c0 4.413 5.131 8.624 9.607 8.624H115v88.894L205.128 295h186.425c4.477 0 7.447-4.211 7.447-8.624V72.159c0-4.414-2.971-8.159-7.447-8.159z"/><path d="M456.396 127H424v166.57c0 15.987-6.915 26.43-25.152 26.43H218.096l-38.905 39h129.688L399 448v-89h57.396c4.478 0 7.604-4.262 7.604-8.682V136.103c0-4.414-3.126-9.103-7.604-9.103z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/chat4.svg b/client/match/src/files/chat4.svg
new file mode 100644
index 0000000..66029f6
--- /dev/null
+++ b/client/match/src/files/chat4.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#231F20;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#231F20;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;}
+</style><g id="Layer_3"/><g id="Layer_1"><g id="basecamp"><path d="M65.3,50.5c0-0.6-0.5-1.1-1.1-1.1c-0.3,0-0.5,0.1-0.7,0.3c-2.8,2.5-7.6,4.8-13.4,4.8h0c-5.8,0-10.5-2.3-13.4-4.8    c-0.2-0.2-0.5-0.3-0.8-0.3c-0.7,0-1.1,0.6-1.1,1.2c0,0.5,0.3,0.9,0.6,1.3c1.7,2.5,6.8,6.7,14.6,6.7H50c7.8,0,12.9-4.2,14.6-6.7    C64.9,51.6,65.3,51,65.3,50.5z"/><path d="M73,70c-2-1.1-3.9-3-4.7-5.6c-0.2-0.5,0-0.9,0.4-1.2c5.7-4.4,9.3-10.8,9.3-18c0-13.3-12.5-24.2-28-24.2    c-15.5,0-28,10.8-28,24.2c0,13.3,12.5,24.2,28,24.2c2,0,4-0.2,5.9-0.5c0.5-0.1,0.8,0,1.2,0.2c3.8,2.4,9.5,4.3,14.5,4.3    c1.6,0,2.2-1,2.2-2C73.8,70.7,73.5,70.2,73,70z M65.5,67.6c0.1,0.1,0.1,0.2,0.1,0.3c0,0.2-0.2,0.3-0.3,0.3c-1.4,0-5.7-2.3-8-4.2    c-0.3-0.3-0.7-0.4-1.4-0.2C54,64.2,52,64.4,50,64.4c-12.9,0-23.3-8.6-23.3-19.2c0-10.6,10.4-19.2,23.3-19.2    c12.9,0,23.3,8.6,23.3,19.2c0,6.3-3.7,12-9.4,15.5c-0.4,0.2-0.8,0.7-0.8,1.2C63.1,63,64.1,65.8,65.5,67.6z"/></g></g></svg>
\ No newline at end of file
diff --git a/client/match/src/files/chat5.svg b/client/match/src/files/chat5.svg
new file mode 100644
index 0000000..03d7db4
--- /dev/null
+++ b/client/match/src/files/chat5.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 48 48;" version="1.1" viewBox="0 0 48 48" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M42,45.3l-13.3-3.7C27.3,41.9,25.8,42,24,42C11.3,42,2,33.6,2,22c0-5.4,1.9-10.1,5.6-13.8C11.7,4.2,17.6,2,24,2   c12.7,0,22,8.4,22,20c0,4.3-1.4,8.5-4,11.8V45.3z M28.7,39.6L40,42.7v-9.5l0.2-0.3C42.7,29.8,44,26,44,22c0-10.4-8.4-18-20-18   C18,4,12.7,6,9,9.6C5.7,12.9,4,17.2,4,22c0,10.4,8.4,18,20,18c1.8,0,3.2-0.1,4.5-0.4L28.7,39.6z"/></g></svg>
\ No newline at end of file
diff --git a/client/match/src/files/cross.svg b/client/match/src/files/cross.svg
new file mode 100644
index 0000000..d5a8366
--- /dev/null
+++ b/client/match/src/files/cross.svg
@@ -0,0 +1,1102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="423.61682"
+   height="468.7084"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="red-cross.svg"
+   inkscape:export-filename="/home/koppi/Desktop/ic_valid.png"
+   inkscape:export-xdpi="52.73"
+   inkscape:export-ydpi="52.73">
+  <title
+     id="title4561">Red Cross</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient3225">
+      <stop
+         style="stop-color:#ff00ff;stop-opacity:1;"
+         offset="0"
+         id="stop3227" />
+      <stop
+         style="stop-color:#ff00ff;stop-opacity:0;"
+         offset="1"
+         id="stop3229" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4274">
+      <stop
+         style="stop-color:#ff7a7a;stop-opacity:0.9009009;"
+         offset="0"
+         id="stop4276" />
+      <stop
+         style="stop-color:#ff7e85;stop-opacity:0.32432431;"
+         offset="1"
+         id="stop4278" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4591">
+      <stop
+         id="stop4593"
+         offset="0"
+         style="stop-color:#f94848;stop-opacity:1;" />
+      <stop
+         id="stop4595"
+         offset="1"
+         style="stop-color:#8a2020;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4047">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4049" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4051" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3999">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4001" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4003" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3965">
+      <stop
+         id="stop3967"
+         offset="0"
+         style="stop-color:#ffdadc;stop-opacity:1;" />
+      <stop
+         id="stop3969"
+         offset="1"
+         style="stop-color:#ffbfc2;stop-opacity:0.21621622;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3939">
+      <stop
+         style="stop-color:#bb5151;stop-opacity:0.63963962;"
+         offset="0"
+         id="stop3941" />
+      <stop
+         style="stop-color:#ff9595;stop-opacity:0.65765768;"
+         offset="1"
+         id="stop3943" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3921">
+      <stop
+         id="stop3923"
+         offset="0"
+         style="stop-color:#a7e507;stop-opacity:1" />
+      <stop
+         id="stop3925"
+         offset="1"
+         style="stop-color:#559a09;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3905">
+      <stop
+         style="stop-color:#f9485b;stop-opacity:1;"
+         offset="0"
+         id="stop3907" />
+      <stop
+         style="stop-color:#a22626;stop-opacity:1;"
+         offset="1"
+         id="stop3909" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3881">
+      <stop
+         id="stop3883"
+         offset="0"
+         style="stop-color:#f94848;stop-opacity:1;" />
+      <stop
+         id="stop3885"
+         offset="1"
+         style="stop-color:#a22626;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3867">
+      <stop
+         id="stop3869"
+         offset="0"
+         style="stop-color:#b5f948;stop-opacity:1;" />
+      <stop
+         id="stop3871"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3847">
+      <stop
+         style="stop-color:#f97272;stop-opacity:1;"
+         offset="0"
+         id="stop3849" />
+      <stop
+         style="stop-color:#da0b0b;stop-opacity:1;"
+         offset="1"
+         id="stop3851" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4023"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2.4258303"
+         id="feGaussianBlur4025" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       id="filter4485"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.1062279"
+         id="feGaussianBlur4487" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       id="filter4587"
+       x="-0.25850391"
+       width="1.5170078"
+       y="-0.058945164"
+       height="1.1178904"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.81428547"
+         id="feGaussianBlur4589" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       id="filter4605"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.6484403"
+         id="feGaussianBlur4607" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4807"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.58161165,0.72452507,-0.80353961,-0.6450406,1150.5487,-317.88335)"
+       cx="1663.2703"
+       cy="115.49677"
+       fx="1663.2703"
+       fy="115.49677"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4809"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.41175911,0.71854924,-0.22543511,-0.12918386,779.55139,-379.43092)"
+       cx="1663.7557"
+       cy="113.32578"
+       fx="1663.7557"
+       fy="113.32578"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4814"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.15630913,-0.1178543,1.5630891,-2.0731111,188.43035,960.93232)"
+       cx="321.28549"
+       cy="126.67942"
+       fx="321.28549"
+       fy="126.67942"
+       r="111.06711" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4047"
+       id="linearGradient4817"
+       gradientUnits="userSpaceOnUse"
+       x1="385.82996"
+       y1="32.931797"
+       x2="401.01758"
+       y2="49.508942"
+       gradientTransform="translate(0,540.36218)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3965"
+       id="radialGradient4820"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.2952734,0.38970935,-1.6604981,1.2581195,872.74877,332.84847)"
+       cx="206.5341"
+       cy="434.89697"
+       fx="206.5341"
+       fy="434.89697"
+       r="64.753914" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3939"
+       id="radialGradient4823"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.22372425,0.21012285,-1.1032312,1.1746442,591.52374,414.96024)"
+       cx="301.80215"
+       cy="323.8143"
+       fx="301.80215"
+       fy="323.8143"
+       r="175.25894" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3921"
+       id="radialGradient4826"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2451876,-1.3397944,1.3317552,1.2377162,-263.12989,1172.6223)"
+       cx="482.79932"
+       cy="113.38427"
+       fx="482.79932"
+       fy="113.38427"
+       r="59.108906" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3905"
+       id="radialGradient4829"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.2346622,-0.70514011,1.4442888,-2.5288713,-253.85244,1509.6179)"
+       cx="59.431324"
+       cy="269.23593"
+       fx="59.431324"
+       fy="269.23593"
+       r="27.632723" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4832"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.39010241,-0.53963423,1.7887484,1.2930887,-450.30374,518.96838)"
+       cx="127.34169"
+       cy="285.54788"
+       fx="127.34169"
+       fy="285.54788"
+       r="54.927971" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3847"
+       id="radialGradient4835"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.29991394,1.518387,-1.3648453,-0.26958623,674.5935,613.64248)"
+       cx="62.351612"
+       cy="316.36581"
+       fx="62.351612"
+       fy="316.36581"
+       r="237.72047" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4591"
+       id="radialGradient4838"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81737471,0.57610641,-1.8271208,2.5923028,462.04244,67.49151)"
+       cx="229.21088"
+       cy="238.61705"
+       fx="229.21088"
+       fy="238.61705"
+       r="102.53212" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4591"
+       id="radialGradient4918"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81737471,0.57610641,-1.8271208,2.5923028,462.04244,67.49151)"
+       cx="229.21088"
+       cy="238.61705"
+       fx="229.21088"
+       fy="238.61705"
+       r="102.53212" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3847"
+       id="radialGradient4920"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.29991394,1.518387,-1.3648453,-0.26958623,674.5935,613.64248)"
+       cx="62.351612"
+       cy="316.36581"
+       fx="62.351612"
+       fy="316.36581"
+       r="237.72047" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4922"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.39010241,-0.53963423,1.7887484,1.2930887,-450.30374,518.96838)"
+       cx="127.34169"
+       cy="285.54788"
+       fx="127.34169"
+       fy="285.54788"
+       r="54.927971" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3905"
+       id="radialGradient4924"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.2346622,-0.70514011,1.4442888,-2.5288713,-253.85244,1509.6179)"
+       cx="59.431324"
+       cy="269.23593"
+       fx="59.431324"
+       fy="269.23593"
+       r="27.632723" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3921"
+       id="radialGradient4926"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2451876,-1.3397944,1.3317552,1.2377162,-263.12989,1172.6223)"
+       cx="482.79932"
+       cy="113.38427"
+       fx="482.79932"
+       fy="113.38427"
+       r="59.108906" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3939"
+       id="radialGradient4928"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.22372425,0.21012285,-1.1032312,1.1746442,591.52374,414.96024)"
+       cx="301.80215"
+       cy="323.8143"
+       fx="301.80215"
+       fy="323.8143"
+       r="175.25894" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3965"
+       id="radialGradient4930"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.2952734,0.38970935,-1.6604981,1.2581195,872.74877,332.84847)"
+       cx="206.5341"
+       cy="434.89697"
+       fx="206.5341"
+       fy="434.89697"
+       r="64.753914" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4047"
+       id="linearGradient4932"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,540.36218)"
+       x1="385.82996"
+       y1="32.931797"
+       x2="401.01758"
+       y2="49.508942" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4934"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.15630913,-0.1178543,1.5630891,-2.0731111,188.43035,960.93232)"
+       cx="321.28549"
+       cy="126.67942"
+       fx="321.28549"
+       fy="126.67942"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4936"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.58161165,0.72452507,-0.80353961,-0.6450406,1150.5487,-317.88335)"
+       cx="1663.2703"
+       cy="115.49677"
+       fx="1663.2703"
+       fy="115.49677"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4938"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.41175911,0.71854924,-0.22543511,-0.12918386,779.55139,-379.43092)"
+       cx="1663.7557"
+       cy="113.32578"
+       fx="1663.7557"
+       fy="113.32578"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4941"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.41175911,0.71854924,-0.22543511,-0.12918386,1289.5847,-379.43092)"
+       cx="1663.7557"
+       cy="113.32578"
+       fx="1663.7557"
+       fy="113.32578"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4944"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.58161165,0.72452507,-0.80353961,-0.6450406,1660.582,-317.88335)"
+       cx="1663.2703"
+       cy="115.49677"
+       fx="1663.2703"
+       fy="115.49677"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4947"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.15630913,-0.1178543,1.5630891,-2.0731111,698.46364,960.93232)"
+       cx="321.28549"
+       cy="126.67942"
+       fx="321.28549"
+       fy="126.67942"
+       r="111.06711" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4047"
+       id="linearGradient4950"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(510.03329,540.36218)"
+       x1="385.82996"
+       y1="32.931797"
+       x2="401.01758"
+       y2="49.508942" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3965"
+       id="radialGradient4953"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.2952734,0.38970935,-1.6604981,1.2581195,1382.7821,332.84847)"
+       cx="206.5341"
+       cy="434.89697"
+       fx="206.5341"
+       fy="434.89697"
+       r="64.753914" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3939"
+       id="radialGradient4956"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.22372425,0.21012285,-1.1032312,1.1746442,1101.557,414.96024)"
+       cx="301.80215"
+       cy="323.8143"
+       fx="301.80215"
+       fy="323.8143"
+       r="175.25894" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3921"
+       id="radialGradient4959"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2451876,-1.3397944,1.3317552,1.2377162,246.9034,1172.6223)"
+       cx="482.79932"
+       cy="113.38427"
+       fx="482.79932"
+       fy="113.38427"
+       r="59.108906" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3905"
+       id="radialGradient4962"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.2346622,-0.70514011,1.4442888,-2.5288713,256.18085,1509.6179)"
+       cx="59.431324"
+       cy="269.23593"
+       fx="59.431324"
+       fy="269.23593"
+       r="27.632723" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4965"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.39010241,-0.53963423,1.7887484,1.2930887,59.72955,518.96838)"
+       cx="127.34169"
+       cy="285.54788"
+       fx="127.34169"
+       fy="285.54788"
+       r="54.927971" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3847"
+       id="radialGradient4968"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.29991394,1.518387,-1.3648453,-0.26958623,1184.6268,613.64248)"
+       cx="62.351612"
+       cy="316.36581"
+       fx="62.351612"
+       fy="316.36581"
+       r="237.72047" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4591"
+       id="radialGradient4971"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81737471,0.57610641,-1.8271208,2.5923028,972.07573,-472.87067)"
+       cx="229.21088"
+       cy="238.61705"
+       fx="229.21088"
+       fy="238.61705"
+       r="102.53212" />
+    <filter
+       inkscape:collect="always"
+       id="filter4996"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="11.739469"
+         id="feGaussianBlur4998" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       id="filter4114"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.0986924"
+         id="feGaussianBlur4116" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       id="filter4328"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="3.0107174"
+         id="feGaussianBlur4330" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3939"
+       id="radialGradient4485"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.12059634,0.13833031,-0.53736338,0.46847332,402.04363,702.30184)"
+       cx="358.14285"
+       cy="490.90057"
+       fx="358.14285"
+       fy="490.90057"
+       r="175.25894" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4487"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.53851763,0.75710465,-0.8623813,-0.61339952,1086.0132,-375.60486)"
+       cx="1657.7576"
+       cy="117.33085"
+       fx="1657.7576"
+       fy="117.33085"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4489"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.40573811,0.59916336,-0.21513912,-0.14568672,768.20392,-176.48717)"
+       cx="1683.6492"
+       cy="117.54485"
+       fx="1683.6492"
+       fy="117.54485"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4491"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.29663307,0.44098753,-0.11465587,-0.08631281,729.00924,83.628681)"
+       cx="1667.8861"
+       cy="93.017929"
+       fx="1667.8861"
+       fy="93.017929"
+       r="111.06711" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4047"
+       id="linearGradient4493"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-309.02337,734.98412)"
+       x1="383.42715"
+       y1="40.209553"
+       x2="391.25162"
+       y2="55.787067" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4047"
+       id="linearGradient4495"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-126.95768,716.14974)"
+       x1="384.63162"
+       y1="42.671597"
+       x2="396.63901"
+       y2="46.569527" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4497"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.39575793,0.46955824,-1.0680056,-0.90014765,1061.4165,112.65223)"
+       cx="1656.3474"
+       cy="121.72661"
+       fx="1656.3474"
+       fy="121.72661"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4499"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.52852069,-0.76411685,0.69857681,0.48318836,-517.91972,2284.7516)"
+       cx="1662.5265"
+       cy="11.359429"
+       fx="1662.5265"
+       fy="11.359429"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient4501"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.14099184,-0.24878063,0.0779411,-0.0532245,415.94268,1308.6287)"
+       cx="1733.0752"
+       cy="184.21904"
+       fx="1733.0752"
+       fy="184.21904"
+       r="111.06711" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4274"
+       id="radialGradient4503"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.25647504,-1.3877427,2.0460163,0.37294349,-708.029,1223.8105)"
+       cx="266.9129"
+       cy="444.25491"
+       fx="266.9129"
+       fy="444.25491"
+       r="64.753914" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4274"
+       id="radialGradient4505"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.25647504,-1.3877427,2.0460163,0.37294349,-708.029,1223.8105)"
+       cx="266.9129"
+       cy="444.25491"
+       fx="266.9129"
+       fy="444.25491"
+       r="64.753914" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3847"
+       id="radialGradient4519"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.4029088,-1.1736218,2.2480312,2.6872226,-511.7186,981.43068)"
+       cx="481.72226"
+       cy="125.20043"
+       fx="481.72226"
+       fy="125.20043"
+       r="59.108906" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3905"
+       id="radialGradient4522"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.1476944,-0.83929193,1.7190625,-2.3507413,-267.45457,1315.1458)"
+       cx="62.054531"
+       cy="255.5399"
+       fx="62.054531"
+       fy="255.5399"
+       r="27.632723" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3847"
+       id="radialGradient4525"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.46847989,1.4751184,-1.3259521,-0.42110652,755.70881,529.06654)"
+       cx="62.351612"
+       cy="316.36581"
+       fx="62.351612"
+       fy="316.36581"
+       r="237.72047" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4591"
+       id="radialGradient4528"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75151825,0.65971232,-0.4758753,0.54209838,215.78355,399.89868)"
+       cx="229.21088"
+       cy="238.61705"
+       fx="229.21088"
+       fy="238.61705"
+       r="102.53212" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4531"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.44821841,-0.49242792,1.6322717,1.4857283,-351.44856,308.70422)"
+       cx="127.34169"
+       cy="285.54788"
+       fx="127.34169"
+       fy="285.54788"
+       r="54.927971" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4591"
+       id="radialGradient4534"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75151825,0.65971232,-0.4758753,0.54209838,55.615572,574.8551)"
+       cx="229.21088"
+       cy="238.61705"
+       fx="229.21088"
+       fy="238.61705"
+       r="102.53212" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4537"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.44821841,-0.49242792,1.6322717,1.4857283,-159.43306,491.85974)"
+       cx="127.34169"
+       cy="285.54788"
+       fx="127.34169"
+       fy="285.54788"
+       r="54.927971" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4575"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.51089873,-0.48159398,1.3132072,1.3931153,17.971732,784.67223)"
+       cx="474.26083"
+       cy="112.2314"
+       fx="474.26083"
+       fy="112.2314"
+       r="59.108906" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3905"
+       id="radialGradient4578"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.1235603,-0.87133548,1.784695,-2.3013092,-281.47686,1300.2969)"
+       cx="62.054531"
+       cy="255.5399"
+       fx="62.054531"
+       fy="255.5399"
+       r="27.632723" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3847"
+       id="radialGradient4581"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.29297192,1.3174963,-0.85793788,-0.19077985,551.55929,509.71832)"
+       cx="175.1902"
+       cy="326.6012"
+       fx="175.1902"
+       fy="326.6012"
+       r="237.72047" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4591"
+       id="radialGradient4584"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.71941119,0.69458445,-0.6678681,0.69173993,272.62255,356.89099)"
+       cx="229.21088"
+       cy="238.61705"
+       fx="229.21088"
+       fy="238.61705"
+       r="102.53212" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4587"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.58892906,-0.65738328,1.6439664,1.4727776,-368.71007,331.20525)"
+       cx="127.34169"
+       cy="285.54788"
+       fx="127.34169"
+       fy="285.54788"
+       r="54.927971" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4591"
+       id="radialGradient4590"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.21235929,0.15121754,-0.37819619,0.53111214,159.01451,673.3826)"
+       cx="199.09721"
+       cy="314.02158"
+       fx="199.09721"
+       fy="314.02158"
+       r="102.53212" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3881"
+       id="radialGradient4593"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.52731463,-0.38840696,0.8425699,1.1439016,42.93693,554.84563)"
+       cx="149.52003"
+       cy="350.41129"
+       fx="149.52003"
+       fy="350.41129"
+       r="54.927971" />
+    <filter
+       inkscape:collect="always"
+       id="filter5284">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2.4187887"
+         id="feGaussianBlur5286" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="linearGradient3231"
+       x1="170.2919"
+       y1="840.03687"
+       x2="238.25558"
+       y2="840.03685"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3999"
+       id="radialGradient3235"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.25675009,-0.4235731,0.11825003,0.0803691,-260.84383,1586.6005)"
+       cx="1732.8352"
+       cy="76.4664"
+       fx="1732.8352"
+       fy="76.4664"
+       r="111.06711" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#2b2b2b"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.71677427"
+     inkscape:cx="641.12093"
+     inkscape:cy="220.15084"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:snap-global="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:window-width="1680"
+     inkscape:window-height="1028"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     borderlayer="false" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Red Cross</dc:title>
+        <dc:date>2011-01-06</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Rygle - remixed from Green Cross by Jakob Flierl</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>cross</rdf:li>
+            <rdf:li>red</rdf:li>
+            <rdf:li>wrong</rdf:li>
+            <rdf:li>incorrect</rdf:li>
+            <rdf:li>error</rdf:li>
+            <rdf:li>retry</rdf:li>
+            <rdf:li>alert</rdf:li>
+            <rdf:li>problem</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+        <dc:rights>
+          <cc:Agent>
+            <dc:title>Public Domain</dc:title>
+          </cc:Agent>
+        </dc:rights>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>Rygle, Jakob Flierl</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-43.304738,-574.71739)">
+    <g
+       id="g4596"
+       transform="translate(9.9884391,-8.7552984)">
+      <path
+         sodipodi:nodetypes="cccccccccccccccc"
+         transform="matrix(0.962114,0.13628656,-0.13879165,0.97979864,190.04059,-146.72412)"
+         inkscape:connector-curvature="0"
+         id="path4874"
+         d="m 251.93479,741.40021 c -11.01571,10.85783 -0.68454,-3.86092 -75.40014,97.64675 l -108.281248,-73.5625 -53.625,91.4375 2.46875,27.9375 c 0,0 85.149518,74.09235 103.137518,86.20007 -8.45512,14.66422 -50.384065,59.68527 -74.91246,96.43127 22.73422,18.5992 84.49522,74.0529 102.64768,87.9532 15.67649,-10.3078 66.38701,-89.2248 74.59541,-101.0317 17.62003,10.4525 83.05856,62.8106 107.13756,74.5614 18.19449,-18.4064 43.5001,-51.3536 63.88715,-87.1339 -0.30688,-9.807 0.0293,-22.7239 -3.36141,-34.3892 -25.45091,-17.78399 -62.11208,-41.59697 -86.45254,-63.60512 12.8161,-15.77362 52.75397,-66.28956 65.0024,-82.75777 0,0 0.89872,-19.19675 0.375,-27.71875 -42.8745,-38.44149 -73.71932,-71.20075 -117.21867,-91.96875 z"
+         style="fill:#000000;fill-opacity:0.83404254;stroke:none;filter:url(#filter4996)" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         style="fill:url(#radialGradient4593);fill-opacity:1;stroke:none"
+         d="m 422.4869,920.19897 c 1.65607,-11.99276 1.97308,-22.33064 1.4767,-36.04677 -27.38085,-36.85946 -61.69521,-61.97842 -90.68603,-97.03376 l -5.02365,40.09983 z"
+         id="path4122"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:url(#radialGradient4590);fill-opacity:1;stroke:none"
+         d="m 164.20408,810.70726 c -0.18808,-13.1881 -2.59264,-19.8905 -4.71532,-32.35757 -20.43442,20.84301 -69.730582,64.98953 -85.589376,88.66776 -3.576628,12.91573 -2.81207,20.37119 -1.606049,36.91114 30.636915,-31.07378 61.273825,-62.14755 91.910745,-93.22133 z"
+         id="path4138"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path3857"
+         d="m 237.33325,733.56034 c 2.02091,-15.63077 1.82216,-30.02841 3.84307,-45.65918 -29.33729,-28.85646 -60.15434,-63.63199 -94.67081,-89.28229 -1.67456,13.36661 -3.34911,26.73322 -5.02367,40.09983 31.95047,31.61388 63.90094,63.22776 95.85141,94.84164 z"
+         style="fill:url(#radialGradient4587);fill-opacity:1;stroke:none" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path3927"
+         d="m 330.91623,642.97081 c 2.64473,-19.78572 0.58167,-29.89984 -5.08193,-39.90152 -16.64651,9.406 -74.19222,70.75934 -85.15124,84.58524 -1.47381,13.59095 -2.52476,29.69721 -3.34981,45.90581 31.39985,-30.19652 86.96926,-85.24081 93.58298,-90.58953 z"
+         style="fill:url(#radialGradient4584);fill-opacity:1;stroke:none" />
+      <path
+         style="fill:url(#radialGradient4581);fill-opacity:1;stroke:none"
+         d="m 331.07686,642.78331 c -31.7316,23.97928 -54.80217,47.1744 -93.74361,90.77703 -32.49828,-34.88672 -59.49213,-62.46163 -95.85141,-94.84164 -27.18773,19.55469 -75.640992,64.57485 -82.65735,89.91082 25.439532,25.00169 66.18564,73.73722 91.59991,92.85033 -25.16981,25.23302 -60.307584,59.175 -78.152587,82.44216 14.184863,27.13342 68.706297,85.06926 90.053057,98.60839 28.90346,-19.91269 61.33938,-60.25822 84.75644,-85.25478 15.72745,16.87497 68.75265,76.60813 89.65203,88.67428 10.91896,-2.0292 68.56893,-60.82962 85.82408,-85.82839 -21.99014,-25.80631 -51.64898,-55.36743 -91.74555,-94.02146 37.62501,-34.82473 70.0415,-66.57194 94.02857,-89.97999 -33.05218,-39.24298 -66.57602,-69.12991 -93.76358,-93.33675 z"
+         id="path3216"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccccccccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path3895"
+         d="m 141.6322,638.69291 c 2.65868,-13.29801 3.63936,-25.93504 4.87331,-40.07404 -20.44908,16.77555 -61.288207,63.68093 -82.808472,93.68535 -4.054541,12.02675 -4.23102,20.71876 -4.897495,36.33038 21.287131,-23.46637 52.785987,-61.39975 82.832657,-89.94169 z"
+         style="fill:url(#radialGradient4578);fill-opacity:1;stroke:none" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path3911"
+         d="m 424.70216,736.15081 c 3.04507,-10.953 3.1965,-21.24421 3.55514,-31.62858 -4.97951,-8.28424 -66.51907,-79.52181 -102.39703,-101.41159 4.23415,7.19667 6.74977,29.37221 5.02001,39.85077 23.34347,19.02431 71.79909,68.205 93.82188,93.1894 z"
+         style="fill:url(#radialGradient4575);fill-opacity:1;stroke:none" />
+      <path
+         transform="matrix(0.99011569,0.1402531,-0.1402531,0.99011569,181.59501,-158.79595)"
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path3937"
+         d="M 333.18733,825.82824 C 238.28814,970.6438 219.62266,974.16399 47.16479,1074.3145 l 14.182791,14.6311 C 200.64217,991.90238 274.0765,942.58883 347.92657,837.57396 z"
+         style="opacity:0.66814162;fill:url(#radialGradient4485);fill-opacity:1;stroke:none;filter:url(#filter4605)" />
+      <path
+         transform="matrix(0.99011569,0.1402531,-0.1402531,0.99011569,180.60849,-161.01561)"
+         sodipodi:nodetypes="cc"
+         style="fill:none;stroke:url(#radialGradient4487);stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4023)"
+         d="m 72.986086,796.79173 c 34.321714,18.08583 71.180454,48.29963 108.491334,81.33126"
+         id="path4149"
+         inkscape:connector-curvature="0" />
+      <path
+         transform="matrix(0.99011569,0.1402531,-0.1402531,0.99011569,182.08827,-162.742)"
+         inkscape:connector-curvature="0"
+         id="path4153"
+         d="M 74.327175,797.37428 C 47.277285,825.10134 25.994629,863.70417 3.0982921,899.72709"
+         style="fill:none;stroke:url(#radialGradient4489);stroke-width:7;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4485)"
+         sodipodi:nodetypes="cc" />
+      <path
+         transform="matrix(1.4825509,0.21000813,-0.19324181,1.3641891,146.63199,-503.06013)"
+         sodipodi:nodetypes="cc"
+         style="fill:none;stroke:url(#radialGradient4491);stroke-width:7;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4114)"
+         d="m 230.90418,803.93866 c -22.39756,23.56088 -44.70787,59.35156 -54.25288,74.57854"
+         id="path4070"
+         inkscape:connector-curvature="0" />
+      <path
+         transform="matrix(0.99011569,0.1402531,-0.1402531,0.99011569,181.22507,-158.67264)"
+         style="fill:none;stroke:url(#linearGradient4493);stroke-width:5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4587)"
+         d="m 71.527393,756.1301 c 3.458367,13.18001 2.777593,28.35878 1.887372,40.20777"
+         id="path4074"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+      <path
+         transform="matrix(0.99011569,0.1402531,-0.1402531,0.99011569,181.93412,-158.54932)"
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="path4078"
+         d="m 250.78502,734.82457 c 4.40799,9.15631 8.94274,25.89296 8.05252,37.74195"
+         style="fill:none;stroke:url(#linearGradient4495);stroke-width:5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4587)" />
+      <path
+         transform="matrix(0.99011569,0.1402531,-0.1402531,0.99011569,182.4582,-158.42601)"
+         inkscape:connector-curvature="0"
+         id="path4118"
+         d="m 258.9103,772.49947 c 34.32171,18.08583 70.36787,46.97215 107.67875,80.00378"
+         style="fill:none;stroke:url(#radialGradient4497);stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter5284)"
+         sodipodi:nodetypes="cc" />
+      <path
+         transform="matrix(0.99011569,0.1402531,-0.1402531,0.99011569,181.45593,-156.80079)"
+         inkscape:connector-curvature="0"
+         id="path4134"
+         d="m 284.68293,953.6927 c 33.98899,19.25387 66.4338,43.56024 104.90395,78.9818"
+         style="fill:none;stroke:url(#radialGradient4499);stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4023)"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="fill:url(#radialGradient4503);fill-opacity:1;stroke:none;filter:url(#filter4328)"
+         d="m 340.59013,833.62086 c -12.01239,-2.04067 -81.59155,42.3444 -98.85721,80.72769 -15.98645,35.53948 -108.30112,58.63856 -117.64135,85.24035 39.7908,12.7736 95.53768,24.7258 152.23596,27.9433 29.86935,-56.44923 55.52459,-138.38884 64.2626,-193.91134 z"
+         id="path4242"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="csccc"
+         transform="matrix(0.42515785,0.29001251,-0.26187114,0.49118587,487.85805,417.75397)" />
+      <path
+         transform="matrix(0.42515785,0.29001251,-0.26187114,0.49118587,314.05009,413.32965)"
+         sodipodi:nodetypes="csccc"
+         inkscape:connector-curvature="0"
+         id="path4352"
+         d="m 323.17291,884.25772 c -12.01239,-2.04067 -82.52835,16.61754 -99.79401,55.00083 -15.98645,35.53948 -89.9471,33.72856 -99.28733,60.33035 39.7908,12.7736 95.53768,24.7258 152.23596,27.9433 18.70689,-56.56759 33.7061,-85.50249 46.84538,-143.27448 z"
+         style="fill:url(#radialGradient4505);fill-opacity:1;stroke:none;filter:url(#filter4328)" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path3233"
+         d="m 230.90418,803.93866 c -20.53848,27.61358 -33.27819,48.98647 -43.66583,67.95891"
+         style="fill:none;stroke:url(#radialGradient3235);stroke-width:7;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4114)"
+         sodipodi:nodetypes="cc"
+         transform="matrix(1.4825509,0.21000813,-0.19324181,1.3641891,-35.872822,-322.52834)" />
+    </g>
+  </g>
+</svg>
diff --git a/client/match/src/files/cross2.svg b/client/match/src/files/cross2.svg
new file mode 100644
index 0000000..c43fd8d
--- /dev/null
+++ b/client/match/src/files/cross2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="24px" version="1.1" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="miu" stroke="none" stroke-width="1"><g id="Artboard-1" transform="translate(-863.000000, -119.000000)"><g id="slice" transform="translate(215.000000, 119.000000)"/><path d="M868.437303,122.730196 C870.30228,121.033947 872.780394,120 875.5,120 C881.29899,120 886,124.70101 886,130.5 C886,133.219606 884.966053,135.69772 883.269804,137.562697 L868.437303,122.730196 Z M867.730196,123.437303 C866.033947,125.30228 865,127.780394 865,130.5 C865,136.29899 869.70101,141 875.5,141 C878.219606,141 880.69772,139.966053 882.562697,138.269804 L867.730196,123.437303 Z M864,130.5 C864,124.148725 869.148725,119 875.5,119 C881.851275,119 887,124.148725 887,130.5 C887,136.851275 881.851275,142 875.5,142 C869.148725,142 864,136.851275 864,130.5 Z" fill="#000000" id="circle-no-forbidden-outline-stroke"/></g></g></svg>
\ No newline at end of file
diff --git a/client/match/src/files/cross3.svg b/client/match/src/files/cross3.svg
new file mode 100644
index 0000000..62a2e2c
--- /dev/null
+++ b/client/match/src/files/cross3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/delpotro1.jpg b/client/match/src/files/delpotro1.jpg
new file mode 100644
index 0000000..bcfb717
Binary files /dev/null and b/client/match/src/files/delpotro1.jpg differ
diff --git a/client/match/src/files/dokovic.jpg b/client/match/src/files/dokovic.jpg
new file mode 100644
index 0000000..3e71ffb
Binary files /dev/null and b/client/match/src/files/dokovic.jpg differ
diff --git a/client/match/src/files/dokovic1.jpg b/client/match/src/files/dokovic1.jpg
new file mode 100644
index 0000000..2dea98e
Binary files /dev/null and b/client/match/src/files/dokovic1.jpg differ
diff --git a/client/match/src/files/federer2.jpg b/client/match/src/files/federer2.jpg
new file mode 100644
index 0000000..771abe3
Binary files /dev/null and b/client/match/src/files/federer2.jpg differ
diff --git a/client/match/src/files/info1.svg b/client/match/src/files/info1.svg
new file mode 100644
index 0000000..01c631e
--- /dev/null
+++ b/client/match/src/files/info1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 90c44.3 0 86 17.3 117.4 48.6C404.7 170 422 211.7 422 256s-17.3 86-48.6 117.4C342 404.7 300.3 422 256 422s-86-17.3-117.4-48.6C107.3 342 90 300.3 90 256s17.3-86 48.6-117.4C170 107.3 211.7 90 256 90m0-42C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"/><path d="M277 360h-42V235h42v125zm0-166h-42v-42h42v42z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/info2.svg b/client/match/src/files/info2.svg
new file mode 100644
index 0000000..a4c5478
--- /dev/null
+++ b/client/match/src/files/info2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 39 115" height="115px" id="Layer_1" version="1.1" viewBox="0 0 39 115" width="39px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M26.102,91.63l3.372-13.589l7.465-30.088c1.33-5.36-1.938-10.783-7.298-12.113l-0.971-0.241   c-0.652-0.162-1.303-0.252-1.949-0.283l0.008-0.199c0,0-0.161,0.072-0.437,0.197c-3.072-0.011-7.561,2.97-7.561,2.97   c-8.72,6.079-20.654,14.141-18.886,17.981c2.678,5.816,15.748-9.487,12.618,3.131L9.091,72.984l-7.465,30.088   c-1.33,5.361,1.504,10.676,6.864,12.006l0.971,0.241c0.652,0.161,1.303,0.253,1.95,0.282l-0.009,0.199c0,0,0.162-0.071,0.438-0.197   c3.072,0.012,7.561-2.97,7.561-2.97c8.72-6.079,20.871-14.087,19.103-17.928C35.824,88.89,22.972,104.247,26.102,91.63z"/><circle cx="24.727" cy="15.217" r="14"/></g></svg>
\ No newline at end of file
diff --git a/client/match/src/files/kerber1.jpg b/client/match/src/files/kerber1.jpg
new file mode 100644
index 0000000..8f0a1db
Binary files /dev/null and b/client/match/src/files/kerber1.jpg differ
diff --git a/client/match/src/files/mladenovic1.jpg b/client/match/src/files/mladenovic1.jpg
new file mode 100644
index 0000000..072245a
Binary files /dev/null and b/client/match/src/files/mladenovic1.jpg differ
diff --git a/client/match/src/files/murray1.jpg b/client/match/src/files/murray1.jpg
new file mode 100644
index 0000000..400b4a2
Binary files /dev/null and b/client/match/src/files/murray1.jpg differ
diff --git a/client/match/src/files/nadal1.jpg b/client/match/src/files/nadal1.jpg
new file mode 100644
index 0000000..28d72ba
Binary files /dev/null and b/client/match/src/files/nadal1.jpg differ
diff --git a/client/match/src/files/nadal2.jpg b/client/match/src/files/nadal2.jpg
new file mode 100644
index 0000000..66929b1
Binary files /dev/null and b/client/match/src/files/nadal2.jpg differ
diff --git a/client/match/src/files/nishkori1.jpg b/client/match/src/files/nishkori1.jpg
new file mode 100644
index 0000000..5683dad
Binary files /dev/null and b/client/match/src/files/nishkori1.jpg differ
diff --git a/client/match/src/files/novak1.webp b/client/match/src/files/novak1.webp
new file mode 100644
index 0000000..73b2269
Binary files /dev/null and b/client/match/src/files/novak1.webp differ
diff --git a/client/match/src/files/osaka1.jpg b/client/match/src/files/osaka1.jpg
new file mode 100644
index 0000000..9b18d7d
Binary files /dev/null and b/client/match/src/files/osaka1.jpg differ
diff --git a/client/match/src/files/pliskova1.jpg b/client/match/src/files/pliskova1.jpg
new file mode 100644
index 0000000..c979277
Binary files /dev/null and b/client/match/src/files/pliskova1.jpg differ
diff --git a/client/match/src/files/racket1.svg b/client/match/src/files/racket1.svg
new file mode 100644
index 0000000..74e2525
--- /dev/null
+++ b/client/match/src/files/racket1.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.0//EN'  'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'><svg enable-background="new 0 0 24 24" id="Layer_1" version="1.0" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M11.1,3.1C11.6,3.8,12,4.6,12,5.5c0,0.9-0.4,1.7-0.9,2.4c-0.4-0.4-0.8-1.2-0.8-2.4C10.2,4.3,10.7,3.5,11.1,3.1z M5.9,3.1  C5.4,3.8,5,4.6,5,5.5s0.4,1.7,0.9,2.4c0.4-0.4,0.8-1.2,0.8-2.4C6.8,4.3,6.3,3.5,5.9,3.1z M7.5,5.5c0,1.4-0.5,2.3-1,2.9  C7.1,8.8,7.7,9,8.5,9c0.8,0,1.4-0.2,2-0.6c-0.5-0.5-1-1.4-1-2.9c0-1.4,0.5-2.3,1-2.9C9.9,2.2,9.3,2,8.5,2c-0.8,0-1.4,0.2-2,0.6  C6.9,3.2,7.5,4.1,7.5,5.5z"/><path d="M6.9,19l-2.7,2.7c-0.4,0.4-1,0.4-1.4,0l-0.4-0.4c-0.4-0.4-0.4-1,0-1.4L5,17.1L6.9,19z"/><path d="M9.4,14.6c0,0-0.7-3-0.7-3.3l-1.4,0.1c0.1,1.1,0.1,4.3-1.1,5.4l1,1c1.2-1.2,4.3-1.2,5.4-1.1l0.1-1.4  C12.4,15.3,9.4,14.6,9.4,14.6z"/><path d="M20.4,3.6C19.4,2.5,18,2,16.4,2c-1.3,0-2.7,0.4-4.1,1.1C12.7,3.7,13,4.3,13,5.1C14.1,4.4,15.3,4,16.4,4c0.7,0,1.8,0.2,2.6,1  c0.8,0.8,1.1,1.9,0.9,3.3c-0.2,1.5-1,3-2.2,4.3c-1.4,1.4-3.3,2.3-5,2.3c-0.7,0-1.8-0.2-2.6-1C9.2,12.9,9,11.4,9.4,9.9  C9.1,10,8.8,10,8.6,10c-0.4,0-0.8-0.1-1.2-0.2c-0.4,2.1,0,4.1,1.4,5.4c1.1,1.1,2.5,1.6,4,1.6c2.1,0,4.5-1,6.4-2.9  C22.4,10.7,22.9,6.1,20.4,3.6z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/roger1.jpeg b/client/match/src/files/roger1.jpeg
new file mode 100644
index 0000000..d05db69
Binary files /dev/null and b/client/match/src/files/roger1.jpeg differ
diff --git a/client/match/src/files/serena1.jpg b/client/match/src/files/serena1.jpg
new file mode 100644
index 0000000..23e9c56
Binary files /dev/null and b/client/match/src/files/serena1.jpg differ
diff --git a/client/match/src/files/thiem1.jpg b/client/match/src/files/thiem1.jpg
new file mode 100644
index 0000000..fa5f656
Binary files /dev/null and b/client/match/src/files/thiem1.jpg differ
diff --git a/client/match/src/files/tick.svg b/client/match/src/files/tick.svg
new file mode 100644
index 0000000..d9b41ef
--- /dev/null
+++ b/client/match/src/files/tick.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="173.52068"
+   height="198.57143"
+   id="svg3170"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="Kliponious-green-tick.svg">
+  <defs
+     id="defs3172" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="338.90319"
+     inkscape:cy="262.14286"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="483"
+     inkscape:window-height="421"
+     inkscape:window-x="487"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata3175">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-36.096808,-595.93361)">
+    <path
+       style="fill:#008000;stroke:none"
+       d="m 36.096808,739.3107 20,-30 c 16.51135,12.90702 17.76692,19.63883 24.94924,30.90863 C 117.84983,667.91063 155.99616,635.25788 209.61748,595.93361 157.7118,649.28073 126.39312,685.25136 79.617478,794.50504 63.426998,768.22475 52.287288,740.8936 36.096808,739.3107 z"
+       id="path3157"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc"
+       inkscape:export-filename="/home/user/Projects/Ethical Marketing Pro/Nexify/flyer/tick.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90" />
+  </g>
+</svg>
diff --git a/client/match/src/files/tick2.svg b/client/match/src/files/tick2.svg
new file mode 100644
index 0000000..e7c54e2
--- /dev/null
+++ b/client/match/src/files/tick2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M340.1,177.3L215.3,303l-47.2-47.2l-17.8,17.8l56,56c2.5,2.5,5.9,4.5,8.9,4.5s6.3-2,8.8-4.4l133.7-134.4L340.1,177.3z"/><g><path d="M256,48C141.1,48,48,141.1,48,256s93.1,208,208,208c114.9,0,208-93.1,208-208S370.9,48,256,48z M256,446.7    c-105.1,0-190.7-85.5-190.7-190.7c0-105.1,85.5-190.7,190.7-190.7c105.1,0,190.7,85.5,190.7,190.7    C446.7,361.1,361.1,446.7,256,446.7z"/></g></g></svg>
\ No newline at end of file
diff --git a/client/match/src/files/tick3.svg b/client/match/src/files/tick3.svg
new file mode 100644
index 0000000..4e40c88
--- /dev/null
+++ b/client/match/src/files/tick3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M170.718 216.482L141.6 245.6l93.6 93.6 208-208-29.118-29.118L235.2 279.918l-64.482-63.436zM422.4 256c0 91.518-74.883 166.4-166.4 166.4S89.6 347.518 89.6 256 164.482 89.6 256 89.6c15.6 0 31.2 2.082 45.764 6.241L334 63.6C310.082 53.2 284.082 48 256 48 141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208h-41.6z"/></svg>
\ No newline at end of file
diff --git a/client/match/src/files/vwilliams1.jpg b/client/match/src/files/vwilliams1.jpg
new file mode 100644
index 0000000..2cdbb64
Binary files /dev/null and b/client/match/src/files/vwilliams1.jpg differ
diff --git a/client/match/src/files/zverev1.jpg b/client/match/src/files/zverev1.jpg
new file mode 100644
index 0000000..adbacf2
Binary files /dev/null and b/client/match/src/files/zverev1.jpg differ
diff --git a/client/match/src/index.css b/client/match/src/index.css
new file mode 100755
index 0000000..7bfbd26
--- /dev/null
+++ b/client/match/src/index.css
@@ -0,0 +1,602 @@
+
+
+/* Link {
+  width:
+} */
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display:flex;
+}
+.main-container {
+  display:flex;
+  flex-direction: column;
+  height: 100vh;
+  width: 100vw;
+}
+
+.login, .create {
+  display:flex;
+  height: 100vh;
+  width: 100vw;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+}
+.user-create-input {
+  display: flex;
+  flex-direction: column;
+  align-items:center;
+  justify-content:flex-end;
+}
+.form-select {
+  border: 0 transparent;
+  height: 4vh;
+  margin-bottom: 2vh;
+  width: 60vw;
+  height: 4vh;
+
+}
+
+
+
+
+.form-btn {
+  border-style: none;
+  border-radius: 4px;
+  height: 4vh;
+  margin-bottom: 2vh;
+  width: 60vw;
+  height: 4vh;
+  margin-top: 1vh;
+}
+button{
+  border: 0px;
+}
+.logo {
+  margin-top: 10vh;
+  display:flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items:center;
+
+}
+.mylogo {
+  font-family: 'Megrim', cursive;
+  font-size: 9vh;
+}
+#upload_widget {
+  padding:0;
+  background-color: #DCDCDC;
+  width: 60vw;
+  color: black;
+  font-weight: bold;
+  font-family: 'Saira Condensed', sans-serif;
+
+}
+
+
+
+
+.create-account {
+  display:flex;
+  background-color: #DCDCDC;
+  margin-top:5vh;
+  height:5vh;
+  align-items: center;
+  padding: 2vh;
+
+}
+
+.login-button {
+  margin-bottom: 5vh;
+  height: 5vh;
+  font-family: 'Saira Condensed', sans-serif;
+  font-weight:bold;
+
+}
+
+.login-link {
+  display:flex;
+  flex-direction:column;
+}
+
+.login-form, .create-form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.create-form {
+  margin-top: 2vh;
+}
+
+.form-item {
+  margin-bottom: 2vh;
+  width: 60vw;
+  height: 3vh;
+}
+
+
+.navbar {
+  /* background-color: #DCDCDC; */
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  height: 14vh;
+  border-bottom: black 1px solid;
+
+}
+.profilebox,.matchbox, .chatview {
+  display:flex;
+  flex-direction: column;
+  align-items: center;
+  height: 84vh;
+  font-family: 'Saira Condensed', sans-serif;
+}
+.newmatch-box {
+  display:flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  height: 86vh;
+  font-family: 'Saira Condensed', sans-serif;
+  font-size: 4vh;
+
+}
+
+.newmatch-notify {
+  font-family: 'Saira Condensed', sans-serif;
+}
+
+.newmatch-logo {
+  font-family: 'Megrim', cursive;
+  margin-bottom: 5vh;
+}
+
+
+.newmatch-data {
+  display:flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  font-weight: bold;
+}
+.newmatch-buttons {
+  display:flex;
+  flex-direction: column;
+  width: 50vw;
+}
+.newmatch-btn {
+  background-color: #DCDCDC;
+  width: 50vw;
+  height: 4vh;
+  margin-bottom: 4vh;
+  border-radius: 4px;
+  font-weight:bold;
+  font-size:3vh;
+  text-align: center;
+  text-justify:center;
+  padding: 0.4vh 0.4vh;
+}
+.profile {
+  display:flex;
+  margin-top: 4vh;
+  width: 80%;
+  justify-content: space-between;
+  font-weight:bold;
+}
+.profile-button {
+  width:30%;
+  margin-top:7vh;
+  height:5vh;
+  font-weight: bold;
+
+
+}
+.logout-button {
+  width: 30%;
+  position: absolute;
+  bottom: 5vh;
+  background-color: red;
+  height: 5vh;
+  font-weight: bold;
+  line-height: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.value {
+  margin-left: 2vh;
+}
+
+.sport-input {
+  width:50vw;
+}
+.skilldiv .rangediv {
+  width:50vw;
+
+}
+.range {
+  width:60%;
+}
+.usercontainer  {
+  margin-top: 2vh;
+  display:flex;
+  flex-direction: column;
+  width: 99vw;
+  flex: 7;
+  align-items:space-around;
+  justify-content:center;
+}
+
+/* .container {
+  width: 70vw;
+  height:60vh;
+  margin-top:5vh;
+
+} */
+/* .cards_container {
+  width: 80vw;
+  height:60vh;
+  align-self:center;
+  justify-self:center;
+
+} */
+
+
+.navbutton {
+  height: 8vh;
+  width: 8vh;
+}
+.navmatch {
+  margin-top: 3vh;
+}
+
+.profilpic {
+  border-radius: 100%;
+  background-image: url('./files/nadal2.jpg');
+  background-size:contain;
+  background-repeat: no-repeat;
+}
+
+/* .userpic {
+  display:flex;
+  width: 80%;
+  height: 70vh;
+} */
+
+.pic {
+  margin: 2vh;
+  height:80%;
+  width: 80%;
+  background-size:cover;
+  background-position: center;
+background-repeat: no-repeat;
+  align-self: center;
+}
+
+.userinfo {
+  font-size:5vh;
+  display:flex;
+  width:100%;
+  justify-self:center;
+  justify-content: space-around;
+  margin-bottom: 2vh;
+
+
+}
+
+.username {
+  background-color: white;
+  padding: 0 2%;
+  font-weight: bold;
+  text-align: center;
+  text-justify: center;
+  border-radius: 8px;
+}
+
+
+.thedescription {
+  width: 95%;
+  align-self:center;
+  background-color: white;
+  position:absolute;
+  bottom: 18%;
+
+  border-radius: 8px;
+
+}
+.button {
+
+}
+
+.sub-description {
+  margin-bottom: 2vh;
+}
+.theskill1 {
+  margin-right: 2vh;
+  font-weight: bold;
+}
+.theskill2 {
+  display:flex;
+  align-items:center;
+}
+.sub-description, .theskill1 {
+  padding: 1vh 1vh;
+}
+.skillArr {
+  /* margin-bottom: 2vh; */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.chatskill {
+  margin-top: 3vh;
+}
+.descriptiondiv {
+  background-color: white;
+  padding: 0 0.5vh;
+  border-radius: 8px;
+}
+
+.userdescription {
+  height: 3vh;
+  width: 3vh;
+
+}
+.userskill {
+  margin: 2.7vh 2.7vh;
+  display:flex;
+/*  */
+}
+
+.skillimg{
+  margin-bottom: 0.5vh;
+  height: 3vh;
+  width: 3vh;
+}
+
+.decision-container {
+  /* background-color: #DCDCDC; */
+  display: flex;
+  height: 14vh;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+  /* border-top: 1px solid black; */
+}
+
+.noplayers {
+  margin-top: 2vh;
+  font-size: 3vh;
+}
+
+.decide {
+  border-radius:100%;
+  height: 8vh;
+  width: 8vh;
+  /* background-color: #DCDCDC; */
+}
+
+
+
+.yes {
+  background-image: url('./files/tick3.svg');
+  background-size: cover;
+
+}
+
+.no {
+  background-image: url('./files/cross3.svg');
+  background-size: cover;
+
+
+}
+
+
+.chatpic {
+  border-radius: 100%;
+  object-fit: fill;
+  height: 8vh;
+  width: 8vh;
+  margin-left:1.2vh;
+
+}
+
+.matched {
+  display:flex;
+  height: 12vh;
+  flex-direction:row;
+  align-items: center;
+  width: 100%;
+  justify-content: flex-start;
+  border-bottom: 1px solid black;
+
+}
+
+.chatoverview {
+  display: flex;
+  flex-direction: column;
+  flex: 7;
+  width:100%;
+
+
+}
+
+a,
+.chatoverview > a,
+.chatoverview > a:visited
+{
+  text-decoration: none;
+  color: inherit;
+}
+
+.chatpreview {
+  display:flex;
+  flex-direction: row;
+  height: 12vh;
+  align-items:center;
+}
+
+.msgheader {
+
+  display: flex;
+  flex-direction: column;
+}
+
+.msgname {
+
+  font-weight: bold;
+}
+.msgpreview {
+  margin-left: 3vh;
+  text-decoration: none;
+}
+
+.message-container {
+  display:flex;
+  flex-direction: column;
+  height: 71vh;
+}
+
+
+.the-message-list {
+  display: flex;
+  flex-direction: column;
+
+
+
+}
+.chatpartner {
+  display:flex;
+  align-items: center;
+  justify-content: space-around;
+  flex-direction: row;
+  padding: 1vh 0;
+  width: 100%;
+}
+.sub-partner {
+  display: flex;
+  justify-self: flex-start;
+  justify-content: flex-start;
+
+
+}
+
+.inchatpic {
+  margin-left: 2vh;
+}
+.partnername {
+  font-weight: bold;
+  align-self:center;
+  margin-left:3vh;
+}
+.chatdescription {
+  width:3vh;
+  height:3vh;
+  align-self: center;
+
+}
+.description-box-chat {
+
+  width: 90%;
+  margin-top: 1vh;
+  align-self: center;
+  z-index:100;
+  height:55vh;
+  border: 1px solid black;
+  padding: 1vh;
+  border-radius: 4px;
+
+
+}
+
+.message {
+  display: flex;
+  max-width: 60%;
+  text-justify: center;
+  padding: 0.1vh 0.7vh;
+  margin-top: 1vh;
+  border: 1px solid black;
+  border-radius:4px;
+  background-color: #DCDCDC;
+
+
+}
+
+.received {
+  align-self: flex-start;
+  margin-left: 3vh;
+}
+
+.sent {
+  align-self: flex-end;
+  margin-right: 3vh;
+
+}
+
+.inputbox {
+  border-top: 1px solid black;
+  height:12vh;
+  display:flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+
+}
+
+.sendmsg {
+  margin:0 4vw 0 0;
+  padding: 1vh;
+
+  width: 50%;
+
+}
+.sendbtn {
+  margin:0;
+  padding: 1vh;
+  font-weight: bold;
+  font-family: 'Saira Condensed', sans-serif;
+}
+
+.form-btn {
+  height: 4vh;
+  margin:0;
+
+  font-weight: bold;
+  font-family: 'Saira Condensed', sans-serif;
+}
+
+.loading {
+  position: fixed;
+  top: 47%;
+  left: 40%;
+
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}
+
+@media only screen and (min-width: 600px) {
+  .main-container {
+    margin-top: 1vh;
+    height: 98vh;
+    width: 28vw;
+    position: absolute;
+    left: 36vw;
+    border: 2px solid black;
+  }
+  .container {
+    height: 95% !important;
+  }
+}
\ No newline at end of file
diff --git a/client/baller/src/index.js b/client/match/src/index.js
similarity index 100%
rename from client/baller/src/index.js
rename to client/match/src/index.js
diff --git a/client/baller/src/logo.svg b/client/match/src/logo.svg
similarity index 100%
rename from client/baller/src/logo.svg
rename to client/match/src/logo.svg
diff --git a/client/match/src/mocks/profile.js b/client/match/src/mocks/profile.js
new file mode 100644
index 0000000..ba4b9c1
--- /dev/null
+++ b/client/match/src/mocks/profile.js
@@ -0,0 +1,10 @@
+const profile = {
+  first: 'Rafael',
+  last: 'Nadal',
+  skill:'4',
+  age: 32,
+  img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042159/userpics/nadal2.jpg'
+
+};
+
+export default profile;
diff --git a/client/match/src/mocks/users.js b/client/match/src/mocks/users.js
new file mode 100644
index 0000000..238d9bc
--- /dev/null
+++ b/client/match/src/mocks/users.js
@@ -0,0 +1,18 @@
+const users = [
+  {
+    first: 'Roger',
+    last: 'Federer',
+    skill: '4',
+    age: 35,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042451/userpics/federer2.jpg'
+  },
+  {
+    first: 'Serena',
+    last: 'Williams',
+    skill: '4',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042160/userpics/serena1.jpg'
+  }
+];
+
+export default users;
\ No newline at end of file
diff --git a/client/baller/src/serviceWorker.js b/client/match/src/serviceWorker.js
similarity index 100%
rename from client/baller/src/serviceWorker.js
rename to client/match/src/serviceWorker.js
diff --git a/pics/1280px-Node.js_logo.svg.png b/pics/1280px-Node.js_logo.svg.png
new file mode 100644
index 0000000..1717799
Binary files /dev/null and b/pics/1280px-Node.js_logo.svg.png differ
diff --git a/pics/13142323.png b/pics/13142323.png
new file mode 100644
index 0000000..83c0b1b
Binary files /dev/null and b/pics/13142323.png differ
diff --git a/pics/File_Node.js_logo_2015.svg b/pics/File_Node.js_logo_2015.svg
new file mode 100644
index 0000000..7721ef5
--- /dev/null
+++ b/pics/File_Node.js_logo_2015.svg
@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<html class="client-nojs" lang="en" dir="ltr">
+<head>
+<meta charset="UTF-8"/>
+<title>File:Node.js logo 2015.svg - Wikimedia Commons</title>
+<script>document.documentElement.className = document.documentElement.className.replace( /(^|\s)client-nojs(\s|$)/, "$1client-js$2" );</script>
+<script>(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgCanonicalNamespace":"File","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":6,"wgPageName":"File:Node.js_logo_2015.svg","wgTitle":"Node.js logo 2015.svg","wgCurRevisionId":258712593,"wgRevisionId":258712593,"wgArticleId":38931951,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Template Unknown (author)","PD ineligible","With trademark","Node.js","Free software logos (vector graphics)","Software logos (SVG)","Black and green logos"],"wgBreakFrames":true,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"File:Node.js_logo_2015.svg","wgRelevantArticleId":38931951,"wgRequestId":"XFwKsApAMEwAAGj9TFIAAAAL","wgCSPNonce":false,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgRestrictionUpload":[],"wgCategoryTreePageCategoryOptions":"{\"mode\":0,\"hideprefix\":20,\"showcount\":true,\"namespaces\":false}","wgWikiEditorEnabledModules":[],"wgBetaFeaturesFeatures":[],"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":false,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en","usePageImages":true,"usePageDescriptions":true},"wgMFIsPageContentModelEditable":true,"wgMFExpandAllSectionsUserOption":true,"wgMFEnableFontChanger":true,"wgMFDisplayWikibaseDescriptions":{"search":true,"nearby":true,"watchlist":true,"tagline":true},"wgWMESchemaEditAttemptStepOversample":false,"wgPoweredByHHVM":true,"wgULSCurrentAutonym":"English","wgNoticeProject":"commons","wgCentralNoticeCookiesToDelete":[],"wgCentralNoticeCategoriesUsingLegacy":["Fundraising","fundraising"],"wbCopyright":{"version":"wikibase-1","messageHtml":"By clicking \"publish\", you agree to the \u003Ca href=\"/wiki/Commons:Copyrights\" class=\"mw-redirect\" title=\"Commons:Copyrights\"\u003Eterms of use\u003C/a\u003E, and you irrevocably agree to release your contribution under the \u003Ca rel=\"nofollow\" class=\"external text\" href=\"https://creativecommons.org/publicdomain/zero/1.0/\"\u003ECreative Commons CC0 License\u003C/a\u003E."},"wbBadgeItems":[],"wgScoreNoteLanguages":{"arabic":"العربية","catalan":"català","deutsch":"Deutsch","english":"English","espanol":"español","italiano":"italiano","nederlands":"Nederlands","norsk":"norsk","portugues":"português","suomi":"suomi","svenska":"svenska","vlaams":"West-Vlams"},"wgScoreDefaultNoteLanguage":"nederlands","wgCentralAuthMobileDomain":false,"wgCodeMirrorEnabled":true,"wgVisualEditorToolbarScrollOffset":0,"wgVisualEditorUnsupportedEditParams":["undo","undoafter","veswitched"],"wgEditSubmitButtonLabelPublish":true,"wbmiDepictsQualifierProperties":{"":{"id":"","label":"wikibasemediainfo-property-placeholder","input":"string"}},"wbmiProperties":{"depicts":{"id":"P1","label":"wikibasemediainfo-property-value-depicts","url":"#"}},"wbUserSpecifiedLanguages":["en"],"wbCurrentRevision":258712593,"wbEntityId":"M38931951","wbTermsLanguages":{"aa":"Qafár af","ab":"Аҧсшәа","abs":"bahasa ambon","ace":"Acèh","ady":"адыгабзэ","ady-cyrl":"адыгабзэ","aeb":"تونسي/Tûnsî","aeb-arab":"تونسي","aeb-latn":"Tûnsî","af":"Afrikaans","ak":"Akan","aln":"Gegë","als":"Alemannisch","am":"አማርኛ","an":"aragonés","ang":"Ænglisc","anp":"अङ्गिका","ar":"العربية","arc":"ܐܪܡܝܐ","arn":"mapudungun","arq":"جازايرية","ary":"Maġribi","arz":"مصرى","as":"অসমীয়া","ase":"American sign language","ast":"asturianu","atj":"Atikamekw","av":"авар","avk":"Kotava","awa":"अवधी","ay":"Aymar aru","az":"azərbaycanca","azb":"تۆرکجه","ba":"башҡортса","ban":"Basa Bali","bar":"Boarisch","bat-smg":"žemaitėška","bbc":"Batak Toba","bbc-latn":"Batak Toba","bcc":"جهلسری بلوچی","bcl":"Bikol Central","be":"беларуская","be-tarask":"беларуская (тарашкевіца)‎","be-x-old":"беларуская (тарашкевіца)‎","bg":"български","bgn":"روچ کپتین بلوچی","bh":"भोजपुरी","bho":"भोजपुरी","bi":"Bislama","bjn":"Bahasa Banjar","bm":"bamanankan","bn":"বাংলা","bo":"བོད་ཡིག","bpy":"বিষ্ণুপ্রিয়া মণিপুরী","bqi":"بختیاری","br":"brezhoneg","brh":"Bráhuí","bs":"bosanski","btm":"Batak Mandailing","bto":"Iriga Bicolano","bug":"ᨅᨔ ᨕᨘᨁᨗ","bxr":"буряад","ca":"català","cbk-zam":"Chavacano de Zamboanga","cdo":"Mìng-dĕ̤ng-ngṳ̄","ce":"нохчийн","ceb":"Cebuano","ch":"Chamoru","cho":"Choctaw","chr":"ᏣᎳᎩ","chy":"Tsetsêhestâhese","ckb":"کوردی","co":"corsu","cps":"Capiceño","cr":"Nēhiyawēwin / ᓀᐦᐃᔭᐍᐏᐣ","crh":"qırımtatarca","crh-cyrl":"къырымтатарджа (Кирилл)‎","crh-latn":"qırımtatarca (Latin)‎","cs":"čeština","csb":"kaszëbsczi","cu":"словѣньскъ / ⰔⰎⰑⰂⰡⰐⰠⰔⰍⰟ","cv":"Чӑвашла","cy":"Cymraeg","da":"dansk","de":"Deutsch","de-at":"Österreichisches Deutsch","de-ch":"Schweizer Hochdeutsch","de-formal":"Deutsch (Sie-Form)‎","din":"Thuɔŋjäŋ","diq":"Zazaki","dsb":"dolnoserbski","dtp":"Dusun Bundu-liwan","dty":"डोटेली","dv":"ދިވެހިބަސް","dz":"ཇོང་ཁ","ee":"eʋegbe","egl":"Emiliàn","el":"Ελληνικά","eml":"emiliàn e rumagnòl","en":"English","en-ca":"Canadian English","en-gb":"British English","eo":"Esperanto","es":"español","es-419":"español de América Latina","es-formal":"español (formal)‎","et":"eesti","eu":"euskara","ext":"estremeñu","fa":"فارسی","ff":"Fulfulde","fi":"suomi","fit":"meänkieli","fiu-vro":"Võro","fj":"Na Vosa Vakaviti","fo":"føroyskt","fr":"français","frc":"français cadien","frp":"arpetan","frr":"Nordfriisk","fur":"furlan","fy":"Frysk","ga":"Gaeilge","gag":"Gagauz","gan":"贛語","gan-hans":"赣语（简体）‎","gan-hant":"贛語（繁體）‎","gcr":"kréyòl gwiyanè","gd":"Gàidhlig","gl":"galego","glk":"گیلکی","gn":"Avañe'ẽ","gom":"गोंयची कोंकणी / Gõychi Konknni","gom-deva":"गोंयची कोंकणी","gom-latn":"Gõychi Konknni","gor":"Bahasa Hulontalo","got":"𐌲𐌿𐍄𐌹𐍃𐌺","grc":"Ἀρχαία ἑλληνικὴ","gsw":"Alemannisch","gu":"ગુજરાતી","gv":"Gaelg","ha":"Hausa","hak":"客家語/Hak-kâ-ngî","haw":"Hawaiʻi","he":"עברית","hi":"हिन्दी","hif":"Fiji Hindi","hif-latn":"Fiji Hindi","hil":"Ilonggo","ho":"Hiri Motu","hr":"hrvatski","hrx":"Hunsrik","hsb":"hornjoserbsce","ht":"Kreyòl ayisyen","hu":"magyar","hu-formal":"magyar (formal)‎","hy":"հայերեն","hyw":"արեւմտահայերէն","hz":"Otsiherero","ia":"interlingua","id":"Bahasa Indonesia","ie":"Interlingue","ig":"Igbo","ii":"ꆇꉙ","ik":"Iñupiak","ike-cans":"ᐃᓄᒃᑎᑐᑦ","ike-latn":"inuktitut","ilo":"Ilokano","inh":"ГӀалгӀай","io":"Ido","is":"íslenska","it":"italiano","iu":"ᐃᓄᒃᑎᑐᑦ/inuktitut","ja":"日本語","jam":"Patois","jbo":"la .lojban.","jut":"jysk","jv":"Basa Jawa","ka":"ქართული","kaa":"Qaraqalpaqsha","kab":"Taqbaylit","kbd":"Адыгэбзэ","kbd-cyrl":"Адыгэбзэ","kbp":"Kabɩyɛ","kg":"Kongo","khw":"کھوار","ki":"Gĩkũyũ","kiu":"Kırmancki","kj":"Kwanyama","kjp":"ဖၠုံလိက်","kk":"қазақша","kk-arab":"قازاقشا (تٴوتە)‏","kk-cn":"قازاقشا (جۇنگو)‏","kk-cyrl":"қазақша (кирил)‎","kk-kz":"қазақша (Қазақстан)‎","kk-latn":"qazaqşa (latın)‎","kk-tr":"qazaqşa (Türkïya)‎","kl":"kalaallisut","km":"ភាសាខ្មែរ","kn":"ಕನ್ನಡ","ko":"한국어","ko-kp":"조선말","koi":"Перем Коми","kr":"Kanuri","krc":"къарачай-малкъар","kri":"Krio","krj":"Kinaray-a","krl":"karjal","ks":"कॉशुर / کٲشُر","ks-arab":"کٲشُر","ks-deva":"कॉशुर","ksh":"Ripoarisch","ku":"kurdî","ku-arab":"كوردي (عەرەبی)‏","ku-latn":"kurdî (latînî)‎","kum":"къумукъ","kv":"коми","kw":"kernowek","ky":"Кыргызча","la":"Latina","lad":"Ladino","lb":"Lëtzebuergesch","lbe":"лакку","lez":"лезги","lfn":"Lingua Franca Nova","lg":"Luganda","li":"Limburgs","lij":"Ligure","liv":"Līvõ kēļ","lki":"لەکی","lmo":"lumbaart","ln":"lingála","lo":"ລາວ","loz":"Silozi","lrc":"لۊری شومالی","lt":"lietuvių","ltg":"latgaļu","lus":"Mizo ţawng","luz":"لئری دوٙمینی","lv":"latviešu","lzh":"文言","lzz":"Lazuri","mai":"मैथिली","map-bms":"Basa Banyumasan","mdf":"мокшень","mg":"Malagasy","mh":"Ebon","mhr":"олык марий","mi":"Māori","min":"Baso Minangkabau","mk":"македонски","ml":"മലയാളം","mn":"монгол","mni":"মেইতেই লোন্","mnw":"ဘာသာ မန်","mo":"молдовеняскэ","mr":"मराठी","mrj":"кырык мары","ms":"Bahasa Melayu","mt":"Malti","mus":"Mvskoke","mwl":"Mirandés","my":"မြန်မာဘာသာ","myv":"эрзянь","mzn":"مازِرونی","na":"Dorerin Naoero","nah":"Nāhuatl","nan":"Bân-lâm-gú","nap":"Napulitano","nb":"norsk bokmål","nds":"Plattdüütsch","nds-nl":"Nedersaksies","ne":"नेपाली","new":"नेपाल भाषा","ng":"Oshiwambo","niu":"Niuē","nl":"Nederlands","nl-informal":"Nederlands (informeel)‎","nn":"norsk nynorsk","no":"norsk","nov":"Novial","nrm":"Nouormand","nso":"Sesotho sa Leboa","nv":"Diné bizaad","ny":"Chi-Chewa","nys":"Nyunga","oc":"occitan","olo":"Livvinkarjala","om":"Oromoo","or":"ଓଡ଼ିଆ","os":"Ирон","pa":"ਪੰਜਾਬੀ","pag":"Pangasinan","pam":"Kapampangan","pap":"Papiamentu","pcd":"Picard","pdc":"Deitsch","pdt":"Plautdietsch","pfl":"Pälzisch","pi":"पालि","pih":"Norfuk / Pitkern","pl":"polski","pms":"Piemontèis","pnb":"پنجابی","pnt":"Ποντιακά","prg":"Prūsiskan","ps":"پښتو","pt":"português","pt-br":"português do Brasil","qu":"Runa Simi","qug":"Runa shimi","rgn":"Rumagnôl","rif":"Tarifit","rm":"rumantsch","rmy":"Romani","rn":"Kirundi","ro":"română","roa-rup":"armãneashti","roa-tara":"tarandíne","ru":"русский","rue":"русиньскый","rup":"armãneashti","ruq":"Vlăheşte","ruq-cyrl":"Влахесте","ruq-latn":"Vlăheşte","rw":"Kinyarwanda","sa":"संस्कृतम्","sah":"саха тыла","sat":"ᱥᱟᱱᱛᱟᱲᱤ","sc":"sardu","scn":"sicilianu","sco":"Scots","sd":"سنڌي","sdc":"Sassaresu","sdh":"کوردی خوارگ","se":"davvisámegiella","sei":"Cmique Itom","ses":"Koyraboro Senni","sg":"Sängö","sgs":"žemaitėška","sh":"srpskohrvatski / српскохрватски","shi":"Tašlḥiyt/ⵜⴰⵛⵍⵃⵉⵜ","shi-latn":"Tašlḥiyt","shi-tfng":"ⵜⴰⵛⵍⵃⵉⵜ","shn":"ၽႃႇသႃႇတႆး ","shy-latn":"tachawit","si":"සිංහල","simple":"Simple English","sk":"slovenčina","skr":"سرائیکی","skr-arab":"سرائیکی","sl":"slovenščina","sli":"Schläsch","sm":"Gagana Samoa","sma":"Åarjelsaemien","sn":"chiShona","so":"Soomaaliga","sq":"shqip","sr":"српски / srpski","sr-ec":"српски (ћирилица)‎","sr-el":"srpski (latinica)‎","srn":"Sranantongo","ss":"SiSwati","st":"Sesotho","stq":"Seeltersk","sty":"cебертатар","su":"Basa Sunda","sv":"svenska","sw":"Kiswahili","szl":"ślůnski","ta":"தமிழ்","tay":"Tayal","tcy":"ತುಳು","te":"తెలుగు","tet":"tetun","tg":"тоҷикӣ","tg-cyrl":"тоҷикӣ","tg-latn":"tojikī","th":"ไทย","ti":"ትግርኛ","tk":"Türkmençe","tl":"Tagalog","tly":"толышә зывон","tn":"Setswana","to":"lea faka-Tonga","tpi":"Tok Pisin","tr":"Türkçe","tru":"Ṫuroyo","ts":"Xitsonga","tt":"татарча/tatarça","tt-cyrl":"татарча","tt-latn":"tatarça","tum":"chiTumbuka","tw":"Twi","ty":"reo tahiti","tyv":"тыва дыл","tzm":"ⵜⴰⵎⴰⵣⵉⵖⵜ","udm":"удмурт","ug":"ئۇيغۇرچە / Uyghurche","ug-arab":"ئۇيغۇرچە","ug-latn":"Uyghurche","uk":"українська","ur":"اردو","uz":"oʻzbekcha/ўзбекча","uz-cyrl":"ўзбекча","uz-latn":"oʻzbekcha","ve":"Tshivenda","vec":"vèneto","vep":"vepsän kel’","vi":"Tiếng Việt","vls":"West-Vlams","vmf":"Mainfränkisch","vo":"Volapük","vot":"Vaďďa","vro":"Võro","wa":"walon","war":"Winaray","wo":"Wolof","wuu":"吴语","xal":"хальмг","xh":"isiXhosa","xmf":"მარგალური","yi":"ייִדיש","yo":"Yorùbá","yue":"粵語","za":"Vahcuengh","zea":"Zeêuws","zgh":"ⵜⴰⵎⴰⵣⵉⵖⵜ ⵜⴰⵏⴰⵡⴰⵢⵜ","zh":"中文","zh-classical":"文言","zh-cn":"中文（中国大陆）‎","zh-hans":"中文（简体）‎","zh-hant":"中文（繁體）‎","zh-hk":"中文（香港）‎","zh-min-nan":"Bân-lâm-gú","zh-mo":"中文（澳門）‎","zh-my":"中文（马来西亚）‎","zh-sg":"中文（新加坡）‎","zh-tw":"中文（台灣）‎","zh-yue":"粵語","zu":"isiZulu"},"wbRepoApiUrl":"/w/api.php","maxCaptionLength":250});mw.loader.state({"ext.gadget.Long-Image-Names-in-Categories":"ready","ext.globalCssJs.user.styles":"ready","ext.globalCssJs.site.styles":"ready","site.styles":"ready","noscript":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","ext.globalCssJs.site":"ready","user":"ready","user.options":"ready","user.tokens":"loading","filepage":"ready","mediawiki.action.view.filepage":"ready","mediawiki.legacy.shared":"ready","mediawiki.legacy.commonPrint":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.pt":"ready","wikibase.mediainfo.filepagestyles":"ready","ext.wikimediaBadges":"ready","ext.3d.styles":"ready","mediawiki.skinning.interface":"ready","skins.vector.styles":"ready"});mw.loader.implement("user.tokens@0tffind",function($,jQuery,require,module){/*@nomin*/mw.user.tokens.set({"editToken":"+\\","patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"});
+});RLPAGEMODULES=["mediawiki.action.view.metadata","site","mediawiki.page.startup","mediawiki.page.ready","mediawiki.searchSuggest","ext.gadget.Slideshow","ext.gadget.ZoomViewer","ext.gadget.CollapsibleTemplates","ext.gadget.fastcci","ext.gadget.UploadWizard","ext.gadget.Stockphoto","ext.gadget.WatchlistNotice","ext.gadget.AjaxQuickDelete","ext.gadget.WikiMiniAtlas","ext.gadget.LanguageSelect","ext.gadget.PictureOfTheYearEnhancements","ext.centralauth.centralautologin","mmv.head","mmv.bootstrap.autostart","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.eventLogging","ext.wikimediaEvents","ext.wikimediaEvents.wikibase","ext.navigationTiming","ext.uls.eventlogger","ext.uls.init","ext.uls.compactlinks","ext.uls.interface","wikibase.mediainfo.filePageDisplay","ext.3d","ext.centralNotice.geoIP","ext.centralNotice.startUp","skins.vector.js"];mw.loader.load(RLPAGEMODULES);});</script>
+<link rel="stylesheet" href="/w/load.php?debug=false&amp;lang=en&amp;modules=ext.3d.styles%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cfilepage%7Cmediawiki.action.view.filepage%7Cmediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.interface%7Cskins.vector.styles%7Cwikibase.mediainfo.filepagestyles&amp;only=styles&amp;skin=vector"/>
+<script async="" src="/w/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=vector"></script>
+<meta name="ResourceLoaderDynamicStyles" content=""/>
+<link rel="stylesheet" href="/w/load.php?debug=false&amp;lang=en&amp;modules=ext.gadget.Long-Image-Names-in-Categories&amp;only=styles&amp;skin=vector"/>
+<link rel="stylesheet" href="/w/load.php?debug=false&amp;lang=en&amp;modules=site.styles&amp;only=styles&amp;skin=vector"/>
+<noscript><link rel="stylesheet" href="/w/load.php?debug=false&amp;lang=en&amp;modules=noscript&amp;only=styles&amp;skin=vector"/></noscript>
+<meta name="generator" content="MediaWiki 1.33.0-wmf.16"/>
+<meta name="referrer" content="origin"/>
+<meta name="referrer" content="origin-when-crossorigin"/>
+<meta name="referrer" content="origin-when-cross-origin"/>
+<link rel="alternate" type="application/x-wiki" title="Edit" href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;action=edit"/>
+<link rel="edit" title="Edit" href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;action=edit"/>
+<link rel="apple-touch-icon" href="/static/apple-touch/commons.png"/>
+<link rel="shortcut icon" href="/static/favicon/commons.ico"/>
+<link rel="search" type="application/opensearchdescription+xml" href="/w/opensearch_desc.php" title="Wikimedia Commons"/>
+<link rel="EditURI" type="application/rsd+xml" href="//commons.wikimedia.org/w/api.php?action=rsd"/>
+<link rel="license" href="//creativecommons.org/licenses/by-sa/3.0/"/>
+<link rel="alternate" type="application/atom+xml" title="Wikimedia Commons Atom feed" href="/w/index.php?title=Special:RecentChanges&amp;feed=atom"/>
+<link rel="canonical" href="https://commons.wikimedia.org/wiki/File:Node.js_logo_2015.svg"/>
+<link rel="dns-prefetch" href="//login.wikimedia.org"/>
+<link rel="dns-prefetch" href="//meta.wikimedia.org" />
+<!--[if lt IE 9]><script src="/w/load.php?debug=false&amp;lang=en&amp;modules=html5shiv&amp;only=scripts&amp;skin=vector&amp;sync=1"></script><![endif]-->
+</head>
+<body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-6 ns-subject mw-editable page-File_Node_js_logo_2015_svg rootpage-File_Node_js_logo_2015_svg skin-vector action-view">		<div id="mw-page-base" class="noprint"></div>
+		<div id="mw-head-base" class="noprint"></div>
+		<div id="content" class="mw-body" role="main">
+			<a id="top"></a>
+			<div id="siteNotice" class="mw-body-content"><!-- CentralNotice --></div><div class="mw-indicators mw-body-content">
+</div>
+<h1 id="firstHeading" class="firstHeading" lang="en">File:Node.js logo 2015.svg</h1>			<div id="bodyContent" class="mw-body-content">
+				<div id="siteSub" class="noprint">From Wikimedia Commons, the free media repository</div>				<div id="contentSub"></div>
+				<div id="jump-to-nav"></div>				<a class="mw-jump-link" href="#mw-head">Jump to navigation</a>
+				<a class="mw-jump-link" href="#p-search">Jump to search</a>
+				<div id="mw-content-text"><ul id="filetoc"><li><a href="#file">File</a></li>
+<li><a href="#filehistory">File history</a></li>
+<li><a href="#filelinks">File usage on Commons</a></li>
+<li><a href="#metadata">Metadata</a></li></ul><div class="fullImageLink" id="file"><a href="https://upload.wikimedia.org/wikipedia/commons/7/7e/Node.js_logo_2015.svg"><img alt="File:Node.js logo 2015.svg" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/591px-Node.js_logo_2015.svg.png" decoding="async" width="591" height="159" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/887px-Node.js_logo_2015.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/1182px-Node.js_logo_2015.svg.png 2x" data-file-width="591" data-file-height="159" /></a><div class="mw-filepage-resolutioninfo">Size of this PNG preview of this SVG file: <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/591px-Node.js_logo_2015.svg.png" class="mw-thumbnail-link">591 × 159 pixels</a>. <span class="mw-filepage-other-resolutions">Other resolutions: <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/320px-Node.js_logo_2015.svg.png" class="mw-thumbnail-link">320 × 86 pixels</a> | <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/640px-Node.js_logo_2015.svg.png" class="mw-thumbnail-link">640 × 172 pixels</a> | <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/800px-Node.js_logo_2015.svg.png" class="mw-thumbnail-link">800 × 215 pixels</a> | <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/1024px-Node.js_logo_2015.svg.png" class="mw-thumbnail-link">1,024 × 275 pixels</a> | <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/1280px-Node.js_logo_2015.svg.png" class="mw-thumbnail-link">1,280 × 344 pixels</a>.</span></div></div>
+<div class="fullMedia"><p><a href="https://upload.wikimedia.org/wikipedia/commons/7/7e/Node.js_logo_2015.svg" class="internal" title="Node.js logo 2015.svg">Original file</a> &#8206;<span class="fileInfo">(SVG file, nominally 591 × 159 pixels, file size: 7 KB)</span>
+</p></div><div id="mw-imagepage-content" lang="en" dir="ltr" class="mw-content-ltr"><div class="mw-parser-output"><h1 class="mw-slot-header">Structured data</h1>
+<div id="wb-mediainfo-" class="wbmi-entityview" dir="ltr">
+<div data-caption-languages='en' class='wbmi-entityview-content filepage-mediainfo-entitytermsview oo-ui-layout oo-ui-panelLayout oo-ui-panelLayout-framed'><h3 class='wbmi-entityview-captions-header'>Captions</h3><div class='wbmi-entityview-entitycontent wbmi-entityview-showLabel oo-ui-layout oo-ui-horizontalLayout'><label aria-disabled='false' lang='en' dir='ltr' class='wbmi-language-label oo-ui-widget oo-ui-widget-enabled oo-ui-labelElement-label oo-ui-labelElement oo-ui-labelWidget'>English</label><div lang='en' dir='ltr' class='wbmi-caption-value wbmi-entityview-emptyCaption'>Add a one-line explanation of what this file represents</div></div></div>
+</div>
+<h2><span class="mw-headline" id="Summary">Summary</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;action=edit&amp;section=1" title="Edit section: Summary">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
+<div class="hproduct commons-file-information-table">
+<table class="fileinfotpl-type-information toccolours vevent mw-content-ltr" style="width: 100%; direction: ltr;" cellpadding="4">
+
+<tbody><tr style="vertical-align: top">
+<td id="fileinfotpl_desc" class="fileinfo-paramfield" lang="en">Description<span class="summary fn" style="display:none">Node.js logo 2015.svg</span></td>
+<td class="description">
+<div class="description mw-content-ltr de" dir="ltr" lang="de" style=""><span class="language de" title="Deutsch"><b>Deutsch:</b></span> Logo von <a href="https://de.wikipedia.org/wiki/Node.js" class="extiw" title="de:Node.js">Node.js</a> bis 2015</div>
+<div class="description mw-content-ltr en" dir="ltr" lang="en" style=""><span class="language en" title=""><b>English:</b></span> Logo of <a href="https://en.wikipedia.org/wiki/node.js" class="extiw" title="w:node.js">w:node.js</a> till 2015</div>
+</td>
+</tr>
+
+   
+
+<tr style="vertical-align: top">
+<td id="fileinfotpl_date" class="fileinfo-paramfield" lang="en">Date</td>
+<td lang="en"></td>
+</tr>
+
+<tr style="vertical-align: top">
+<td id="fileinfotpl_src" class="fileinfo-paramfield" lang="en">Source</td>
+<td><a rel="nofollow" class="external free" href="http://nodejs.org/logos/">http://nodejs.org/logos/</a>, <a rel="nofollow" class="external free" href="http://nodejs.org/logos/nodejs-light.eps">http://nodejs.org/logos/nodejs-light.eps</a></td>
+</tr>
+
+<tr style="vertical-align: top">
+<td id="fileinfotpl_aut" class="fileinfo-paramfield" lang="en">Author</td>
+<td><span lang="en">Unknown</span></td>
+</tr>
+
+<tr style="vertical-align: top">
+<td id="fileinfotpl_perm" class="fileinfo-paramfield" lang="en">Permission<br /><small>(<a href="/wiki/Commons:Reusing_content_outside_Wikimedia" title="Commons:Reusing content outside Wikimedia">Reusing this file</a>)</small></td>
+<td>
+<p>Free for noncommertial use as per <a rel="nofollow" class="external free" href="https://nodejs.org/static/documents/trademark-policy.pdf">https://nodejs.org/static/documents/trademark-policy.pdf</a> 
+</p>
+</td>
+</tr>
+
+<tr style="vertical-align: top">
+<td id="fileinfotpl_ver" class="fileinfo-paramfield" lang="en">Other versions</td>
+<td>
+<p><a rel="nofollow" class="external free" href="https://nodejs.org/static/images/logos/nodejs-new-pantone-black.ai">https://nodejs.org/static/images/logos/nodejs-new-pantone-black.ai</a>   
+</p>
+</td>
+</tr>
+
+   
+
+</tbody></table>
+</div>
+<h2><span class="mw-headline" id="Licensing">Licensing</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;action=edit&amp;section=2" title="Edit section: Licensing">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
+<table class="licensetpl" style="display:none">
+<tbody><tr>
+<td><span class="licensetpl_short">Public domain</span><span class="licensetpl_long">Public domain</span><span class="licensetpl_link_req">false</span><span class="licensetpl_attr_req">false</span>
+</td></tr></tbody></table>
+<table style="width:100%; clear:both; margin:0.5em auto; background-color:#f7f8ff; border:2px solid #8888aa; direction: ltr; border-spacing: 8px; padding: 0px;" class="layouttemplate mw-content-ltr" lang="en">
+<tbody><tr>
+<td width="70px"><img alt="Public domain" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/PD-icon.svg/64px-PD-icon.svg.png" decoding="async" title="Public domain" width="64" height="64" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/PD-icon.svg/96px-PD-icon.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/PD-icon.svg/128px-PD-icon.svg.png 2x" data-file-width="196" data-file-height="196" />
+</td>
+<td><div lang="en" class="description en" style="display:inline;"><i>This image consists only of simple geometric shapes or text. It <b>does not meet the <a href="/wiki/Commons:Threshold_of_originality" title="Commons:Threshold of originality">threshold of originality</a></b> needed for copyright protection, and is therefore in the <b><a href="https://en.wikipedia.org/wiki/public_domain" class="extiw" title="w:public domain">public domain</a></b>. Although it is free of copyright restrictions, this image may still be subject to <a href="/wiki/Commons:Non-copyright_restrictions" title="Commons:Non-copyright restrictions">other restrictions</a>. See <a href="https://en.wikipedia.org/wiki/Wikipedia:Public_domain#Fonts_and_typefaces" class="extiw" title="w:Wikipedia:Public domain">WP:PD#Fonts and typefaces</a> or <a href="/wiki/Template_talk:PD-textlogo" title="Template talk:PD-textlogo">Template talk:PD-textlogo</a> for more information.</i></div>
+</td></tr></tbody></table>
+<table cellspacing="8" cellpadding="0" style="width:100%; clear:both; margin:0.5em auto; background-color:#f7f8ff; border:2px solid #8888aa;" lang="en" dir="ltr" class="layouttemplate restrictiontemplate mw-content-ltr restriction-trademarked">
+<tbody><tr>
+<td style="border:none; width:64px;"><a href="/wiki/Commons:Non-copyright_restrictions" title="Trademarked"><img alt="Trademarked" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Trademark_Warning_Symbol.svg/64px-Trademark_Warning_Symbol.svg.png" decoding="async" width="64" height="64" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Trademark_Warning_Symbol.svg/96px-Trademark_Warning_Symbol.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Trademark_Warning_Symbol.svg/128px-Trademark_Warning_Symbol.svg.png 2x" data-file-width="64" data-file-height="64" /></a>
+</td>
+<td style="border:none;">
+<div lang="en" class="description en" style="display:inline;">This work includes material that may be <b>protected as a <a href="https://en.wikipedia.org/wiki/en:trademark" class="extiw" title="w:en:trademark">trademark</a></b> in some jurisdictions. If you want to use it, you have to ensure that you have the legal right to do so and that you do not infringe any trademark rights. See our <a href="/wiki/Commons:General_disclaimer" title="Commons:General disclaimer">general disclaimer</a>.<br /><small>This tag does not indicate the copyright status of the attached work. A normal <a href="/wiki/Special:MyLanguage/Commons:Copyright_tags" title="Special:MyLanguage/Commons:Copyright tags">copyright tag</a> is still required. See <a href="/wiki/Special:MyLanguage/Commons:Licensing" title="Special:MyLanguage/Commons:Licensing">Commons:Licensing</a> for more information.</small></div>
+</td></tr></tbody></table>
+
+<!-- 
+NewPP limit report
+Parsed by mw1254
+Cached time: 20190121161137
+Cache expiry: 1900800
+Dynamic content: false
+CPU time usage: 0.096 seconds
+Real time usage: 0.169 seconds
+Preprocessor visited node count: 1019/1000000
+Preprocessor generated node count: 0/1500000
+Post‐expand include size: 17242/2097152 bytes
+Template argument size: 5265/2097152 bytes
+Highest expansion depth: 14/40
+Expensive parser function count: 3/500
+Unstrip recursion depth: 0/20
+Unstrip post‐expand size: 0/5000000 bytes
+Number of Wikibase entities loaded: 0/400
+Lua time usage: 0.035/10.000 seconds
+Lua memory usage: 952 KB/50 MB
+-->
+<!--
+Transclusion expansion time report (%,ms,calls,template)
+100.00%  150.019      1 -total
+ 53.63%   80.460      1 Template:Information
+ 41.75%   62.626      2 Template:Autotranslate
+ 29.79%   44.685      1 Template:Trademark
+ 24.70%   37.062      1 Template:Trademarked/layout
+ 22.99%   34.492      1 Template:Non-copyright_restriction
+ 16.40%   24.599      1 Template:ISOdate
+ 16.37%   24.558      1 Template:PD-textlogo
+  8.91%   13.367      1 Template:Unknown
+  8.68%   13.026      1 Template:PD-textlogo/layout
+-->
+
+<!-- Saved in parser cache with key commonswiki:pcache:idhash:38931951-0!canonical and timestamp 20190121161137 and revision id 258712593
+ -->
+</div></div><h2 id="filehistory">File history</h2>
+<div id="mw-imagepage-section-filehistory">
+<p>Click on a date/time to view the file as it appeared at that time.
+</p>
+<table class="wikitable filehistory">
+<tr><th></th><th>Date/Time</th><th>Thumbnail</th><th>Dimensions</th><th>User</th><th>Comment</th></tr>
+<tr><td>current</td><td class='filehistory-selected' style='white-space: nowrap;'><a href="https://upload.wikimedia.org/wikipedia/commons/7/7e/Node.js_logo_2015.svg">01:09, 15 March 2015</a></td><td><a href="https://upload.wikimedia.org/wikipedia/commons/7/7e/Node.js_logo_2015.svg"><img alt="Thumbnail for version as of 01:09, 15 March 2015" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Node.js_logo_2015.svg/120px-Node.js_logo_2015.svg.png" decoding="async" width="120" height="32" data-file-width="591" data-file-height="159" /></a></td><td>591 × 159 <span style="white-space: nowrap;">(7 KB)</span></td><td><a href="/wiki/User:Wdwdbot" class="mw-userlink" title="User:Wdwdbot"><bdi>Wdwdbot</bdi></a><span style="white-space: nowrap;"> <span class="mw-usertoollinks">(<a href="/wiki/User_talk:Wdwdbot" class="mw-usertoollinks-talk" title="User talk:Wdwdbot">talk</a> | <a href="/wiki/Special:Contributions/Wdwdbot" class="mw-usertoollinks-contribs" title="Special:Contributions/Wdwdbot">contribs</a>)</span></span></td><td dir="ltr">Bot Move: Original uploader of this revision (#1) was <a href="https://de.wikipedia.org/wiki/User:Marlus_Gancher" class="extiw" title="de:User:Marlus Gancher">Marlus Gancher</a> at de.wikipedia</td></tr>
+</table>
+
+</div>
+<ul>
+<li id="mw-imagepage-upload-disallowed">You cannot overwrite this file.</li>
+</ul>
+<h2 id="filelinks">File usage on Commons</h2>
+<div id='mw-imagepage-section-linkstoimage'>
+<p>The following page uses this file:
+</p><ul class="mw-imagepage-linkstoimage">
+<li class="mw-imagepage-linkstoimage-ns6"><a href="/w/index.php?title=File:Node.js_Logo.svg&amp;redirect=no" class="mw-redirect" title="File:Node.js Logo.svg">File:Node.js Logo.svg</a> (file redirect) </li>
+</ul>
+</div>
+<h2 id="metadata">Metadata</h2>
+<div class="mw-imagepage-section-metadata"><p>This file contains additional information such as Exif metadata which may have been added by the digital camera, scanner, or software program used to create or digitize it. If the file has been modified from its original state, some details such as the timestamp may not fully reflect those of the original file. The timestamp is only as accurate as the clock in the camera, and it may be completely wrong.</p><table id="mw_metadata" class="mw_metadata collapsed">
+<tbody><tr class="exif-imagewidth mw-metadata-collapsible"><th>Width</th><td>590.96881</td></tr><tr class="exif-imagelength mw-metadata-collapsible"><th>Height</th><td>159.0246</td></tr></tbody></table>
+</div><noscript><img src="//commons.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" title="" width="1" height="1" style="border: none; position: absolute;" /></noscript></div>					<div class="printfooter">
+						Retrieved from "<a dir="ltr" href="https://commons.wikimedia.org/w/index.php?title=File:Node.js_logo_2015.svg&amp;oldid=258712593">https://commons.wikimedia.org/w/index.php?title=File:Node.js_logo_2015.svg&amp;oldid=258712593</a>"					</div>
+				<div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Categories</a>: <ul><li><a href="/wiki/Category:Node.js" title="Category:Node.js">Node.js</a></li><li><a href="/wiki/Category:Free_software_logos_(vector_graphics)" title="Category:Free software logos (vector graphics)">Free software logos (vector graphics)</a></li><li><a href="/wiki/Category:Software_logos_(SVG)" title="Category:Software logos (SVG)">Software logos (SVG)</a></li><li><a href="/wiki/Category:Black_and_green_logos" title="Category:Black and green logos">Black and green logos</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-user-shown">Hidden categories: <ul><li><a href="/wiki/Category:Template_Unknown_(author)" title="Category:Template Unknown (author)">Template Unknown (author)</a></li><li><a href="/wiki/Category:PD_ineligible" title="Category:PD ineligible">PD ineligible</a></li><li><a href="/wiki/Category:With_trademark" title="Category:With trademark">With trademark</a></li></ul></div></div>				<div class="visualClear"></div>
+							</div>
+		</div>
+		<div id="mw-navigation">
+			<h2>Navigation menu</h2>
+			<div id="mw-head">
+									<div id="p-personal" role="navigation" aria-labelledby="p-personal-label">
+						<h3 id="p-personal-label">Personal tools</h3>
+						<ul>
+							<li id="pt-uls" class="active"><a href="#" class="uls-trigger">English</a></li><li id="pt-anonuserpage">Not logged in</li><li id="pt-anontalk"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n">Talk</a></li><li id="pt-anoncontribs"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y">Contributions</a></li><li id="pt-createaccount"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=File%3ANode.js+logo+2015.svg" title="You are encouraged to create an account and log in; however, it is not mandatory">Create account</a></li><li id="pt-login"><a href="/w/index.php?title=Special:UserLogin&amp;returnto=File%3ANode.js+logo+2015.svg" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li>						</ul>
+					</div>
+									<div id="left-navigation">
+										<div id="p-namespaces" role="navigation" class="vectorTabs" aria-labelledby="p-namespaces-label">
+						<h3 id="p-namespaces-label">Namespaces</h3>
+						<ul>
+							<li id="ca-nstab-image" class="selected"><span><a href="/wiki/File:Node.js_logo_2015.svg" title="View the file page [c]" accesskey="c">File</a></span></li><li id="ca-talk"><span><a href="/wiki/File_talk:Node.js_logo_2015.svg" rel="discussion" title="Discussion about the content page [t]" accesskey="t">Discussion</a></span></li>						</ul>
+					</div>
+										<div id="p-variants" role="navigation" class="vectorMenu emptyPortlet" aria-labelledby="p-variants-label">
+												<input type="checkbox" class="vectorMenuCheckbox" aria-labelledby="p-variants-label" />
+						<h3 id="p-variants-label">
+							<span>Variants</span>
+						</h3>
+						<ul class="menu">
+													</ul>
+					</div>
+									</div>
+				<div id="right-navigation">
+										<div id="p-views" role="navigation" class="vectorTabs" aria-labelledby="p-views-label">
+						<h3 id="p-views-label">Views</h3>
+						<ul>
+							<li id="ca-view" class="collapsible selected"><span><a href="/wiki/File:Node.js_logo_2015.svg">View</a></span></li><li id="ca-edit" class="collapsible"><span><a href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;action=edit" title="Edit this page [e]" accesskey="e">Edit</a></span></li><li id="ca-history" class="collapsible"><span><a href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;action=history" title="Past revisions of this page [h]" accesskey="h">History</a></span></li>						</ul>
+					</div>
+										<div id="p-cactions" role="navigation" class="vectorMenu emptyPortlet" aria-labelledby="p-cactions-label">
+						<input type="checkbox" class="vectorMenuCheckbox" aria-labelledby="p-cactions-label" />
+						<h3 id="p-cactions-label"><span>More</span></h3>
+						<ul class="menu">
+													</ul>
+					</div>
+										<div id="p-search" role="search">
+						<h3>
+							<label for="searchInput">Search</label>
+						</h3>
+						<form action="/w/index.php" id="searchform">
+							<div id="simpleSearch">
+								<input type="search" name="search" placeholder="Search Wikimedia Commons" title="Search Wikimedia Commons [f]" accesskey="f" id="searchInput"/><input type="hidden" value="Special:Search" name="title"/><input type="submit" name="fulltext" value="Search" title="Search the pages for this text" id="mw-searchButton" class="searchButton mw-fallbackSearchButton"/><input type="submit" name="go" value="Go" title="Go to a page with this exact name if it exists" id="searchButton" class="searchButton"/>							</div>
+						</form>
+					</div>
+									</div>
+			</div>
+			<div id="mw-panel">
+				<div id="p-logo" role="banner"><a class="mw-wiki-logo" href="/wiki/Main_Page" title="Visit the main page"></a></div>
+						<div class="portal" role="navigation" id="p-navigation" aria-labelledby="p-navigation-label">
+			<h3 id="p-navigation-label">Navigate</h3>
+			<div class="body">
+								<ul>
+					<li id="n-mainpage-description"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z">Main page</a></li><li id="n-welcome"><a href="/wiki/Commons:Welcome">Welcome</a></li><li id="n-portal"><a href="/wiki/Commons:Community_portal" title="About the project, what you can do, where to find things">Community portal</a></li><li id="n-village-pump"><a href="/wiki/Commons:Village_pump">Village pump</a></li><li id="n-help"><a href="/wiki/Special:MyLanguage/Help:Contents" title="The place to find out">Help center</a></li>				</ul>
+							</div>
+		</div>
+			<div class="portal" role="navigation" id="p-participate" aria-labelledby="p-participate-label">
+			<h3 id="p-participate-label">Participate</h3>
+			<div class="body">
+								<ul>
+					<li id="n-uploadbtn"><a href="/wiki/Commons:Upload">Upload file</a></li><li id="n-recentchanges"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li><li id="n-latestfiles"><a href="/wiki/Special:NewFiles">Latest files</a></li><li id="n-randomimage"><a href="/wiki/Special:Random/File" title="Load a random file [x]" accesskey="x">Random file</a></li><li id="n-contact"><a href="/wiki/Commons:Contact_us">Contact us</a></li>				</ul>
+							</div>
+		</div>
+			<div class="portal" role="navigation" id="p-electronPdfService-sidebar-portlet-heading" aria-labelledby="p-electronPdfService-sidebar-portlet-heading-label">
+			<h3 id="p-electronPdfService-sidebar-portlet-heading-label">Print/export</h3>
+			<div class="body">
+								<ul>
+					<li id="electron-print_pdf"><a href="/w/index.php?title=Special:ElectronPdf&amp;page=File%3ANode.js+logo+2015.svg&amp;action=show-download-screen">Download as PDF</a></li>				</ul>
+							</div>
+		</div>
+			<div class="portal" role="navigation" id="p-tb" aria-labelledby="p-tb-label">
+			<h3 id="p-tb-label">Tools</h3>
+			<div class="body">
+								<ul>
+					<li id="t-whatlinkshere"><a href="/wiki/Special:WhatLinksHere/File:Node.js_logo_2015.svg" title="A list of all wiki pages that link here [j]" accesskey="j">What links here</a></li><li id="t-recentchangeslinked"><a href="/wiki/Special:RecentChangesLinked/File:Node.js_logo_2015.svg" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li><li id="t-specialpages"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q">Special pages</a></li><li id="t-permalink"><a href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;oldid=258712593" title="Permanent link to this revision of the page">Permanent link</a></li><li id="t-info"><a href="/w/index.php?title=File:Node.js_logo_2015.svg&amp;action=info" title="More information about this page">Page information</a></li><li id="t-cite"><a href="/w/index.php?title=Special:CiteThisPage&amp;page=File%3ANode.js_logo_2015.svg&amp;id=258712593" title="Information on how to cite this page">Cite this page</a></li>				</ul>
+							</div>
+		</div>
+				</div>
+		</div>
+				<div id="footer" role="contentinfo">
+						<ul id="footer-info">
+								<li id="footer-info-lastmod"> This page was last edited on 15 September 2017, at 20:34.</li>
+								<li id="footer-info-copyright">Text is available under the <a href="//creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply.  By using this site, you agree to the <a href="//wikimediafoundation.org/wiki/Terms_of_Use">Terms of Use</a> and <a href="//wikimediafoundation.org/wiki/Privacy_policy">Privacy Policy.</a></li>
+							</ul>
+						<ul id="footer-places">
+								<li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Privacy_policy" class="extiw" title="wmf:Privacy policy">Privacy policy</a></li>
+								<li id="footer-places-about"><a href="/wiki/Commons:Welcome" title="Commons:Welcome">About Wikimedia Commons</a></li>
+								<li id="footer-places-disclaimer"><a href="/wiki/Commons:General_disclaimer" title="Commons:General disclaimer">Disclaimers</a></li>
+								<li id="footer-places-developers"><a href="https://www.mediawiki.org/wiki/Special:MyLanguage/How_to_contribute">Developers</a></li>
+								<li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Cookie_statement">Cookie statement</a></li>
+								<li id="footer-places-mobileview"><a href="//commons.m.wikimedia.org/w/index.php?title=File:Node.js_logo_2015.svg&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li>
+							</ul>
+										<ul id="footer-icons" class="noprint">
+										<li id="footer-copyrightico">
+						<a href="https://wikimediafoundation.org/"><img src="/static/images/wikimedia-button.png" srcset="/static/images/wikimedia-button-1.5x.png 1.5x, /static/images/wikimedia-button-2x.png 2x" width="88" height="31" alt="Wikimedia Foundation"/></a>					</li>
+										<li id="footer-poweredbyico">
+						<a href="//www.mediawiki.org/"><img src="/static/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/static/images/poweredby_mediawiki_132x47.png 1.5x, /static/images/poweredby_mediawiki_176x62.png 2x" width="88" height="31"/></a>					</li>
+									</ul>
+						<div style="clear: both;"></div>
+		</div>
+		
+<script>(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgPageParseReport":{"limitreport":{"cputime":"0.096","walltime":"0.169","ppvisitednodes":{"value":1019,"limit":1000000},"ppgeneratednodes":{"value":0,"limit":1500000},"postexpandincludesize":{"value":17242,"limit":2097152},"templateargumentsize":{"value":5265,"limit":2097152},"expansiondepth":{"value":14,"limit":40},"expensivefunctioncount":{"value":3,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":0,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00%  150.019      1 -total"," 53.63%   80.460      1 Template:Information"," 41.75%   62.626      2 Template:Autotranslate"," 29.79%   44.685      1 Template:Trademark"," 24.70%   37.062      1 Template:Trademarked/layout"," 22.99%   34.492      1 Template:Non-copyright_restriction"," 16.40%   24.599      1 Template:ISOdate"," 16.37%   24.558      1 Template:PD-textlogo","  8.91%   13.367      1 Template:Unknown","  8.68%   13.026      1 Template:PD-textlogo/layout"]},"scribunto":{"limitreport-timeusage":{"value":"0.035","limit":"10.000"},"limitreport-memusage":{"value":974860,"limit":52428800}},"cachereport":{"origin":"mw1254","timestamp":"20190121161137","ttl":1900800,"transientcontent":false}}});mw.config.set({"wgBackendResponseTime":149,"wgHostname":"mw1241"});});</script>
+	</body>
+</html>
diff --git a/pics/Logo_MySQL.svg b/pics/Logo_MySQL.svg
new file mode 100644
index 0000000..b2a700b
--- /dev/null
+++ b/pics/Logo_MySQL.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   width="810"
+   height="425"
+   viewBox="0 0 803.515 803.516"
+   id="svg2"
+   xml:space="preserve">
+ <defs
+   id="defs4">
+  <style
+   type="text/css"
+   id="style6" />
+ 
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+ </defs>
+ <g
+   transform="matrix(2.0645171,0,0,2.0645171,304.92018,-172.57971)"
+   id="g2191"><path
+     d="M -319.40304,434.54634 L -295.22434,434.54634 L -295.22434,338.76144 L -257.46854,422.27035 C -253.18982,432.31314 -247.05234,436.03404 -235.14974,436.03404 C -223.24594,436.03404 -217.48064,432.31425 -213.01644,422.27144 L -175.44624,338.76144 L -175.44624,434.54634 L -151.08204,434.54634 L -151.08204,338.76144 C -151.08204,329.46194 -154.80184,324.99775 -162.61364,322.58005 C -181.02594,317.00035 -193.30204,321.8368 -198.88174,334.29715 L -235.89304,416.87604 L -271.60334,334.29715 C -276.99753,321.83674 -289.45914,317.00035 -308.05814,322.58005 C -315.68326,324.99769 -319.40304,329.46191 -319.40304,338.76144 L -319.40304,434.54634 L -319.40304,434.54634 z "
+     style="fill:#00546b"
+     id="path12" /><path
+     d="M -130.99424,356.61635 L -106.63004,356.61635 L -106.63004,409.25135 C -106.81556,412.22672 -105.70009,418.92424 -92.49524,419.10976 C -85.61337,419.2941 -40.04574,419.10976 -39.67354,419.10976 L -39.67354,356.24416 L -15.30814,356.24416 C -15.30814,356.24416 -15.30814,441.98636 -15.30814,442.35857 C -15.30814,463.56076 -41.53344,468.21166 -53.80834,468.39716 L -130.43654,468.39716 L -130.43654,452.21576 C -130.25102,452.21576 -53.80834,452.21576 -53.62284,452.21576 C -37.99924,450.54256 -39.85914,442.73074 -39.85914,440.12636 L -39.85914,433.80223 L -91.37864,433.80223 C -115.37184,433.61671 -130.80874,423.01502 -130.99434,410.92562 C -130.99434,409.80898 -130.43661,356.98852 -130.99434,356.61622 L -130.99424,356.61635 z "
+     style="fill:#00546b"
+     id="path14" /><path
+     d="M 391.63976,295.61035 C 376.76056,295.23932 365.22896,296.72817 355.55716,300.81902 C 352.76731,301.93449 348.30307,301.93566 347.93086,305.46876 C 349.41973,306.95763 349.60524,309.37527 350.90741,311.42069 C 353.14071,315.13931 357.04485,320.16246 360.57913,322.76679 C 364.48445,325.74216 368.39095,328.71753 372.48183,331.32186 C 379.73592,335.7861 387.91993,338.38924 394.98733,342.85346 C 399.08053,345.45542 403.17019,348.80538 407.26223,351.59523 C 409.30883,353.08173 410.60982,355.50054 413.21415,356.43049 C 413.21415,356.24379 413.21415,356.05827 413.21415,355.87276 C 411.91198,354.19839 411.53977,351.78075 410.23878,349.92084 C 408.38006,348.06094 406.51898,346.38656 404.65908,344.52666 C 399.26489,337.27374 392.56968,330.94966 385.31568,325.74216 C 379.36494,321.65013 366.34448,316.07043 363.92678,309.18855 C 363.92796,309.18855 363.74008,309.00303 363.55456,308.81751 C 367.64658,308.44529 372.48185,306.95762 376.38836,305.84096 C 382.7125,304.16659 388.47776,304.5388 394.98736,302.86559 C 397.96273,302.12117 400.93928,301.19122 403.91465,300.26126 C 403.91465,299.70235 403.91465,299.1458 403.91465,298.58807 C 400.56825,295.23929 398.14943,290.77625 394.61514,287.61416 C 385.13012,279.42895 374.71394,271.43277 363.92674,264.73757 C 358.16034,261.01777 350.72074,258.59894 344.58334,255.43805 C 342.3524,254.32023 338.63142,253.76368 337.33043,251.90376 C 333.98166,247.81175 332.12176,242.41875 329.70413,237.58226 C 324.31231,227.35167 319.10243,216.00787 314.45273,205.22067 C 311.10633,197.96658 309.05973,190.71246 304.96771,184.01737 C 285.81101,152.39907 264.97981,133.24227 232.98931,114.45657 C 226.10744,110.55124 217.92461,108.87687 209.18281,106.83145 C 204.53424,106.64475 199.8833,106.27372 195.23351,106.08702 C 192.25814,104.78484 189.28159,101.25175 186.67725,99.577365 C 176.07795,92.881015 148.73595,78.375165 140.92415,97.531945 C 135.90218,109.62134 148.36376,121.52395 152.64125,127.66254 C 155.8045,131.94009 159.89534,136.77535 162.12746,141.61185 C 163.42963,144.77156 163.80066,148.1215 165.10283,151.46909 C 168.07938,159.65077 170.86805,168.76589 174.77455,176.39228 C 176.82115,180.29761 179.05209,184.38963 181.65642,187.92269 C 183.1441,189.96811 185.74726,190.89924 186.30617,194.24683 C 183.70302,197.96662 183.51632,203.54634 182.02745,208.19613 C 175.33228,229.21273 177.93661,255.25143 187.42164,270.68832 C 190.39701,275.3369 197.46554,285.56872 206.95064,281.66223 C 215.3202,278.31463 213.46029,267.71293 215.87793,258.41342 C 216.43685,256.18012 216.06463,254.69363 217.1801,253.20593 C 217.18128,253.39145 217.1801,253.57814 217.1801,253.57814 C 219.78443,258.78563 222.38759,263.80764 224.80522,269.01504 C 230.57162,278.12785 240.61442,287.61405 248.98392,293.93825 C 253.44934,297.28464 256.98244,303.05106 262.56212,305.09765 C 262.56212,304.90976 262.56212,304.72543 262.56212,304.53873 C 262.37542,304.53873 262.37542,304.53873 262.18991,304.53873 C 261.07326,302.86436 259.40006,302.12109 257.91237,300.81894 C 254.56478,297.47135 250.8438,293.37932 248.24065,289.65954 C 240.43001,279.24334 233.54695,267.71294 227.40955,255.80914 C 224.43418,250.04392 221.82985,243.71973 219.41221,237.95453 C 218.29556,235.72124 218.29556,232.37483 216.43566,231.25937 C 213.64581,235.3502 209.55497,238.88449 207.50837,243.90647 C 203.97645,251.90381 203.60305,261.76107 202.30088,271.99046 C 201.55762,272.17717 201.92866,271.99046 201.55644,272.36269 C 195.6057,270.87382 193.5591,264.73757 191.32694,259.52889 C 185.74724,246.32409 184.81729,225.12069 189.65374,209.87049 C 190.95591,205.96399 196.53561,193.68909 194.30349,189.96928 C 193.18802,186.43499 189.46704,184.38958 187.42162,181.59973 C 185.00398,178.06544 182.39965,173.60239 180.72645,169.69593 C 176.26221,159.28093 174.0301,147.74933 169.19485,137.33313 C 166.96273,132.49668 163.05741,127.47589 159.89534,123.01282 C 156.36224,117.99086 152.45573,114.45657 149.66584,108.50463 C 148.73707,106.45921 147.43372,103.11163 148.92141,100.8795 C 149.29363,99.391825 150.03688,98.834085 151.52574,98.461865 C 153.94338,96.415265 160.82525,99.019595 163.24284,100.13507 C 170.12471,102.92373 175.88994,105.52926 181.65634,109.43458 C 184.25949,111.29448 187.04934,114.82877 190.39693,115.75872 C 191.6991,115.75872 193.00126,115.75872 194.30343,115.75872 C 200.25535,117.05971 206.95053,116.13092 212.53023,117.80414 C 222.38865,120.96503 231.31473,125.61596 239.31333,130.63794 C 263.67873,146.07484 283.76423,168.02264 297.34253,194.24684 C 299.57465,198.5232 300.50342,202.43087 302.55002,206.89394 C 306.45652,216.00793 311.29179,225.30744 315.19712,234.23474 C 319.10244,242.97533 322.82224,251.90383 328.40192,259.15793 C 331.19295,263.06208 342.35122,265.10867 347.37312,267.15527 C 351.09292,268.82848 356.85933,270.31735 360.20692,272.36276 C 366.52988,276.2669 372.85402,280.73233 378.80592,285.00986 C 381.78247,287.24081 391.08082,291.89174 391.63972,295.61037 L 391.63976,295.61035 z "
+     style="fill:#00546b"
+     id="path16" /><path
+     d="M 201.92776,133.98434 C 198.76569,133.98434 196.53476,134.35774 194.30264,134.91548 C 194.30264,134.9143 194.30264,135.10218 194.30264,135.2877 C 194.48934,135.2877 194.48816,135.2877 194.67486,135.2877 C 196.16373,138.26307 198.7657,140.30967 200.6256,142.91281 C 202.11447,145.88818 203.41545,148.86474 204.90432,151.84129 C 205.08983,151.65459 205.27535,151.46907 205.27535,151.46907 C 207.88087,149.60799 209.18185,146.63262 209.18185,142.16956 C 208.0652,140.86739 207.87968,139.56523 206.94973,138.26306 C 205.83426,136.40197 203.41544,135.47321 201.92776,133.98434 L 201.92776,133.98434 z "
+     style="fill:#00546b"
+     id="path18" /><path
+     d="M 3.29076,434.54634 L 73.22376,434.54634 C 81.40662,434.54634 89.21846,432.87315 95.54136,429.89659 C 106.14426,425.06133 111.16496,418.5517 111.16496,409.9954 L 111.16496,392.13959 C 111.16496,385.25891 105.39856,378.74929 93.86816,374.28499 C 87.91742,372.05405 80.47666,370.75189 73.22256,370.75189 L 43.83756,370.75189 C 33.97914,370.75189 29.32936,367.77535 28.02726,361.26568 C 27.84056,360.52243 27.84056,359.77801 27.84056,359.03475 L 27.84056,348.06084 C 27.84056,347.50311 27.84056,346.75868 28.02726,346.01543 C 29.32943,340.99346 31.93258,339.69128 40.48886,338.76134 C 41.23211,338.76134 42.16206,338.76134 42.7198,338.76134 L 112.0962,338.76134 L 112.0962,322.57993 L 44.0219,322.57993 C 34.16466,322.57993 28.9572,323.13766 24.3074,324.62653 C 9.9859,329.0884 3.6618,336.15693 3.6618,348.61853 L 3.6618,362.75454 C 3.6618,373.72723 15.9379,383.02674 36.769,385.25883 C 39.00112,385.44435 41.41875,385.44435 43.83639,385.44435 L 68.94509,385.44435 C 69.87504,385.44435 70.80499,385.44435 71.54942,385.63105 C 79.17454,386.37431 82.52212,387.67647 84.75422,390.46632 C 86.2419,391.95282 86.61412,393.25617 86.61412,394.93057 L 86.6153,409.06417 C 86.6153,410.73855 85.49865,412.97185 83.26653,414.83174 C 81.03559,416.69164 77.50013,417.99381 72.85033,418.17933 C 71.92156,418.17933 71.36265,418.36484 70.43269,418.36484 L 3.29069,418.36366 L 3.29069,434.54626 L 3.29076,434.54634 z "
+     style="fill:#c67f07"
+     id="path20" /><path
+     d="M 262.56176,406.46235 C 262.56176,423.01355 275.02336,432.31425 299.94526,434.17414 C 302.3629,434.36084 304.59501,434.54636 307.01265,434.54636 L 370.25165,434.54636 L 370.25165,418.36376 L 306.45605,418.36376 C 292.32125,418.36376 286.92595,414.83184 286.92595,406.27557 L 286.92713,322.57997 L 262.56173,322.57997 L 262.56173,406.46227 L 262.56176,406.46235 z "
+     style="fill:#c67f07"
+     id="path22" /><path
+     d="M 126.60176,407.20534 L 126.60176,349.54845 C 126.60176,334.85595 137.01676,325.92745 157.29016,323.13765 C 159.52346,322.95095 161.7544,322.76661 163.79981,322.76661 L 209.92511,322.76543 C 212.34511,322.76543 214.38935,322.95213 216.80698,323.13765 C 237.08038,325.92632 247.30988,334.85595 247.30988,349.54845 L 247.31106,407.20534 C 247.31106,419.10804 243.03234,425.43335 232.98836,429.71084 L 256.79606,451.28524 L 228.71206,451.28524 L 209.36866,433.80174 L 189.83966,434.91721 L 163.79986,434.91721 C 159.5235,434.91721 154.68587,434.36066 149.66506,433.05849 C 134.22696,428.78095 126.60186,420.5969 126.60186,407.20539 L 126.60176,407.20534 z M 152.82586,405.90318 C 152.82586,406.64643 153.19808,407.39205 153.38478,408.322 C 154.68577,415.01716 161.0099,418.73699 170.68158,418.73699 L 192.62818,418.73699 L 172.54148,400.509 L 200.62668,400.509 L 218.29458,416.50489 C 221.64453,414.64382 223.68877,412.04184 224.4332,408.69426 C 224.61871,407.94983 224.61871,407.01987 224.61871,406.27544 L 224.61871,351.03614 C 224.61871,350.29288 224.61871,349.54845 224.4332,348.8052 C 223.13103,342.48105 216.8069,338.94678 207.3219,338.94678 L 170.6816,338.94678 C 159.8944,338.94678 152.8258,343.59653 152.8258,351.03617 L 152.8258,405.90328 L 152.82586,405.90318 z "
+     style="fill:#c67f07"
+     id="path24" /><path
+     d="M 381.40976,434.73134 L 384.94405,434.73134 L 384.94405,421.15434 L 389.5938,421.15434 L 389.5938,418.36331 L 376.5733,418.36331 L 376.5733,421.15434 L 381.40975,421.15434 L 381.40975,434.73134 L 381.40976,434.73134 z M 408.37956,434.73134 L 411.72596,434.73134 L 411.72596,418.36325 L 406.70517,418.36325 L 402.61197,429.52265 L 398.1501,418.36325 L 393.31365,418.36325 L 393.31365,434.73134 L 396.47572,434.73134 L 396.47572,422.26974 L 396.66124,422.26974 L 401.31099,434.73134 L 403.72981,434.73134 L 408.37956,422.26974 L 408.37956,434.73134 L 408.37956,434.73134 z "
+     style="fill:#c67f07"
+     id="path26" /></g>
+</svg>
\ No newline at end of file
diff --git a/pics/Match - Solo Project.png b/pics/Match - Solo Project.png
new file mode 100644
index 0000000..24f2775
Binary files /dev/null and b/pics/Match - Solo Project.png differ
diff --git a/pics/Match2.jpeg b/pics/Match2.jpeg
new file mode 100644
index 0000000..6ce8e99
Binary files /dev/null and b/pics/Match2.jpeg differ
diff --git a/pics/cloudinary1.png b/pics/cloudinary1.png
new file mode 100644
index 0000000..8c465a8
Binary files /dev/null and b/pics/cloudinary1.png differ
diff --git a/pics/express.png b/pics/express.png
new file mode 100644
index 0000000..b8843b9
Binary files /dev/null and b/pics/express.png differ
diff --git a/pics/jwt.png b/pics/jwt.png
new file mode 100644
index 0000000..0c7fd79
Binary files /dev/null and b/pics/jwt.png differ
diff --git a/pics/jwtio-json-web-token.svg b/pics/jwtio-json-web-token.svg
new file mode 100644
index 0000000..bf833da
--- /dev/null
+++ b/pics/jwtio-json-web-token.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 2500 1250" viewBox="0 0 2500 1250" xmlns="http://www.w3.org/2000/svg"><g clip-rule="evenodd" fill-rule="evenodd"><path d="m0 0h2500v1250h-2500z"/><path d="m673.8 479.4-.6-168.1h-93.8l.6 168.1 46.9 64.4zm-93.8 288.1v168.7h93.8v-168.7l-46.9-64.4z" fill="#fff"/><path d="m673.8 767.5 98.8 136.3 75.6-55-98.8-136.3-75.6-24.4zm-93.8-288.1-99.4-136.3-75.6 55 98.8 136.2 76.2 24.4z" fill="#00f2e6"/><path d="m503.8 534.4-160-51.9-28.8 88.7 160 52.5 75.6-25zm198.7 113.7 46.9 64.4 160 51.9 28.8-88.7-160-51.9z" fill="#00b9f1"/><path d="m778.1 623.8 160-52.5-28.8-88.7-160 51.9-46.9 64.4zm-303.1 0-160 51.9 28.8 88.7 160-51.9 46.9-64.4z" fill="#d63aff"/><path d="m503.8 712.5-98.8 136.3 75.6 55 99.4-136.3v-79.4zm245.6-178.1 98.8-136.3-75.6-55-98.8 136.2v79.4z" fill="#fb015b"/><path d="m1288.1 470.6v218.7c0 48.1-39.4 87.5-87.5 87.5v-43.8c24.4 0 43.8-19.4 43.8-43.8v-218.6zm798.8 43.8h98.7v-43.7h-240.6v43.7h98.1v262.5h43.8zm-273.8-43.8v218.7c0 24.4-19.4 43.8-43.8 43.8s-43.8-19.4-43.8-43.8v-131.2c0-48.1-39.4-87.5-87.5-87.5s-87.5 39.4-87.5 87.5v131.3c0 24.4-19.4 43.8-43.8 43.8s-43.8-19.4-43.8-43.8v-218.8h-43.8v218.7c0 48.1 39.4 87.5 87.5 87.5s87.5-39.4 87.5-87.5v-131.2c0-24.4 19.4-43.8 43.8-43.8s43.8 19.4 43.8 43.8v131.3c0 48.1 39.4 87.5 87.5 87.5s87.5-39.4 87.5-87.5v-218.8z" fill="#fff"/></g></svg>
\ No newline at end of file
diff --git a/pics/koa1.png b/pics/koa1.png
new file mode 100644
index 0000000..8f4302d
Binary files /dev/null and b/pics/koa1.png differ
diff --git a/pics/mongo1.png b/pics/mongo1.png
new file mode 100644
index 0000000..5e6d350
Binary files /dev/null and b/pics/mongo1.png differ
diff --git a/pics/monk1.png b/pics/monk1.png
new file mode 100644
index 0000000..8481f87
Binary files /dev/null and b/pics/monk1.png differ
diff --git a/pics/nodejs1.png b/pics/nodejs1.png
new file mode 100644
index 0000000..886522a
Binary files /dev/null and b/pics/nodejs1.png differ
diff --git a/pics/pwa.png b/pics/pwa.png
new file mode 100644
index 0000000..77aa76e
Binary files /dev/null and b/pics/pwa.png differ
diff --git a/pics/react.png b/pics/react.png
new file mode 100644
index 0000000..1cee22e
Binary files /dev/null and b/pics/react.png differ
diff --git a/pics/sequelize.svg b/pics/sequelize.svg
new file mode 100644
index 0000000..1e95ab1
--- /dev/null
+++ b/pics/sequelize.svg
@@ -0,0 +1 @@
+<svg width="2162" height="2500" viewBox="0 0 256 296" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M219.013 94.362v106.594l-90.576 53.588-.819.745v39.839l.819.772L256 222.216V73.684l-1.205-.295-35.963 20.106.181.867" fill="#2F406A"/><path d="M37.57 201.829l90.867 52.715V295.9L0 221.925V73.975l1.318-.199 35.859 20.848.393 1.194v106.011" fill="#2379BD"/><path d="M37.57 95.818L0 73.975 128.146 0 256 73.684l-36.987 20.678-90.867-51.841L37.57 95.818" fill="#03AFEF"/><path d="M126.878 189.638l-.984-1.004v-40.026l.984-.508.239-.987 34.315-20.017 1.05.235v41.242l-35.604 21.065" fill="#2F406A"/><path d="M90.68 169.858v-42.823l.995-.049 34.906 20.314.297.8v41.538l-36.198-19.78" fill="#2379BD"/><path d="M126.284 105.969L90.68 127.035l36.198 21.065 35.604-20.769-36.198-21.362" fill="#03AFEF"/><path d="M82.57 215.748l-.983-1.004v-40.027l.983-.507.24-.987 34.314-20.017 1.05.235v41.241L82.57 215.748" fill="#2F406A"/><path d="M46.373 195.968v-42.824l.994-.049 34.906 20.315.297.8v41.538l-36.197-19.78" fill="#2379BD"/><path d="M81.977 132.079l-35.604 21.065L82.57 174.21l35.604-20.769-36.197-21.362" fill="#03AFEF"/><path d="M174.35 216.737l-.984-1.004v-40.027l.984-.507.239-.987 34.315-20.017 1.05.235v41.241l-35.604 21.066" fill="#2F406A"/><path d="M138.152 196.957v-42.824l.995-.049 34.906 20.315.297.8v41.538l-36.198-19.78" fill="#2379BD"/><path d="M173.756 133.068l-35.604 21.065 36.198 21.066 35.604-20.769-36.198-21.362" fill="#03AFEF"/><path d="M130.042 242.847l-.983-1.004v-40.027l.983-.507.24-.988 34.315-20.016 1.049.235v41.241l-35.604 21.066" fill="#2F406A"/><path d="M93.845 223.067v-42.824l.994-.049 34.907 20.314.296.801v41.538l-36.197-19.78" fill="#2379BD"/><path d="M129.449 159.177l-35.604 21.066 36.197 21.066 35.604-20.769-36.197-21.363" fill="#03AFEF"/><path d="M126.878 132.87l-.984-1.005V91.839l.984-.507.239-.988 34.315-20.016 1.05.235v41.241l-35.604 21.066" fill="#2F406A"/><path d="M90.68 113.09V70.266l.995-.049 34.906 20.314.297.801v41.538L90.68 113.09" fill="#2379BD"/><path d="M126.284 49.2L90.68 70.266l36.198 21.066 35.604-20.769L126.284 49.2" fill="#03AFEF"/><path d="M82.57 158.979l-.983-1.004v-40.026l.983-.508.24-.987 34.314-20.017 1.05.235v41.242L82.57 158.979" fill="#2F406A"/><path d="M46.373 139.199V96.376l.994-.049 34.906 20.314.297.8v41.538l-36.197-19.78" fill="#2379BD"/><path d="M81.977 75.31L46.373 96.376l36.197 21.065 35.604-20.769L81.977 75.31" fill="#03AFEF"/><path d="M174.35 159.968l-.984-1.004v-40.026l.984-.508.239-.987 34.315-20.017 1.05.235v41.242l-35.604 21.065" fill="#2F406A"/><path d="M138.152 140.188V97.365l.995-.049 34.906 20.314.297.8v41.538l-36.198-19.78" fill="#2379BD"/><path d="M173.756 76.299l-35.604 21.066 36.198 21.065 35.604-20.769-36.198-21.362" fill="#03AFEF"/><path d="M130.042 186.078l-.983-1.004v-40.027l.983-.507.24-.987 34.315-20.017 1.049.235v41.241l-35.604 21.066" fill="#2F406A"/><path d="M93.845 166.298v-42.824l.994-.049 34.907 20.315.296.8v41.538l-36.197-19.78" fill="#2379BD"/><path d="M129.449 102.408l-35.604 21.066 36.197 21.066 35.604-20.769-36.197-21.363" fill="#03AFEF"/></svg>
\ No newline at end of file
diff --git a/pics/sequelize_logo.png b/pics/sequelize_logo.png
new file mode 100644
index 0000000..674d419
Binary files /dev/null and b/pics/sequelize_logo.png differ
diff --git a/pics/socket1.png b/pics/socket1.png
new file mode 100644
index 0000000..2220ecb
Binary files /dev/null and b/pics/socket1.png differ
diff --git a/pics/tomek-koa.png b/pics/tomek-koa.png
new file mode 100644
index 0000000..8f4302d
Binary files /dev/null and b/pics/tomek-koa.png differ
diff --git a/server/package-lock.json b/server/package-lock.json
new file mode 100644
index 0000000..2a4ccb4
--- /dev/null
+++ b/server/package-lock.json
@@ -0,0 +1,27 @@
+{
+  "name": "koaserver",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@types/uuid": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.0.0.tgz",
+      "integrity": "sha512-xSQfNcvOiE5f9dyd4Kzxbof1aTrLobL278pGLKOZI6esGfZ7ts9Ka16CzIN6Y8hFHE1C7jIBZokULhK1bOgjRw=="
+    },
+    "uuid": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.2.0.tgz",
+      "integrity": "sha512-CYpGiFTUrmI6OBMkAdjSDM0k5h8SkkiTP4WAjQgDgNB1S3Ou9VBEvr6q0Kv2H1mMk7IWfxYGpMH5sd5AvcIV2Q=="
+    },
+    "uuidv4": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/uuidv4/-/uuidv4-6.2.0.tgz",
+      "integrity": "sha512-zVCpLVDnxHkahCcu7Ul6HYrTm8+d6qrV/KChdQl52G2w1+GRiUX4jzSNsPX1cTb6aUm4thqccS7jl12AUOxZUQ==",
+      "requires": {
+        "@types/uuid": "8.0.0",
+        "uuid": "8.2.0"
+      }
+    }
+  }
+}
diff --git a/server/package.json b/server/package.json
new file mode 100644
index 0000000..fc2eb0e
--- /dev/null
+++ b/server/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "koaserver",
+  "version": "1.0.0",
+  "description": "Koa Server for Solo Project Backend",
+  "main": "index.js",
+  "scripts": {
+    "test": "mocha ./src/controller/controller.test.js"
+  },
+  "author": "Pancho",
+  "license": "ISC",
+  "dependencies": {
+    "bcrypt": "^5.0.0",
+    "kcors": "^2.2.2",
+    "koa": "^2.13.0",
+    "koa-bodyparser": "^4.3.0",
+    "koa-compress": "^5.0.1",
+    "koa-router": "^9.1.0",
+    "mongoose": "^5.9.25",
+    "monk": "^7.3.0",
+    "uuidv4": "^6.2.0"
+  }
+}
diff --git a/server/src/controller/controller.js b/server/src/controller/controller.js
new file mode 100644
index 0000000..bafea6f
--- /dev/null
+++ b/server/src/controller/controller.js
@@ -0,0 +1,195 @@
+"use strict";
+
+const db = require('monk')('localhost/match');
+const bcrypt = require('bcrypt');
+const saltRounds = 10;
+const uuidv4 = require('uuidv4');
+const users = db.get('users');
+const chats = db.get('chats');
+const userData = require('../mocks/users');
+const chatMocks = require('../mocks/chats')
+
+module.exports.create = async (ctx, next) => {
+  console.log('aaaa')
+  try {
+    let user = ctx.request.body;
+    let dbUser = await users.findOne({ email: user.email });
+
+    if (dbUser) ctx.status = 401;
+
+    else {
+      let hash = new Promise((resolve) => {
+        bcrypt.hash(user.password, saltRounds, (err, hash) => {
+          if (err) console.log(err);
+          resolve(hash);
+        })
+      });
+      let pw = await hash;
+      let token = uuidv4();
+
+      let thisUser = {
+        idid: '',
+        email: user.email,
+        password: pw,
+        token,
+        first: user.first,
+        last: user.last,
+        skill: '3',
+        age: user.age,
+        img: user.img,
+        located: [2.154007, 41.390205],
+        distance: 3000,
+        matches: [],
+        declined: [],
+        flag: [],
+        sport: user.sport,
+        description: user.description
+      }
+
+      let inserted = await users.insert(thisUser)
+      console.log('Inserted to DB', inserted);
+      ctx.status = 201;
+      ctx.body = inserted;
+    }
+  }
+  catch (e) {
+    console.log(e)
+  }
+};
+
+module.exports.login = async (ctx, next) => {
+  console.log(ctx)
+  if (ctx.request.headers.authorization) {
+    let userData = ctx.request.headers.authorization.slice(6);
+    let decode = new Buffer(userData, 'base64');
+    var decoded = decode.toString();
+    decoded = decoded.split(':');
+    let dbUser = await users.findOne({ email: decoded[0] });
+    if (!dbUser || dbUser === null) { ctx.status = 404; ctx.body = 'User not found.' }
+    let res = new Promise(resolve => bcrypt.compare(decoded[1], dbUser.password, (err, res) => { if (err) reject(err); else resolve(res) }
+    ));
+    if (await res) {
+      dbUser.password = '';
+      ctx.status = 201;
+      console.log('Logged in', dbUser)
+      ctx.body = dbUser;
+    }
+    else {
+      ctx.status = 401;
+      ctx.body = 'Username & Password do not match.'
+    }
+ }
+  else { ctx.status = 404; ctx.body = 'User not found.' }
+};
+
+module.exports.setMsg = async (ctx, next) => {
+  let info = ctx.request.body;
+  let chatID = info.chatID;
+  let content = info.msg
+  let author = ctx.params.id;
+  let msg = {
+    content,
+    author,
+    timestamp: Date.now()
+  }
+  let theLog = await chats.update({
+    _id: chatID
+  }, { $push: { messages: msg } });
+  ctx.status = 201;
+}
+
+module.exports.setMatch = async (ctx, next) => {
+
+  let myID = ctx.params.id;
+  let matchID = ctx.request.body.idid;
+  let done = await users.update({ idid: myID }, { $push: { matches: matchID } });
+
+  done = await users.update({ idid: matchID }, { $push: { matches: myID } });
+
+  ctx.status = 201;
+  ctx.body = { key: 'fetched' }
+};
+
+module.exports.setDecline = async (ctx, next) => {
+
+  let myID = ctx.params.id;
+  let matchID = ctx.request.body.idid;
+  await users.update({ idid: myID }, { $push: { declines: matchID } });
+  await users.update({ idid: matchID }, { $push: { declines: myID } });
+  ctx.status = 201;
+  ctx.body = { key: 'fetched' }
+};
+
+module.exports.getPotentials = async (ctx, next) => {
+
+  let id = ctx.params.id;
+  let myUser = await users.findOne({ idid: id });
+  let theList = await users.find({$and:[{located: { $near: myUser.located, $maxDistance:3000 }, skill: myUser.skill, sport: myUser.sport }]});
+  let declined = myUser.declined;
+  let matches = myUser.matches;
+  let newList = theList.filter(user => {
+    return (!declined.includes(user.idid) && !matches.includes(user.idid));
+  })
+  ctx.status = 201;
+  ctx.body = newList;
+};
+
+module.exports.getMatches = async (ctx, next) => {
+
+  let id = ctx.params.id;
+  let myUser = await users.findOne({ idid: id })
+  let matches = await users.find({ matches: id });
+  let myMatches = myUser.matches;
+  let myChats = await chats.find({
+    $or:
+      [{ id1: id }, { id2: id }]
+  });
+
+  let newMatches = matches.filter(match => {
+    return myMatches.includes(match.idid);
+  });
+
+  let newestMatches = newMatches.map(match => {
+    myChats.forEach(chat => {
+      if (chat.id1 === match.idid || chat.id2 === match.idid) {
+        match.messages = chat.messages;
+        match.chatID = chat._id;
+      }
+    })
+    if (!match.messages) match.messages = [];
+    return match;
+  });
+  ctx.status = 201;
+  ctx.body = newestMatches;
+};
+
+module.exports.getProfile = async (ctx, next) => {
+
+  let id = ctx.params.id;
+  let myUser = await users.findOne({ idid: id })
+  ctx.status = 201;
+  ctx.body = myUser;
+}
+
+module.exports.setProfile = async (ctx, next) => {
+  let profile = ctx.request.body;
+ await users.update({idid : profile.idid},{profile})
+  ctx.status = 201;
+  ctx.body = 'received';
+}
+
+const setUsers = (arr) => {
+
+  users.insert(arr);
+  users.createIndex({ located: "2d" })
+};
+
+const setChats = (arr) => {
+
+  chats.insert(arr);
+};
+
+// setUsers(userData);
+
+// setChats(chatMocks);
+
diff --git a/server/src/controller/controller.test.js b/server/src/controller/controller.test.js
new file mode 100644
index 0000000..e058dcb
--- /dev/null
+++ b/server/src/controller/controller.test.js
@@ -0,0 +1,80 @@
+const chai = require('chai');
+var chaiAsPromised = require('chai-as-promised');
+const sinon = require('sinon');
+const sinonChai = require('sinon-chai');
+chai.use(sinonChai);
+chai.use(chaiAsPromised);
+chai.should();
+require('chai').should();
+const Controller =  require('./controller');
+const proxyquire = require('proxyquire');
+
+describe('create', () => {
+
+  it('should reject if the user is in the database',
+  async () => {
+    const ctx = {
+      request: {
+        body: {
+          email: 'rafael@nadal.com'
+        }
+      }
+    }
+    await Controller.create(ctx);
+    ctx.status.should.eql(401);
+  });
+
+  it('should create a user',
+  async () => {
+    const spy = sinon.spy();
+    const ctx = {
+      request: {
+        body: {
+          idid: '',
+          email: 'abc@abc.com',
+          password: 'test',
+          first: 'thisismytest',
+          last: 'name',
+        }
+      }
+    };
+    const mockUser = {
+      idid: ctx.request.body.idid,
+      email: ctx.request.body.email,
+      password: ctx.request.body.password,
+      first: ctx.request.body.first,
+      last: ctx.request.body.last
+    };
+    const EventController = proxyquire('./controller',
+      {
+        '../model/story.model': {
+          '@noCallThru': true,
+          findOne: () => ({
+            id: 123,
+            save: spy,
+            events: [],
+          })
+        }
+      },
+
+      {
+        '../model/event.model': {
+          '@noCallThru': true,
+          create: () => mockEvent
+        }
+      });
+
+    await EventController.addEvent(ctx);
+    ctx.request.body.should.eql(mockEvent);
+  }
+  );
+  it('should be called with the provided arguments',
+  function () {
+    var addEventSpy = sinon.spy(Controller.create);
+    Controller.create(true, true);
+    addEventSpy.calledWith(true, true);
+    // addEventSpy.restore();
+  }
+);
+
+});
\ No newline at end of file
diff --git a/server/src/index.js b/server/src/index.js
new file mode 100644
index 0000000..4d45bd9
--- /dev/null
+++ b/server/src/index.js
@@ -0,0 +1,25 @@
+"use strict";
+const compress = require('koa-compress');
+const koa = require('koa');
+const cors = require('kcors');
+const bodyParser = require('koa-bodyparser');
+const app = new koa();
+const port = 3000;
+const router = require('./router/routes.js')
+// const io = require('socket.io')()
+
+app
+  .use(cors())
+  .use(bodyParser())
+  .use(router.routes())
+  .use(compress());
+
+const server = app.listen(port, () => console.log(`Server listening at Port ${port}.`));
+
+// io.listen(server);
+// io.on('connection', (socket) => {
+//   console.log('socket.io connected');
+//   socket.on('sendmsg', msg => {
+//     console.log('Message sent', msg);
+//   })
+// });
\ No newline at end of file
diff --git a/server/src/mocks/chats.js b/server/src/mocks/chats.js
new file mode 100644
index 0000000..23da93c
--- /dev/null
+++ b/server/src/mocks/chats.js
@@ -0,0 +1,59 @@
+const chats = [
+
+  {
+    id1: '7',
+    id2: '12',
+    messages: [{
+      content: 'Hey, I\'m Andy',
+      author: '12',
+      timestamp: Date.now()
+    }]
+  },
+  {
+    id1: '7',
+    id2: '11',
+    messages: []
+  },
+  {
+    id1: '5',
+    id2: '2',
+    messages: [{
+      content: 'Hello world',
+      author: '2',
+      timestamp: Date.now()
+    }]
+  },
+  {
+    id1: '6',
+    id2: '2',
+    messages: [{
+      content: 'Hello test',
+      author: '2',
+      timestamp: Date.now()
+    }]
+  },
+  {
+    id1: '7',
+    id2: '4',
+    messages: [{
+      content: 'Hey, I\m Alex',
+      author: '4',
+      timestamp: Date.now()
+    }]
+  }
+]
+
+module.exports = chats;
+
+// "messages": [{
+//   "content": "Hey, I\'m Andy",
+//   "author": "12",
+//   "timestamp": 1529644667834
+// }]
+
+// "messages": [{
+//   "content": "Hey, I\'m Alex",
+//   "author": "4",
+//   "timestamp": 1529644667834
+// }]
+
diff --git a/server/src/mocks/matches.js b/server/src/mocks/matches.js
new file mode 100644
index 0000000..61f759a
--- /dev/null
+++ b/server/src/mocks/matches.js
@@ -0,0 +1,20 @@
+const matches = [
+  {
+    first: 'Roger',
+    last: 'Federer',
+    skill: '5',
+    age: 35,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042451/userpics/federer2.jpg',
+    chat: null
+  },
+  {
+    first: 'Serena',
+    last: 'Williams',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042160/userpics/serena1.jpg',
+    chat: [{content: "Hello",timestamp:1111, author:false}]
+  }
+]
+
+module.exports = matches;
\ No newline at end of file
diff --git a/server/src/mocks/profile.js b/server/src/mocks/profile.js
new file mode 100644
index 0000000..aaf3b98
--- /dev/null
+++ b/server/src/mocks/profile.js
@@ -0,0 +1,25 @@
+const profile = {
+  first: 'Rafael',
+  last: 'Nadal',
+  skill:'5',
+  age: 32,
+  img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042159/userpics/nadal2.jpg',
+  location: [2.154007,41.390205],
+  matches: [],
+  declined: []
+
+};
+
+module.exports = profile;
+
+// {
+//   "first": "Rafael",
+//   "last": "Nadal",
+//   "skill":"5",
+//   "age": 32,
+//   "img": "https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042159/userpics/nadal2.jpg",
+//   "location": [2.154007,41.390205],
+//   "matches": [],
+//   "declined": []
+
+// }
\ No newline at end of file
diff --git a/server/src/mocks/tempCodeRunnerFile.js b/server/src/mocks/tempCodeRunnerFile.js
new file mode 100644
index 0000000..94a46b2
--- /dev/null
+++ b/server/src/mocks/tempCodeRunnerFile.js
@@ -0,0 +1,257 @@
+let z = JSON.stringify([
+
+  {
+    idid: '7',
+    email: 'rafael@nadal.com',
+    password: '$2b$10$eec5uIgB69zekXKwxWkEVu0gCqsqNuG75R5UTIu9gtrGOqJp7ags.',
+    token: 'c9c309b3-ccf5-41ed-8b67-2ec69645d503',
+    first: 'Rafael',
+    last: 'Nadal',
+    skill:'5',
+    age: 32,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042159/userpics/nadal2.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['11','12','4'],
+    declined: ['7'],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '1',
+    email: 'roger@federer.com',
+    password: '$2b$10$eec5uIgB69zekXKwxWkEVu0gCqsqNuG75R5UTIu9gtrGOqJp7ags.',
+    token: '',
+    first: 'Roger',
+    last: 'Federer',
+    skill: '5',
+    age: 37,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042451/userpics/federer2.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '2',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Dominic',
+    last: 'Thiem',
+    skill: '5',
+    age: 25,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547137551/userpics/thiem1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7','2'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '3',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Novak',
+    last: 'Dokovic',
+    skill: '5',
+    age: 31,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547567875/userpics/dokovic1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '4',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Alexander',
+    last: 'Zverev',
+    skill: '5',
+    age: 21,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547137838/userpics/zverev1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '5',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Kiki',
+    last: 'Mladenovic',
+    skill: '5',
+    age: 25,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547138275/userpics/mladenovic1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '6',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Serena',
+    last: 'Williams',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042160/userpics/serena1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['2','7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '8',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Venus',
+    last: 'Williams',
+    skill: '5',
+    age: 38,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547145719/userpics/vwilliams1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '9',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Juan Martin',
+    last: 'del Potro',
+    skill: '5',
+    age: 30,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547145892/userpics/delpotro1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '10',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Naomi',
+    last: 'Osaka',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146153/userpics/osaka1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '11',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Angelique',
+    last: 'Kerber',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146345/userpics/kerber1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '12',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Andy',
+    last: 'Murray',
+    skill: '5',
+    age: 31,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146448/userpics/murray1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '13',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Karolina',
+    last: 'Pliskova',
+    skill: '5',
+    age: 26,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547568100/userpics/pliskova1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '14',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Kei',
+    last: 'Nishkori',
+    skill: '5',
+    age: 29,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146980/userpics/nishkori1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  }
+]);
+
+console.log(z)
\ No newline at end of file
diff --git a/server/src/mocks/users.js b/server/src/mocks/users.js
new file mode 100644
index 0000000..871620b
--- /dev/null
+++ b/server/src/mocks/users.js
@@ -0,0 +1,514 @@
+const users = [
+
+  {
+    idid: '7',
+    email: 'rafael@nadal.com',
+    password: '$2b$10$eec5uIgB69zekXKwxWkEVu0gCqsqNuG75R5UTIu9gtrGOqJp7ags.',
+    token: 'c9c309b3-ccf5-41ed-8b67-2ec69645d503',
+    first: 'Rafael',
+    last: 'Nadal',
+    skill:'5',
+    age: 32,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042159/userpics/nadal2.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['11','12','4'],
+    declined: ['7'],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '1',
+    email: 'roger@federer.com',
+    password: '$2b$10$eec5uIgB69zekXKwxWkEVu0gCqsqNuG75R5UTIu9gtrGOqJp7ags.',
+    token: '',
+    first: 'Roger',
+    last: 'Federer',
+    skill: '5',
+    age: 37,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042451/userpics/federer2.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '2',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Dominic',
+    last: 'Thiem',
+    skill: '5',
+    age: 25,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547137551/userpics/thiem1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7','2'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '3',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Novak',
+    last: 'Dokovic',
+    skill: '5',
+    age: 31,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547567875/userpics/dokovic1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '4',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Alexander',
+    last: 'Zverev',
+    skill: '5',
+    age: 21,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547137838/userpics/zverev1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '5',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Kiki',
+    last: 'Mladenovic',
+    skill: '5',
+    age: 25,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547138275/userpics/mladenovic1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '6',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Serena',
+    last: 'Williams',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042160/userpics/serena1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['2','7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '8',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Venus',
+    last: 'Williams',
+    skill: '5',
+    age: 38,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547145719/userpics/vwilliams1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '9',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Juan Martin',
+    last: 'del Potro',
+    skill: '5',
+    age: 30,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547145892/userpics/delpotro1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '10',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Naomi',
+    last: 'Osaka',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146153/userpics/osaka1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '11',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Angelique',
+    last: 'Kerber',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146345/userpics/kerber1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '12',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Andy',
+    last: 'Murray',
+    skill: '5',
+    age: 31,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146448/userpics/murray1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '13',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Karolina',
+    last: 'Pliskova',
+    skill: '5',
+    age: 26,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547568100/userpics/pliskova1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '14',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Kei',
+    last: 'Nishkori',
+    skill: '5',
+    age: 29,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146980/userpics/nishkori1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  }
+];
+
+
+let z = JSON.stringify([
+
+  {
+    idid: '7',
+    email: 'rafael@nadal.com',
+    password: '$2b$10$eec5uIgB69zekXKwxWkEVu0gCqsqNuG75R5UTIu9gtrGOqJp7ags.',
+    token: 'c9c309b3-ccf5-41ed-8b67-2ec69645d503',
+    first: 'Rafael',
+    last: 'Nadal',
+    skill:'5',
+    age: 32,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042159/userpics/nadal2.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['11','12','4'],
+    declined: ['7'],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '1',
+    email: 'roger@federer.com',
+    password: '$2b$10$eec5uIgB69zekXKwxWkEVu0gCqsqNuG75R5UTIu9gtrGOqJp7ags.',
+    token: '',
+    first: 'Roger',
+    last: 'Federer',
+    skill: '5',
+    age: 37,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042451/userpics/federer2.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '2',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Dominic',
+    last: 'Thiem',
+    skill: '5',
+    age: 25,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547137551/userpics/thiem1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7','2'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '3',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Novak',
+    last: 'Dokovic',
+    skill: '5',
+    age: 31,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547567875/userpics/dokovic1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '4',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Alexander',
+    last: 'Zverev',
+    skill: '5',
+    age: 21,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547137838/userpics/zverev1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '5',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Kiki',
+    last: 'Mladenovic',
+    skill: '5',
+    age: 25,
+    img: 'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547138275/userpics/mladenovic1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '6',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Serena',
+    last: 'Williams',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547042160/userpics/serena1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['2','7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '8',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Venus',
+    last: 'Williams',
+    skill: '5',
+    age: 38,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547145719/userpics/vwilliams1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '9',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Juan Martin',
+    last: 'del Potro',
+    skill: '5',
+    age: 30,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547145892/userpics/delpotro1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '10',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Naomi',
+    last: 'Osaka',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146153/userpics/osaka1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '11',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Angelique',
+    last: 'Kerber',
+    skill: '5',
+    age: 33,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146345/userpics/kerber1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '12',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Andy',
+    last: 'Murray',
+    skill: '5',
+    age: 31,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146448/userpics/murray1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: ['7'],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '13',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Karolina',
+    last: 'Pliskova',
+    skill: '5',
+    age: 26,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547568100/userpics/pliskova1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  },
+  {
+    idid: '14',
+    email: '',
+    password: '',
+    token: '',
+    first: 'Kei',
+    last: 'Nishkori',
+    skill: '5',
+    age: 29,
+    img:'https://res.cloudinary.com/pinchepanchopincho/image/upload/v1547146980/userpics/nishkori1.jpg',
+    located: [2.154007,41.390205],
+    distance: 3000,
+    matches: [],
+    declined: [],
+    flag: [],
+    sport:'tennis',
+    description:'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+  }
+]);
+
+// console.log(z)
\ No newline at end of file
diff --git a/server/src/router/routes.js b/server/src/router/routes.js
new file mode 100644
index 0000000..fd68c6d
--- /dev/null
+++ b/server/src/router/routes.js
@@ -0,0 +1,15 @@
+"use strict";
+const router = require('koa-router')();
+const controller = require('../controller/controller');
+
+router.post('/create', controller.create)
+router.get('/login', controller.login)
+router.get('/potentials/:id', controller.getPotentials);
+router.get('/matches/:id', controller.getMatches);
+router.post('/setmatch/:id', controller.setMatch);
+router.post('/setdecline/:id', controller.setDecline);
+router.get('/myuser/:id', controller.getProfile);
+router.post('/myuser/:id', controller.setProfile);
+router.post('/msg/:id', controller.setMsg);
+
+module.exports = router;
\ No newline at end of file