added in giphy attributions and functionality for dark/light themes

package.json

@@ -157,8 +157,8 @@
       "url": "https://github.com/johnstew/vscode-gif.git"
   },
   "scripts": {
-    "vscode:prepublish": "tsc -p ./",
-    "compile": "tsc -watch -p ./",
+    "vscode:prepublish": "tsc -p ./ && cp -r src/assets out/src",
+    "compile": "tsc -watch -p ./ && cp -r src/assets out/src",
     "postinstall": "node ./node_modules/vscode/bin/install",
     "test": "node ./node_modules/vscode/bin/test"
   },

src/gif.ts

@@ -65,8 +65,14 @@ class Gif {
             '.gif-item__img-container img { display: block; max-width: 100%; height: auto; }',
             '.gif-item__url-container { display: flex; align-items: center; height: 30px; }',
             '.gif-item__url-container input { display: block; width: 100%; border: 1px solid #DDD; height: 30px; padding: 0 10px;}',
+            '.giphy-logo { display: inline-block; width: 150px; height: auto;}',
+            '.vscode-light .giphy-logo--light { display: none; }',
+            '.vscode-dark .giphy-logo--dark { display: none; }',
             '</style>',
-            '<h1><span class="small">powered by</span> GIPHY</h1>',
+            '<h1 class="gif-heading"><span>GIF</span>',
+                '<img class="giphy-logo giphy-logo--dark" src="../assets/giphy-dark.png" />',
+                '<img class="giphy-logo giphy-logo--light" src="../assets/giphy-light.png" />',
+            '</h1>',
             '<main class="gif-container">',
                 '{{#each gifResults}}',
                     '<div class="gif-item" style="width: {{this.images.fixed_height.width}}px;">',