mimimal

src/renderer/AppHeader.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 615 205" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.788347,0,0,0.788347,-131.654,-154.131)">
+        <g id="Release.afdesign" transform="matrix(0.260038,0,0,0.260038,297.279,325.53)">
+            <g transform="matrix(1,0,0,1,-501,-500)">
+                <path d="M501,21C765.367,21 980,235.633 980,500C980,764.367 765.367,979 501,979C236.633,979 22,764.367 22,500C22,235.633 236.633,21 501,21ZM501,169C683.684,169 832,317.316 832,500C832,682.684 683.684,831 501,831C318.316,831 170,682.684 170,500C170,317.316 318.316,169 501,169Z" style="fill:rgb(255,38,84);"/>
+                <path d="M501,224C653.053,224 776.5,347.447 776.5,499.5C776.5,651.553 653.053,775 501,775C348.947,775 225.5,651.553 225.5,499.5C225.5,347.447 348.947,224 501,224ZM589.165,492.207C595.163,495.672 595.163,504.328 589.165,507.793L439.502,594.256C433.502,597.722 426,593.392 426,586.463L426,413.537C426,406.608 433.502,402.278 439.502,405.744L589.165,492.207Z" style="fill:rgb(255,38,84);"/>
+            </g>
+        </g>
+        <g transform="matrix(10.0544,0,0,10.0544,-4614.58,-2607.36)">
+            <g transform="matrix(16,0,0,16,505.982,297.612)">
+                <path d="M0.705,-0.473C0.685,-0.641 0.558,-0.737 0.389,-0.737C0.197,-0.737 0.05,-0.602 0.05,-0.364C0.05,-0.126 0.195,0.01 0.389,0.01C0.576,0.01 0.688,-0.114 0.705,-0.248L0.549,-0.249C0.535,-0.171 0.474,-0.126 0.392,-0.126C0.281,-0.126 0.206,-0.208 0.206,-0.364C0.206,-0.515 0.28,-0.601 0.393,-0.601C0.477,-0.601 0.538,-0.553 0.549,-0.473L0.705,-0.473Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,518.016,297.612)">
+                <path d="M0.06,-0L0.212,-0L0.212,-0.545L0.06,-0.545L0.06,-0ZM0.136,-0.616C0.181,-0.616 0.218,-0.65 0.218,-0.692C0.218,-0.734 0.181,-0.769 0.136,-0.769C0.092,-0.769 0.055,-0.734 0.055,-0.692C0.055,-0.65 0.092,-0.616 0.136,-0.616Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,522.368,297.612)">
+                <path d="M0.261,0.009C0.349,0.009 0.395,-0.042 0.416,-0.087L0.423,-0.087L0.423,-0L0.572,-0L0.572,-0.727L0.421,-0.727L0.421,-0.454L0.416,-0.454C0.396,-0.498 0.352,-0.553 0.261,-0.553C0.141,-0.553 0.04,-0.46 0.04,-0.272C0.04,-0.089 0.137,0.009 0.261,0.009ZM0.309,-0.112C0.235,-0.112 0.195,-0.178 0.195,-0.273C0.195,-0.367 0.234,-0.432 0.309,-0.432C0.383,-0.432 0.424,-0.37 0.424,-0.273C0.424,-0.175 0.382,-0.112 0.309,-0.112Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,532.533,297.612)">
+                <path d="M0.309,0.011C0.444,0.011 0.535,-0.055 0.556,-0.156L0.416,-0.165C0.401,-0.124 0.362,-0.102 0.311,-0.102C0.236,-0.102 0.188,-0.152 0.188,-0.234L0.188,-0.234L0.559,-0.234L0.559,-0.276C0.559,-0.461 0.447,-0.553 0.303,-0.553C0.142,-0.553 0.038,-0.439 0.038,-0.27C0.038,-0.097 0.141,0.011 0.309,0.011ZM0.188,-0.328C0.191,-0.39 0.238,-0.44 0.305,-0.44C0.371,-0.44 0.417,-0.393 0.417,-0.328L0.188,-0.328Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,542.096,297.612)">
+                <path d="M0.06,-0L0.212,-0L0.212,-0.309C0.212,-0.376 0.261,-0.422 0.327,-0.422C0.348,-0.422 0.377,-0.418 0.391,-0.414L0.391,-0.548C0.378,-0.551 0.359,-0.553 0.344,-0.553C0.283,-0.553 0.233,-0.518 0.213,-0.45L0.207,-0.45L0.207,-0.545L0.06,-0.545L0.06,-0Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+</svg>

src/renderer/style.less

@@ -943,8 +943,8 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 .app-chrome .app-chrome-item > .app-title {
   width: 100px;
   font-size: 13px;
-  background: url("./logotmp.svg");
+  background: url("./AppHeader.svg");
-  background-size: 90px;
+  background-size: 95px;
   background-repeat: no-repeat;
   background-position: center;
   height: 100%;

src/renderer/views/main.ejs

@@ -189,10 +189,13 @@
                     </div>
                     <div class="app-sidebar-content">
                         <div class="app-sidebar-header-text">
-                            Apple Music
+                            Cider
                         </div>
                         <sidebar-library-item name="Home" svg-icon="./assets/feather/home.svg"
                                               page="home"></sidebar-library-item>
+                        <div class="app-sidebar-header-text">
+                            Apple Music
+                        </div>
                         <sidebar-library-item name="Listen Now" svg-icon="./assets/feather/play-circle.svg"
                                               page="listen_now"></sidebar-library-item>
                         <sidebar-library-item name="Browse" svg-icon="./assets/feather/globe.svg"

workbox-config.js

@@ -12,19 +12,7 @@ module.exports = {
         options: {
             // Use a custom cache name.
             cacheName: 'imageinternet',
-
             // Only cache 10 images.
-
-        },
-    },
-        {
-            urlPattern: /https:\/\/amp-api.music.apple.com\/v1\//,
-            handler: 'StaleWhileRevalidate',
-            options: {
-                cacheName: 'amp-api',
-                cacheableResponse: {
-                    statuses: [0, 200],
-                },
         },
     },
         {