From ca6239a4134e708bdfe3315a7bad6d92dadacb6e Mon Sep 17 00:00:00 2001
From: Sander Vocke <sandervocke@gmail.com>
Date: Sat, 5 Sep 2020 01:52:21 +0200
Subject: [PATCH] Add app bar with logo.

---
 client/public/logo.svg           | 108 ++++++++++++++++++++++++++
 client/src/components/Mockup.tsx |  18 +++--
 resources/logo.svg               | 108 ++++++++++++++++++++++++++
 resources/logo_src.svg           | 129 +++++++++++++++++++++++++++++++
 4 files changed, 355 insertions(+), 8 deletions(-)
 create mode 100644 client/public/logo.svg
 create mode 100644 resources/logo.svg
 create mode 100644 resources/logo_src.svg

diff --git a/client/public/logo.svg b/client/public/logo.svg
new file mode 100644
index 0000000..ddec38e
--- /dev/null
+++ b/client/public/logo.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg18727"
+   version="1.1"
+   viewBox="0 0 23.655632 6.0053663"
+   height="6.0053663mm"
+   width="23.655632mm">
+  <defs
+     id="defs18721" />
+  <sodipodi:namedview
+     fit-margin-bottom="0"
+     fit-margin-right="0"
+     fit-margin-left="0"
+     fit-margin-top="0"
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:window-height="1003"
+     inkscape:window-width="1920"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="text19329-1"
+     inkscape:document-units="mm"
+     inkscape:cy="62.911439"
+     inkscape:cx="102.24884"
+     inkscape:zoom="3.2732474"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata18724">
+    <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
+     transform="translate(-3.3979867,-3.1434163)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       id="g19333-7"
+       transform="matrix(0.08007155,0,0,0.08007155,-1.5581106,-3.4995302)">
+      <circle
+         r="37.5"
+         cy="120.46263"
+         cx="99.395859"
+         id="path19290-0"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.250376" />
+      <path
+         sodipodi:nodetypes="ccccccccccccccccccc"
+         d="m 92.982378,89.657996 c -3.214522,2.093337 -4.24212,7.031009 -1.108874,9.671786 5.24273,4.451138 13.265596,4.436238 19.302696,1.673558 1.73254,-0.17246 4.05826,-4.268097 4.65801,-1.184616 l 9.1469,19.305016 c -11.78326,11.26664 -8.10053,7.66991 -19.42383,19.3183 -2.27661,-2.56474 -3.40773,-6.38658 -5.13269,-9.49333 -5.473243,-11.38823 -3.832091,-7.85153 -9.287489,-19.24832 -5.536267,-5.31929 -14.559415,-4.8235 -20.943976,-1.35995 -4.000132,1.68472 -6.517664,7.40602 -2.846358,10.67593 4.390452,4.12727 11.194164,4.2922 16.706571,2.76198 2.403413,0.009 5.557982,-3.86321 6.945922,-3.08654 7.573174,15.89575 7.904958,16.92939 15.67079,32.73148 14.19609,-12.10634 14.03749,-12.17528 26.75668,-24.28851 -5.8538,-13.45436 -5.43451,-11.62083 -11.81526,-24.83794 -2.08946,-4.119182 -3.9803,-8.395024 -6.19289,-12.417086 -4.06756,-4.102075 -10.44295,-4.610675 -15.796809,-3.242783 -2.304682,0.751118 -4.652063,1.603012 -6.639433,3.021035 z"
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.31796"
+         id="path19306-8" />
+    </g>
+    <g
+       style="font-style:normal;font-weight:normal;font-size:50.8px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       id="text19329-1"
+       aria-label="muDBase">
+      <path
+         id="path19362"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 11.235629,4.5504098 h 0.11043 q 0.35887,0 0.61039,0.263788 0.22698,-0.263788 0.60425,-0.263788 h 0.11043 q 0.47236,0 0.76989,0.503036 0.092,0.177904 0.092,0.343537 v 2.512113 l -0.0644,0.06441 h -0.40488 l -0.0644,-0.06441 v -2.463037 q 0,-0.288325 -0.29753,-0.380344 l -0.0982,-0.01227 h -0.006 q -0.3282,0 -0.37728,0.432488 v 2.423165 l -0.0644,0.06441 h -0.40488 l -0.0644,-0.06441 v -2.423162 q -0.0491,-0.432488 -0.37727,-0.432488 h -0.0184 q -0.38341,0.05214 -0.38341,0.392614 v 2.463036 l -0.0644,0.06441 h -0.40488 l -0.0644,-0.06441 v -2.512112 q 0,-0.453961 0.49997,-0.748421 0.18711,-0.09815 0.36194,-0.09815 z" />
+      <path
+         id="path19364"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 13.750809,4.5381408 h 0.40489 l 0.0644,0.06441 v 2.472238 q 0.0613,0.395681 0.37728,0.395681 h 0.0184 q 0.38341,-0.06135 0.38341,-0.392614 v -2.475305 l 0.0644,-0.06441 h 0.40489 l 0.0644,0.06441 v 2.536651 q 0,0.432488 -0.49997,0.739217 -0.19631,0.09509 -0.34967,0.09509 h -0.14723 q -0.36501,0 -0.67787,-0.374211 -0.17177,-0.24845 -0.17177,-0.472362 v -2.524382 z" />
+      <path
+         id="path19366"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 16.928529,3.7038368 h 0.12269 q 0.71161,0 1.13796,0.763756 0.10429,0.260721 0.10429,0.463162 v 2.024412 q 0,0.460094 -0.48156,0.831237 -0.2914,0.187105 -0.55212,0.187105 h -0.34353 q -0.59199,0 -0.96927,-0.680939 -0.0767,-0.236182 -0.0767,-0.509171 v -1.322003 l 0.0644,-0.06441 h 0.41715 l 0.0644,0.06441 v 1.444694 q 0,0.395682 0.43556,0.545979 0.0368,0.0184 0.10122,0.0184 h 0.24538 q 0.41408,0 0.54904,-0.475431 l 0.0123,-0.104288 v -1.935462 q 0,-0.466228 -0.50917,-0.705476 -0.13189,-0.04294 -0.22391,-0.04294 h -0.0736 q -0.46623,0 -0.69934,0.539843 -0.0521,0.30673 -0.13496,0.30673 h -0.36807 l -0.0644,-0.06441 v -0.05828 q 0,-0.693208 0.76376,-1.119562 0.26685,-0.107356 0.4785,-0.107356 z" />
+      <path
+         id="path19368"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 19.480519,3.7038368 h 0.34353 q 0.51224,0 0.87725,0.524507 0.1687,0.272989 0.1687,0.579719 0,0.484632 -0.37421,0.809765 0.13803,0.06748 0.35274,0.365007 0.20551,0.322067 0.20551,0.641064 v 0.122692 q 0,0.693209 -0.76376,1.119562 -0.26685,0.107356 -0.4785,0.107356 h -0.12269 q -0.71161,0 -1.13796,-0.763756 -0.10429,-0.26072 -0.10429,-0.463162 v -2.024412 q 0,-0.460095 0.48156,-0.831236 0.29753,-0.187106 0.55212,-0.187106 z m -0.49997,1.082755 v 1.935461 q 0,0.466229 0.50917,0.705477 0.13496,0.04294 0.22391,0.04294 h 0.0736 q 0.44783,0 0.68708,-0.509171 0.046,-0.141096 0.046,-0.239249 v -0.07361 q 0,-0.466228 -0.50304,-0.702409 l -0.35581,-0.07055 v -0.392614 q 0,-0.08282 0.2822,-0.119624 0.38034,-0.187105 0.38034,-0.518373 v -0.07361 q 0,-0.39568 -0.43556,-0.545978 -0.0368,-0.0184 -0.10122,-0.0184 h -0.24538 q -0.40488,0 -0.54904,0.463162 z" />
+      <path
+         id="path19370"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 22.069309,4.5504098 h 0.13496 q 0.4785,0 0.7975,0.570517 0.0521,0.190172 0.0521,0.288325 v 1.705414 q 0,0.558248 -0.6656,0.831236 l -0.1779,0.02761 h -0.1411 q -0.5153,0 -0.80976,-0.582785 -0.0522,-0.150298 -0.0522,-0.263788 v -0.110423 q 0,-0.472363 0.57972,-0.822034 0.73308,-0.518372 0.73308,-0.772957 0,-0.257654 -0.319,-0.368076 h -0.0951 q -0.26379,0 -0.36501,0.325133 0,0.141096 -0.10122,0.141096 h -0.36808 l -0.0644,-0.06441 v -0.05828 q 0,-0.509171 0.59199,-0.788295 0.12882,-0.05828 0.26992,-0.05828 z m -0.3282,2.527449 q 0,0.294461 0.31593,0.392614 h 0.0859 q 0.28832,0 0.37727,-0.349672 v -0.926322 h 0.0982 q -0.23311,0.214711 -0.79442,0.616526 -0.0828,0.116557 -0.0828,0.266854 z" />
+      <path
+         id="path19372"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 24.050779,4.5504098 h 0.15336 q 0.49384,0 0.7975,0.582786 0.0521,0.162566 0.0521,0.276056 v 0.04601 l -0.0644,0.06441 h -0.36807 q -0.0859,0 -0.13496,-0.239249 -0.13803,-0.22698 -0.30673,-0.22698 h -0.0982 q -0.23004,0 -0.34047,0.337402 v 0.05521 q 0,0.220845 0.82511,0.82817 0.48769,0.463161 0.48769,0.766823 v 0.07361 q 0,0.558248 -0.6656,0.831236 l -0.1779,0.02761 h -0.15336 q -0.49384,0 -0.7975,-0.582785 -0.0521,-0.165635 -0.0521,-0.276058 v -0.04601 l 0.0644,-0.06441 h 0.36807 q 0.0859,0 0.13496,0.239249 0.13803,0.22698 0.30673,0.22698 h 0.0982 q 0.23004,0 0.34047,-0.337403 v -0.05521 q 0,-0.220845 -0.82511,-0.828169 -0.4877,-0.466228 -0.4877,-0.766823 v -0.07362 q 0,-0.558248 0.66561,-0.831236 z" />
+      <path
+         id="path19374"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 26.050659,4.5504098 h 0.14109 q 0.51531,0 0.80977,0.582786 0.0521,0.150298 0.0521,0.263787 v 0.110423 q 0,0.472363 -0.57972,0.822033 -0.69627,0.490767 -0.73308,0.74842 0.0644,0.392614 0.37728,0.392614 h 0.0245 q 0.3006,0 0.37728,-0.37421 0,-0.09202 0.10122,-0.09202 h 0.36808 l 0.0644,0.06441 v 0.05828 q 0,0.50917 -0.59199,0.788294 -0.12576,0.05828 -0.26992,0.05828 h -0.13496 q -0.49383,0 -0.7975,-0.582785 -0.0521,-0.165635 -0.0521,-0.276058 v -1.705414 q 0,-0.561314 0.6656,-0.831236 z m -0.3098,1.779029 h -0.0981 q 0.23311,-0.214709 0.79442,-0.616525 0.0828,-0.116558 0.0828,-0.266855 0,-0.29446 -0.31593,-0.392613 h -0.0859 q -0.28833,0 -0.37728,0.349672 z" />
+    </g>
+  </g>
+</svg>
diff --git a/client/src/components/Mockup.tsx b/client/src/components/Mockup.tsx
index 44e8bd6..3afde9d 100644
--- a/client/src/components/Mockup.tsx
+++ b/client/src/components/Mockup.tsx
@@ -9,7 +9,7 @@ import TableRow from '@material-ui/core/TableRow';
 import Paper from '@material-ui/core/Paper';
 import Box from '@material-ui/core/Box';
 import SearchIcon from '@material-ui/icons/Search';
-import { IconButton, Button, Typography, Chip, Link, Card, CardContent, CssBaseline } from '@material-ui/core';
+import { IconButton, Icon, Typography, Chip, Link, AppBar, CssBaseline } from '@material-ui/core';
 
 export function MockTable() {
 
@@ -82,9 +82,6 @@ export function QueryBar() {
                             <Typography>By <Link color="inherit" href="#">Queens of the Stone Age</Link></Typography>
                         </QueryElem>
                     </Box>
-                    <Box m={0.5}>
-                        <Typography variant="button">And</Typography>
-                    </Box>
                     <Box m={0.5}>
                         <QueryElem>
                             <Typography>Released before 2020</Typography>
@@ -109,14 +106,19 @@ export function QueryBar() {
 
 function MockupBody() {
     return <>
+        <AppBar position="static">
+            <Box m={0.5} display="flex" alignItems="center">
+                <img height="30px" src={process.env.PUBLIC_URL + "/logo.svg"}></img>
+            </Box>
+        </AppBar>
         <Box width="100%" justifyContent="center" display="flex" flexWrap="wrap">
             <Box
                 m={1}
                 width="80%"
             >
-                <Paper>
-                    <QueryBar />
-                </Paper>
+                {/* <Paper> */}
+                <QueryBar />
+                {/* </Paper> */}
             </Box>
             <Box
                 m={1}
@@ -140,7 +142,7 @@ const darkTheme = createMuiTheme({
 export default function Mockup() {
     return <>
         <ThemeProvider theme={darkTheme}>
-            <CssBaseline/>
+            <CssBaseline />
             <MockupBody />
         </ThemeProvider>
     </>
diff --git a/resources/logo.svg b/resources/logo.svg
new file mode 100644
index 0000000..ddec38e
--- /dev/null
+++ b/resources/logo.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg18727"
+   version="1.1"
+   viewBox="0 0 23.655632 6.0053663"
+   height="6.0053663mm"
+   width="23.655632mm">
+  <defs
+     id="defs18721" />
+  <sodipodi:namedview
+     fit-margin-bottom="0"
+     fit-margin-right="0"
+     fit-margin-left="0"
+     fit-margin-top="0"
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:window-height="1003"
+     inkscape:window-width="1920"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="text19329-1"
+     inkscape:document-units="mm"
+     inkscape:cy="62.911439"
+     inkscape:cx="102.24884"
+     inkscape:zoom="3.2732474"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata18724">
+    <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
+     transform="translate(-3.3979867,-3.1434163)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       id="g19333-7"
+       transform="matrix(0.08007155,0,0,0.08007155,-1.5581106,-3.4995302)">
+      <circle
+         r="37.5"
+         cy="120.46263"
+         cx="99.395859"
+         id="path19290-0"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.250376" />
+      <path
+         sodipodi:nodetypes="ccccccccccccccccccc"
+         d="m 92.982378,89.657996 c -3.214522,2.093337 -4.24212,7.031009 -1.108874,9.671786 5.24273,4.451138 13.265596,4.436238 19.302696,1.673558 1.73254,-0.17246 4.05826,-4.268097 4.65801,-1.184616 l 9.1469,19.305016 c -11.78326,11.26664 -8.10053,7.66991 -19.42383,19.3183 -2.27661,-2.56474 -3.40773,-6.38658 -5.13269,-9.49333 -5.473243,-11.38823 -3.832091,-7.85153 -9.287489,-19.24832 -5.536267,-5.31929 -14.559415,-4.8235 -20.943976,-1.35995 -4.000132,1.68472 -6.517664,7.40602 -2.846358,10.67593 4.390452,4.12727 11.194164,4.2922 16.706571,2.76198 2.403413,0.009 5.557982,-3.86321 6.945922,-3.08654 7.573174,15.89575 7.904958,16.92939 15.67079,32.73148 14.19609,-12.10634 14.03749,-12.17528 26.75668,-24.28851 -5.8538,-13.45436 -5.43451,-11.62083 -11.81526,-24.83794 -2.08946,-4.119182 -3.9803,-8.395024 -6.19289,-12.417086 -4.06756,-4.102075 -10.44295,-4.610675 -15.796809,-3.242783 -2.304682,0.751118 -4.652063,1.603012 -6.639433,3.021035 z"
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.31796"
+         id="path19306-8" />
+    </g>
+    <g
+       style="font-style:normal;font-weight:normal;font-size:50.8px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       id="text19329-1"
+       aria-label="muDBase">
+      <path
+         id="path19362"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 11.235629,4.5504098 h 0.11043 q 0.35887,0 0.61039,0.263788 0.22698,-0.263788 0.60425,-0.263788 h 0.11043 q 0.47236,0 0.76989,0.503036 0.092,0.177904 0.092,0.343537 v 2.512113 l -0.0644,0.06441 h -0.40488 l -0.0644,-0.06441 v -2.463037 q 0,-0.288325 -0.29753,-0.380344 l -0.0982,-0.01227 h -0.006 q -0.3282,0 -0.37728,0.432488 v 2.423165 l -0.0644,0.06441 h -0.40488 l -0.0644,-0.06441 v -2.423162 q -0.0491,-0.432488 -0.37727,-0.432488 h -0.0184 q -0.38341,0.05214 -0.38341,0.392614 v 2.463036 l -0.0644,0.06441 h -0.40488 l -0.0644,-0.06441 v -2.512112 q 0,-0.453961 0.49997,-0.748421 0.18711,-0.09815 0.36194,-0.09815 z" />
+      <path
+         id="path19364"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 13.750809,4.5381408 h 0.40489 l 0.0644,0.06441 v 2.472238 q 0.0613,0.395681 0.37728,0.395681 h 0.0184 q 0.38341,-0.06135 0.38341,-0.392614 v -2.475305 l 0.0644,-0.06441 h 0.40489 l 0.0644,0.06441 v 2.536651 q 0,0.432488 -0.49997,0.739217 -0.19631,0.09509 -0.34967,0.09509 h -0.14723 q -0.36501,0 -0.67787,-0.374211 -0.17177,-0.24845 -0.17177,-0.472362 v -2.524382 z" />
+      <path
+         id="path19366"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 16.928529,3.7038368 h 0.12269 q 0.71161,0 1.13796,0.763756 0.10429,0.260721 0.10429,0.463162 v 2.024412 q 0,0.460094 -0.48156,0.831237 -0.2914,0.187105 -0.55212,0.187105 h -0.34353 q -0.59199,0 -0.96927,-0.680939 -0.0767,-0.236182 -0.0767,-0.509171 v -1.322003 l 0.0644,-0.06441 h 0.41715 l 0.0644,0.06441 v 1.444694 q 0,0.395682 0.43556,0.545979 0.0368,0.0184 0.10122,0.0184 h 0.24538 q 0.41408,0 0.54904,-0.475431 l 0.0123,-0.104288 v -1.935462 q 0,-0.466228 -0.50917,-0.705476 -0.13189,-0.04294 -0.22391,-0.04294 h -0.0736 q -0.46623,0 -0.69934,0.539843 -0.0521,0.30673 -0.13496,0.30673 h -0.36807 l -0.0644,-0.06441 v -0.05828 q 0,-0.693208 0.76376,-1.119562 0.26685,-0.107356 0.4785,-0.107356 z" />
+      <path
+         id="path19368"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 19.480519,3.7038368 h 0.34353 q 0.51224,0 0.87725,0.524507 0.1687,0.272989 0.1687,0.579719 0,0.484632 -0.37421,0.809765 0.13803,0.06748 0.35274,0.365007 0.20551,0.322067 0.20551,0.641064 v 0.122692 q 0,0.693209 -0.76376,1.119562 -0.26685,0.107356 -0.4785,0.107356 h -0.12269 q -0.71161,0 -1.13796,-0.763756 -0.10429,-0.26072 -0.10429,-0.463162 v -2.024412 q 0,-0.460095 0.48156,-0.831236 0.29753,-0.187106 0.55212,-0.187106 z m -0.49997,1.082755 v 1.935461 q 0,0.466229 0.50917,0.705477 0.13496,0.04294 0.22391,0.04294 h 0.0736 q 0.44783,0 0.68708,-0.509171 0.046,-0.141096 0.046,-0.239249 v -0.07361 q 0,-0.466228 -0.50304,-0.702409 l -0.35581,-0.07055 v -0.392614 q 0,-0.08282 0.2822,-0.119624 0.38034,-0.187105 0.38034,-0.518373 v -0.07361 q 0,-0.39568 -0.43556,-0.545978 -0.0368,-0.0184 -0.10122,-0.0184 h -0.24538 q -0.40488,0 -0.54904,0.463162 z" />
+      <path
+         id="path19370"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 22.069309,4.5504098 h 0.13496 q 0.4785,0 0.7975,0.570517 0.0521,0.190172 0.0521,0.288325 v 1.705414 q 0,0.558248 -0.6656,0.831236 l -0.1779,0.02761 h -0.1411 q -0.5153,0 -0.80976,-0.582785 -0.0522,-0.150298 -0.0522,-0.263788 v -0.110423 q 0,-0.472363 0.57972,-0.822034 0.73308,-0.518372 0.73308,-0.772957 0,-0.257654 -0.319,-0.368076 h -0.0951 q -0.26379,0 -0.36501,0.325133 0,0.141096 -0.10122,0.141096 h -0.36808 l -0.0644,-0.06441 v -0.05828 q 0,-0.509171 0.59199,-0.788295 0.12882,-0.05828 0.26992,-0.05828 z m -0.3282,2.527449 q 0,0.294461 0.31593,0.392614 h 0.0859 q 0.28832,0 0.37727,-0.349672 v -0.926322 h 0.0982 q -0.23311,0.214711 -0.79442,0.616526 -0.0828,0.116557 -0.0828,0.266854 z" />
+      <path
+         id="path19372"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 24.050779,4.5504098 h 0.15336 q 0.49384,0 0.7975,0.582786 0.0521,0.162566 0.0521,0.276056 v 0.04601 l -0.0644,0.06441 h -0.36807 q -0.0859,0 -0.13496,-0.239249 -0.13803,-0.22698 -0.30673,-0.22698 h -0.0982 q -0.23004,0 -0.34047,0.337402 v 0.05521 q 0,0.220845 0.82511,0.82817 0.48769,0.463161 0.48769,0.766823 v 0.07361 q 0,0.558248 -0.6656,0.831236 l -0.1779,0.02761 h -0.15336 q -0.49384,0 -0.7975,-0.582785 -0.0521,-0.165635 -0.0521,-0.276058 v -0.04601 l 0.0644,-0.06441 h 0.36807 q 0.0859,0 0.13496,0.239249 0.13803,0.22698 0.30673,0.22698 h 0.0982 q 0.23004,0 0.34047,-0.337403 v -0.05521 q 0,-0.220845 -0.82511,-0.828169 -0.4877,-0.466228 -0.4877,-0.766823 v -0.07362 q 0,-0.558248 0.66561,-0.831236 z" />
+      <path
+         id="path19374"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.0327177"
+         d="m 26.050659,4.5504098 h 0.14109 q 0.51531,0 0.80977,0.582786 0.0521,0.150298 0.0521,0.263787 v 0.110423 q 0,0.472363 -0.57972,0.822033 -0.69627,0.490767 -0.73308,0.74842 0.0644,0.392614 0.37728,0.392614 h 0.0245 q 0.3006,0 0.37728,-0.37421 0,-0.09202 0.10122,-0.09202 h 0.36808 l 0.0644,0.06441 v 0.05828 q 0,0.50917 -0.59199,0.788294 -0.12576,0.05828 -0.26992,0.05828 h -0.13496 q -0.49383,0 -0.7975,-0.582785 -0.0521,-0.165635 -0.0521,-0.276058 v -1.705414 q 0,-0.561314 0.6656,-0.831236 z m -0.3098,1.779029 h -0.0981 q 0.23311,-0.214709 0.79442,-0.616525 0.0828,-0.116558 0.0828,-0.266855 0,-0.29446 -0.31593,-0.392613 h -0.0859 q -0.28833,0 -0.37728,0.349672 z" />
+    </g>
+  </g>
+</svg>
diff --git a/resources/logo_src.svg b/resources/logo_src.svg
new file mode 100644
index 0000000..bce6312
--- /dev/null
+++ b/resources/logo_src.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="logo_src.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg18727"
+   version="1.1"
+   viewBox="0 0 210 297"
+   height="297mm"
+   width="210mm">
+  <defs
+     id="defs18721" />
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:window-height="1003"
+     inkscape:window-width="1920"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="text19329-1"
+     inkscape:document-units="mm"
+     inkscape:cy="471.86865"
+     inkscape:cx="134.26586"
+     inkscape:zoom="0.72322562"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata18724">
+    <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
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="matrix(0.64752541,0,0,0.64752541,-28.155456,62.68152)"
+       id="g19333">
+      <circle
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.250376"
+         id="path19290"
+         cx="99.395859"
+         cy="120.46263"
+         r="37.5" />
+      <path
+         id="path19306"
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.31796"
+         d="m 92.982378,89.657996 c -3.214522,2.093337 -4.24212,7.031009 -1.108874,9.671786 5.24273,4.451138 13.265596,4.436238 19.302696,1.673558 1.73254,-0.17246 4.05826,-4.268097 4.65801,-1.184616 l 9.1469,19.305016 c -11.78326,11.26664 -8.10053,7.66991 -19.42383,19.3183 -2.27661,-2.56474 -3.40773,-6.38658 -5.13269,-9.49333 -5.473243,-11.38823 -3.832091,-7.85153 -9.287489,-19.24832 -5.536267,-5.31929 -14.559415,-4.8235 -20.943976,-1.35995 -4.000132,1.68472 -6.517664,7.40602 -2.846358,10.67593 4.390452,4.12727 11.194164,4.2922 16.706571,2.76198 2.403413,0.009 5.557982,-3.86321 6.945922,-3.08654 7.573174,15.89575 7.904958,16.92939 15.67079,32.73148 14.19609,-12.10634 14.03749,-12.17528 26.75668,-24.28851 -5.8538,-13.45436 -5.43451,-11.62083 -11.81526,-24.83794 -2.08946,-4.119182 -3.9803,-8.395024 -6.19289,-12.417086 -4.06756,-4.102075 -10.44295,-4.610675 -15.796809,-3.242783 -2.304682,0.751118 -4.652063,1.603012 -6.639433,3.021035 z"
+         sodipodi:nodetypes="ccccccccccccccccccc" />
+    </g>
+    <text
+       id="text19329"
+       y="154.96599"
+       x="67.715202"
+       style="font-style:normal;font-weight:normal;font-size:50.8px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         y="154.96599"
+         x="67.715202"
+         id="tspan19327"
+         sodipodi:role="line">muDBase</tspan></text>
+    <g
+       id="g19333-7"
+       transform="matrix(0.6475254,0,0,0.6475254,-28.328934,143.91229)">
+      <circle
+         r="37.5"
+         cy="120.46263"
+         cx="99.395859"
+         id="path19290-0"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.250376" />
+      <path
+         sodipodi:nodetypes="ccccccccccccccccccc"
+         d="m 92.982378,89.657996 c -3.214522,2.093337 -4.24212,7.031009 -1.108874,9.671786 5.24273,4.451138 13.265596,4.436238 19.302696,1.673558 1.73254,-0.17246 4.05826,-4.268097 4.65801,-1.184616 l 9.1469,19.305016 c -11.78326,11.26664 -8.10053,7.66991 -19.42383,19.3183 -2.27661,-2.56474 -3.40773,-6.38658 -5.13269,-9.49333 -5.473243,-11.38823 -3.832091,-7.85153 -9.287489,-19.24832 -5.536267,-5.31929 -14.559415,-4.8235 -20.943976,-1.35995 -4.000132,1.68472 -6.517664,7.40602 -2.846358,10.67593 4.390452,4.12727 11.194164,4.2922 16.706571,2.76198 2.403413,0.009 5.557982,-3.86321 6.945922,-3.08654 7.573174,15.89575 7.904958,16.92939 15.67079,32.73148 14.19609,-12.10634 14.03749,-12.17528 26.75668,-24.28851 -5.8538,-13.45436 -5.43451,-11.62083 -11.81526,-24.83794 -2.08946,-4.119182 -3.9803,-8.395024 -6.19289,-12.417086 -4.06756,-4.102075 -10.44295,-4.610675 -15.796809,-3.242783 -2.304682,0.751118 -4.652063,1.603012 -6.639433,3.021035 z"
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.31796"
+         id="path19306-8" />
+    </g>
+    <g
+       style="font-style:normal;font-weight:normal;font-size:50.8px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       id="text19329-1"
+       aria-label="muDBase">
+      <path
+         id="path19362"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         d="m 75.131959,209.01082 h 0.892969 q 2.902149,0 4.936133,2.13321 1.835547,-2.13321 4.886523,-2.13321 h 0.892969 q 3.819922,0 6.225976,4.06797 0.744141,1.43868 0.744141,2.77813 v 20.31504 l -0.520898,0.5209 h -3.274219 l -0.520898,-0.5209 v -19.91817 q 0,-2.33164 -2.406055,-3.07578 l -0.79375,-0.0992 h -0.04961 q -2.654102,0 -3.050977,3.49746 v 19.59571 l -0.520898,0.5209 h -3.274219 l -0.520899,-0.5209 v -19.59571 q -0.396875,-3.49746 -3.050976,-3.49746 h -0.148828 q -3.100586,0.42168 -3.100586,3.175 v 19.91817 l -0.520899,0.5209 h -3.274218 l -0.520899,-0.5209 v -20.31504 q 0,-3.6711 4.043164,-6.05235 1.513086,-0.79375 2.926953,-0.79375 z" />
+      <path
+         id="path19364"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         d="m 95.471803,208.91161 h 3.274219 l 0.520898,0.52089 v 19.99258 q 0.496094,3.19981 3.05098,3.19981 h 0.14883 q 3.10058,-0.4961 3.10058,-3.175 V 209.4325 l 0.5209,-0.52089 h 3.27422 l 0.5209,0.52089 v 20.51348 q 0,3.49746 -4.04317,5.97793 -1.5875,0.76895 -2.82773,0.76895 h -1.19063 q -2.951755,0 -5.481833,-3.02618 -1.389062,-2.00918 -1.389062,-3.81992 V 209.4325 Z" />
+      <path
+         id="path19366"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         d="m 121.16946,202.16473 h 0.99218 q 5.75469,0 9.20254,6.17637 0.84336,2.1084 0.84336,3.74551 v 16.37109 q 0,3.7207 -3.89433,6.72207 -2.35645,1.51309 -4.46485,1.51309 h -2.77812 q -4.78731,0 -7.83828,-5.50664 -0.62012,-1.90997 -0.62012,-4.11758 v -10.69082 l 0.5209,-0.5209 h 3.37344 l 0.52089,0.5209 v 11.683 q 0,3.19981 3.52227,4.41524 0.29766,0.14883 0.81855,0.14883 h 1.98438 q 3.34863,0 4.44004,-3.84473 l 0.0992,-0.84336 v -15.65176 q 0,-3.77031 -4.11758,-5.70507 -1.0666,-0.34727 -1.81074,-0.34727 h -0.59532 q -3.77031,0 -5.65546,4.36562 -0.42168,2.48047 -1.09141,2.48047 h -2.97656 l -0.5209,-0.52089 v -0.47129 q 0,-5.60586 6.17637,-9.05371 2.158,-0.86817 3.86953,-0.86817 z" />
+      <path
+         id="path19368"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         d="m 141.80696,202.16473 h 2.77812 q 4.14238,0 7.09414,4.2416 1.36426,2.20762 1.36426,4.68809 0,3.91914 -3.02617,6.54844 1.11621,0.5457 2.85254,2.95175 1.66191,2.6045 1.66191,5.18418 v 0.99219 q 0,5.60586 -6.17637,9.05371 -2.158,0.86817 -3.86953,0.86817 h -0.99218 q -5.75469,0 -9.20254,-6.17637 -0.84336,-2.1084 -0.84336,-3.74551 v -16.37109 q 0,-3.72071 3.89433,-6.72207 2.40606,-1.51309 4.46485,-1.51309 z m -4.04317,8.75606 v 15.65175 q 0,3.77032 4.11758,5.70508 1.09141,0.34727 1.81074,0.34727 h 0.59532 q 3.62148,0 5.55624,-4.11758 0.37208,-1.14102 0.37208,-1.93477 v -0.59531 q 0,-3.77031 -4.06797,-5.68027 l -2.87735,-0.57051 v -3.175 q 0,-0.66973 2.28203,-0.96738 3.07579,-1.51309 3.07579,-4.192 v -0.59531 q 0,-3.1998 -3.52227,-4.41523 -0.29766,-0.14883 -0.81855,-0.14883 h -1.98438 q -3.27422,0 -4.44004,3.74551 z" />
+      <path
+         id="path19370"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         d="m 162.74211,209.01082 h 1.09141 q 3.86953,0 6.44922,4.61368 0.42168,1.53789 0.42168,2.33164 v 13.7914 q 0,4.51446 -5.38262,6.72207 l -1.43867,0.22325 h -1.14102 q -4.16718,0 -6.54843,-4.71289 -0.42168,-1.21543 -0.42168,-2.13321 v -0.89297 q 0,-3.81992 4.68808,-6.64765 5.92832,-4.19199 5.92832,-6.25078 0,-2.0836 -2.57969,-2.97657 h -0.76894 q -2.1332,0 -2.95176,2.6293 0,1.14102 -0.81855,1.14102 h -2.97657 l -0.52089,-0.5209 v -0.47129 q 0,-4.11758 4.7873,-6.37481 1.0418,-0.47129 2.18281,-0.47129 z m -2.6541,20.43907 q 0,2.38125 2.55488,3.175 h 0.69454 q 2.33164,0 3.05097,-2.82774 v -7.49101 h 0.79375 q -1.88515,1.73633 -6.42441,4.98574 -0.66973,0.94258 -0.66973,2.15801 z" />
+      <path
+         id="path19372"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         d="m 178.76594,209.01082 h 1.24023 q 3.99356,0 6.44922,4.7129 0.42168,1.31464 0.42168,2.23242 v 0.37207 l -0.5209,0.5209 h -2.97656 q -0.69453,0 -1.09141,-1.93477 -1.11621,-1.83555 -2.48047,-1.83555 h -0.79375 q -1.86035,0 -2.75332,2.72852 v 0.44648 q 0,1.78594 6.67247,6.69727 3.94394,3.74551 3.94394,6.20117 v 0.59531 q 0,4.51446 -5.38262,6.72207 l -1.43867,0.22325 h -1.24023 q -3.99356,0 -6.44922,-4.71289 -0.42168,-1.33946 -0.42168,-2.23243 v -0.37207 l 0.5209,-0.5209 h 2.97656 q 0.69453,0 1.09141,1.93477 1.11621,1.83555 2.48046,1.83555 h 0.79375 q 1.86036,0 2.75332,-2.72852 v -0.44648 q 0,-1.78594 -6.67246,-6.69727 -3.94394,-3.77031 -3.94394,-6.20117 v -0.59531 q 0,-4.51446 5.38262,-6.72207 z" />
+      <path
+         id="path19374"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.8px;font-family:'Baby Superhero';-inkscape-font-specification:'Baby Superhero';stroke-width:0.264583"
+         d="m 194.9386,209.01082 h 1.14101 q 4.16719,0 6.54844,4.7129 0.42168,1.21543 0.42168,2.1332 v 0.89297 q 0,3.81992 -4.68808,6.64765 -5.63067,3.96875 -5.92832,6.05235 0.52089,3.175 3.05097,3.175 h 0.19844 q 2.43086,0 3.05098,-3.02617 0,-0.74415 0.81855,-0.74415 h 2.97656 l 0.5209,0.5209 v 0.47129 q 0,4.11758 -4.7873,6.37481 -1.017,0.47129 -2.18282,0.47129 h -1.0914 q -3.99356,0 -6.44922,-4.71289 -0.42168,-1.33946 -0.42168,-2.23243 v -13.7914 q 0,-4.53926 5.38262,-6.72207 z m -2.50527,14.38672 h -0.79375 q 1.88515,-1.73632 6.42441,-4.98574 0.66973,-0.94258 0.66973,-2.15801 0,-2.38125 -2.55489,-3.175 h -0.69453 q -2.33164,0 -3.05097,2.82774 z" />
+    </g>
+  </g>
+</svg>