update logos

src/App.vue

@@ -10,8 +10,9 @@ import Footer from './components/Footer.vue'
 
 <template>
   <header>
-    <Header addonName="Stremio Addon Manager" addonSummary="Re-order and remove Stremio addons from your profile."
-      addonTagline="For power users - use it at your own risk." />
+    <Header addonName="Stremio Addon Manager"
+      addonSummary="Effortlessly manage the order of your Stremio addons without re-installing."
+      addonTagline="Including the default Cinemeta catalogs." addonLogo="logo.png" />
   </header>
   <main>
     <Summary />

src/assets/logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>

src/components/Header.vue

@@ -22,7 +22,8 @@ defineProps({
 <template>
   <div class="hero">
     <div class="logo is-center is-vertical-align">
-      <h1>{{ addonName }}</h1>
+      <img v-if="addonLogo" :src="addonLogo" alt="Addon logo" />
+      <h1 v-else>{{ addonName }}</h1>
       <h3>{{ addonSummary }}</h3>
       <small><em>{{ addonTagline }}</em></small>
     </div>