From 62985d2e2a795d0d343fd5489fdda8ff7ba7706c Mon Sep 17 00:00:00 2001
From: Caesar2011 <mail@sebse.de>
Date: Fri, 11 Jan 2019 02:19:55 +0100
Subject: [PATCH] Uplemented more logic

---
 .idea/codeStyles/Project.xml |  24 ++
 app.js                       |  34 +-
 app.js.map                   |   2 +-
 app.ts                       |  41 ++-
 data/output.csv              | 114 ++++++
 db.json                      | 663 +----------------------------------
 package-lock.json            |   5 +
 package.json                 |   3 +-
 public/js/custom.ts          |  24 ++
 routes/index.ts              |  14 +-
 routes/update.ts             |  39 +++
 views/index.pug              |  79 +++--
 views/layout.pug             |   1 +
 13 files changed, 339 insertions(+), 704 deletions(-)
 create mode 100644 data/output.csv
 create mode 100644 public/js/custom.ts
 create mode 100644 routes/update.ts

diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index c8413c9..71679fe 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -1,5 +1,29 @@
 <component name="ProjectCodeStyleConfiguration">
   <code_scheme name="Project" version="173">
+    <DBN-PSQL>
+      <case-options enabled="false">
+        <option name="KEYWORD_CASE" value="lower" />
+        <option name="FUNCTION_CASE" value="lower" />
+        <option name="PARAMETER_CASE" value="lower" />
+        <option name="DATATYPE_CASE" value="lower" />
+        <option name="OBJECT_CASE" value="preserve" />
+      </case-options>
+      <formatting-settings enabled="false" />
+    </DBN-PSQL>
+    <DBN-SQL>
+      <case-options enabled="false">
+        <option name="KEYWORD_CASE" value="lower" />
+        <option name="FUNCTION_CASE" value="lower" />
+        <option name="PARAMETER_CASE" value="lower" />
+        <option name="DATATYPE_CASE" value="lower" />
+        <option name="OBJECT_CASE" value="preserve" />
+      </case-options>
+      <formatting-settings enabled="false">
+        <option name="STATEMENT_SPACING" value="one_line" />
+        <option name="CLAUSE_CHOP_DOWN" value="chop_down_if_statement_long" />
+        <option name="ITERATION_ELEMENTS_WRAPPING" value="chop_down_if_not_single" />
+      </formatting-settings>
+    </DBN-SQL>
     <DBN-PSQL>
       <case-options enabled="false">
         <option name="KEYWORD_CASE" value="lower" />
diff --git a/app.js b/app.js
index 8187271..0bcb606 100644
--- a/app.js
+++ b/app.js
@@ -9,12 +9,33 @@ var logger = require("morgan");
 var path = require("path");
 var uuidv4 = require("uuid/v4");
 var indexRouter = require("./routes/index");
+var updateRouter = require("./routes/update");
 var usersRouter = require("./routes/users");
+var read = require("read-file");
 var app = express();
 var adapter = new FileSync("db.json");
 var db = low(adapter);
+app.db = db;
 db.defaults({ users: [] })
     .write();
+app.cocktails = [];
+read("data/output.csv", "utf8", function (err, buffer) {
+    // console.log(buffer);
+    var result = buffer.split(/\n|\r|\n\r|\r\n/);
+    result = result.map(function (line) {
+        line = line.split("\t");
+        if (line.length !== 8) {
+            return null;
+        }
+        line[0] = parseFloat(line[0]);
+        line[1] = parseFloat(line[1]);
+        line[4] = line[4].substr(0, line[4].length - 2) + "," + line[4].substr(-2) + " \u20AC";
+        line[5] = line[5].substr(0, line[5].length - 2) + "," + line[5].substr(-2) + " \u20AC";
+        return line;
+    });
+    result = result.filter(function (f) { return !!f; });
+    app.cocktails = result;
+});
 // view engine setup
 app.set("views", path.join(__dirname, "views"));
 app.set("view engine", "pug");
@@ -27,15 +48,26 @@ app.use(function (req, res, next) {
     if (!req.cookies || !req.cookies.uid || !user) {
         var id = uuidv4();
         db.get("users")
-            .push({ id: id, age: -1, sex: "na", cocktails: [] })
+            .push({ id: id, age: -1, sex: "na", cocktails: [], lastused: Date.now() })
             .write();
         res.cookie("uid", id, { maxAge: 21474836470000, httpOnly: true });
+        if (!req.cookies) {
+            req.cookies = {};
+        }
+        req.cookies.uid = id;
+    }
+    else {
+        db.get("users")
+            .find({ id: req.cookies.uid })
+            .assign({ lastused: Date.now() })
+            .write();
     }
     next();
 });
 app.use(express.static(path.join(__dirname, "public")));
 app.use("/", indexRouter);
 app.use("/users", usersRouter);
+app.use("/update", updateRouter);
 // catch 404 and forward to error handler
 app.use(function (req, res, next) {
     next(createError(404));
diff --git a/app.js.map b/app.js.map
index 9f9cd58..dc6de96 100644
--- a/app.js.map
+++ b/app.js.map
@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["app.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"app.js","sourceRoot":"","sources":["app.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/app.ts b/app.ts
index 6e83743..6c22a40 100644
--- a/app.ts
+++ b/app.ts
@@ -8,14 +8,43 @@ import * as path from "path";
 import * as uuidv4 from "uuid/v4";
 
 import * as indexRouter from "./routes/index";
+import * as updateRouter from "./routes/update";
 import * as usersRouter from "./routes/users";
+import * as read from "read-file";
 
 const app = express();
 const adapter = new FileSync("db.json")
 const db = low(adapter);
+app.db = db;
 db.defaults({users: []})
   .write();
 
+
+
+
+app.cocktails = [];
+
+read("data/output.csv", "utf8", (err, buffer) => {
+  // console.log(buffer);
+  let result = buffer.split(/\n|\r|\n\r|\r\n/);
+  result = result.map((line) => {
+    line = line.split("\t");
+    if (line.length !== 8) {
+      return null;
+    }
+    line[0] = parseFloat(line[0]);
+    line[1] = parseFloat(line[1]);
+    line[4] = `${line[4].substr(0, line[4].length - 2)},${line[4].substr(-2)} €`;
+    line[5] = `${line[5].substr(0, line[5].length - 2)},${line[5].substr(-2)} €`;
+    return line;
+  });
+  result = result.filter((f) => !!f);
+  app.cocktails = result;
+});
+
+
+
+
 // view engine setup
 app.set("views", path.join(__dirname, "views"));
 app.set("view engine", "pug");
@@ -29,9 +58,18 @@ app.use((req, res, next) => {
   if (!req.cookies || !req.cookies.uid || !user) {
     const id = uuidv4();
     db.get("users")
-      .push({id, age: -1, sex: "na", cocktails: []})
+      .push({id, age: -1, sex: "na", cocktails: [], lastused: Date.now()})
       .write();
     res.cookie("uid", id, { maxAge: 21474836470000, httpOnly: true });
+    if (!req.cookies) {
+      req.cookies = {};
+    }
+    req.cookies.uid = id;
+  } else {
+    db.get("users")
+      .find({id: req.cookies.uid})
+      .assign({lastused: Date.now()})
+      .write();
   }
   next();
 });
@@ -39,6 +77,7 @@ app.use(express.static(path.join(__dirname, "public")));
 
 app.use("/", indexRouter);
 app.use("/users", usersRouter);
+app.use("/update", updateRouter);
 
 // catch 404 and forward to error handler
 app.use((req, res, next) => {
diff --git a/data/output.csv b/data/output.csv
new file mode 100644
index 0000000..82fbdf2
--- /dev/null
+++ b/data/output.csv
@@ -0,0 +1,114 @@
+-0.408939808607101440	0.356199413537979126	600	Sex on the Beach	590	450	Cocktails - Smirnoff Vodka	Vodka;Melonenlikör;Peach Tree;Melonensirup;Zitronensaft;Ananassaft;Grenadine
+0.778897523880004883	0.198836654424667358	601	Sex in the Snow	590	450	Cocktails - Smirnoff Vodka	Vodka;Weißer Rum;Cranberrysirup;Sahne;Maracuja-Nektar
+0.656120359897613525	0.208673372864723206	602	Zungenkuss	550	450	Cocktails - Smirnoff Vodka	Vodka;Mandelsirup;Kokossirup;Sahne;Kirschnektar
+0.984153985977172852	0.317866355180740356	603	Orgasmus	590	450	Cocktails - Smirnoff Vodka	Vodka;Peach Tree;Mangosirup;Pfirsichsirup;Pfirsichsaft;Sahne
+0.777148544788360596	0.511459052562713623	604	Swimming Pool	650	450	Cocktails - Smirnoff Vodka	Vodka;Weißer Rum;Blue Caracao-Sirup;Kokossirup;Sahne;Ananassaft
+-0.009399643167853355	-0.075262494385242462	605	Lady Killer	590	450	Cocktails - Smirnoff Vodka	Vodka;Malibu;Zitronensaft;Vanillesirup;Mandelsirup;Kirschnektar
+-0.609122633934020996	0.412802785634994507	606	Bellamie	650	450	Cocktails - Smirnoff Vodka	Vodka;Peach Tree;Malibu;Zitronensaft;Orangensaft;Ananassaft;Maracuja-Nektar;Grenadine
+0.221506953239440918	0.137412160634994507	607	Magic	590	450	Cocktails - Smirnoff Vodka	Vodka;Kirschlikör;Kokossirup;Zitronensaft;Kirschnektar
+-0.250540405511856079	0.353802651166915894	608	Watermelon Man	600	450	Cocktails - Smirnoff Vodka	Vodka;Melonenlikör;Lime Juice;Zitronensaft;Orangensaft;Ananassaft;Melonensirup
+-0.612631380558013916	0.253825366497039795	609	Ireen Sonne	590	450	Cocktails - Smirnoff Vodka	Vodka;Peach Tree;Grenadine;Zitronensaft;Maracuja-Nektar
+0.523479819297790527	0.364987194538116455	610	Noch Nicht	600	450	Cocktails - Smirnoff Vodka	Vodka;Campari;Erdbeersirup;Orangensaft;Ananassaft
+-0.035334438085556030	0.007623576559126377	611	Singapur	650	450	Cocktails - Smirnoff Vodka	Vodka;Malibu;Zitronensaft;Melonensirup;Melonenlikör;Kirschnektar
+0.723941504955291748	0.354452550411224365	612	Vanilla Sky	590	450	Cocktails - Smirnoff Vodka	Vodka;Erdbeermark;Vanillesirup;Sahne;Ananassaft
+0.775743246078491211	-0.030477145686745644	613	Cosmopolitain	600	450	Cocktails - Smirnoff Vodka	Vodka;Triple Sec;Lime Juice;Cranberrysaft
+-0.881618201732635498	-0.531815230846405029	614	Sexy Lina	600	450	Cocktails - Smirnoff Vodka	Vodka;Kirschlikör;Blue Caracao-Sirup;Mangonektar;Maracuja-Nektar;Vanillesirup;Orangensaft;Zitronensaft
+0.727970898151397705	0.159489691257476807	615	White Russian	650	450	Cocktails - Smirnoff Vodka	Vodka;Kahlúa;Sahne
+-0.212517976760864258	0.611317336559295654	616	Blue Hawaii	690	450	Cocktails - Smirnoff Vodka	Vodka;Weißer Rum;Blue Caracao-Sirup;Triple Sec;Mandelsirup;Zitronensaft;Orangensaft;Ananassaft
+-0.321159780025482178	0.479423880577087402	617	Alabama Tripper	650	450	Cocktails - Smirnoff Vodka	Vodka;Southern Comfort;Zitronensaft;Ananassaft;Grenadine
+-0.001423417474143207	-0.992185294628143311	618	Boston	650	450	Cocktails - Smirnoff Vodka	Vodka;Pampero Rum;Brauner Zucker;Limette;Orange;Zitrone;Orangensaft
+0.938353121280670166	-0.045488122850656509	619	Laurali	550	450	Cocktails - Smirnoff Vodka	Vodka;Erdbeersirup;Vanillesirup;Cranberrysaft;Lime Juice
+0.992140352725982666	0.497432678937911987	620	Leck Mich	600	450	Cocktails - Smirnoff Vodka	Vodka;Peach Tree;Ananassaft;Schokoladensirup;Kokossirup;Sahne;Mangosirup
+0.524716734886169434	0.397688716650009155	621	Julchen	650	450	Cocktails - Smirnoff Vodka	Vodka;Gin;Mangosirup;Erdbeersirup;Orangensaft;Ananassaft
+-0.524270534515380859	0.179705947637557983	622	Mendy	600	450	Cocktails - Smirnoff Vodka	Vodka;Baileys Irish Cream;Zitronensaft;Orangensaft;Bananensirup;Grenadine
+0.533529102802276611	0.194796040654182434	623	Kitzler	650	450	Cocktails - Smirnoff Vodka	Vodka;Ficken Likör;Batida de Coco;Bananennektar;Kokossirup;Kirschnektar
+-0.662614583969116211	0.040360912680625916	624	Bine	590	450	Cocktails - Smirnoff Vodka	Vodka;Malibu;Maracuja-Nektar;Grenadine
+-0.842209041118621826	0.217501416802406311	625	Nicolada	650	450	Cocktails - Smirnoff Vodka	Vodka;Peach Tree;Mandelsirup;Baileys Irish Cream;Grenadine;Orangensaft;Maracuja-Nektar
+-0.270223736763000488	0.252337574958801270	626	Melody	650	450	Cocktails - Smirnoff Vodka	Vodka;Melonenlikör;Melonensirup;Zitronensaft;Red Bull
+0.554305076599121094	-0.865219116210937500	627	Caipirinha	600	450	Cocktails - Smirnoff Vodka	Cachaca;Limette;Rohrzucker
+0.133748799562454224	-0.852454900741577148	628	Erdbeer Caipi	600	450	Cocktails - Smirnoff Vodka	Cachaca;Erdbeersirup;Limette;Brauner Zucker
+0.754636883735656738	-0.866259753704071045	629	Caipiroschka	650	450	Cocktails - Smirnoff Vodka	Vodka;Limette;Rohrzucker
+0.992811262607574463	-0.993312120437622070	630	Mojito	650	450	Cocktails - Smirnoff Vodka	Pampero Rum;Limette;Minze;Rohrzucker;Mineralwasser
+0.826462149620056152	0.813173472881317139	631	Kürbiskern	600	450	Cocktails - Pampero Rum	Brauner Rum;Baileys Irish Cream;Kokossirup;Sahne;Ananassaft
+-0.532260656356811523	0.976665258407592773	632	Scotty	690	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Ficken Likör;Grenadine;Kirschlikör;Zitronensaft;Orangensaft;Kirschnektar
+-0.984557151794433594	-0.790432214736938477	633	Sweet Vicky	690	450	Cocktails - Pampero Rum	Captain Morgan Old Spice;Triple Sec;Apricot-Brandy;Maracujasirup;Vanillesirup;Orangensaft;Maracuja-Nektar
+0.331706613302230835	0.929701268672943115	634	Schwesta Eva	690	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Batida de Coco;Blue Caracao-Sirup;Zitronensaft;Ananassaft
+-0.174110889434814453	0.913737177848815918	635	Planters Punch	650	450	Cocktails - Pampero Rum	Brauner Rum;Weißer Rum;Zitronensaft;Orangensaft;Ananassaft;Grenadine
+-0.066080071032047272	0.910337567329406738	636	Hurricane	650	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Ananassaft;Maracujasirup;Zitronensaft;Orangensaft
+-0.466704100370407104	0.610398709774017334	637	Suse Muse	650	450	Cocktails - Pampero Rum	Weißer Rum;Passoa;Peach Tree;Ananassaft;Orangensaft;Zitronensaft;Grenadine
+0.698465168476104736	0.962503671646118164	638	Sexy Franzi	650	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Sahne;Kokossirup;Cassissée-Likör;Ananassaft
+-0.405457228422164917	0.104847989976406097	639	Fancy Nancy	650	450	Cocktails - Pampero Rum	Weißer Rum;Vodka;Zitronensaft;Bananensirup;Bananennektar
+0.968388020992279053	0.123529374599456787	640	Nimm mich	650	450	Cocktails - Pampero Rum	Weißer Rum;Vodka;Mangosirup;Maracujasirup;Maracujasaft
+-0.064047187566757202	0.293222576379776001	641	Erdbeer Daiquiri	650	450	Cocktails - Pampero Rum	Weißer Rum;Zitronensaft;Erdbeermark;Erdbeersirup
+0.644416749477386475	0.659500062465667725	642	Erdbeer Colada	650	450	Cocktails - Pampero Rum	Brauner Rum;Erdbeersirup;Sahne;Erdbeermark;Ananassaft
+0.791115641593933105	0.923530995845794678	643	Pina Colada	600	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Sahne;Kokossirup;Ananassaft
+-0.651788055896759033	0.665784955024719238	644	Jessy	690	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Peach Tree;Passoa;Maracujasirup;Vanillesirup;Zitronensaft;Ananassaft;Maracuja-Nektar
+-0.198020353913307190	0.884710967540740967	645	Melly	600	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Mangosirup;Grenadine;Zitronensaft;Orangensaft;Ananassaft
+0.827436625957489014	-0.535453617572784424	646	Anne Süß	590	450	Cocktails - Pampero Rum	Weißer Rum;Batida de Coco;Mangosirup;Maracujasirup;Maracuja-Nektar
+0.465747416019439697	0.711293697357177734	647	Kathilein	550	450	Cocktails - Pampero Rum	Brauner Rum;Mangosirup;Erdbeersirup;Zitronensaft;Ananassaft
+0.015987075865268707	0.933323621749877930	648	Carolin Dream	600	450	Cocktails - Pampero Rum	Brauner Rum;Weißer Rum;Orangensaft;Mandelsirup;Maracujasaft;Zitronensaft
+0.990577340126037598	0.784763693809509277	649	Willst du mich	550	450	Cocktails - Pampero Rum	Brauner Rum;Kokossirup;Schokoladensirup;Ananassaft;Sahne
+-0.654366075992584229	-0.041663475334644318	650	Sexy Dana	550	450	Cocktails - Pampero Rum	Brauner Rum;Mandelsirup;Sahne;Kokossirup;Maracuja-Nektar
+0.108363427221775055	0.952306985855102539	651	Bahama Mama	690	450	Cocktails - Pampero Rum	Weißer Rum;Brauner Rum;Triple Sec;Malibu;Zitronensaft;Maracujasaft;Ananassaft
+0.455971062183380127	0.794671118259429932	652	Janalein	600	450	Cocktails - Pampero Rum	Brauner Rum;Amaretto;Kokossirup;Ananassaft;Zitronensaft
+0.362434267997741699	-0.993134260177612305	653	Kuba-Krise	690	450	Cocktails - Pampero Rum	Havanna Club 3 Jahre;Captain Morgan Old Spice;Lime Juice;Rohrzucker;Limette;Zitrone;Orange;Coca Cola
+-0.353320449590682983	-0.342865377664566040	654	Mary-Jane	690	450	Cocktails - Tequila	Tequila;Passoa;Triple Sec;Mangosirup;Zitronensaft;Mangonektar;Kirschnektar
+-0.201764419674873352	-0.438063770532608032	655	Mach Mir Was	650	450	Cocktails - Tequila	Tequila;Triple Sec;Cranberrysaft;Zitronensaft;Tonic Water
+-0.021884372457861900	-0.403996676206588745	656	Dein Name	590	450	Cocktails - Tequila	Tequila;Cassissée-Likör;Bananennektar;Tonic Water
+0.185213536024093628	0.561261475086212158	657	Claudia	550	450	Cocktails - Tequila	Tequila;Zitronensaft;Ananassaft;Grenadine
+0.006731854751706123	0.338817924261093140	658	Erdbeer Maragita	650	450	Cocktails - Tequila	Tequila;Erdbeermark;Erdbeersirup;Zitronensaft
+0.137578517198562622	0.573140680789947510	659	Lady Mary	650	450	Cocktails - Tequila	Tequila;Cachaca;Zitronensaft;Lime Juice;Ananassaft
+0.268534988164901733	0.669252038002014160	660	Ich überlege noch	590	450	Cocktails - Tequila	Tequila;Kirschlikör;Kokossirup;Zitronensaft;Ananassaft
+0.272571802139282227	0.449578374624252319	661	Cynni Sonne	650	450	Cocktails - Tequila	Tequila;Gin;Zitronensaft;Ananassaft;Erdbeersirup
+0.049279637634754181	0.604503750801086426	662	Steffi Bitanem	600	450	Cocktails - Tequila	Tequila;Triple Sec;Blue Caracao-Sirup;Sahne;Zitronensaft;Ananassaft
+-0.929716229438781738	-0.007732958998531103	663	Simone	550	450	Cocktails - Gordon's Gin	Gin;Mandelsirup;Grenadine;Maracuja-Nektar;Zitronensaft;Orangensaft
+-0.575745403766632080	-0.585433542728424072	664	Ich guck noch	590	450	Cocktails - Gordon's Gin	Gin;Apricot-Brandy;Lime Juice;Mangonektar;Zitronensaft
+0.368804574012756348	0.333786964416503906	665	Agnieszka	650	450	Cocktails - Gordon's Gin	Gin;Vodka;Erdbeersirup;Kirschnektar;Zitronensaft;Ananassaft
+-0.720334053039550781	-0.632169604301452637	666	Jenny	590	450	Cocktails - Gordon's Gin	Gin;Apricot-Brandy;Zitronensaft;Maracuja-Nektar;Erdbeersirup;Vanillesirup
+-0.479512423276901245	-0.086482308804988861	667	Sunny	600	450	Cocktails - Gordon's Gin	Gin;Cassissée-Likör;Mandelsirup;Zitronensaft;Tonic Water
+-0.815735936164855957	-0.251592695713043213	668	Exotic Tine	600	450	Cocktails - Gordon's Gin	Gin;Triple Sec;Mangosirup;Maracujasirup;Zitronensaft;Orangensaft;Maracuja-Nektar
+-0.495401024818420410	-0.424708753824234009	669	Blue Luise	600	450	Cocktails - Gordon's Gin	Gin;Triple Sec;Zitronensaft;Lime Juice;Blue Caracao-Sirup;Sprite
+-0.938043236732482910	0.527016580104827881	670	Moment noch	600	450	Cocktails - Whiskey & Liköre	Passoa;Peach Tree;Maracuja-Nektar;Orangensaft;Grenadine
+0.979039967060089111	-0.486286252737045288	671	Sexy Gina	600	450	Cocktails - Whiskey & Liköre	Likör 43;Milch;Erdbeersirup;Grenadine;Mangosirup
+-0.422302603721618652	0.521907091140747070	672	Sara Maus	600	450	Cocktails - Whiskey & Liköre	Whiskey;Peach Tree;Ananassaft;Mandelsirup;Grenadine
+-0.487156927585601807	-0.866822779178619385	673	Was Guckst Du?!	650	450	Cocktails - Whiskey & Liköre	Jack Daniel's Whiskey;Triple Sec;Lime Juice;Zitrone;Orangensaft;Apfelsaft
+0.516814231872558594	0.563776075839996338	674	Peggy	600	450	Cocktails - Whiskey & Liköre	Bacardi Razz;Melonenlikör;Himbeersirup;Lime Juice;Ananassaft;Maracuja-Nektar
+0.957693397998809814	-0.503244340419769287	675	Rafaela	600	450	Cocktails - Whiskey & Liköre	Likör 43;Batida de Coco;Mandelsirup;Kokossirup;Sahne;Milch
+0.052936103194952011	0.712464570999145508	676	Blue Diamond	950	950	Cocktails - Whiskey & Liköre	Johnnie Walker Whiskey;Weißer Rum;Triple Sec;Peach Tree;Blue Caracao-Sirup;Hochprozentiger Rum;Zitronensaft;Lime Juice;Sprite
+-0.609122633934020996	0.412802785634994507	677	Tobi Special	1600	1600	Cocktails - Whiskey & Liköre	Vodka;Peach Tree;Malibu;Maracuja-Nektar;Grenadine;Ananassaft;Zitronensaft;Orangensaft
+-0.499732583761215210	-0.281194835901260376	931	Long Island Ice Tea	750	750	Power Cocktails	Weißer Rum;Vodka;Gin;Tequila;Triple Sec;Zitronensaft;Coca Cola
+-0.323908358812332153	0.949906945228576660	932	Zombie	750	750	Power Cocktails	Weißer Rum;Brauner Rum;Apricot-Brandy;Hochprozentiger Rum;Grenadine;Zitronensaft;Orangensaft;Ananassaft
+-0.136486902832984924	0.606618165969848633	933	Mai Tai	750	750	Power Cocktails	Weißer Rum;Triple Sec;Lime Juice;Zitronensaft;Mandelsirup;Stroh 80;Ananassaft
+-0.305787593126296997	0.943475127220153809	934	Nadinchen	750	750	Power Cocktails	Weißer Rum;Brauner Rum;Hochprozentiger Rum;Grenadine;Mandelsirup;Zitronensaft;Ananassaft;Orangensaft
+-0.794271826744079590	0.796431064605712891	935	Robertikus	790	790	Power Cocktails	Weißer Rum;Brauner Rum;Hochprozentiger Rum;Passoa;Peach Tree;Grenadine;Maracuja-Nektar;Ananassaft;Stroh 80
+-0.987336158752441406	0.963913500308990479	936	Vulkanausbruch	790	790	Power Cocktails	Southern Comfort;Brauner Rum;Hochprozentiger Rum;Passoa;Melonenlikör;Lime Juice;Grenadine;Maracuja-Nektar;Orangensaft;Stroh 80
+-0.680744051933288574	0.982488155364990234	937	Molotow Cocktail	850	850	Power Cocktails	Weißer Rum;Brauner Rum;Hochprozentiger Rum;Ficken Likör;Zitronensaft;Kirschnektar;Stroh 80
+0.950039267539978027	-0.882344722747802734	705	Pampero Cola	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Pampero Rum;Coca Cola
+0.289463490247726440	-0.238629966974258423	706	Bacardi Razz Sprite	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Bacardi Razz;Sprite
+-0.160064637660980225	0.147864460945129395	707	Blody Mary	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Vodka;Zitronensaft;Tomatensaft;Gewürze
+0.726638078689575195	-0.527962803840637207	708	Batida Kirsch	550	550	Longdrinks - Smirnoff Vodka & Pampero Rum	Batida de Coco;Kirschnektar
+0.132514834403991699	-0.722633898258209229	709	Campari Orange	550	550	Longdrinks - Smirnoff Vodka & Pampero Rum	Campari;Orangensaft
+0.974663913249969482	-0.662211358547210693	710	Cuba Libre	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Havanna Club 3 Jahre;Lime Juice;Coca Cola
+0.081803068518638611	-0.316157996654510498	711	Gin Tonic	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Gin;Tonic Water
+0.013336550444364548	-0.597824513912200928	712	Tequila Sunrise	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Tequila;Orangensaft;Grenadine
+0.925309300422668457	-0.783053934574127197	713	Whiskey Cola	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Johnnie Walker Whiskey;Jack Daniel's Whiskey;Coca Cola
+0.533025562763214111	-0.267604976892471313	714	Southern Ginger	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Southern Comfort;Ginger Ale
+0.612337350845336914	0.005606227088719606	715	Vodka Lemon	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Vodka;Bitter Lemon
+0.448155850172042847	-0.165125578641891479	716	Vodka Red Bull	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Vodka;Red Bull
+0.274084210395812988	-0.491419345140457153	717	Flying Hirsch	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Jägermeister;Red Bull
+0.125307798385620117	-0.217492491006851196	718	Whiskey-Sour	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Johnnie Walker Whiskey;Zitronensaft;Zuckerrohrsirup
+0.251032024621963501	-0.469846636056900024	719	Red Bull Whisky	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Jack Daniel's Whiskey;Red Bull
+0.511501610279083252	-0.642947256565093994	720	Aperol Spritz	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Aperol;Rotkäppchen Sekt;Mineralwasser
+0.707198321819305420	-0.675874114036560059	721	Captain Cola	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Captain Morgan Old Spice;Coca Cola
+0.292069256305694580	-0.475405722856521606	722	Flying Captain	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Captain Morgan Old Spice;Red Bull
+0.574202895164489746	-0.362797588109970093	723	Captain Ginger	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Captain Morgan Old Spice;Ginger Ale
+-0.372920066118240356	-0.987223386764526367	724	Lynchburg Lemonade	790	790	Longdrinks - Smirnoff Vodka & Pampero Rum	Jack Daniel's Whiskey;Triple Sec;Lime Juice;Orange;Zitrone;Limette;Sprite
+0.978214800357818604	-0.245077997446060181	725	Moscow Mule	690	690	Longdrinks - Smirnoff Vodka & Pampero Rum	Vodka;Lime Juice;Ginger Ale;Gurke;Schuss Fassbier
+0.557923257350921631	-0.119419820606708527	726	Vodka Juice	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Vodka;Orangensaft
+0.764595091342926025	-0.775915563106536865	727	Vodka Cola	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Vodka;Coca Cola
+0.041172802448272705	-0.721062660217285156	728	Malibu Juice	550	550	Longdrinks - Smirnoff Vodka & Pampero Rum	Malibu;Orangensaft
+0.984700560569763184	-0.514223456382751465	729	Likör 43 Milch	600	600	Longdrinks - Smirnoff Vodka & Pampero Rum	Likör 43;Milch
+-0.363313883543014526	-0.018128084018826485	730	Hemingway Sour	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Gin;Zitronensaft;Grenadine
+0.687253057956695557	-0.265199482440948486	731	Conny Bonny	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Brauner Rum;Lime Juice;Gurke;Ginger Ale
+0.796073973178863525	-0.779793262481689453	732	Captain WhiCo	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Captain Morgan White;Coca Cola
+0.048712097108364105	-0.728643774986267090	733	Captain Juice	650	650	Longdrinks - Smirnoff Vodka & Pampero Rum	Captain Morgan White;Orangensaft
diff --git a/db.json b/db.json
index 68b4c84..47973ec 100644
--- a/db.json
+++ b/db.json
@@ -1,664 +1,11 @@
 {
   "users": [
     {
-      "id": "4b425eb8-00db-42fa-a8c2-cc5418797ad7",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "8f92ce81-0ee6-4f5f-993b-f3627201de72",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "0c446fac-b103-4e72-ac8f-d53d6ecfdb66",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "c8d08c20-5a1c-4b4a-b117-f6aab3613314",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "b6f9e581-d096-4010-af66-0e5bdb0fe9b0",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "bf884005-ac91-4281-a607-97a58eb27d6f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f75810f7-a86b-422e-ae15-2db976f21e76",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "860b9922-e129-4ab8-9500-2066a178fc3a",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "0674d1b1-9cda-442a-918e-6ee4546d7aa5",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "e23d34f8-0585-46fb-b889-f4543692ab0e",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "359cdd59-ae6a-4e69-881b-096c5919c23d",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "499d852f-51fb-4120-85b1-0dc20095a083",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "4cc892ee-cd08-42c3-ade6-234eac0f2b3f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f9cba44e-536f-4f1c-a84b-15541bef206d",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "0de6fb47-b605-4407-9543-4d1f60e89096",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "21c7c8f5-d2ec-470a-828e-e74ee65add7a",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "57b139a1-7372-4175-b492-4be037132ca3",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "36447975-b1d6-4033-8431-e6c82f0f8b1e",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "a9870bc3-7ac9-40a5-a4c8-33c2a7065f74",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "a0b8075f-abc2-48ff-a02d-a28dbe4ad832",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "4ed2ef03-4d9d-4350-bf9b-1dafeaa09049",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "1aa2de46-ba6a-4257-b539-a29a0a108007",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "964795be-fdf3-4676-a411-65e30b0b5fa9",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "c608597a-2414-40a0-ae2c-757be8e0a514",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "e2fab0f1-0a53-4d3b-b71e-72a0ad117176",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "39cd3c1b-3778-4dc1-a546-1da807d3f032",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "0d2cfe57-e674-4544-b00e-3c49abcf9ea8",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "e4b038a2-fa5b-4bc7-99a3-fedd07d66e38",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "39e96663-428f-41fe-b1e4-1ab2ed0481d4",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "ec7be878-c42c-42b2-b532-acf13a23a20a",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "1d542b6a-9ca5-4754-8b1f-d9cce17ac9fe",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "a5b6ee95-f65c-4354-9fb6-18651b4de23f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "368d394b-80cd-4d75-ba4b-4a6cf8ca8999",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "ab41bfb1-f4af-4e9b-ad5f-037defedd017",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "83727055-65a7-4955-84ac-81b21ca7caf0",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "95e2ca13-c3ac-4b44-9f4e-1f21ce4e8d3b",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "d3b50d81-9baf-4792-a879-891160594005",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "46c78b02-877e-49b9-9494-c1b85733bea2",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "e149c85c-93ac-41c8-b845-c641b645a00f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "a8153dde-4acc-46af-914a-a8254f511443",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "60888b41-08c4-419a-a368-e4ddeb58c9b8",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "fa2c61c6-f06b-4dc7-b2b7-a93b2f59e27d",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "7775e577-32a4-4cb1-a6d0-b43df93da83b",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "3bcbdf95-a06d-4890-8d3f-2d06cb47c804",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "7365c6b2-d038-42d4-9b4b-f34d017972e0",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "ccc68f13-52f4-4f71-beb2-5acb2dda4124",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f366dcb7-1bea-45a2-8f7c-dff9e123d4b9",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f4c23fa1-1fc7-48f6-a932-b1367fa01deb",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "7ae97e73-498f-4fa2-bd81-d73970c06cb5",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "823bb2f3-2c6f-41eb-a002-fb4d454edd59",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "026d4220-541d-4949-8e77-638bc10fb342",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "475323bb-833f-490a-87a4-30cf36f81364",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "06c8da8d-fdaf-4e3a-a91a-03e485d15594",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "ebe8dcae-ff2c-4e89-9e83-f5d964f9b512",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "3dfb0244-6694-4441-8be7-6936e69b0dc1",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "39a3b742-7aa4-4a70-a618-741f65ac168a",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "ec60f51c-1b98-45c4-9561-de6d5a4726b1",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "c745ddc7-3c94-4679-bead-3526e349d3f6",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "76bb1894-1367-4f12-9cdb-34f0607e1e1f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "c18934c0-877a-44bf-b341-9d2faeec048b",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "582e20ff-cd8f-4d63-accd-3b19c63a7c07",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "1c42fdc5-3b03-49a2-a7cf-a2885f0d0525",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "e74989f8-e2e7-4936-a2c0-6c9cbff9c94f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "b2c765c7-9f8a-46fb-9fb3-ca38f53fa5ed",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "5606b7fe-6ee5-4d6c-b113-e8ae1dd941e2",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "5bc41046-dd7e-4b2e-9373-1839b0e3828c",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "c0f4a178-a125-4fd8-b2c7-90de6d7d2100",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f216fce1-e4bd-493d-95cf-031fbab6ccdf",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "a4dd4b43-30a0-42d5-8eed-31688e9890fb",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "42c72154-f4af-4366-9dd9-5f1e6a723876",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "58183297-d97b-4705-9a54-a124e015d314",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "58162229-f1e6-414b-9f0c-8439087d3129",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "636054f1-c7ed-405b-800d-0631ffd1adb1",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "4a9d5cd8-4ffa-4bc6-8539-76dc8e6559f9",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "3e34cfe8-6aa3-4914-a36a-71c25be299a8",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f1f0ac36-07b4-4e65-a082-fa0912599cf7",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "2e41d286-eccc-4bae-907c-08b1ee6c1185",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "b47654fe-e84f-4b38-93ca-d4497554f695",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "9c1f53c1-b9a1-4376-9b1b-977f12edb839",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "6c7ea477-36a4-402d-953a-f715d5a32166",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "0c52fff5-15fb-4ea4-914f-e3add836aab8",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "b36fc946-cd65-4a5f-8933-52fdb0ad9340",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "b52c2a96-503f-40e7-b926-cc0b68de32b7",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "8758ada4-a9c6-4c62-a625-1b42a35c70a8",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "c7ff2c6f-8247-4bac-b5ab-7241deeaaa32",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "324c03d3-6e52-41b8-9aed-c497b40ce870",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "1c959355-ac2c-4422-8c13-84fcf13a3e99",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "6b8a5dc0-5928-4ac5-a5e7-d89745c101ed",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "53d9c99a-4ca8-4787-b470-75fb4a44217c",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "690d29c6-e152-416a-be47-908740a1275b",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "ae8a340c-d29c-4498-9282-8a5c9c2eafec",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "59bb0435-6e67-46d4-a637-0d8fd7360427",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "8d403139-b148-4761-9dc4-34c780d7b666",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "2f8fed85-078c-420a-8616-4f23b585782b",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "df6bd7f8-908f-4f6b-9261-aad015d41572",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "a768cf6c-d3b0-452e-a67b-272133601338",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f057980c-0cba-42ec-9b80-1569047a466b",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "d6c3cbac-7c92-42db-a12f-25cc2c166de1",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "6ecd1fef-d426-4f2d-9dae-0f8eec2edf0f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "e590742d-df7b-4538-a385-da3f9b735a30",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "24b7969b-7dba-4403-919a-b0c49fcd946f",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "7e4fc28e-a56a-4e13-bbbc-20be9ad21e53",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "d9b59b12-ab55-48fd-b775-974815452a32",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "d8f28599-4bad-40fc-92b8-f2b0d05c5e1a",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "d96d2156-bf96-4375-813e-dd4afcb2e69a",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "1c3a2fa2-8405-4645-995e-cb4bcc8901d2",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "8e5d6f41-fbe3-462b-9054-5252bb726baf",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "a012d03e-236c-4778-a26b-3b64ed2ea423",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "c379f2fe-e5ff-4e73-8032-f3809c82d570",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
-    },
-    {
-      "id": "f547ecef-348f-4cf8-a6ea-c0e9b1769e15",
-      "age": -1,
-      "sex": "na",
-      "cocktails": []
+      "id": "262d02e6-ee1f-4321-b119-24c7796cf2e0",
+      "age": 20,
+      "sex": "m",
+      "cocktails": [],
+      "lastused": 1547169564875
     }
   ]
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index a0e7764..486a6e4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1495,6 +1495,11 @@
         }
       }
     },
+    "read-file": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/read-file/-/read-file-0.2.0.tgz",
+      "integrity": "sha1-cMa6+IQux9FUD5gf0Oau1Mgb1UU="
+    },
     "readable-stream": {
       "version": "2.3.6",
       "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
diff --git a/package.json b/package.json
index bc68db9..df184cb 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
     "morgan": "~1.9.0",
     "pug": "2.0.0-beta11",
     "sqlite3": "^4.0.4",
-    "uuid": "^3.3.2"
+    "uuid": "^3.3.2",
+    "read-file": "latest"
   },
   "devDependencies": {
     "@types/express": "^4.16.0",
diff --git a/public/js/custom.ts b/public/js/custom.ts
new file mode 100644
index 0000000..510501a
--- /dev/null
+++ b/public/js/custom.ts
@@ -0,0 +1,24 @@
+const HTTP_BASE = "http://localhost:3000";
+
+function httpGetAsync(theUrl, callback) {
+  const xmlHttp = new XMLHttpRequest();
+  xmlHttp.onreadystatechange = () => {
+    if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
+      if (!!callback) {
+        callback(xmlHttp.responseText);
+      }
+    }
+  };
+  xmlHttp.open("GET", theUrl, true);  // true for asynchronous
+  xmlHttp.send(null);
+}
+
+function sendAge(elem) {
+  console.log(`age: ${elem.value}`);
+  httpGetAsync(`${HTTP_BASE}/update/personal?age=${encodeURI(elem.value)}`, null);
+}
+
+function sendSex(elem) {
+  console.log("gender: " + elem.value);
+  httpGetAsync(`${HTTP_BASE}/update/personal?sex=${encodeURI(elem.value)}`, null);
+}
diff --git a/routes/index.ts b/routes/index.ts
index 0f83491..d15a048 100644
--- a/routes/index.ts
+++ b/routes/index.ts
@@ -1,9 +1,19 @@
 import * as express from "express";
 const router = express.Router();
 
-/* GET home page. */
+router.use((req, res, next) => {
+  if (!req.cookies || !req.cookies.uid) {
+    res.status(404);
+    res.send();
+  } else {
+    next();
+  }
+});
+
 router.get("/", (req, res, next) => {
-  res.render("index", { title: "Express" });
+  const user = req.app.db.get("users").find({id: req.cookies.uid}).value();
+  console.log(user);
+  res.render("index", {title: "Liebingscocktails", user, cocktails: req.app.cocktails});
 });
 
 export = router;
diff --git a/routes/update.ts b/routes/update.ts
new file mode 100644
index 0000000..9fdf629
--- /dev/null
+++ b/routes/update.ts
@@ -0,0 +1,39 @@
+import * as express from "express";
+
+const router = express.Router();
+
+
+router.use((req, res, next) => {
+  if (!req.cookies || !req.cookies.uid) {
+    res.status(404);
+    res.send();
+  } else {
+    next();
+  }
+});
+
+router.get("/personal", (req, res) => {
+  const ageStr = req.param("age", null);
+  const age = parseInt(ageStr, 10);
+  const sex = req.param("sex", null);
+  const result: {age?: number, sex?: string} = {};
+  if (age > 15 && age < 99) {
+    result.age = age;
+  } else if (ageStr === "" || !isNaN(age)) {
+    result.age = -1;
+  }
+  if (["na", "m", "w", "o"].indexOf(sex) > -1) {
+    result.sex = sex;
+  }
+  console.log(result);
+  if (!!result.age || !!result.sex) {
+    req.app.db.get("users")
+      .find({id: req.cookies.uid})
+      .assign(result)
+      .write();
+  }
+  res.status(204);
+  res.send();
+});
+
+export = router;
diff --git a/views/index.pug b/views/index.pug
index 588e3a2..f7137f2 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -1,5 +1,29 @@
 extends layout
 
+mixin rangemaker(id)
+  .mdl-grid(style="width:100px;text-align:center;padding:0;margin:0", id=id)
+    .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
+      a.minus-arrow.mdl-list__item-secondary-action(href='#')
+        i.material-icons remove
+    .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
+      .mdl-progress.mdl-js-progress(style="text-align:center")
+        span.mdl-list__item-secondary-info
+    .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
+      a.plus-arrow.mdl-list__item-secondary-action(href='#')
+        i.material-icons add
+  script.
+    let m = null;
+    let rangediv = document.getElementById('#{id}');
+    rangediv.getElementsByClassName('mdl-progress')[0].addEventListener('mdl-componentupgraded', function () {
+      m = this.MaterialProgress;
+      this.MaterialProgress.setProgress(100 * 3 / 7);
+    });
+    rangediv.getElementsByClassName('mdl-list__item-secondary-info')[0].innerHTML = "3/7";
+    rangediv.getElementsByClassName('minus-arrow')[0].addEventListener('click', function () {
+      m.setProgress(100);
+    });
+
+
 block content
   style.
     .demo-card-square.mdl-card {
@@ -29,28 +53,19 @@ block content
           h3 Freiwillige Informationen
           | Du kannst anonym Dein Alter und Geschlecht angeben, um die Cocktails weiter verbessern zu können.
           .form
-            .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.getmdl-select
-              input#sex-input.mdl-textfield__input(type='text', value='', readonly='')
-              input(type='hidden', value='', name='sex-input')
-              label.mdl-textfield__label(for='sex-input') Geschlecht
-              i.mdl-icon-toggle__label.material-icons keyboard_arrow_down
-              ul.mdl-menu.mdl-menu--bottom-left.mdl-js-menu(for='sex-input')
-                li.mdl-menu__item(data-val='na') Nicht angegeben
-                li.mdl-menu__item(data-val='m') Männlich
-                li.mdl-menu__item(data-val='w') Weiblich
-                li.mdl-menu__item(data-val='o') Divers
-            br
+            .mdl-selectfield.mdl-js-selectfield.mdl-selectfield--floating-label
+              select#sex-input.mdl-selectfield__select(onchange="sendSex(this)")
+                each val, index in {'na':'Nicht angegeben','m':'Männlich','w':'Weiblich', 'o': 'Divers'}
+                  if (user.sex === index)
+                    option(value=index, selected="selected")= val
+                  else
+                    option(value=index)= val
+              label.mdl-selectfield__label(for='sex-input') Geschlecht
+              span.mdl-selectfield__error Select a value
             br
             .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label
-              input.mdl-textfield__input(type="number", id="age_input")
+              input.mdl-textfield__input(type="number", id="age_input", onchange="sendAge(this)", value=(user.age !== -1 ? user.age : ""))
               label.mdl-textfield__label(for="age_input") Alter
-            br
-            br
-            br
-            br
-            br
-            br
-            br
         //.mdl-card__actions.mdl-card--border
         //  a.mdl-button.mdl-button--colored.mdl-js-button.mdl-js-ripple-effect
         //    | View Updates
@@ -68,12 +83,12 @@ block content
                 span Bryan Cranston
                 span.mdl-list__item-sub-title 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes
               span.mdl-list__item-secondary-content
-                .mdl-grid(style="text-align:center;padding:0;margin:0")
+                .mdl-grid(style="width:100px;text-align:center;padding:0;margin:0")
                   .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
                     a.mdl-list__item-secondary-action(href='#')
                       i.material-icons remove
                   .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
-                    #p1.mdl-progress.mdl-js-progress(style="width:100px;text-align:center")
+                    #p1.mdl-progress.mdl-js-progress(style="text-align:center")
                       span.mdl-list__item-secondary-info 6/7
                   .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
                     a.mdl-list__item-secondary-action(href='#')
@@ -129,28 +144,12 @@ block content
                   .mdl-selectfield.mdl-js-selectfield.mdl-selectfield--floating-label
                     select#gender.mdl-selectfield__select
                       option(value='')
-                      option(value='1') Cocktail 1
-                      option(value='2') Cocktail 2
-                      option(value='3') Cocktail 3
-                      option(value='4') Cocktail 4
-                      option(value='5') Cocktail 5
+                      each val in cocktails
+                        option(value=val[3])= val[2] + " - " + val[3]
                     label.mdl-selectfield__label(for='gender') New cocktail
                     span.mdl-selectfield__error Select a value
                 .mdl-cell--3-col
-                  .mdl-grid(style="width:100px;text-align:center;padding:0;margin:0")
-                    .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
-                      a.mdl-list__item-secondary-action(href='#')
-                        i.material-icons remove
-                    .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
-                      #pnew.mdl-progress.mdl-js-progress(style="text-align:center")
-                        span.mdl-list__item-secondary-info 5/7
-                    .mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
-                      a.mdl-list__item-secondary-action(href='#')
-                        i.material-icons add
-                  script.
-                    document.querySelector('#pnew').addEventListener('mdl-componentupgraded', function () {
-                      this.MaterialProgress.setProgress(100 * 5 / 7);
-                    });
+                  +rangemaker("pnew")
                 .mdl-cell--3-col
                   button.mdl-button.mdl-js-button.mdl-button--fab.mdl-js-ripple-effect
                     i.material-icons add
diff --git a/views/layout.pug b/views/layout.pug
index 97bb4d9..781ed12 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -11,6 +11,7 @@ html
     script(defer, type='text/javascript', src='/js/material.min.js')
     script(defer, type='text/javascript', src='/js/mdl-selectfield.min.js')
     script(defer, type='text/javascript', src='/js/getmdl-select.min.js')
+    script(defer, type='text/javascript', src='/js/custom.js')
   body
     style.
       .demo-layout-transparent {