refactor(web/ui): Move project selector into masthead

This change moves the project selector into the masthead since it
affects the whole application. This follows the PatternFly guidelines.

1 files changed, 191 insertions, 0 deletions

diff --git a/opendc-web/opendc-web-ui/public/img/logo.svg b/opendc-web/opendc-web-ui/public/img/logo.svg
new file mode 100644
index 00000000..5283a034
--- /dev/null
+++ b/opendc-web/opendc-web-ui/public/img/logo.svg
@@ -0,0 +1,191 @@
+<?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="4.3656249mm"
+   height="5.4239674mm"
+   viewBox="0 0 4.3656249 5.4239674"
+   version="1.1"
+   id="svg4738"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="opendc.svg">
+  <defs
+     id="defs4732" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.4"
+     inkscape:cx="-5.0874286"
+     inkscape:cy="6.401307"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1027"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4735">
+    <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(-16.538532,-146.52225)">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,-15.13354,-112.7517)"
+       id="g4333"
+       inkscape:export-filename="h:\Desktop\logo.png"
+       inkscape:export-xdpi="561.54816"
+       inkscape:export-ydpi="561.54816">
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         style="fill:#48a1cd;fill-opacity:1;stroke:none"
+         d="m 119.95547,988.18306 8,4 v -4 l -8,-4 z"
+         id="path4052-1-2-8"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         style="fill:#82d0e7;fill-opacity:1;stroke:none"
+         d="m 127.95547,988.18306 v 4 l 8.00001,-4 v -4 z"
+         id="path4054-4-9-2"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         style="fill:#82d0e7;fill-opacity:1;stroke:none"
+         d="m 119.95547,984.18306 8,-4 8.00001,4 -8.00001,4 z"
+         id="path4056-2-1-5"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         inkscape:connector-curvature="0"
+         id="path4048-1-9"
+         d="m 119.95547,992.18306 8,4 v -4 l -8,-4 z"
+         style="fill:#d1af2e;fill-opacity:1;stroke:none" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         inkscape:connector-curvature="0"
+         id="path4050-7-2"
+         d="m 127.95546,992.18306 v 4 l 8.00001,-4 v -4 z"
+         style="fill:#edd667;fill-opacity:1;stroke:none" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:#df6f20;fill-opacity:1;stroke:none"
+         d="m 119.95547,996.18306 8,4.00004 v -4.00004 l -8,-4 z"
+         id="path3883-9-9-8"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:#ed9c67;fill-opacity:1;stroke:none"
+         d="m 127.95547,996.18306 v 4.00004 l 8,-4.00004 v -4 z"
+         id="path3885-8-9-1"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
+         d="m 119.95547,984.18306 8,-4 8,4 -8,4 z"
+         id="path3893-6-0-8"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 119.95547,984.18306 v 4 l 8,4 8,-4 v -4"
+         id="path3895-2-6-1"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 127.95547,988.18306 v 12.00004"
+         id="path3897-3-2-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         inkscape:connector-curvature="0"
+         id="path3899-8-1-7"
+         d="m 119.95547,988.18306 v 4 l 8,4 8,-4 v -4"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
+         d="m 119.95547,992.18306 v 4 l 8,4.00004 8,-4.00004 v -4"
+         id="path3901-5-6-1"
+         inkscape:connector-curvature="0" />
+      <circle
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         transform="matrix(1.0403949,-0.44307824,0.3060712,0.9369482,-235.62413,33.696703)"
+         id="path3906-6-2-4-1-2"
+         style="fill:#000000;fill-opacity:1;stroke:none"
+         cx="43.5"
+         cy="1044.8622"
+         r="0.5" />
+      <circle
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         transform="matrix(1.0403949,-0.44307824,0.3060712,0.9369482,-235.62413,37.696663)"
+         id="path3910-3-0-1-9-1"
+         style="fill:#000000;fill-opacity:1;stroke:none"
+         cx="43.5"
+         cy="1044.8622"
+         r="0.5" />
+      <circle
+         style="fill:#000000;fill-opacity:1;stroke:none"
+         id="path4108-7-3-6"
+         transform="matrix(1.0403949,-0.44307824,0.3060712,0.9369482,-235.62413,29.696659)"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-ydpi="1307.2168"
+         cx="43.5"
+         cy="1044.8622"
+         r="0.5" />
+    </g>
+  </g>
+</svg>