added webinterface

16 files changed, 185 insertions, 0 deletions

diff --git a/public/img/arrow.svg b/public/img/arrow.svg
new file mode 100644
index 0000000..02a1b18
--- /dev/null
+++ b/public/img/arrow.svg
@@ -0,0 +1,65 @@
+<?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="100"
+   height="100"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="arrow.svg"
+   inkscape:export-filename="/home/olf/Projekte/Kunstprojekt-CCTV/js-interface/down.png"
+   inkscape:export-xdpi="99.989998"
+   inkscape:export-ydpi="99.989998">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="72.885621"
+     inkscape:cy="46.110712"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="763"
+     inkscape:window-x="0"
+     inkscape:window-y="16"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <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(0,-952.36218)">
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:none"
+       d="m 49.999995,1042.3622 40.00001,-80.00001 -80.00001,0 z"
+       id="path2985"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+  </g>
+</svg>
diff --git a/public/img/down.png b/public/img/down.png
new file mode 100644
index 0000000..e7cad41
--- /dev/null
+++ b/public/img/down.png
diff --git a/public/img/left.png b/public/img/left.png
new file mode 100644
index 0000000..058e0d5
--- /dev/null
+++ b/public/img/left.png
diff --git a/public/img/print_button.png b/public/img/print_button.png
new file mode 100644
index 0000000..1275207
--- /dev/null
+++ b/public/img/print_button.png
diff --git a/public/img/print_button.svg b/public/img/print_button.svg
new file mode 100644
index 0000000..aee2cd0
--- /dev/null
+++ b/public/img/print_button.svg
@@ -0,0 +1,120 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="201"
+   height="101"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="print_button.svg"
+   inkscape:export-filename="/home/olf/Projekte/Kunstprojekt-CCTV/js-interface/img/print_button_highlight.png"
+   inkscape:export-xdpi="89.10891"
+   inkscape:export-ydpi="89.10891">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient3765">
+      <stop
+         id="stop3767"
+         offset="0"
+         style="stop-color:#666666;stop-opacity:1;" />
+      <stop
+         id="stop3769"
+         offset="1"
+         style="stop-color:#c0c0c0;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3755">
+      <stop
+         style="stop-color:#666666;stop-opacity:1;"
+         offset="0"
+         id="stop3757" />
+      <stop
+         id="stop3771"
+         offset="0.56964296"
+         style="stop-color:#939393;stop-opacity:1;" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop3759" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3755"
+       id="linearGradient3761"
+       x1="197.5"
+       y1="297.00504"
+       x2="196.78574"
+       y2="169.14789"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="38.008931"
+     inkscape:cy="68.443537"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1280"
+     inkscape:window-height="763"
+     inkscape:window-x="0"
+     inkscape:window-y="16"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <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(-88.0625,-169)">
+    <rect
+       style="fill:url(#linearGradient3761);fill-opacity:1;stroke:#000000;stroke-opacity:1"
+       id="rect2985"
+       width="200"
+       height="100"
+       x="88.571426"
+       y="169.50504"
+       ry="18.571428" />
+    <text
+       xml:space="preserve"
+       style="font-size:120px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Open Sans;-inkscape-font-specification:Open Sans"
+       x="109.69447"
+       y="230.50504"
+       id="text3763"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan3765"
+         x="109.69447"
+         y="230.50504"
+         style="font-size:40px;fill:#ffffff">Drucken</tspan></text>
+  </g>
+</svg>
diff --git a/public/img/print_button_highlight.png b/public/img/print_button_highlight.png
new file mode 100644
index 0000000..1cb7df5
--- /dev/null
+++ b/public/img/print_button_highlight.png
diff --git a/public/img/right.png b/public/img/right.png
new file mode 100644
index 0000000..415fb5d
--- /dev/null
+++ b/public/img/right.png
diff --git a/public/img/testbild-1.png b/public/img/testbild-1.png
new file mode 100644
index 0000000..cae27b6
--- /dev/null
+++ b/public/img/testbild-1.png
diff --git a/public/img/testbild-2.png b/public/img/testbild-2.png
new file mode 100644
index 0000000..804ca63
--- /dev/null
+++ b/public/img/testbild-2.png
diff --git a/public/img/testbild-3.png b/public/img/testbild-3.png
new file mode 100644
index 0000000..cc0f3b3
--- /dev/null
+++ b/public/img/testbild-3.png
diff --git a/public/img/testbild-4.png b/public/img/testbild-4.png
new file mode 100644
index 0000000..1b73190
--- /dev/null
+++ b/public/img/testbild-4.png
diff --git a/public/img/testbild-4.xcf b/public/img/testbild-4.xcf
new file mode 100644
index 0000000..c844b06
--- /dev/null
+++ b/public/img/testbild-4.xcf
diff --git a/public/img/testbild.gif b/public/img/testbild.gif
new file mode 100644
index 0000000..19ea023
--- /dev/null
+++ b/public/img/testbild.gif
diff --git a/public/img/testbild.png b/public/img/testbild.png
new file mode 100644
index 0000000..82b1339
--- /dev/null
+++ b/public/img/testbild.png
diff --git a/public/img/testbild.xcf b/public/img/testbild.xcf
new file mode 100644
index 0000000..e23beed
--- /dev/null
+++ b/public/img/testbild.xcf
diff --git a/public/img/up.png b/public/img/up.png
new file mode 100644
index 0000000..ed95bbd
--- /dev/null
+++ b/public/img/up.png