6 files changed, 225 insertions, 0 deletions
diff --git a/app/svgs/generate_video.sh b/app/svgs/generate_video.sh
new file mode 100755
index 0000000..450a7eb
--- /dev/null
+++ b/app/svgs/generate_video.sh
@@ -0,0 +1,7 @@
+#!/bin/bash
+
+for i in video_file_missing video_file_error; do
+	ffmpeg -stream_loop 16 -i $i.png -vc libx264 -pix_fmt yuv420p -vprofile baseline -vf setpts=N/TB -movflags +faststart $i.mp4
+done
+
+
diff --git a/app/svgs/video_file_error.png b/app/svgs/video_file_error.png
new file mode 100644
index 0000000..fae4451
--- /dev/null
+++ b/app/svgs/video_file_error.png
diff --git a/app/svgs/video_file_error.svg b/app/svgs/video_file_error.svg
new file mode 100644
index 0000000..adee487
--- /dev/null
+++ b/app/svgs/video_file_error.svg
@@ -0,0 +1,92 @@
+<?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"
+   height="26"
+   viewBox="0 0 26 26"
+   width="26"
+   version="1.1"
+   id="svg116"
+   sodipodi:docname="video_file_error.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   inkscape:export-xdpi="1890.4615"
+   inkscape:export-ydpi="1890.4615">
+  <metadata
+     id="metadata122">
+    <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>
+  <defs
+     id="defs120" />
+  <sodipodi:namedview
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="3708"
+     inkscape:window-height="2032"
+     id="namedview118"
+     showgrid="false"
+     inkscape:snap-page="true"
+     inkscape:snap-center="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="false"
+     inkscape:snap-text-baseline="true"
+     inkscape:zoom="21.05"
+     inkscape:cx="-7.8574822"
+     inkscape:cy="10.342829"
+     inkscape:window-x="132"
+     inkscape:window-y="54"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg116"
+     inkscape:pagecheckerboard="false" />
+  <rect
+     style="fill:#000000;stroke-width:1.0620501"
+     id="rect4719"
+     width="31.130642"
+     height="30.750593"
+     x="-2.5653207"
+     y="-1.615202" />
+  <path
+     d="m 19.090649,5.0023748 2,4 h -3 l -2,-4 h -2 l 2,4 h -3 l -2,-4 H 9.0906487 l 2.0000003,4 H 8.0906487 l -2,-4 h -1 c -1.1,0 -1.99,0.9 -1.99,2 l -0.01,12.0000002 c 0,1.1 0.9,2 2,2 H 21.090649 c 1.1,0 2,-0.9 2,-2 V 5.0023748 Z"
+     id="path112"
+     inkscape:connector-curvature="0"
+     style="fill:#ffffff" />
+  <g
+     id="g4785"
+     transform="matrix(0.50000001,0,0,0.50000001,7.0735941,9.0023748)">
+    <path
+       id="path4771"
+       d="M 0,0 H 24 V 24 H 0 Z"
+       inkscape:connector-curvature="0"
+       style="fill:none" />
+    <path
+       id="path4773"
+       d="M 12,2 C 6.48,2 2,6.48 2,12 2,17.52 6.48,22 12,22 17.52,22 22,17.52 22,12 22,6.48 17.52,2 12,2 Z m 1,15 h -2 v -2 h 2 z m 0,-4 H 11 V 7 h 2 z"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/app/svgs/video_file_missing.png b/app/svgs/video_file_missing.png
new file mode 100644
index 0000000..51d3e79
--- /dev/null
+++ b/app/svgs/video_file_missing.png
diff --git a/app/svgs/video_file_missing.svg b/app/svgs/video_file_missing.svg
new file mode 100644
index 0000000..0291c75
--- /dev/null
+++ b/app/svgs/video_file_missing.svg
@@ -0,0 +1,44 @@
+<?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"
+   id="svg116"
+   version="1.1"
+   width="26"
+   viewBox="0 0 26 26"
+   height="26">
+  <metadata
+     id="metadata122">
+    <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>
+  <defs
+     id="defs120" />
+  <path
+     id="path112"
+     d="m 19.090649,5.0023748 2,4 h -3 l -2,-4 h -2 l 2,4 h -3 l -2,-4 H 9.0906487 l 2.0000003,4 H 8.0906487 l -2,-4 h -1 c -1.1,0 -1.99,0.9 -1.99,2 l -0.01,12.0000002 c 0,1.1 0.9,2 2,2 H 21.090649 c 1.1,0 2,-0.9 2,-2 V 5.0023748 Z" />
+  <flowRoot
+     transform="matrix(0.35923173,0,0,0.35923173,0.90313202,6.2805158)"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto weight=255';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none"
+     id="flowRoot124"
+     xml:space="preserve"><flowRegion
+       style="font-style:normal;font-variant:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:'Roboto weight=255';text-align:center;text-anchor:middle;fill:#ffffff"
+       id="flowRegion126"><rect
+         style="font-style:normal;font-variant:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:'Roboto weight=255';text-align:center;text-anchor:middle;fill:#ffffff"
+         y="1.5866983"
+         x="6.223278"
+         height="55.106888"
+         width="56.722092"
+         id="rect128" /></flowRegion><flowPara
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:center;text-anchor:middle;fill:#ffffff"
+       id="flowPara130">?</flowPara></flowRoot></svg>
diff --git a/app/svgs/videowall.svg b/app/svgs/videowall.svg
new file mode 100644
index 0000000..e1f6367
--- /dev/null
+++ b/app/svgs/videowall.svg
@@ -0,0 +1,82 @@
+<?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"
+   height="24"
+   viewBox="0 0 24 24"
+   width="24"
+   version="1.1"
+   id="svg898"
+   sodipodi:docname="videowall.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata904">
+    <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>
+  <defs
+     id="defs902" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="3708"
+     inkscape:window-height="2032"
+     id="namedview900"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-30.508475"
+     inkscape:cy="9.9775549"
+     inkscape:window-x="132"
+     inkscape:window-y="54"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg898" />
+  <path
+     d="m 4,4 h 7 V 2 H 4 C 2.9,2 2,2.9 2,4 v 7 h 2 z"
+     id="path1474" />
+  <path
+     d="m 20,2 h -7 v 2 h 7 v 7 h 2 V 4 C 22,2.9 21.1,2 20,2 Z"
+     id="path1468" />
+  <path
+     d="m 20,20 h -7 v 2 h 7 c 1.1,0 2,-0.9 2,-2 v -7 h -2 z"
+     id="path1466" />
+  <path
+     d="M 4,13 H 2 v 7 c 0,1.1 0.9,2 2,2 h 7 V 20 H 4 Z"
+     id="path894" />
+  <path
+     d="M0 0h24v24H0z"
+     fill="none"
+     id="path896" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 16.977966,4.5338995 V 6.213278 H 15.298587 V 4.5338995 H 8.581073 V 6.213278 H 6.901695 V 4.5338995 H 5.222316 V 19.648305 h 1.679379 v -1.679377 h 1.679378 v 1.679377 h 6.717514 v -1.679377 h 1.679379 v 1.679377 h 1.679379 V 4.5338995 Z M 8.581073,16.289548 H 6.901695 v -1.679379 h 1.679378 z m 0,-3.358757 H 6.901695 v -1.679377 h 1.679378 z m 0,-3.358755 H 6.901695 V 7.892657 h 1.679378 z m 8.396893,6.717512 h -1.679379 v -1.679379 h 1.679379 z m 0,-3.358757 h -1.679379 v -1.679377 h 1.679379 z m 0,-3.358755 H 15.298587 V 7.892657 h 1.679379 z"
+     id="path882"
+     style="fill:#000000;stroke-width:0.83968925" />
+  <path
+     d="m 10.061018,12.340395 -3.159323,3.949153 h 9.477966 l -2.369492,-3.159323 -1.603356,2.140441 z"
+     id="path1472"
+     inkscape:connector-curvature="0"
+     style="fill:#ffffff;stroke-width:0.78983057" />
+  <path
+     d="m 14.559322,8.8050847 c 0,-0.83 -0.67,-1.5 -1.5,-1.5 -0.83,0 -1.5,0.67 -1.5,1.5 0,0.83 0.67,1.5000003 1.5,1.5000003 0.83,0 1.5,-0.6700003 1.5,-1.5000003 z"
+     id="path1470"
+     style="fill:#ffffff"
+     inkscape:connector-curvature="0" />
+</svg>