diff --git a/app/styles/app.scss b/app/styles/app.scss
index 47a6f16..ff5146d 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -3,6 +3,7 @@
@import 'ember-modal-dialog/ember-modal-structure';
@import 'ember-modal-dialog/ember-modal-appearance';
@import "bower_components/font-awesome/scss/font-awesome";
+@import "fancy-speaker";
$playerHeight: 400px;
$playerDefaultIconColor: #BBBBBB;
@@ -23,12 +24,6 @@ body {
position: static;
}
-body.dimmerOn {
- .navigationItem {
- text-shadow: $glowingText;
- }
-}
-
// temporary HAX...not working in FF
md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper {
transform: none !important;
@@ -166,11 +161,15 @@ md-list-item .md-no-style {
min-height: 400px;
}
-.lightsTab * .tooltip {
+.lightCtrlTooltip + .tooltip {
left: -20px !important;
}
-.colorRow * .tooltip {
+#colorRow {
+ cursor: pointer;
+}
+
+#colorRow * .tooltip {
left: -7px !important;
}
@@ -347,6 +346,7 @@ md-toolbar {
transition: 0.1s all ease-in-out;
}
+
.groupRow.selectedRow {
background-color: #7F7F7F !important;
color: white;
@@ -367,6 +367,26 @@ md-toolbar {
font-family: 'Open Sans', sans-serif;
}
+.newGroup {
+ font-size: 18px;
+ min-height: 100%;
+ width: 100%;
+ padding: 10px 0 10px 10px;
+ margin: 0;
+}
+
+.newGroupRow{
+ border-style: solid;
+ border-width: 3px;
+ border-color: #f6c653 #bd6a23 #b6631f #e8ab4a;
+ background: #d79922;
+ color: black;
+}
+
+.newGroupRow:hover {
+ background-color: lighten(#d79922, 10%);
+}
+
.groupRow:hover * .close {
display: block;
}
@@ -659,6 +679,7 @@ md-switch.md-default-theme.md-checked .md-thumb {
height: 60px;
float: left;
margin-right: 5px;
+ border: 1px solid rgba(0, 0, 0, 0.5);
}
.songInfo {
.songTitle {
@@ -794,168 +815,7 @@ md-switch.md-default-theme.md-checked .md-thumb {
}
}
-// FANCY SPEAKER
-/* Variables */
-$centersize: 100px;
-$center1size: 250px;
-$bezelsize: 285px;
-$vibratesize: $centersize*1.06;
-$vibratemargin:-$vibratesize/2;
-$vibrateblurinner: 3px;
-$vibrateblurouter: 2px;
-/* Extenders */
-%base {
- border-radius: 100%;
-}
-%rivet {
- position: absolute;
- height: 8px;
- width: 8px;
- background-color: #555;
- border-radius: 100%;
- box-shadow: inset 0 0 3px #000, 0 0 2px #000;
-}
-
-/* Keyframes */
-@keyframes vibrateInner {
- 50% {
- -webkit-filter: blur($vibrateblurinner);
- filter: blur($vibrateblurinner);
- transform: scale(1.05);
- }
-}
-
-@keyframes vibrateOuter {
- 0% {
- -webkit-filter: blur($vibrateblurouter);
- filter: blur($vibrateblurouter);
- border: 15px solid #333;
- }
- 30% {
- -webkit-filter: blur(0);
- filter: blur(0);
- border: 17px solid #333;
- }
- 50% {
- -webkit-filter: blur($vibrateblurouter);
- filter: blur($vibrateblurouter);
- border: 15px solid #333;
- }
- 65% {
- -webkit-filter: blur(0);
- filter: blur(0);
- border: 17px solid #333;
- }
- 70% {
- -webkit-filter: blur($vibrateblurouter);
- filter: blur($vibrateblurouter);
- border: 15px solid #333;
- }
- 80% {
- -webkit-filter: blur($vibrateblurouter);
- filter: blur($vibrateblurouter);
- border: 17px solid #333;
- }
- 100% {
- -webkit-filter: blur($vibrateblurouter);
- filter: blur($vibrateblurouter);
- border: 15px solid #333;
- }
-}
-
-#beatSpeakerCenterInner {
- @extend %base;
- height: $centersize;
- width: $centersize;
- position: absolute;
- bottom: 60px;
- right: 60px;
- -webkit-filter: blur(1px);
- filter: blur(1px);
- background: rgb(0,0,0);
- background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(79,79,79,1) 0%, rgba(0,0,0,1) 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,1)), color-stop(0%,rgba(79,79,79,1)), color-stop(100%,rgba(0,0,0,1)));
- background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
- background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
- background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
- background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
- box-shadow: 0 0 10px rgba(0, 0, 0, 1);
-}
-.vibrateInner{
- -webkit-animation: vibrateInner 0.15s linear 1;
- animation: vibrateInner 0.15s linear 1;
-}
-#beatSpeakerCenterOuter {
- @extend %base;
- position: absolute;
- top: 16px;
- left: 16px;
- height: $center1size;
- width: $center1size;
- border: 15px solid #333;
- box-shadow: -3px -3px 15px rgba(0, 0, 0, 0.4), inset -3px -3px 15px rgba(0, 0, 0, 0.5);
- background: -moz-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
- background: -webkit-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
- background: -o-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
- background: -ms-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
- background: linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
-}
-.vibrateOuter {
- -webkit-animation: vibrateOuter 0.15s linear 1;
- animation: vibrateOuter 0.15s linear 1;
-}
-.bezel {
- @extend %base;
- margin: 0 auto;
- height: $bezelsize;
- width: $bezelsize;
- position: relative;
- background-color: #A8A8A8;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.8), inset 3px 3px 10px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), inset 0 0 30px -5px rgba(0, 0, 0, 0.8);
- top: 50%;
- transform: translateY(-50%);
-}
-.rivet1 {
- @extend %rivet;
- top: 6px;
- left: 50%;
-}
-.rivet2 {
- @extend %rivet;
- bottom: 6px;
- left: 50%;
-}
-.rivet3 {
- @extend %rivet;
- top: 50%;
- left: 6px;
-}
-.rivet4 {
- @extend %rivet;
- top: 50%;
- right: 6px;
-}
-.rivet5 {
- @extend %rivet;
- top: 18%;
- left: 13.7%;
-}
-.rivet6 {
- @extend %rivet;
- top: 18%;
- right: 13.5%;
-}
-.rivet7 {
- @extend %rivet;
- bottom: 17%;
- left: 13.5%;
-}
-.rivet8 {
- @extend %rivet;
- bottom: 17%;
- right: 13.5%;
-}
#ytplayer{
display: block;
@@ -978,7 +838,6 @@ body.dimmerOn {
background: #242424;
}
-body.dimmerOn #bridgeInput label,
.power-settings-new.dimmerOn,
.brightness-4.dimmerOn,
.color-lens.dimmerOn,
@@ -1029,7 +888,7 @@ body.dimmerOn {
position: absolute;
top: 0;
left: 0;
- color: #F12B24 !important;
+ color: $secondaryThemeColor !important;
font-size: 25px;
}
@@ -1039,6 +898,7 @@ button.md-warn {
.ember-modal-dialog {
padding: 20px;
+ color: black;
}
.addMusicButton {
@@ -1051,16 +911,20 @@ button.md-warn {
right: 0;
left: initial;
width: 100px;
- top: 28px;
+ top: 30px;
}
.addNewMusic {
+ font-size: 16px;
padding: 4px;
- background: none;
- color: $playerDefaultIconColor;
+ color: white;
border: none;
+ text-shadow: 1px 1px 2px rgba(0,0,0,.8);
+ box-shadow: inset 1px 1px 9px rgba(135,30,10,.8),inset -1px -1px 5px rgba(181,60,2,.8);
+ border-radius: 5px;
+ background: linear-gradient(#db8e01,#871e0a);
}
.addNewMusic:hover {
- color: lighten($playerDefaultIconColor, 30%);
+ background: linear-gradient(lighten(#db8e01,5%), lighten(#871e0a,5%));
}
diff --git a/app/styles/fancy-speaker.scss b/app/styles/fancy-speaker.scss
new file mode 100644
index 0000000..b236173
--- /dev/null
+++ b/app/styles/fancy-speaker.scss
@@ -0,0 +1,161 @@
+/* Variables */
+$centersize: 100px;
+$center1size: 250px;
+$bezelsize: 285px;
+$vibratesize: $centersize*1.06;
+$vibratemargin:-$vibratesize/2;
+$vibrateblurinner: 3px;
+$vibrateblurouter: 2px;
+
+/* Extenders */
+%base {
+ border-radius: 100%;
+}
+%rivet {
+ position: absolute;
+ height: 8px;
+ width: 8px;
+ background-color: #555;
+ border-radius: 100%;
+ box-shadow: inset 0 0 3px #000, 0 0 2px #000;
+}
+
+/* Keyframes */
+@keyframes vibrateInner {
+ 50% {
+ -webkit-filter: blur($vibrateblurinner);
+ filter: blur($vibrateblurinner);
+ transform: scale(1.05);
+ }
+}
+
+@keyframes vibrateOuter {
+ 0% {
+ -webkit-filter: blur($vibrateblurouter);
+ filter: blur($vibrateblurouter);
+ border: 15px solid #333;
+ }
+ 30% {
+ -webkit-filter: blur(0);
+ filter: blur(0);
+ border: 17px solid #333;
+ }
+ 50% {
+ -webkit-filter: blur($vibrateblurouter);
+ filter: blur($vibrateblurouter);
+ border: 15px solid #333;
+ }
+ 65% {
+ -webkit-filter: blur(0);
+ filter: blur(0);
+ border: 17px solid #333;
+ }
+ 70% {
+ -webkit-filter: blur($vibrateblurouter);
+ filter: blur($vibrateblurouter);
+ border: 15px solid #333;
+ }
+ 80% {
+ -webkit-filter: blur($vibrateblurouter);
+ filter: blur($vibrateblurouter);
+ border: 17px solid #333;
+ }
+ 100% {
+ -webkit-filter: blur($vibrateblurouter);
+ filter: blur($vibrateblurouter);
+ border: 15px solid #333;
+ }
+}
+
+#beatSpeakerCenterInner {
+ @extend %base;
+ height: $centersize;
+ width: $centersize;
+ position: absolute;
+ bottom: 60px;
+ right: 60px;
+ -webkit-filter: blur(1px);
+ filter: blur(1px);
+ background: rgb(0,0,0);
+ background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(79,79,79,1) 0%, rgba(0,0,0,1) 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,1)), color-stop(0%,rgba(79,79,79,1)), color-stop(100%,rgba(0,0,0,1)));
+ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
+ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
+ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
+ background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(79,79,79,1) 0%,rgba(0,0,0,1) 100%);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 1);
+}
+.vibrateInner{
+ -webkit-animation: vibrateInner 0.15s linear 1;
+ animation: vibrateInner 0.15s linear 1;
+}
+#beatSpeakerCenterOuter {
+ @extend %base;
+ position: absolute;
+ top: 16px;
+ left: 16px;
+ height: $center1size;
+ width: $center1size;
+ border: 15px solid #333;
+ box-shadow: -3px -3px 15px rgba(0, 0, 0, 0.4), inset -3px -3px 15px rgba(0, 0, 0, 0.5);
+ background: -moz-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
+ background: -webkit-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
+ background: -o-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
+ background: -ms-linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
+ background: linear-gradient(130deg, rgba(117, 117, 117, 1) 55%, rgba(220, 220, 220, 1) 100%);
+}
+.vibrateOuter {
+ -webkit-animation: vibrateOuter 0.15s linear 1;
+ animation: vibrateOuter 0.15s linear 1;
+}
+.bezel {
+ @extend %base;
+ margin: 0 auto;
+ height: $bezelsize;
+ width: $bezelsize;
+ position: relative;
+ background-color: #A8A8A8;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.8), inset 3px 3px 10px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), inset 0 0 30px -5px rgba(0, 0, 0, 0.8);
+ top: 50%;
+ transform: translateY(-50%);
+}
+.rivet1 {
+ @extend %rivet;
+ top: 6px;
+ left: 50%;
+}
+.rivet2 {
+ @extend %rivet;
+ bottom: 6px;
+ left: 50%;
+}
+.rivet3 {
+ @extend %rivet;
+ top: 50%;
+ left: 6px;
+}
+.rivet4 {
+ @extend %rivet;
+ top: 50%;
+ right: 6px;
+}
+.rivet5 {
+ @extend %rivet;
+ top: 18%;
+ left: 13.7%;
+}
+.rivet6 {
+ @extend %rivet;
+ top: 18%;
+ right: 13.5%;
+}
+.rivet7 {
+ @extend %rivet;
+ bottom: 17%;
+ left: 13.5%;
+}
+.rivet8 {
+ @extend %rivet;
+ bottom: 17%;
+ right: 13.5%;
+}
diff --git a/assets/missingArtwork.psd b/assets/missingArtwork.psd
new file mode 100644
index 0000000..c9fa6d7
Binary files /dev/null and b/assets/missingArtwork.psd differ
diff --git a/public/assets/images/favicon.ico b/public/assets/images/favicon.ico
index 49671ea..99c8d83 100644
Binary files a/public/assets/images/favicon.ico and b/public/assets/images/favicon.ico differ
diff --git a/public/assets/images/favicons/android-chrome-144x144.png b/public/assets/images/favicons/android-chrome-144x144.png
new file mode 100644
index 0000000..f2b39ce
Binary files /dev/null and b/public/assets/images/favicons/android-chrome-144x144.png differ
diff --git a/public/assets/images/favicons/android-chrome-192x192.png b/public/assets/images/favicons/android-chrome-192x192.png
new file mode 100644
index 0000000..d295281
Binary files /dev/null and b/public/assets/images/favicons/android-chrome-192x192.png differ
diff --git a/public/assets/images/favicons/android-chrome-36x36.png b/public/assets/images/favicons/android-chrome-36x36.png
new file mode 100644
index 0000000..c08a5d3
Binary files /dev/null and b/public/assets/images/favicons/android-chrome-36x36.png differ
diff --git a/public/assets/images/favicons/android-chrome-48x48.png b/public/assets/images/favicons/android-chrome-48x48.png
new file mode 100644
index 0000000..501ac49
Binary files /dev/null and b/public/assets/images/favicons/android-chrome-48x48.png differ
diff --git a/public/assets/images/favicons/android-chrome-72x72.png b/public/assets/images/favicons/android-chrome-72x72.png
new file mode 100644
index 0000000..621ed49
Binary files /dev/null and b/public/assets/images/favicons/android-chrome-72x72.png differ
diff --git a/public/assets/images/favicons/android-chrome-96x96.png b/public/assets/images/favicons/android-chrome-96x96.png
new file mode 100644
index 0000000..48f367f
Binary files /dev/null and b/public/assets/images/favicons/android-chrome-96x96.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-114x114.png b/public/assets/images/favicons/apple-touch-icon-114x114.png
new file mode 100644
index 0000000..83f731d
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-114x114.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-120x120.png b/public/assets/images/favicons/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..fc60f6a
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-120x120.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-144x144.png b/public/assets/images/favicons/apple-touch-icon-144x144.png
new file mode 100644
index 0000000..984ff7c
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-144x144.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-152x152.png b/public/assets/images/favicons/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..42d9d48
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-152x152.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-180x180.png b/public/assets/images/favicons/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..81fc058
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-180x180.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-57x57.png b/public/assets/images/favicons/apple-touch-icon-57x57.png
new file mode 100644
index 0000000..f3da3cc
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-57x57.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-60x60.png b/public/assets/images/favicons/apple-touch-icon-60x60.png
new file mode 100644
index 0000000..45a14ba
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-60x60.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-72x72.png b/public/assets/images/favicons/apple-touch-icon-72x72.png
new file mode 100644
index 0000000..e344326
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-72x72.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-76x76.png b/public/assets/images/favicons/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..8c5e270
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-76x76.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon-precomposed.png b/public/assets/images/favicons/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..dc0829e
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon-precomposed.png differ
diff --git a/public/assets/images/favicons/apple-touch-icon.png b/public/assets/images/favicons/apple-touch-icon.png
new file mode 100644
index 0000000..81fc058
Binary files /dev/null and b/public/assets/images/favicons/apple-touch-icon.png differ
diff --git a/public/assets/images/favicons/browserconfig.xml b/public/assets/images/favicons/browserconfig.xml
new file mode 100644
index 0000000..e30c20f
--- /dev/null
+++ b/public/assets/images/favicons/browserconfig.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+ #da532c
+
+
+
diff --git a/public/assets/images/favicons/favicon-16x16.png b/public/assets/images/favicons/favicon-16x16.png
new file mode 100644
index 0000000..029688e
Binary files /dev/null and b/public/assets/images/favicons/favicon-16x16.png differ
diff --git a/public/assets/images/favicons/favicon-194x194.png b/public/assets/images/favicons/favicon-194x194.png
new file mode 100644
index 0000000..96d493f
Binary files /dev/null and b/public/assets/images/favicons/favicon-194x194.png differ
diff --git a/public/assets/images/favicons/favicon-32x32.png b/public/assets/images/favicons/favicon-32x32.png
new file mode 100644
index 0000000..0e87d75
Binary files /dev/null and b/public/assets/images/favicons/favicon-32x32.png differ
diff --git a/public/assets/images/favicons/favicon-96x96.png b/public/assets/images/favicons/favicon-96x96.png
new file mode 100644
index 0000000..c99dceb
Binary files /dev/null and b/public/assets/images/favicons/favicon-96x96.png differ
diff --git a/public/assets/images/favicons/favicon.ico b/public/assets/images/favicons/favicon.ico
new file mode 100644
index 0000000..f1f5798
Binary files /dev/null and b/public/assets/images/favicons/favicon.ico differ
diff --git a/public/assets/images/favicons/manifest.json b/public/assets/images/favicons/manifest.json
new file mode 100644
index 0000000..882d3fa
--- /dev/null
+++ b/public/assets/images/favicons/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "Huegasm",
+ "icons": [
+ {
+ "src": "assets\\images\/android-chrome-36x36.png",
+ "sizes": "36x36",
+ "type": "image\/png",
+ "density": "0.75"
+ },
+ {
+ "src": "assets\\images\/android-chrome-48x48.png",
+ "sizes": "48x48",
+ "type": "image\/png",
+ "density": "1.0"
+ },
+ {
+ "src": "assets\\images\/android-chrome-72x72.png",
+ "sizes": "72x72",
+ "type": "image\/png",
+ "density": "1.5"
+ },
+ {
+ "src": "assets\\images\/android-chrome-96x96.png",
+ "sizes": "96x96",
+ "type": "image\/png",
+ "density": "2.0"
+ },
+ {
+ "src": "assets\\images\/android-chrome-144x144.png",
+ "sizes": "144x144",
+ "type": "image\/png",
+ "density": "3.0"
+ },
+ {
+ "src": "assets\\images\/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image\/png",
+ "density": "4.0"
+ }
+ ]
+}
diff --git a/public/assets/images/favicons/mstile-144x144.png b/public/assets/images/favicons/mstile-144x144.png
new file mode 100644
index 0000000..5948fe5
Binary files /dev/null and b/public/assets/images/favicons/mstile-144x144.png differ
diff --git a/public/assets/images/favicons/mstile-150x150.png b/public/assets/images/favicons/mstile-150x150.png
new file mode 100644
index 0000000..25e464b
Binary files /dev/null and b/public/assets/images/favicons/mstile-150x150.png differ
diff --git a/public/assets/images/favicons/mstile-310x150.png b/public/assets/images/favicons/mstile-310x150.png
new file mode 100644
index 0000000..82ad060
Binary files /dev/null and b/public/assets/images/favicons/mstile-310x150.png differ
diff --git a/public/assets/images/favicons/mstile-310x310.png b/public/assets/images/favicons/mstile-310x310.png
new file mode 100644
index 0000000..fd96ca3
Binary files /dev/null and b/public/assets/images/favicons/mstile-310x310.png differ
diff --git a/public/assets/images/favicons/mstile-70x70.png b/public/assets/images/favicons/mstile-70x70.png
new file mode 100644
index 0000000..dbb73d3
Binary files /dev/null and b/public/assets/images/favicons/mstile-70x70.png differ
diff --git a/public/assets/images/favicons/safari-pinned-tab.svg b/public/assets/images/favicons/safari-pinned-tab.svg
new file mode 100644
index 0000000..46b4dd6
--- /dev/null
+++ b/public/assets/images/favicons/safari-pinned-tab.svg
@@ -0,0 +1,29 @@
+
+
+
diff --git a/public/assets/images/lights/a19w.svg b/public/assets/images/lights/a19w.svg
new file mode 100644
index 0000000..b05e873
--- /dev/null
+++ b/public/assets/images/lights/a19w.svg
@@ -0,0 +1,32 @@
+
+
+
+
diff --git a/public/assets/images/lights/br30w.svg b/public/assets/images/lights/br30w.svg
new file mode 100644
index 0000000..ba1585a
--- /dev/null
+++ b/public/assets/images/lights/br30w.svg
@@ -0,0 +1,48 @@
+
+
+
+
diff --git a/public/assets/images/lights/gu10w.svg b/public/assets/images/lights/gu10w.svg
new file mode 100644
index 0000000..1ea01cb
--- /dev/null
+++ b/public/assets/images/lights/gu10w.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/public/assets/images/lights/huegow.svg b/public/assets/images/lights/huegow.svg
new file mode 100644
index 0000000..b3b0b88
--- /dev/null
+++ b/public/assets/images/lights/huegow.svg
@@ -0,0 +1,23 @@
+
+
+
+
diff --git a/public/assets/images/lights/lc_auraw.svg b/public/assets/images/lights/lc_auraw.svg
new file mode 100644
index 0000000..c125947
--- /dev/null
+++ b/public/assets/images/lights/lc_auraw.svg
@@ -0,0 +1,32 @@
+
+
+
+
diff --git a/public/assets/images/lights/lc_bloomw.svg b/public/assets/images/lights/lc_bloomw.svg
new file mode 100644
index 0000000..3dce9f7
--- /dev/null
+++ b/public/assets/images/lights/lc_bloomw.svg
@@ -0,0 +1,30 @@
+
+
+
+
diff --git a/public/assets/images/lights/lc_irisw.svg b/public/assets/images/lights/lc_irisw.svg
new file mode 100644
index 0000000..cdf472b
--- /dev/null
+++ b/public/assets/images/lights/lc_irisw.svg
@@ -0,0 +1,29 @@
+
+
+
+
diff --git a/public/assets/images/lights/lightstripw.svg b/public/assets/images/lights/lightstripw.svg
new file mode 100644
index 0000000..fb32dab
--- /dev/null
+++ b/public/assets/images/lights/lightstripw.svg
@@ -0,0 +1,45 @@
+
+
+
+
diff --git a/public/assets/images/lights/storylightw.svg b/public/assets/images/lights/storylightw.svg
new file mode 100644
index 0000000..8bc66a5
--- /dev/null
+++ b/public/assets/images/lights/storylightw.svg
@@ -0,0 +1,42 @@
+
+
+
+
diff --git a/public/assets/images/missingArtwork.png b/public/assets/images/missingArtwork.png
new file mode 100644
index 0000000..ee7582f
Binary files /dev/null and b/public/assets/images/missingArtwork.png differ