From: Calin Crisan <ccrisan@gmail.com>
Date: Mon, 7 Nov 2016 22:49:55 +0000 (+0200)
Subject: added web app manifest support; better icon
X-Git-Url: http://www.vanbest.org/gitweb/?a=commitdiff_plain;h=fd3fa1f2444ffb1b71c38140ff97db7ee59bf2e7;p=motioneye-debian

added web app manifest support; better icon
---

diff --git a/motioneye/handlers.py b/motioneye/handlers.py
index 3cceeb6..1db2f1a 100644
--- a/motioneye/handlers.py
+++ b/motioneye/handlers.py
@@ -214,6 +214,15 @@ class MainHandler(BaseHandler):
                 mask_width=utils.MASK_WIDTH)
 
 
+class ManifestHandler(BaseHandler):
+    def get(self):
+        import motioneye
+        
+        self.set_header('Content-Type', 'application/manifest+json')
+        self.set_header('Cache-Control', 'max-age=2592000') # 30 days
+        self.render('manifest.json', version=motioneye.VERSION)
+
+
 class ConfigHandler(BaseHandler):
     @asynchronous
     def get(self, camera_id=None, op=None):
diff --git a/motioneye/server.py b/motioneye/server.py
index 677953a..8ae5eb0 100644
--- a/motioneye/server.py
+++ b/motioneye/server.py
@@ -167,6 +167,7 @@ def _log_request(handler):
 
 handler_mapping = [
     (r'^/$', handlers.MainHandler),
+    (r'^/manifest.json$', handlers.ManifestHandler),
     (r'^/config/main/(?P<op>set|get)/?$', handlers.ConfigHandler),
     (r'^/config/(?P<camera_id>\d+)/(?P<op>get|set|rem|set_preview|test|authorize)/?$', handlers.ConfigHandler),
     (r'^/config/(?P<op>add|list|backup|restore)/?$', handlers.ConfigHandler),
diff --git a/motioneye/static/favicon.ico b/motioneye/static/favicon.ico
index 6cb844d..a419e17 100644
Binary files a/motioneye/static/favicon.ico and b/motioneye/static/favicon.ico differ
diff --git a/motioneye/static/img/favicon.ico b/motioneye/static/img/favicon.ico
new file mode 100644
index 0000000..b0a4b82
Binary files /dev/null and b/motioneye/static/img/favicon.ico differ
diff --git a/motioneye/static/img/launcher-icon-144.png b/motioneye/static/img/launcher-icon-144.png
new file mode 100644
index 0000000..c5b4332
Binary files /dev/null and b/motioneye/static/img/launcher-icon-144.png differ
diff --git a/motioneye/static/img/launcher-icon-192.png b/motioneye/static/img/launcher-icon-192.png
new file mode 100644
index 0000000..fbbcfdf
Binary files /dev/null and b/motioneye/static/img/launcher-icon-192.png differ
diff --git a/motioneye/static/img/launcher-icon-256.png b/motioneye/static/img/launcher-icon-256.png
new file mode 100644
index 0000000..ee293f5
Binary files /dev/null and b/motioneye/static/img/launcher-icon-256.png differ
diff --git a/motioneye/static/img/launcher-icon-96.png b/motioneye/static/img/launcher-icon-96.png
new file mode 100644
index 0000000..a95881c
Binary files /dev/null and b/motioneye/static/img/launcher-icon-96.png differ
diff --git a/motioneye/static/img/motioneye-icon.svg b/motioneye/static/img/motioneye-icon.svg
index 93dfd9c..8e376d0 100644
--- a/motioneye/static/img/motioneye-icon.svg
+++ b/motioneye/static/img/motioneye-icon.svg
@@ -7,11 +7,12 @@
    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"
    id="svg2"
    version="1.1"
-   inkscape:version="0.48.4 r9939"
+   inkscape:version="0.91 r13725"
    width="64"
    height="64"
    xml:space="preserve"
@@ -21,9 +22,424 @@
    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"
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><linearGradient
+       id="linearGradient4351"
+       inkscape:collect="always"><stop
+         id="stop4353"
+         offset="0"
+         style="stop-color:#737373;stop-opacity:1" /><stop
+         id="stop4355"
+         offset="1"
+         style="stop-color:#585858;stop-opacity:1" /></linearGradient><linearGradient
+       inkscape:collect="always"
+       id="linearGradient4205"><stop
+         style="stop-color:#4aa3e0;stop-opacity:1"
+         offset="0"
+         id="stop4207" /><stop
+         style="stop-color:#3096db;stop-opacity:1"
+         offset="1"
+         id="stop4209" /></linearGradient><linearGradient
+       inkscape:collect="always"
+       id="linearGradient4197"><stop
+         style="stop-color:#787878;stop-opacity:1"
+         offset="0"
+         id="stop4199" /><stop
+         style="stop-color:#585858;stop-opacity:1"
+         offset="1"
+         id="stop4201" /></linearGradient><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4202"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4204" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4206" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.5"
+         result="blur"
+         id="feGaussianBlur4208" /><feOffset
+         dx="0"
+         dy="0.7"
+         result="offset"
+         id="feOffset4210" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4212" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4449"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4451" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4453" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.3"
+         result="blur"
+         id="feGaussianBlur4455" /><feOffset
+         dx="0"
+         dy="-0.2"
+         result="offset"
+         id="feOffset4457" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4459" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4461"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4463" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4465" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.3"
+         result="blur"
+         id="feGaussianBlur4467" /><feOffset
+         dx="0"
+         dy="-0.2"
+         result="offset"
+         id="feOffset4469" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4471" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4485"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4487" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4489" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.2"
+         result="blur"
+         id="feGaussianBlur4491" /><feOffset
+         dx="0"
+         dy="-0.1"
+         result="offset"
+         id="feOffset4493" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4495" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4175"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4177" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4179" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.5"
+         result="blur"
+         id="feGaussianBlur4181" /><feOffset
+         dx="0"
+         dy="-0.7"
+         result="offset"
+         id="feOffset4183" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4185" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4187"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4189" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4191" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.5"
+         result="blur"
+         id="feGaussianBlur4193" /><feOffset
+         dx="0"
+         dy="-0.7"
+         result="offset"
+         id="feOffset4195" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4197" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4211"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4213" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4215" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.3"
+         result="blur"
+         id="feGaussianBlur4217" /><feOffset
+         dx="0"
+         dy="-0.3"
+         result="offset"
+         id="feOffset4219" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4221" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4271"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4273" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4275" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.3"
+         result="blur"
+         id="feGaussianBlur4277" /><feOffset
+         dx="0"
+         dy="-1"
+         result="offset"
+         id="feOffset4279" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4281" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4283"><feFlood
+         flood-opacity="0.745098"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4285" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4287" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.3"
+         result="blur"
+         id="feGaussianBlur4289" /><feOffset
+         dx="0"
+         dy="-1"
+         result="offset"
+         id="feOffset4291" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4293" /></filter><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4351"
+       id="linearGradient4203"
+       x1="26.445793"
+       y1="47.517574"
+       x2="26.445793"
+       y2="3.8183768"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4205"
+       id="linearGradient4211"
+       x1="26.602072"
+       y1="43.034946"
+       x2="26.602072"
+       y2="29.466328"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96428571,0,0,0.96428571,0.91428571,0.91428571)" /><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4285"><feFlood
+         flood-opacity="0.588235"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4287" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4289" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.6"
+         result="blur"
+         id="feGaussianBlur4291" /><feOffset
+         dx="0"
+         dy="-1"
+         result="offset"
+         id="feOffset4293" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4295" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4297"><feFlood
+         flood-opacity="0.588235"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4299" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4301" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.6"
+         result="blur"
+         id="feGaussianBlur4303" /><feOffset
+         dx="0"
+         dy="-1"
+         result="offset"
+         id="feOffset4305" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4307" /></filter><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4197"
+       id="linearGradient4309"
+       gradientUnits="userSpaceOnUse"
+       x1="26.445793"
+       y1="47.517574"
+       x2="26.445793"
+       y2="3.8183768" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4197"
+       id="linearGradient4311"
+       gradientUnits="userSpaceOnUse"
+       x1="26.445793"
+       y1="47.517574"
+       x2="26.445793"
+       y2="3.8183768" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4197"
+       id="linearGradient4313"
+       gradientUnits="userSpaceOnUse"
+       x1="26.445793"
+       y1="47.517574"
+       x2="26.445793"
+       y2="3.8183768" /><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4315"><feFlood
+         flood-opacity="0.588235"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4317" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4319" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.6"
+         result="blur"
+         id="feGaussianBlur4321" /><feOffset
+         dx="0"
+         dy="-1"
+         result="offset"
+         id="feOffset4323" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4325" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4327"><feFlood
+         flood-opacity="0.588235"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4329" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4331" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.6"
+         result="blur"
+         id="feGaussianBlur4333" /><feOffset
+         dx="0"
+         dy="-1"
+         result="offset"
+         id="feOffset4335" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4337" /></filter><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Drop Shadow"
+       id="filter4339"><feFlood
+         flood-opacity="0.588235"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood4341" /><feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4343" /><feGaussianBlur
+         in="composite1"
+         stdDeviation="0.2"
+         result="blur"
+         id="feGaussianBlur4345" /><feOffset
+         dx="0"
+         dy="-0.5"
+         result="offset"
+         id="feOffset4347" /><feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4349" /></filter></defs><sodipodi:namedview
+     pagecolor="#ffffff"
      bordercolor="#666666"
      borderopacity="1"
      objecttolerance="10"
@@ -32,14 +448,14 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="1920"
-     inkscape:window-height="1030"
+     inkscape:window-height="1025"
      id="namedview4"
      showgrid="false"
-     inkscape:zoom="3.2304687"
-     inkscape:cx="-17.830274"
-     inkscape:cy="37.141088"
+     inkscape:zoom="8"
+     inkscape:cx="30.021713"
+     inkscape:cy="35.353122"
      inkscape:window-x="0"
-     inkscape:window-y="25"
+     inkscape:window-y="27"
      inkscape:window-maximized="1"
      inkscape:current-layer="g10"
      showguides="true"
@@ -48,9 +464,27 @@
      inkscape:groupmode="layer"
      inkscape:label="ink_ext_XXXXXX"
      transform="matrix(1.25,0,0,-1.25,0,64)"><path
-       style="fill:#515151;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.014819,-2.5549 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.429941,2.095118 12.084993,4.395085 17.0625,13.03125 1.154473,0 3.425649,5e-4 4.5,5e-4 4.957862,-8.587269 10.904708,-10.983331 17.03125,-13.03175 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="scccssccccccccccscsssccssccssccssssssssssccccc" /></g></svg>
\ No newline at end of file
+       style="fill:#737373;fill-opacity:1;stroke:none;filter:url(#filter4339)"
+       d="m 25.6,47.2 c -4.373944,0 -8.437159,-1.399808 -11.838461,-3.634616 3.677605,-0.394237 7.305921,-1.342945 11.423077,-3.375 4.166157,2.122533 8.434154,3.008875 12.279808,3.452886 C 34.057131,45.890032 29.986674,47.2 25.6,47.2 Z"
+       id="path4248" /><path
+       inkscape:connector-curvature="0"
+       style="fill:url(#linearGradient4211);fill-opacity:1;stroke:none;filter:url(#filter4315)"
+       d="M 39.723077,42.552884 C 35.394064,42.5242 29.479588,40.397223 25.184616,38.432418 20.668821,40.064102 16.035448,42.649343 10.801923,42.526924 10.453022,42.51873 10.118061,42.50105 9.7634616,42.475 L 5.6615384,42.1375 9.5557693,40.839424 c 5.3417977,-1.74056 10.0398397,-3.651302 14.1749997,-10.825963 0.959101,0 2.845924,-4.15e-4 3.738462,-4.15e-4 4.11884,7.134039 9.059296,9.124614 14.149039,10.826378 L 45.460577,42.085577 41.4625,42.475 c -0.544847,0.05181 -1.120992,0.08198 -1.739423,0.07788 z"
+       id="path4246"
+       sodipodi:nodetypes="ccccccccccccc" /><g
+       id="g4170"
+       style="fill:url(#linearGradient4203);fill-opacity:1;filter:url(#filter4327)"
+       transform="matrix(0.96428571,0,0,0.96428571,0.91428571,0.91428571)"><path
+         id="path4244"
+         d="M 8.9346154,40.515385 C 5.3647588,36.547307 3.2,31.357779 3.2,25.6 3.2,13.228821 13.228821,3.2 25.6,3.2 37.971179,3.2 48,13.228821 48,25.6 c 0,5.736682 -2.161128,10.952493 -5.707692,14.915385 -1.695935,-0.623286 -3.387833,-1.349065 -5.061539,-2.288462 3.2394,-0.937363 5.6,-3.937988 5.6,-7.457692 0,-4.260339 -3.469626,-7.753846 -7.753846,-7.753846 -3.633936,0 -6.690552,2.51055 -7.538461,5.869231 l -3.876924,0 c -0.840685,-3.360193 -3.903443,-5.869231 -7.538461,-5.869231 -4.284219,0 -7.7807693,3.493507 -7.7807693,7.753846 0,3.56112 2.4570323,6.5856 5.7615383,7.484616 -1.676267,0.912203 -3.404813,1.620556 -5.1692306,2.261538 z M 25.6,26.461538 c 0.532632,-1.981435 1.101793,-3.947553 3.446154,-5.16923 L 25.6,16.123077 22.153846,21.292308 c 2.053593,1.454966 3.000771,3.237758 3.446154,5.16923 z"
+         style="fill:url(#linearGradient4309);fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0" /><path
+         id="path4242"
+         d="m 16.123077,33.353847 c -1.427443,0 -2.584616,-1.157173 -2.584616,-2.584616 0,-1.427444 1.157173,-2.584615 2.584616,-2.584615 1.427444,0 2.584615,1.157171 2.584615,2.584615 0,1.427443 -1.157171,2.584616 -2.584615,2.584616 z"
+         style="fill:url(#linearGradient4311);fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0" /><path
+         id="path4240"
+         d="m 35.076923,33.353847 c -1.427443,0 -2.584615,-1.157173 -2.584615,-2.584616 0,-1.427444 1.157172,-2.584615 2.584615,-2.584615 1.427443,0 2.584616,1.157171 2.584616,2.584615 0,1.427443 -1.157173,2.584616 -2.584616,2.584616 z"
+         style="fill:url(#linearGradient4313);fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0" /></g></g></svg>
\ No newline at end of file
diff --git a/motioneye/templates/base.html b/motioneye/templates/base.html
index ecf5893..8386a85 100644
--- a/motioneye/templates/base.html
+++ b/motioneye/templates/base.html
@@ -5,14 +5,17 @@
             <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
             <meta http-equiv="X-UA-Compatible" content="IE=Edge">
             <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+            <meta name="mobile-web-app-capable" content="yes">
             <meta name="apple-mobile-web-app-capable" content="yes">
-            <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+            <meta name="theme-color" content="#414141">
+            <meta name="apple-mobile-web-app-status-bar-style" content="#414141">
         {% endblock %}
         <title>{% block title %}{% endblock %}</title>
         {% block style %}
             <link rel="stylesheet" type="text/css" href="{{static_path}}css/jquery.timepicker.css" />
             <link rel="shortcut icon" href="{{static_path}}favicon.ico" />
             <link rel="apple-touch-icon" href="{{static_path}}favicon.ico" />
+            <link rel="manifest" href="/manifest.json" />
         {% endblock %}
         {% block script %}
             <script type="text/javascript" src="{{static_path}}js/css-browser-selector.js"></script>