Browse Source

added a placeholder logo

Brandon Wong 1 year ago
parent
commit
70bd72fa2b

BIN
extra/logo.dia


+ 88 - 0
extra/logo.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="26cm" height="26cm" viewBox="92 135 503 502" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs/>
+  <g id="Background">
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="152" y="193" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.95" y="193.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.95" y="248.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.9" y="248.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.95" y="193.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.9" y="193.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.9" y="248.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.85" y="248.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.95" y="303.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.9" y="303.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.9" y="358.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.85" y="358.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.9" y="303.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.85" y="303.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.85" y="358.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.8" y="358.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.95" y="193.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.9" y="193.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.9" y="248.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.85" y="248.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.9" y="193.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.85" y="193.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.85" y="248.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.8" y="248.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.9" y="303.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.85" y="303.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.85" y="358.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.8" y="358.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.85" y="303.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.8" y="303.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.8" y="358.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.75" y="358.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.95" y="413.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.9" y="413.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.9" y="468.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.85" y="468.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.9" y="413.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.85" y="413.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.85" y="468.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.8" y="468.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.9" y="523.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.85" y="523.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.85" y="578.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.8" y="578.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.85" y="523.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.8" y="523.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.8" y="578.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.75" y="578.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.9" y="413.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.85" y="413.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.85" y="468.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.8" y="468.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.85" y="413.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.8" y="413.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.8" y="468.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.75" y="468.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.85" y="523.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.8" y="523.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.8" y="578.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.75" y="578.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.8" y="523.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.75" y="523.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.75" y="578.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.7" y="578.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.8" y="138.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.75" y="138.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.75" y="138.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.7" y="138.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.75" y="138.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.7" y="138.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.7" y="138.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.65" y="138.35" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.8" y="193.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.75" y="248.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.75" y="303.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.7" y="358.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.75" y="413.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.7" y="468.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.7" y="523.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.65" y="578.35" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.6" y="138.4" width="55" height="55" rx="0" ry="0"/>
+  </g>
+</svg>

+ 88 - 0
frontend/resources/public/logo.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="26cm" height="26cm" viewBox="92 135 503 502" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs/>
+  <g id="Background">
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="152" y="193" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.95" y="193.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.95" y="248.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.9" y="248.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.95" y="193.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.9" y="193.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.9" y="248.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.85" y="248.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.95" y="303.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.9" y="303.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.9" y="358.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.85" y="358.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.9" y="303.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.85" y="303.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.85" y="358.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.8" y="358.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.95" y="193.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.9" y="193.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.9" y="248.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.85" y="248.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.9" y="193.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.85" y="193.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.85" y="248.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.8" y="248.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.9" y="303.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.85" y="303.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.85" y="358.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.8" y="358.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.85" y="303.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.8" y="303.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.8" y="358.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.75" y="358.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.95" y="413.05" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.9" y="413.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.9" y="468.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.85" y="468.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.9" y="413.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.85" y="413.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.85" y="468.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.8" y="468.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.9" y="523.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.85" y="523.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.85" y="578.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.8" y="578.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.85" y="523.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.8" y="523.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.8" y="578.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.75" y="578.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.9" y="413.1" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.85" y="413.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.85" y="468.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.8" y="468.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.85" y="413.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.8" y="413.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.8" y="468.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.75" y="468.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.85" y="523.15" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.8" y="523.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.8" y="578.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.75" y="578.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #00afff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.8" y="523.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.75" y="523.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.75" y="578.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.7" y="578.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="151.8" y="138.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="206.75" y="138.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="261.75" y="138.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="316.7" y="138.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="371.75" y="138.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="426.7" y="138.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="481.7" y="138.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="536.65" y="138.35" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.8" y="193.2" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.75" y="248.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.75" y="303.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.7" y="358.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.75" y="413.25" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.7" y="468.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.7" y="523.3" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.65" y="578.35" width="55" height="55" rx="0" ry="0"/>
+    <rect style="fill: #ffffff; fill-opacity: 1; stroke-opacity: 1; stroke-width: 6; stroke: #999999" x="95.6" y="138.4" width="55" height="55" rx="0" ry="0"/>
+  </g>
+</svg>

+ 4 - 0
frontend/resources/public/site.css

@@ -95,6 +95,10 @@ td input:not(:focus) {
     font-weight: bold;
     text-align: center;
 }
+#main-logo > img {
+    width: 100%;
+    height:100%;
+}
 #left-controls-button {
     left: 0;
     width: calc(var(--controls-width) + 2 * var(--controls-padding));

+ 1 - 1
frontend/src/cljs/microtables_frontend/views.cljs

@@ -81,7 +81,7 @@
    [:div
     {:id "main-logo"
      :title "Microtables"}
-    "M"]])
+    [:img {:src "logo.svg"}]]])
 
 (defn main-panel []
   (let [data (re-frame/subscribe [::subs/table-data])