Update logo+favicon and add animated logo

ramiy · ramiy · commit f697ce84f448 · 2020-12-29T17:25:46.000+02:00
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
@@ -14,14 +14,14 @@ module.exports = {
 
   head: [
     ['link', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/charts.css@0.9.0/dist/charts.min.css' }],
-    ['link', { rel: 'icon', href: '/assets/img/logo.png' }],
+    ['link', { rel: 'icon', href: '/assets/img/logo.svg' }],
     ['link', { rel: 'manifest', href: '/manifest.json' }],
-    ['link', { rel: 'mask-icon', href: '/assets/img/logo.png', color: '#f57' }],
-    ['link', { rel: 'apple-touch-icon', href: '/assets/img/logo.png' }],
+    ['link', { rel: 'mask-icon', href: '/assets/img/logo.svg', color: '#f57' }],
+    ['link', { rel: 'apple-touch-icon', href: '/assets/img/logo.svg' }],
     ['meta', { name: 'theme-color', content: '#f57' }],
     ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
     ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
-    ['meta', { name: 'msapplication-TileImage', content: '/assets/img/logo.png' }],
+    ['meta', { name: 'msapplication-TileImage', content: '/assets/img/logo.svg' }],
     ['meta', { name: 'msapplication-TileColor', content: '#000000' }]
   ],
 
@@ -32,7 +32,7 @@ module.exports = {
     editLinks: true,
     editLinkText: 'Edit this page on GitHub',
     lastUpdated: false,
-    logo: '/assets/img/logo.png',
+    logo: '/assets/img/logo.svg',
     displayAllHeaders: true,
     search: false,
     nav: [
diff --git a/src/.vuepress/public/assets/img/icon.png b/src/.vuepress/public/assets/img/icon.png
diff --git a/src/.vuepress/public/assets/img/logo-animation.svg b/src/.vuepress/public/assets/img/logo-animation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.slice-1{fill:#18d3af; animation-delay:150ms;}.slice-2{fill:#c2a2d5; animation-delay:150ms;}.slice-3{fill:#f45d6b; animation-delay:150ms;}.slice-4{fill:#f2cc2c; animation-delay:300ms;}.slice-5{fill:#17bf9f; animation-delay:300ms;}.slice-6{fill:#986fb5; animation-delay:300ms;}.slice-7{fill:#3b8bff; animation-delay:300ms;}.slice-8{fill:#db424d; animation-delay:300ms;}.slice-9{fill:#f9973e; animation-delay:300ms;}.slice-10{fill:#ffe85f; animation-delay:450ms;}.slice-11{fill:#18e8c0; animation-delay:450ms;}.slice-12{fill:#61b0ff; animation-delay:450ms;}.slice-13{fill:#ff505d; animation-delay:450ms;}.slice-14{fill:#ffb164; animation-delay:450ms;}.slice-15{fill:#15ffd8; animation-delay:600ms;}.slice-16{fill:#ff6679; animation-delay:600ms;}@keyframes anim{0%{transform: rotate(-720deg) scale(0);}10%{transform: rotate(-720deg) scale(1);}10%,15%{transform: rotate(-720deg);}25%{transform: rotate(0deg);}80%{transform: scale(1)}90%,100%{transform: scale(0)}}path{transform-origin: center center; animation: anim 10s infinite;}</style></defs><title>Charts.css Animated Logo</title><g><path class="slice-1" d="M255.7,154.62v50.69a50.49,50.49,0,0,0-35.84,14.85L184,184.31A101.09,101.09,0,0,1,255.7,154.62Z"/><path class="slice-2" d="M219.86,220a50.52,50.52,0,0,0-14.72,35.89l-50.69.19a101.08,101.08,0,0,1,29.43-71.79Z"/><path class="slice-3" d="M255.7,306.69v50.69A101.09,101.09,0,0,1,184,327.69l35.85-35.85A50.49,50.49,0,0,0,255.7,306.69Z"/><path class="slice-4" d="M363.22,148.48l-35.83,35.83a101.09,101.09,0,0,0-71.69-29.69V103.94A151.5,151.5,0,0,1,363.22,148.48Z"/><path class="slice-5" d="M255.7,103.94v50.68A101.09,101.09,0,0,0,184,184.31l-35.83-35.83A151.5,151.5,0,0,1,255.7,103.94Z"/><path class="slice-6" d="M184,184.31A101.09,101.09,0,0,0,154.32,256H103.64a151.5,151.5,0,0,1,44.54-107.52Z"/><path class="slice-7" d="M184,327.69l-35.83,35.83A151.5,151.5,0,0,1,103.64,256h50.68A101.09,101.09,0,0,0,184,327.69Z"/><path class="slice-8" d="M255.7,357.38v50.68a151.5,151.5,0,0,1-107.52-44.54L184,327.69A101.09,101.09,0,0,0,255.7,357.38Z"/><path class="slice-9" d="M363.22,363.52A151.5,151.5,0,0,1,255.7,408.06V357.38a101.09,101.09,0,0,0,71.69-29.69Z"/><path class="slice-10" d="M399.07,112.63l-35.85,35.85A151.5,151.5,0,0,0,255.7,103.94V53.25A202.12,202.12,0,0,1,399.07,112.63Z"/><path class="slice-11" d="M255.7,53.25v50.69a151.5,151.5,0,0,0-107.52,44.54l-35.85-35.85A202.12,202.12,0,0,1,255.7,53.25Z"/><path class="slice-12" d="M148.18,363.52l-35.85,35.85A202.12,202.12,0,0,1,53,256h50.69A151.5,151.5,0,0,0,148.18,363.52Z"/><path class="slice-13" d="M255.7,408.06v50.69a202.12,202.12,0,0,1-143.37-59.38l35.85-35.85A151.5,151.5,0,0,0,255.7,408.06Z"/><path class="slice-14" d="M399.07,399.37A202.12,202.12,0,0,1,255.7,458.75V408.06a151.5,151.5,0,0,0,107.52-44.54Z"/><path class="slice-15" d="M255.7,2.56V53.25a202.12,202.12,0,0,0-143.37,59.38L76.49,76.79A252.68,252.68,0,0,1,255.7,2.56Z"/><path class="slice-16" d="M255.7,458.75v50.69A252.68,252.68,0,0,1,76.49,435.21l35.84-35.84A202.12,202.12,0,0,0,255.7,458.75Z"/></g></svg>
diff --git a/src/.vuepress/public/assets/img/logo.svg b/src/.vuepress/public/assets/img/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.slice-1{fill:#18d3af; animation-delay:150ms;}.slice-2{fill:#c2a2d5; animation-delay:150ms;}.slice-3{fill:#f45d6b; animation-delay:150ms;}.slice-4{fill:#f2cc2c; animation-delay:300ms;}.slice-5{fill:#17bf9f; animation-delay:300ms;}.slice-6{fill:#986fb5; animation-delay:300ms;}.slice-7{fill:#3b8bff; animation-delay:300ms;}.slice-8{fill:#db424d; animation-delay:300ms;}.slice-9{fill:#f9973e; animation-delay:300ms;}.slice-10{fill:#ffe85f; animation-delay:450ms;}.slice-11{fill:#18e8c0; animation-delay:450ms;}.slice-12{fill:#61b0ff; animation-delay:450ms;}.slice-13{fill:#ff505d; animation-delay:450ms;}.slice-14{fill:#ffb164; animation-delay:450ms;}.slice-15{fill:#15ffd8; animation-delay:600ms;}.slice-16{fill:#ff6679; animation-delay:600ms;}</style></defs><title>Charts.css Logo</title><g><path class="slice-1" d="M255.7,154.62v50.69a50.49,50.49,0,0,0-35.84,14.85L184,184.31A101.09,101.09,0,0,1,255.7,154.62Z"/><path class="slice-2" d="M219.86,220a50.52,50.52,0,0,0-14.72,35.89l-50.69.19a101.08,101.08,0,0,1,29.43-71.79Z"/><path class="slice-3" d="M255.7,306.69v50.69A101.09,101.09,0,0,1,184,327.69l35.85-35.85A50.49,50.49,0,0,0,255.7,306.69Z"/><path class="slice-4" d="M363.22,148.48l-35.83,35.83a101.09,101.09,0,0,0-71.69-29.69V103.94A151.5,151.5,0,0,1,363.22,148.48Z"/><path class="slice-5" d="M255.7,103.94v50.68A101.09,101.09,0,0,0,184,184.31l-35.83-35.83A151.5,151.5,0,0,1,255.7,103.94Z"/><path class="slice-6" d="M184,184.31A101.09,101.09,0,0,0,154.32,256H103.64a151.5,151.5,0,0,1,44.54-107.52Z"/><path class="slice-7" d="M184,327.69l-35.83,35.83A151.5,151.5,0,0,1,103.64,256h50.68A101.09,101.09,0,0,0,184,327.69Z"/><path class="slice-8" d="M255.7,357.38v50.68a151.5,151.5,0,0,1-107.52-44.54L184,327.69A101.09,101.09,0,0,0,255.7,357.38Z"/><path class="slice-9" d="M363.22,363.52A151.5,151.5,0,0,1,255.7,408.06V357.38a101.09,101.09,0,0,0,71.69-29.69Z"/><path class="slice-10" d="M399.07,112.63l-35.85,35.85A151.5,151.5,0,0,0,255.7,103.94V53.25A202.12,202.12,0,0,1,399.07,112.63Z"/><path class="slice-11" d="M255.7,53.25v50.69a151.5,151.5,0,0,0-107.52,44.54l-35.85-35.85A202.12,202.12,0,0,1,255.7,53.25Z"/><path class="slice-12" d="M148.18,363.52l-35.85,35.85A202.12,202.12,0,0,1,53,256h50.69A151.5,151.5,0,0,0,148.18,363.52Z"/><path class="slice-13" d="M255.7,408.06v50.69a202.12,202.12,0,0,1-143.37-59.38l35.85-35.85A151.5,151.5,0,0,0,255.7,408.06Z"/><path class="slice-14" d="M399.07,399.37A202.12,202.12,0,0,1,255.7,458.75V408.06a151.5,151.5,0,0,0,107.52-44.54Z"/><path class="slice-15" d="M255.7,2.56V53.25a202.12,202.12,0,0,0-143.37,59.38L76.49,76.79A252.68,252.68,0,0,1,255.7,2.56Z"/><path class="slice-16" d="M255.7,458.75v50.69A252.68,252.68,0,0,1,76.49,435.21l35.84-35.84A202.12,202.12,0,0,0,255.7,458.75Z"/></g></svg>
diff --git a/src/.vuepress/public/favicon.ico b/src/.vuepress/public/favicon.ico
diff --git a/src/.vuepress/public/manifest.json b/src/.vuepress/public/manifest.json
@@ -9,39 +9,39 @@
   "display": "standalone",
   "icons": [
     {
-      "src": "\/assets\/img\/logo.png",
+      "src": "\/assets\/img\/logo.svg",
       "sizes": "36x36",
-      "type": "image\/png",
+      "type": "image\/svg",
       "density": "0.75"
     },
     {
-      "src": "\/assets\/img\/logo.png",
+      "src": "\/assets\/img\/logo.svg",
       "sizes": "48x48",
-      "type": "image\/png",
+      "type": "image\/svg",
       "density": "1.0"
     },
     {
-      "src": "\/assets\/img\/logo.png",
+      "src": "\/assets\/img\/logo.svg",
       "sizes": "72x72",
-      "type": "image\/png",
+      "type": "image\/svg",
       "density": "1.5"
     },
     {
-      "src": "\/assets\/img\/logo.png",
+      "src": "\/assets\/img\/logo.svg",
       "sizes": "96x96",
-      "type": "image\/png",
+      "type": "image\/svg",
       "density": "2.0"
     },
     {
-      "src": "\/assets\/img\/logo.png",
+      "src": "\/assets\/img\/logo.svg",
       "sizes": "144x144",
-      "type": "image\/png",
+      "type": "image\/svg",
       "density": "3.0"
     },
     {
-      "src": "\/assets\/img\/logo.png",
+      "src": "\/assets\/img\/logo.svg",
       "sizes": "192x192",
-      "type": "image\/png",
+      "type": "image\/svg",
       "density": "4.0"
     }
   ]
diff --git a/src/index.md b/src/index.md
@@ -1,7 +1,7 @@
 ---
 home: true
 navbar: false
-heroImage: /assets/img/logo.png
+heroImage: /assets/img/logo-animation.svg
 tagline: CSS data visualization framework
 ---
 
