Frontend: Use static rainbow background for sidebar logo

Signed-off-by: Michael Mayer <michael@liquidbytes.net>

assets/static/img/logo-black.svg

@@ -0,0 +1 @@
+<svg id="fd7d12b2-7955-4c74-8a9f-596890fb42bc" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.46 283.46"><defs><style>.a689307f-cb30-4208-94fd-7cb41314ae7b{fill:none;stroke:#1d1d1b;stroke-miterlimit:10;stroke-width:6px;}</style></defs><path id="f762f87b-8f47-4f76-a6bd-499669f269d9" data-name="Logo Pfad" class="a689307f-cb30-4208-94fd-7cb41314ae7b" d="M263.24,206.16l-5.8,32.09m-236.61-31,19.09,18.91M167.34,42.91,40,225.58a.13.13,0,0,0,.1.2l217.16,12.45a.12.12,0,0,0,.12-.17L167.55,42.93A.12.12,0,0,0,167.34,42.91ZM141.1,25.24,20.25,207a.16.16,0,0,0,.14.25l242.1-1.05a.17.17,0,0,0,.14-.26L141.37,25.24A.16.16,0,0,0,141.1,25.24Zm.14-.21,26.22,17.7"/></svg>

frontend/src/component/p-navigation.vue

@@ -15,7 +15,7 @@
                     @click.stop="onLogoClick"
                     v-show="!drawer"
             >
-                <img src="/static/img/logo.svg" alt="Logo">
+                <img src="/static/img/logo-white.svg" alt="Logo">
             </v-avatar>
         </v-toolbar>
         <v-toolbar dark flat color="navigation darken-1" class="hidden-md-and-up">
@@ -32,7 +32,9 @@
                 <v-list class="navigation-home">
                     <v-list-tile class="p-navigation-logo">
                         <v-list-tile-avatar class="clickable" @click.stop.prevent="openDocs">
-                            <img class="logo" src="/static/img/avatar.svg" alt="Logo">
+                            <div class="logo rainbow-static">
+                                <img src="/static/img/logo-black.svg" alt="Logo">
+                            </div>
                         </v-list-tile-avatar>
                         <v-list-tile-content>
                             <v-list-tile-title class="title">

frontend/src/css/rainbow.css

@@ -23,6 +23,11 @@
     animation: rainbow-animation 6s ease infinite;
 }
 
+.rainbow-static {
+    background-size: 200% 200%;
+    background: repeating-linear-gradient(45deg, #FF9AA2, #FFB7B2, #FFDAC1, #E2F0CB, #B5EAD7, #C7CEEA) 100% 50%;
+}
+
 @keyframes colorchange
 {
     0%   {background: #EF5350;}

frontend/src/share/p-navigation.vue

@@ -13,7 +13,7 @@
                     class="clickable"
                     @click.stop.prevent="goHome"
             >
-                <img src="/static/img/logo.svg" alt="Logo">
+                <img src="/static/img/logo-white.svg" alt="Logo">
             </v-avatar>
         </v-toolbar>
         <v-toolbar dark flat color="navigation darken-1">