Adding and updating graphics for initial version of chrome extension …

…package.
MarioGiancini · Dec 17, 2019 · ef3a083 · ef3a083
1 parent 2f33e20
commit ef3a083
Show file tree

Hide file tree

Showing 22 changed files with 678 additions and 30 deletions.
diff --git a/extension/css/main.css b/extension/css/main.css
@@ -39,14 +39,16 @@
 }
 
 .panel.is-primary .panel-heading .app-title {
+    align-items: center;
+    display: flex;
     flex: 1;
     font-weight: 300;
     letter-spacing: 10px;
     text-transform: uppercase;
 }
 
-.panel.is-primary .panel-heading .app-title i {
-    margin-right: 5px;
+.panel.is-primary .panel-heading .app-title svg {
+    margin-right: 20px;
 }
 
 .panel.is-primary .panel-heading .app-version {

diff --git a/extension/images/icon128.png b/extension/images/icon128.png
diff --git a/extension/images/icon16.png b/extension/images/icon16.png
diff --git a/extension/images/icon32.png b/extension/images/icon32.png
diff --git a/extension/images/icon48.png b/extension/images/icon48.png
diff --git a/extension/images/soundboard-synth.svg b/extension/images/soundboard-synth.svg
diff --git a/extension/manifest.json b/extension/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "Soundboard Synth",
-  "version": "1.0",
-  "description": "Discover and manipulate sounds on websites and play them back with ease by mapping sounds to your keyboard.",
+  "version": "1.0.0",
+  "description": "Discover and manipulate sounds on websites and play them back easily by pressing keys on your keyboard.",
   "permissions": ["activeTab", "storage", "tabs", "notifications"],
   "options_page": "options.html",
   "content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'",

diff --git a/extension/options.html b/extension/options.html
@@ -17,7 +17,23 @@
 <nav class="navbar is-fixed-top is-primary">
 	<div class="navbar-brand">
 		<a class="navbar-item" href="https://soundboardsynth.com" target="_blank" title="Soundboard Synth">
-			<i class="fad fa-waveform-path fa-2x"></i>
+			<?xml version="1.0" encoding="utf-8"?>
+			<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+			<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+			     viewBox="0 0 640 640" style="height: 40px;" xml:space="preserve">
+				<style type="text/css">
+					.st0{fill:#FFFFFF;}
+				</style>
+				<g id="Soundboard_Synth_Icon">
+					<g>
+						<path class="st0" d="M139.1,521c58.9,0,103.8-114.5,143.4-215.6C334,174.2,387.2,38.6,500.9,38.6c55.7,0,102.6,38.7,139.1,86.8
+							V69.9C640,31.3,608.7,0,570.1,0H69.9C31.3,0,0,31.3,0,69.9v275.8C30.3,427.4,91.6,521,139.1,521z"/>
+						<path class="st0" d="M500.9,119c-58.9,0-103.8,114.5-143.4,215.6C306,465.8,252.8,601.4,139.1,601.4
+							c-55.7,0-102.6-38.7-139.1-86.8v55.6C0,608.7,31.3,640,69.9,640h500.3c38.6,0,69.9-31.3,69.9-69.9V294.3
+							C609.7,212.6,548.4,119,500.9,119z"/>
+					</g>
+				</g>
+			</svg>
 		</a>
 
 		<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="settingsNav">

diff --git a/extension/popup.html b/extension/popup.html
@@ -16,7 +16,26 @@
 <div class="container">
 	<article class="panel is-primary">
 		<div class="panel-heading">
-			<span class="app-title"><i class="fad fa-waveform-path"></i>Soundboard Synth</span>
+			<span class="app-title">
+				<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+				<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+				     viewBox="0 0 640 640" style="height: 40px;" xml:space="preserve">
+				<style type="text/css">
+					.st0{fill:#FFFFFF;}
+				</style>
+				<g id="Soundboard_Synth_Icon">
+					<g>
+						<path class="st0" d="M139.1,521c58.9,0,103.8-114.5,143.4-215.6C334,174.2,387.2,38.6,500.9,38.6c55.7,0,102.6,38.7,139.1,86.8
+							V69.9C640,31.3,608.7,0,570.1,0H69.9C31.3,0,0,31.3,0,69.9v275.8C30.3,427.4,91.6,521,139.1,521z"/>
+						<path class="st0" d="M500.9,119c-58.9,0-103.8,114.5-143.4,215.6C306,465.8,252.8,601.4,139.1,601.4
+							c-55.7,0-102.6-38.7-139.1-86.8v55.6C0,608.7,31.3,640,69.9,640h500.3c38.6,0,69.9-31.3,69.9-69.9V294.3
+							C609.7,212.6,548.4,119,500.9,119z"/>
+					</g>
+				</g>
+				</svg>
+
+				<span>Soundboard Synth</span>
+			</span>
 			<span class="app-version">v1.0.0</span>
 		</div>
 		<div class="panel-block" id="keyboard">

diff --git a/large-tile.jpg b/large-tile.jpg
diff --git a/large-tile.psd b/large-tile.psd
diff --git a/marquee.jpg b/marquee.jpg
diff --git a/marquee.psd b/marquee.psd
diff --git a/screenshot.psd b/screenshot.psd
diff --git a/small-tile.jpg b/small-tile.jpg
diff --git a/small-tile.psd b/small-tile.psd
diff --git a/soundboard-synth-color.svg b/soundboard-synth-color.svg
diff --git a/soundboard-synth-icon-128px.png b/soundboard-synth-icon-128px.png
diff --git a/soundboard-synth-icon-640px.png b/soundboard-synth-icon-640px.png