Fixed not correctly loading image file

gmemstr · gmemstr · commit d27f7e125ca0 · 2017-12-21T17:47:06.000-08:00
Will tweak the filename but it works!
diff --git a/main/index.html b/main/index.html
@@ -8,16 +8,8 @@
   <body>
     <div id="app"></div>
     <!-- built files will be auto injected -->
-    <script type="text/javascript" src="./node_modules/node-vibrant/dist/vibrant.js"></script>
     <script>
-		Vibrant.from('logo.png').getPalette().then(function(palette) {
-			var css = document.createElement('style')
-     css.type = 'text/css'
-     var styles = 'a {color:' + palette.Vibrant.getHex() + ';} footer {background-color:' + palette.DarkMuted.getHex() + ';}'
-     if (css.styleSheet) css.styleSheet.cssText = style
-     else css.appendChild(document.createTextNode(styles))
-     document.getElementsByTagName('head')[0].appendChild(css)
-		});
+
     </script>
   </body>
 </html>
diff --git a/main/src/App.vue b/main/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <router-link to="/"><img src="logo.png" class="logo"></router-link>
+    <router-link to="/"><img src="/static/logo-large.png" class="logo"></router-link>
     <a href="/admin" class="admin">Admin</a>
     <router-view/>
     <footer>
@@ -10,9 +10,33 @@
 </template>
 
 <script>
+import Vibrant from 'node-vibrant'
+
 export default {
   name: 'app'
 }
+Vibrant.from('/static/logo-large.png').getPalette().then(function (palette) {
+// import Vibrant from 'node-vibrant'
+  var css = document.createElement('style')
+  css.type = 'text/css'
+  var vibrant = null
+  var muted = null
+  console.log(palette)
+  try {
+    vibrant = palette.Vibrant.getHex()
+  } catch (e) {
+    vibrant = palette.LightVibrant.getHex()
+  }
+  try {
+    muted = palette.Muted.getHex()
+  } catch (e) {
+    muted = palette.DarkVibrant.getHex()
+  }
+  var styles = 'a {color:' + vibrant + ';} footer {background-color:' + muted + ';color:' + vibrant + ';}'
+  if (css.styleSheet) css.styleSheet.cssText = styles
+  else css.appendChild(document.createTextNode(styles))
+  document.getElementsByTagName('head')[0].appendChild(css)
+})
 </script>
 
 <style>
diff --git a/main/src/components/Episode.vue b/main/src/components/Episode.vue
@@ -2,7 +2,7 @@
   <div class="hello" v-if="loaded">
     <h1>{{ episode.title }}</h1>
     <p>{{ episode.summary }}</p>
-        <audio controls="controls" preload="none">
+        <audio controls="controls" preload="auto">
           Your browser doesn't support the audio tag!
           <source :src="episode.url">
         </audio>
diff --git a/main/static/logo-large.png b/main/static/logo-large.png
