Merge branch 'kif485' into 'master'

KIF 48,5 Designänderungen See merge request !1

Merge branch 'kif485' into 'master'
de92b520 · Fabian Marquardt · 76e5cf22 · 7252c168 · de92b520 · 76e5cf22
Commit de92b520 authored 4 years ago by Fabian Marquardt
--- a/public/index.html
+++ b/public/index.html
@@ -10,13 +10,13 @@
  <script type="text/javascript" src="bootstrap.min.js"></script>
  <script type="text/javascript" src="clappr.min.js"></script>
  <script type="text/javascript" src="level-selector.min.js"></script>
-  <title>KIF 48,0 Livestream</title>
+  <title>KIF 48,5 Livestream</title>
 </head>
 <body>
  <!-- Navbar -->
  <nav class="navbar fixed-top navbar-dark bg-primary">
-    <a class="navbar-brand" href="#">KIF 48,0 Livestream</a>
+    <a class="navbar-brand" href="#">KIF 48,5 Livestream</a>
    <span class="navbar-text mr-auto" id="streamtitle"></span>
    <button class="btn btn-secondary" type="button" data-toggle="modal" data-target="#infoModal">Ext. Player/Audio Only</button>
  </nav>

--- a/public/poster.png
+++ b/public/poster.png
--- a/public/poster_offline.png
+++ b/public/poster_offline.png
--- a/public/poster_offline.svg
+++ b/public/poster_offline.svg
+<?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"
+   width="41.413326cm"
+   height="26.581667cm"
+   viewBox="0 0 414.13326 265.81666"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   sodipodi:docname="KIF485[Webplayer][Offline].svg"
+   inkscape:export-filename="C:\Users\wiela\Pictures\KIF485_weiss.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2">
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect1009"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
+       copytype="single_stretched"
+       prop_scale="0.130701"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect1005"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
+       copytype="single_stretched"
+       prop_scale="0.313203"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect998"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
+       copytype="single_stretched"
+       prop_scale="0.313203"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect994"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
+       copytype="single_stretched"
+       prop_scale="0.313203"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect990"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
+       copytype="single_stretched"
+       prop_scale="0.313203"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect986"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
+       copytype="single_stretched"
+       prop_scale="0.31320289"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#3a3068"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.95294118"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.5"
+     inkscape:cx="904.51251"
+     inkscape:cy="631.91462"
+     inkscape:document-units="px"
+     inkscape:current-layer="g847"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     showborder="true"
+     inkscape:snap-global="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     units="cm"
+     fit-margin-top="2"
+     fit-margin-left="2"
+     fit-margin-right="2"
+     fit-margin-bottom="2" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Ebene 2"
+     style="display:inline"
+     transform="translate(-2.7417651,-21.94167)">
+    <path
+       id="path847"
+       style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.99999899px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 401.99609,197.41211 c -0.95555,-0.01 -1.91413,-0.007 -2.87695,0.008 -30.0937,0.46279 -63.67397,13.16243 -96.96875,49.9375 l -30.40625,22.98047 c 0,0 -88.38894,32.17425 -140.71484,119.85547 l -45.076175,53.20898 49.496095,24.39454 11.91797,24.125 c 3.82316,-0.35247 7.64738,-0.69406 11.4707,-1.02344 l -0.0156,-0.0293 L 235.5,485.75 v -0.0117 C 463.07773,474.40434 668.92721,497.89477 671.00391,498.13281 671.00358,498.1251 671,498 671,498 c -0.20736,-0.0221 -0.41187,-0.0423 -0.61914,-0.0645 l 8.87695,-51.60938 -9.5,-104.5 -41.5,-15 c 0,0 -39.37518,-71.16117 -120.51562,-80 0,0 -45.54594,-48.79318 -105.7461,-49.41406 z m 60.22052,23.71312 28.63691,22.27321 -5.30274,18.38476 c 0,0 -25.80853,-13.788 -63.28516,-5.30273 l -12.72851,-3.18164 26.51562,-8.83985 z m -101.0545,5.50758 25.125,23.875 -36.625,-1.75 -23.25,-14.5 z m 138.8457,43.89453 13.85547,0.70704 c 0,0 49.29269,16.62247 32.53906,122.01562 l -6.76562,-0.70703 C 559.93433,309.07723 500.00781,270.52734 500.00781,270.52734 Z m -191.23437,0.80274 c 0,0 -65.76019,38.53601 -43.48633,121.97461 l -7.42383,0.70703 C 239.4785,288.65285 293.57227,272.03711 293.57227,272.03711 Z m 292.38867,131.52148 72.47851,42.42578 -8.54492,46.51563 c -10.81574,-1.12792 -21.76593,-2.05532 -32.34179,-3.0332 l -1.89258,-0.34961 -61.16406,-26.86914 -15.20313,-9.54688 -0.35352,-41.36523 z m -385.72656,5.12696 h 44.01757 l 7.18946,30.81836 -15.49805,1 -33.30664,39.17382 -62.72266,4.46094 -8.44531,-16.94141 z m 117.73437,6.53906 52.32617,11.31445 26.86914,-5.30273 28.28516,8.48437 54.09375,-13.43555 25.80859,5.65821 19.44532,6.36328 -5.65625,39.24414 -27.82813,10.70313 -35.45898,-2.57032 -14.00196,-3.30078 -27.71679,-15.08398 -4.59571,-20.15235 -13.43554,-3.53711 -18.38477,29.69922 c 0,0 -2.82801,12.37353 -40.6582,8.13086 l -25.10352,-5.30273 -34.64648,-22.98047 19.44531,-20.50586 z m 68.97461,79.45898 c -5.37995,-0.009 -10.70568,-0.007 -15.97265,0.004 C 245.71778,494.27335 146.5,501.5 146.5,501.5 l -0.44141,0.043 C 132.40113,604.17674 211,696 211,696 c 22.17548,1.68635 43.3766,3.07365 63.75391,4.24023 l 3,1.78711 30.2539,54.54883 h 218.25 l 14.75,-45.5 16.39649,-9.34961 C 592.89761,699.49565 611,697 611,697 c 16.80973,-9.53387 28.95957,-26.81211 37.73242,-47.3457 13.84452,-37.30457 14.16459,-38.74216 18.68555,-76.02539 4.17711,-33.69202 3.90533,-62.79741 3.67773,-72.17969 L 671,504 c -95.09765,-7.38281 -188.15619,-9.88452 -268.85547,-10.02344 z m -4.96289,27.46289 c 21.84401,0.001 42.56673,0.5071 62.16797,1.44336 76.32824,3.63916 151.06697,14.0484 150.65039,16.61719 -0.41658,2.56879 -75.20866,-3.35956 -151.07031,-5.41211 -19.54711,-0.52705 -39.97306,-0.80994 -61.74805,-0.81055 -21.85792,-6e-4 -42.77471,0.28404 -62.37891,0.69336 -39.01468,0.81555 -68.86842,2.0236 -93.24023,2.82422 -11.49874,0.37795 -20.86881,0.63124 -27.14062,0.625 -3.17373,-0.003 -5.642,-0.0721 -7.3125,-0.21875 -0.83767,-0.0737 -1.47874,-0.16793 -1.91602,-0.2832 -0.21891,-0.0578 -0.38825,-0.12029 -0.50391,-0.18945 -0.0579,-0.034 -0.10117,-0.07 -0.13281,-0.10743 -0.0329,-0.0389 -0.0523,-0.0791 -0.0566,-0.12109 -0.005,-0.042 0.005,-0.0859 0.0293,-0.13086 0.0234,-0.0431 0.0597,-0.0875 0.10937,-0.13281 0.0994,-0.0915 0.25192,-0.1862 0.45508,-0.28711 0.40657,-0.20183 1.01821,-0.42202 1.82813,-0.6582 1.62184,-0.47297 4.02242,-1.00687 7.16015,-1.5879 6.29729,-1.16606 15.37838,-2.49127 26.95899,-3.85156 23.21456,-2.72696 55.31105,-5.47769 93.41015,-7.07617 19.67488,-0.82586 40.7444,-1.337 62.73047,-1.33594 z M 360.25195,570 c 12.44661,-0.0138 25.33305,0.013 38.5293,0.082 105.57003,0.552 211.73583,2.15083 211.71875,5.41797 -0.0189,3.26714 -106.21126,6.96997 -211.78125,6.41797 C 293.14873,581.36597 207.48292,578.26714 207.5,575 c 0.0149,-2.85874 65.62572,-4.90335 152.75195,-5 z m 0.80469,38 c 12.26764,-0.0138 24.96811,0.013 37.97461,0.082 104.05202,0.552 210.98606,3.15083 210.96875,6.41797 -0.0189,3.26714 -106.97927,5.96997 -211.03125,5.41797 C 294.91673,619.36597 210.48267,616.26714 210.5,613 c 0.0152,-2.85874 64.68313,-4.90335 150.55664,-5 z m 219.41406,40.74219 c 3.87796,0.0261 27.96906,-3.24912 28.0293,-2.74219 0.19276,1.62217 -42.50392,9.32829 -76.36523,12.93555 -35.19406,3.74929 -79.55133,6.23487 -132.8418,5.9375 -22.80371,-0.12737 -44.65662,-0.74544 -64.8418,-1.62891 -36.18238,-1.57969 -66.47537,-4.0987 -88.37109,-6.60547 -10.82766,-1.23961 -19.30903,-2.44622 -25.17774,-3.51953 -2.91695,-0.53352 -5.14832,-1.02846 -6.65429,-1.4707 -0.75132,-0.22073 -1.32001,-0.42752 -1.69727,-0.61914 -0.18841,-0.0956 -0.32761,-0.18576 -0.41992,-0.27344 -0.0462,-0.0438 -0.0817,-0.087 -0.10352,-0.12891 -0.0227,-0.0435 -0.0315,-0.0857 -0.0273,-0.12695 0.004,-0.0412 0.0205,-0.0806 0.0508,-0.11914 0.0291,-0.0378 0.0716,-0.073 0.125,-0.10742 0.10692,-0.0688 0.26231,-0.13245 0.46484,-0.19141 0.40486,-0.1183 0.99906,-0.21643 1.7754,-0.29883 1.5505,-0.16403 3.84057,-0.26147 6.79101,-0.30078 5.85607,-0.0779 14.58343,0.0707 25.34961,0.33985 21.7423,0.54345 52.42989,1.58093 88.25195,2.3125 20.11135,0.40868 41.8869,0.76769 64.55079,0.89453 54.71308,0.30614 95.28441,-0.85059 132.15234,-2.4375 23.24574,-1.00058 40.42749,-1.90699 48.95898,-1.84961 z m -292.39012,50.95235 c 61.5,3.24998 252.68504,-1.05977 252.68504,-1.05977 l -6.20117,7.71875 c -126.49994,4.50002 -241.87511,0.37135 -241.87511,0.37135 z"
+       transform="scale(0.26458333)"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccscccccccccccccccssscsccscccscccsssscssssssssssssssscscssssssccscccscssscccccccc"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.27804801"
+       id="rect1027"
+       width="147.98831"
+       height="61.383335"
+       x="36.172703"
+       y="206.375" />
+    <g
+       aria-label="KIF"
+       id="text875"
+       style="font-size:105.83300018px;line-height:1.25;font-family:Kiffont2;-inkscape-font-specification:Kiffont2;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299">
+      <path
+         d="m 46.601232,236.50466 -0.105833,-26.88158 h 4.550819 q 0.105833,4.33916 0.105833,13.12329 0,8.67831 0.105833,13.01746 l 8.254974,-26.03491 2.11666,-0.10584 q 2.222493,-0.21166 2.222493,0.21167 l -0.634998,2.01083 q -0.634998,1.90499 -2.11666,6.13831 -1.481662,4.23332 -2.539992,7.51414 l -5.29165,15.55745 1.164163,2.43416 q 1.481662,3.28083 5.29165,11.00663 4.127487,8.46664 4.127487,8.99581 0,0.3175 -2.222493,0.10583 h -2.11666 q -1.375829,-2.53999 -4.127487,-7.83164 -2.751658,-5.29165 -4.127487,-7.83164 -0.105833,2.64582 -0.105833,7.93747 0,5.18582 -0.105833,7.83165 l -2.222493,-0.10584 h -2.222493 z"
+         style="font-size:105.83300018px;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+         id="path881"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 67.556102,263.91541 v -55.35066 h 4.444986 v 55.35066 z"
+         style="font-size:105.83300018px;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+         id="path883"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 74.96438,264.55041 v -55.35066 h 17.779944 v 4.23332 H 79.409366 v 28.78658 h 8.784139 v 4.33915 h -8.784139 v 17.99161 z"
+         style="font-size:105.83300018px;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+         id="path885"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       aria-label="48.5"
+       id="text879"
+       style="font-size:105.83300018px;line-height:1.25;font-family:Kiffont2;-inkscape-font-specification:Kiffont2;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+       transform="translate(4.8643054,0.37417734)">
+      <path
+         d="m 107.88604,241.64131 v -32.27907 h 4.76248 v 14.39329 l 0.10583,14.39329 q 5.50332,1.90499 8.25498,2.96332 v -31.85573 q 0.84666,0 2.32832,0.10583 1.48167,0.10583 2.32833,0.10583 v 54.8215 h -4.44499 q 0,-3.06916 -0.10583,-9.31331 -0.10583,-6.24414 -0.10583,-9.41913 l -2.2225,-0.74083 q -0.52916,-0.21167 -2.96332,-0.84667 -2.32833,-0.635 -3.59832,-1.05833 z"
+         style="font-size:105.83300018px;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+         id="path888"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 140.27093,246.40379 q -0.84666,-0.52916 -2.43416,-0.52916 -2.85749,0 -3.80999,2.11666 -0.52916,1.16416 -0.52916,4.65665 0,3.49249 0.52916,4.65665 1.05833,2.32833 3.70416,2.32833 0.52916,0 1.37583,-0.21167 1.69332,-0.42333 2.32832,-1.79916 0.635,-1.37583 0.635,-4.33915 v -1.48167 q -0.10583,-4.23332 -1.79916,-5.39748 z m -0.21167,-32.7024 q -0.95249,-1.16416 -2.43416,-1.16416 -0.95249,0 -1.79916,0.635 -1.48166,1.05833 -2.01082,4.44498 -0.3175,1.79917 -0.3175,9.84247 0,8.14914 0.3175,9.73664 0.74083,2.96332 2.01082,3.80999 0.52917,0.42333 1.905,0.42333 1.48166,0 2.01082,-0.42333 1.48167,-1.05833 1.79917,-2.96333 0.42333,-1.90499 0.52916,-8.46664 v -3.91582 q 0,-9.84247 -2.01083,-11.95913 z m -4.12748,-5.18581 q 0.3175,-0.10584 1.26999,-0.10584 2.2225,0 3.80999,0.52917 4.12749,1.37583 5.18582,9.10164 0.3175,2.22249 0.3175,9.3133 0,6.98498 -0.3175,9.20747 -0.635,4.02166 -1.905,6.03248 l -0.63499,1.05833 0.74083,0.9525 q 2.22249,3.06916 2.22249,8.04331 0,1.69333 -0.3175,3.28082 -0.74083,3.59832 -3.06916,5.71498 -2.32832,2.11666 -5.50331,2.11666 -1.05833,0 -1.5875,-0.10583 -7.09081,-1.05833 -7.09081,-11.00663 0,-4.97415 1.905,-7.72581 l 0.74083,-1.16416 q -2.43416,-3.59833 -2.64583,-13.33496 v -3.38666 q 0,-10.68913 1.69333,-14.39329 1.58749,-3.49249 5.18582,-4.12748 z"
+         style="font-size:105.83300018px;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+         id="path890"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 150.00753,265.87706 v -7.09081 h 4.76249 v 7.09081 z"
+         style="font-size:105.83300018px;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+         id="path892"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 167.04664,212.00807 q 1.90499,-0.74084 4.12748,-1.5875 2.32833,-0.9525 3.49249,-1.37583 l 1.05833,-0.42333 q 0.42334,0 0.21167,2.11666 l -0.10583,2.11666 -13.01746,5.39748 v 20.42577 l 2.43416,0.3175 q 10.2658,1.79916 10.47746,12.06496 0,3.17499 -1.05833,5.29165 -1.26999,2.53999 -3.17499,3.91582 -1.79916,1.27 -4.23332,2.11666 -4.55082,1.37583 -8.0433,1.37583 -0.21167,0 -0.42334,-0.10583 H 158.58 q -0.52917,-0.21167 -0.52917,-1.79916 0,-1.79916 0.42333,-2.11666 0.42334,-0.3175 2.64583,-0.635 4.86832,-0.74083 7.40831,-2.85749 2.64582,-2.11666 2.64582,-5.18582 0,-4.44498 -3.80998,-6.34998 -2.96333,-1.58749 -7.30248,-1.58749 h -1.5875 l -0.10583,-13.22913 q 0,-1.90499 -0.10583,-5.07998 0,-3.28082 0,-4.44499 0,-1.16416 0,-2.11666 0.10583,-1.05833 0.10583,-1.69333 v -0.63499 q 0.21167,-0.52917 8.67831,-3.91582 z"
+         style="font-size:105.83300018px;fill:#ffffff;fill-opacity:1;stroke-width:0.26458299"
+         id="path894"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       id="g847">
+      <path
+         sodipodi:nodetypes="ssssscccssss"
+         inkscape:connector-curvature="0"
+         id="rect834"
+         d="M 198.43748,41.941669 H 381 c 8.79475,0 15.875,7.08025 15.875,15.875 v 47.095821 c 0,8.79475 -7.08028,15.85224 -15.875,15.875 l -153.37462,0.39688 c 0,0 -22.98176,20.16059 -47.81831,21.7153 21.14375,-14.71393 19.18709,-22.11218 19.18709,-22.11218 h -0.55668 c -8.79475,0 -15.875,-7.08025 -15.875,-15.875 V 57.816669 c 0,-8.79475 7.08025,-15.875 15.875,-15.875 z"
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26499999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" />
+      <text
+         id="text838"
+         y="73.198479"
+         x="290.36642"
+         style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+         xml:space="preserve"><tspan
+           style="font-size:27.51666641px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.26458332"
+           y="73.198479"
+           x="290.36642"
+           id="tspan836"
+           sodipodi:role="line"> Wir sind Offline</tspan><tspan
+           id="tspan840"
+           style="font-size:27.51666641px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.26458332"
+           y="107.59431"
+           x="290.36642"
+           sodipodi:role="line">:-(</tspan></text>
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 3"
+     style="display:inline"
+     transform="translate(-2.7417651,-21.94167)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Maske"
+     style="display:inline"
+     transform="translate(-2.7417651,-21.94167)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="MaskeDetails"
+     transform="translate(-2.7417651,-21.94167)" />
+</svg>
--- a/public/style.css
+++ b/public/style.css
@@ -15,6 +15,6 @@ html, body {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
-    background-image: url("poster_offline.png");
+    background-image: url("poster_offline.svg");
    background-color: #474747;
 }
\ No newline at end of file