From 742bb02f999fd1e73eb70488d5c9318fe25caac8 Mon Sep 17 00:00:00 2001
From: Calin Crisan <ccrisan@gmail.com>
Date: Mon, 18 Nov 2013 11:55:52 +0200
Subject: [PATCH] added owl logo & icon

---
 doc/todo.txt                  |   3 ++
 src/handlers.py               |   1 +
 static/css/main.css           |   5 +--
 static/img/favicon.ico        | Bin 0 -> 90022 bytes
 static/img/motioneye-icon.svg |  56 ++++++++++++++++++++++++++++++++
 static/img/motioneye-logo.svg |  56 ++++++++++++++++++++++++++++++++
 static/img/motioneye.svg      |  58 ----------------------------------
 templates/base.html           |   1 +
 templates/main.html           |   2 +-
 9 files changed, 121 insertions(+), 61 deletions(-)
 create mode 100644 static/img/favicon.ico
 create mode 100644 static/img/motioneye-icon.svg
 create mode 100644 static/img/motioneye-logo.svg
 delete mode 100644 static/img/motioneye.svg

diff --git a/doc/todo.txt b/doc/todo.txt
index 0a24257..1b74edc 100644
--- a/doc/todo.txt
+++ b/doc/todo.txt
@@ -1,6 +1,9 @@
 -> make camera frames positions configurable
 -> add a view log functionality
 
+-> optimize the media list js code:
+    * loading many media groups (directories) is painfully slow
+    * scroll event could also be optimized for speed
 -> style scroll bars
 -> hint text next to section titles
 -> clickable hints
diff --git a/src/handlers.py b/src/handlers.py
index e41be6a..7fac412 100644
--- a/src/handlers.py
+++ b/src/handlers.py
@@ -27,6 +27,7 @@ import mediafiles
 import mjpgclient
 import motionctl
 import remote
+import settings
 import template
 import update
 import v4l2ctl
diff --git a/static/css/main.css b/static/css/main.css
index 96d57df..8fbe63f 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -127,8 +127,9 @@ span.logo {
 }
 
 img.logo {
-    width: 48px;
-    height: 48px;
+    width: 36px;
+    height: 36px;
+    padding: 7px 3px;
     vertical-align: middle;
 }
 
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..81224841d87613c10dd07ac6913e736adb39498a
GIT binary patch
literal 90022
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
a>1FZ#Tg@-7!S{tUR<*ggXg~Ag@Baa~dtw0q

literal 0
HcmV?d00001

diff --git a/static/img/motioneye-icon.svg b/static/img/motioneye-icon.svg
new file mode 100644
index 0000000..7e30370
--- /dev/null
+++ b/static/img/motioneye-icon.svg
@@ -0,0 +1,56 @@
+<?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"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   width="64"
+   height="64"
+   xml:space="preserve"
+   sodipodi:docname="motioneye-logo.svg"
+   inkscape:export-filename="/home/ccrisan/projects/motioneye/static/img/motioneye-logo.png"
+   inkscape:export-xdpi="960"
+   inkscape:export-ydpi="960"><metadata
+     id="metadata8"><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="defs6" /><sodipodi:namedview
+     pagecolor="#969696"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1030"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="1"
+     inkscape:cx="16.49923"
+     inkscape:cy="31.367776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10"
+     showguides="true"
+     inkscape:guide-bbox="true" /><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.25,0,0,-1.25,0,64)"><path
+       style="opacity:1;fill:#3498db;fill-opacity:1;stroke:none"
+       d="m 32,6 c -5.264933,0 -10.15584,1.684955 -14.25,4.375 4.426748,0.474546 8.794165,1.616509 13.75,4.0625 5.241955,-2.299372 10.152222,-3.621792 14.78125,-4.15625 C 42.179879,7.5768125 37.280255,6 32,6 z m 17,5.59375 c -5.21085,0.03453 -12.330126,1.666208 -17.5,4.03125 -5.435679,-1.964064 -11.012887,-4.147356 -17.3125,-4 -0.419974,0.0099 -0.823167,0.03114 -1.25,0.0625 L 8,12.09375 l 4.6875,1.5625 c 6.020833,2.047755 13.921284,6.20873 17.4375,12.53125 l 0.3125,0.5 0.5625,0 2,0 0.5625,0 0.25,-0.4375 C 37.952221,19.929411 43.981336,16.020443 51.28125,13.65625 l 4.625,-1.5 -4.8125,-0.46875 C 50.437916,11.625136 49.744407,11.588818 49,11.59375 z M 12.65625,14.6875 C 8.5126665,19.293305 6,25.316864 6,32 6,46.359404 17.640596,58 32,58 46.359404,58 58,46.359404 58,32 58,25.341351 55.491547,19.287285 51.375,14.6875 49.406504,15.410957 47.442694,16.253379 45.5,17.34375 49.260018,18.43176 52,21.91463 52,26 c 0,4.945036 -4.027245,9 -9,9 -4.217962,0 -7.765819,-2.914031 -8.75,-6.8125 -1.243768,0 -3.31109,0 -4.5,0 C 28.774204,32.087724 25.219217,35 21,35 c -4.972755,0 -9.03125,-4.054964 -9.03125,-9 0,-4.133444 2.851912,-7.644 6.6875,-8.6875 -1.945667,-1.058808 -3.952016,-1.881003 -6,-2.625 z M 21,23 c -1.656854,0 -3,1.343146 -3,3 0,1.656854 1.343146,3 3,3 1.656854,0 3,-1.343146 3,-3 0,-1.656854 -1.343146,-3 -3,-3 z m 22,0 c -1.656854,0 -3,1.343146 -3,3 0,1.656854 1.343146,3 3,3 1.656854,0 3,-1.343146 3,-3 0,-1.656854 -1.343146,-3 -3,-3 z m -11,8 c 0.618234,2.299881 1.278866,4.581981 4,6 l -4,6 -4,-6 c 2.383634,-1.6888 3.483037,-3.758112 4,-6 z"
+       transform="matrix(0.8,0,0,-0.8,0,51.2)"
+       id="path3938"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="scccssccccccccccccccscsssccssccssccssssssssssccccc" /></g></svg>
\ No newline at end of file
diff --git a/static/img/motioneye-logo.svg b/static/img/motioneye-logo.svg
new file mode 100644
index 0000000..13e36ea
--- /dev/null
+++ b/static/img/motioneye-logo.svg
@@ -0,0 +1,56 @@
+<?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"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   width="64"
+   height="64"
+   xml:space="preserve"
+   sodipodi:docname="motioneye-logo.svg"
+   inkscape:export-filename="/home/ccrisan/projects/motioneye/static/img/motioneye-logo.png"
+   inkscape:export-xdpi="960"
+   inkscape:export-ydpi="960"><metadata
+     id="metadata8"><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 /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><sodipodi:namedview
+     pagecolor="#969696"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0.41176471"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1030"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="4.8457031"
+     inkscape:cx="-0.86669632"
+     inkscape:cy="22.459614"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10"
+     showguides="true"
+     inkscape:guide-bbox="true" /><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.25,0,0,-1.25,0,64)"><path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none"
+       d="m 32,6 c -5.264933,0 -10.15584,1.684955 -14.25,4.375 4.426748,0.474546 8.794165,1.616509 13.75,4.0625 5.241955,-2.299372 10.152222,-3.621792 14.78125,-4.15625 C 42.179879,7.5768125 37.280255,6 32,6 z m 17,5.59375 c -5.21085,0.03453 -12.330126,1.666208 -17.5,4.03125 -5.435679,-1.964064 -11.012887,-4.147356 -17.3125,-4 -0.419974,0.0099 -0.823167,0.03114 -1.25,0.0625 L 8,12.09375 l 4.6875,1.5625 c 6.020833,2.047755 13.921284,6.20873 17.4375,12.53125 l 0.3125,0.5 0.5625,0 2,0 0.5625,0 0.25,-0.4375 C 37.952221,19.929411 43.981336,16.020443 51.28125,13.65625 l 4.625,-1.5 -4.8125,-0.46875 C 50.437916,11.625136 49.744407,11.588818 49,11.59375 z M 12.65625,14.6875 C 8.5126665,19.293305 6,25.316864 6,32 6,46.359404 17.640596,58 32,58 46.359404,58 58,46.359404 58,32 58,25.341351 55.491547,19.287285 51.375,14.6875 49.406504,15.410957 47.442694,16.253379 45.5,17.34375 49.260018,18.43176 52,21.91463 52,26 c 0,4.945036 -4.027245,9 -9,9 -4.217962,0 -7.765819,-2.914031 -8.75,-6.8125 -1.243768,0 -3.31109,0 -4.5,0 C 28.774204,32.087724 25.219217,35 21,35 c -4.972755,0 -9.03125,-4.054964 -9.03125,-9 0,-4.133444 2.851912,-7.644 6.6875,-8.6875 -1.945667,-1.058808 -3.952016,-1.881003 -6,-2.625 z M 21,23 c -1.656854,0 -3,1.343146 -3,3 0,1.656854 1.343146,3 3,3 1.656854,0 3,-1.343146 3,-3 0,-1.656854 -1.343146,-3 -3,-3 z m 22,0 c -1.656854,0 -3,1.343146 -3,3 0,1.656854 1.343146,3 3,3 1.656854,0 3,-1.343146 3,-3 0,-1.656854 -1.343146,-3 -3,-3 z m -11,8 c 0.618234,2.299881 1.278866,4.581981 4,6 l -4,6 -4,-6 c 2.383634,-1.6888 3.483037,-3.758112 4,-6 z"
+       transform="matrix(0.8,0,0,-0.8,0,51.2)"
+       id="path3938"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="scccssccccccccccccccscsssccssccssccssssssssssccccc" /></g></svg>
\ No newline at end of file
diff --git a/static/img/motioneye.svg b/static/img/motioneye.svg
deleted file mode 100644
index acc09f4..0000000
--- a/static/img/motioneye.svg
+++ /dev/null
@@ -1,58 +0,0 @@
-<?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"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   width="48"
-   height="48"
-   xml:space="preserve"
-   sodipodi:docname="motioneye.svg"><metadata
-     id="metadata8"><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 /></cc:Work></rdf:RDF></metadata><defs
-     id="defs6" /><sodipodi:namedview
-     pagecolor="#969696"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0.70196078"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1030"
-     id="namedview4"
-     showgrid="false"
-     inkscape:zoom="16.354248"
-     inkscape:cx="47.677361"
-     inkscape:cy="27.810209"
-     inkscape:window-x="0"
-     inkscape:window-y="25"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g10" /><g
-     id="g10"
-     inkscape:groupmode="layer"
-     inkscape:label="ink_ext_XXXXXX"
-     transform="matrix(1.25,0,0,-1.25,0,48)"><path
-       sodipodi:type="arc"
-       style="fill:none;stroke:#ffffff;stroke-width:9.05973721;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-       id="path3789"
-       sodipodi:cx="164.74074"
-       sodipodi:cy="96.59259"
-       sodipodi:rx="63.407406"
-       sodipodi:ry="60.444443"
-       d="m 228.14814,96.59259 c 0,33.38254 -28.38846,60.44444 -63.4074,60.44444 -35.01895,0 -63.40741,-27.0619 -63.40741,-60.44444 0,-33.382544 28.38846,-60.444442 63.40741,-60.444442 35.01894,0 63.4074,27.061898 63.4074,60.444442 z"
-       transform="matrix(0.25864487,0,0,-0.27132354,-23.409347,-2.592158)" /><path
-       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:8.06000042;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
-       d="m 19.344,27.142 c -2.295613,0 -4.348358,-0.983485 -5.661,-2.502 l -6.363,0 C 5.92392,24.64 4.8,23.51608 4.8,22.12 l 0,-10.8 C 4.8,9.92392 5.92392,8.8 7.32,8.8 l 23.76,0 c 1.39608,0 2.52,1.12392 2.52,2.52 l 0,10.8 c 0,1.39608 -1.12392,2.52 -2.52,2.52 l -0.936,0 0,0.324 a 1.440144,1.440144 0 1 1 -2.88,0 l 0,-0.324 -2.259,0 c -1.308955,1.518515 -3.365386,2.502 -5.661,2.502 z m -1.152,-1.062 2.304,0 c 0.39888,0 0.72,-0.32112 0.72,-0.72 l 0,-0.288 c 0,-0.39888 -0.32112,-0.72 -0.72,-0.72 l -2.304,0 c -0.39888,0 -0.72,0.32112 -0.72,0.72 l 0,0.288 c 0,0.39888 0.32112,0.72 0.72,0.72 z m 1.152,-4.32 c 2.942573,0 5.328,-2.385427 5.328,-5.328 0,-2.942573 -2.385427,-5.328 -5.328,-5.328 -2.942573,0 -5.328,2.385427 -5.328,5.328 0,2.942573 2.385427,5.328 5.328,5.328 z"
-       id="path3803"
-       inkscape:connector-curvature="0" /></g></svg>
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 76d7b00..ddab2af 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -10,6 +10,7 @@
         {% block style %}
             <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/jquery.timepicker.css" />
             <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/base.css" />
+            <link rel="shortcut icon" href="/static/img/favicon.ico" />
         {% endblock %}
         {% block script %}
             <script type="text/javascript" src="{{STATIC_URL}}js/css-browser-selector.js"></script>
diff --git a/templates/main.html b/templates/main.html
index 13dad74..481b95c 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -26,7 +26,7 @@
             <div class="logo">
                 <a href="/">
                     <span class="logo">motionEye</span>
-                    <img class="logo" src="{{STATIC_URL}}img/motioneye.svg">
+                    <img class="logo" src="{{STATIC_URL}}img/motioneye-logo.svg">
                 </a>
             </div>
         </div>
-- 
2.39.5