mostly css

app/css/style.min.css

@@ -6762,13 +6762,18 @@ button.close {
 /*! Main CSS file */
 
 body {
-  background-color:#777;
+  background-repeat:no-repeat;
+  background-size:cover;
   background-position: center center;
-  background-repeat: no-repeat;
-  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#cecece), to(#222));
-  background: -webkit-radial-gradient(circle, #ffffff, #000000);
-  background: -moz-radial-gradient(circle, #cecece, #222);
-  background: -ms-radial-gradient(circle, #cecece, #222);
+  background:url(../img/daveo-background.svg) transparent;
+  background:url(../img/daveo-background.svg),radial-gradient(yellow,#f06d06);
+
+/*
+  background: -webkit-gradient(radial, center center, 0, center center, 460, from(transparent), to(#333));
+  background: -webkit-radial-gradient(circle, transparent, #333);
+  background: -moz-radial-gradient(circle, transparent, #333);
+  background: -ms-radial-gradient(circle, transparent, #333);
+*/
 }
 
 header {
@@ -6783,7 +6788,7 @@ header {
 }
 .outer-container {
   width:100%;
-  background:url(../img/daveo-background.svg) transparent;
+
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
@@ -6794,7 +6799,11 @@ header {
     background: rgba (145,145,145,.5);
 }
 
-/* ========== Audio Player ============ */
+
+
+/***********************************
+========== Audio Player ============ 
+***********************************/
 
 #audio_player {
   background-color: #f7f7f7;
@@ -7037,9 +7046,29 @@ meter {
 }
 
 
+#archives audio { 
+  width: 100px;
+  background: #fff;
 
+}
+#archives audio::-webkit-media-controls-timeline-container,
+#archives audio::-webkit-media-controls-timeline,
+#archives audio::-webkit-media-controls-mute-button,
+#archives audio::-webkit-media-controls-current-time-display
+#archives audio::-webkit-media-controls-time-remaining-display {
+  display:none !important;
+}
+.archive-audio {
+  height:50px;
+  text-align: center;
+  display: table-cell; 
+  vertical-align: middle !important;
+}
 
-/* ========== Chat Rooms ============ */
+
+/***********************************
+=========== Chat Rooms ============= 
+***********************************/
 #room_users {
   margin-top: 10px;
   border-top: 1px solid #cecece;
@@ -7062,32 +7091,12 @@ video {
 
 
 
-/* =========  Vertical Align Modals ============ */
-
-.vertical-alignment-helper {
-    display:table;
-    height: 100%;
-    width: 100%;
-    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
-}
-.vertical-align-center {
-    /* To center vertically */
-    display: table-cell;
-    vertical-align: middle;
-    pointer-events:none;
-}
-.modal-content {
-    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
-    width:inherit;
-    height:inherit;
-    /* To center horizontally */
-    margin: 0 auto;
-    pointer-events: all;
-}
 
 
 
-/* =========  Playlist/Calendar ============ */
+/***********************************
+======= Playlist/Calendar ========== 
+***********************************/
 .tabs-below > .nav-tabs {
   border-bottom: 0;
 }
@@ -7141,6 +7150,36 @@ ul .badge {
   margin: 0;
 }
 
+
+
+/***********************************
+=========== Chat Rooms ============= 
+***********************************/
+
+/* =========  Vertical Align Modals ============ */
+
+.vertical-alignment-helper {
+    display:table;
+    height: 100%;
+    width: 100%;
+    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
+}
+.vertical-align-center {
+    /* To center vertically */
+    display: table-cell;
+    vertical-align: middle;
+    pointer-events:none;
+}
+.modal-content {
+    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
+    width:inherit;
+    height:inherit;
+    /* To center horizontally */
+    margin: 0 auto;
+    pointer-events: all;
+}
+
+
 /* =========  Footer/Bottom Nav ============ */
 .panel-bottom {
   background: rgba(0,0,0,.5);

app/img/daveo-background.svg

@@ -5,73 +5,48 @@
 	 viewBox="0 0 1280 800" enable-background="new 0 0 1280 800" xml:space="preserve">
 <g>
 	<g>
-		<path d="M2.6,116.7c42.6-16.9,93.5-5.1,125.9,26.8c8.2,8.1,14.8,17.3,20.2,27.5c4.6,8.6,9.6,17.9,20.2,19.4
-			c5.5,0.7,11.2-0.7,16.6-1.8c7.5-1.4,15.1-2.7,22.7-3.7c16.1-2.2,32.4-3.6,48.6-4c27.4-0.6,55.8,2.8,76.4,22.7
-			c16.3,15.8,26.3,36.7,40.7,54.1c13.9,16.7,31.8,26.8,53.4,29.7c24.6,3.3,49.5-1,74.2-1.4c26-0.4,49.5,5.1,69.8,21.9
-			c17.2,14.3,31.1,32.3,49.2,45.5c19.9,14.5,42.8,18.1,66.9,16.1c25.3-2.1,50.6-8.8,76.1-6.3c51.9,5.1,77.9,56.4,120.6,79.3
-			c46.5,24.8,101.3,19.4,150.7,34.5c22.4,6.9,44.6,17.8,60,36c8.9,10.5,13.3,22.7,18.6,35.2c5.1,12,12.6,22,22.1,30.8
-			c19.9,18.4,43.5,33.8,66.2,48.6c24.6,16,50.1,30.8,76.2,44.2c12.7,6.5,25.6,12.7,38.7,18.5c1.7,0.8,3.3-1.8,1.5-2.6
-			c-53.6-24.1-104.7-53.7-152.1-88.4c-11.7-8.6-23.8-17.2-33.8-27.8c-10.4-11-15.4-23.6-21.1-37.3c-8.7-20.9-24.7-36.5-44.4-47.3
-			c-45.2-24.6-97.8-21.2-146.3-33.9c-26.9-7-48.9-20.3-69.3-38.9c-16.8-15.3-32.8-32.5-53-43.4c-22-11.9-46.1-12.3-70.3-9.3
-			c-25.9,3.1-53.1,9.6-79,2.6c-24.1-6.5-41.1-25.3-58.2-42.3c-15.9-15.9-32.9-30.5-55.3-35.8c-46.3-10.9-102,15-143.4-15.2
-			c-19.2-14-29.9-36.2-43.9-54.7c-14-18.6-31.4-31.3-54.6-35.8c-27.1-5.2-56.3-2.3-83.5,1.3c-7.6,1-15.2,2.2-22.7,3.6
-			c-8.5,1.6-18.3,4.7-25.8-1.2c-4.9-3.9-7.7-9.9-10.5-15.3c-2.6-5-5.6-9.8-9-14.3c-25-33.7-69-52.2-110.5-47.8
-			c-10.2,1.1-20.1,3.5-29.5,7.3C0,114.5,0.8,117.4,2.6,116.7L2.6,116.7z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path d="M3,142.9c52.9,1,105.9,6.2,157.9,16.2c10.9,2.1,22,4.6,32,9.5c11.1,5.4,19,13.6,26,23.5c5.9,8.4,11.5,17,19.1,24
-			c7,6.5,15.1,11.8,23.7,15.9c40.8,19.4,87,13.5,129.9,23.6c22.8,5.4,42,16.7,60.6,30.6c17.2,12.9,34,26.8,54,35.3
-			c40,16.9,84.5,9.3,126.3,16.9c22.8,4.1,42.2,13.7,59.8,28.8c16.1,13.8,30.8,29.5,49.6,39.8c39,21.3,85.2,19.8,128.3,22.3
-			c39.7,2.3,84.7,9.2,113.6,39.3c15.1,15.7,22.7,36.8,39.9,50.8c15.6,12.6,34.6,20,53.4,26.4c24.4,8.4,48.9,16.4,73.4,24.7
-			c23.5,7.9,47.2,17.3,71.9,20.3c11.7,1.4,23.5,1.1,35-1.6c1.9-0.4,1.1-3.3-0.8-2.9c-26.2,6.1-52.5-1.1-77.4-9.3
-			c-25.1-8.2-50-16.8-75-25.1c-21.6-7.3-44.2-13.6-64.2-25c-9.5-5.4-18.3-12-25.3-20.4c-7.7-9.1-13.1-19.8-20-29.4
-			c-22.6-31.3-60.7-43.4-97.4-48.2c-43.7-5.7-89-0.9-131.4-14.8c-22.6-7.4-40.3-20.8-57.6-36.6c-15.2-13.9-30.5-27.5-50-35
-			c-40.7-15.8-85.7-7.4-127.7-16.4c-22-4.8-40.8-15.5-58.7-28.8c-17.3-12.8-34-27-53.7-35.9c-41.7-18.8-89.1-11.9-132.5-23.8
-			c-21.3-5.9-41.3-16.2-54.9-34.1c-6.3-8.3-11.5-17.5-18.9-25.1c-6.7-6.9-14.9-11.7-23.9-15.2c-21.9-8.5-46.8-10.9-70-14.2
-			c-25.1-3.5-50.4-6.1-75.7-7.6c-13-0.8-26-1.2-39.1-1.5C1.1,139.9,1.1,142.9,3,142.9L3,142.9z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path d="M1248,588.5c15.4,3.9,31.6,1.1,44.7-8c1.6-1.1,0.1-3.7-1.5-2.6c-12.4,8.6-27.7,11.5-42.4,7.7
-			C1246.9,585.1,1246.1,588,1248,588.5L1248,588.5z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path d="M1.4,709.4c14.2-24.8,34.4-45.8,58.6-61.1c11.5-7.3,23.8-13.2,36.7-17.6c13.4-4.6,27.6-6.4,41-11.3
-			c12.2-4.5,21.9-11.9,29.2-22.7c7.6-11.2,12.7-23.9,19.1-35.8c13-24.4,28.7-48.3,50.3-66c23.4-19.2,50.8-24.7,80.2-27.8
-			c25.7-2.7,52.8-5.4,74-21.8c36.1-27.9,41.8-78.2,64.8-115.1c6.3-10.1,13.9-19.4,23.4-26.6c11.4-8.7,24.6-14.4,37.9-19.4
-			c24.1-9.2,48.5-17.4,67.1-36.2c17.1-17.4,28.8-39.1,45.4-57c8.4-9.1,18.1-17,29.6-21.6c15.2-6.1,31.8-6.2,47.9-6.2
-			c15.2,0,30.2-0.5,45.1-3.7c14.9-3.2,29.2-8.3,43.4-13.8c27.3-10.6,54.3-23.3,83.7-27c24.6-3.1,51.7-0.9,72.6,13.7
-			c5.1,3.6,9.7,7.9,13.6,12.8c4.1,5,7.4,10.7,12.5,14.8c10.1,8,24.8,6.3,36.9,6.1c28-0.5,59.6-3.3,84,13.1
-			c21.7,14.5,30.6,40.6,44.1,61.8c12.2,19.1,28.3,30.9,49.7,37.7c21.1,6.8,44.3,9,64.1,19.5c9.3,5,16.8,11.9,21.8,21.3
-			c0.9,1.7,3.5,0.2,2.6-1.5c-9.8-18.4-28.9-26.4-48.1-31.7c-21.6-6-45.1-9-64.1-21.5c-22.4-14.7-31.2-41.2-45.1-62.8
-			c-13.8-21.5-33.2-34.1-58.6-37.6c-14-1.9-28.2-1.6-42.3-1.3c-14.7,0.3-34.8,3.7-46-7.9c-4.4-4.5-7.6-10-11.8-14.7
-			c-3.9-4.4-8.5-8.2-13.4-11.5c-9.8-6.5-21-10.5-32.5-12.5c-58-10.4-107.7,25.1-161.6,38.8c-16,4.1-32,5.1-48.5,5.1
-			c-15.1,0-30.5-0.2-45.1,4.2c-22.9,6.9-38.6,25.1-52.4,43.7c-15.6,21.1-30.1,42.9-53.8,55.8c-24.6,13.4-53.3,18.4-76.6,34.4
-			c-39.7,27.1-45.9,78.7-69,117.5c-14,23.5-34.4,38-61.3,43.7c-28,5.9-57.7,4.2-84.8,14.7c-23.9,9.2-43.1,26.8-58.4,47
-			c-8.3,11-15.6,22.8-22.2,34.9c-6.8,12.4-12.2,25.6-19.8,37.5c-9.2,14.3-22.1,21.7-38.2,26.1c-13.6,3.7-27.3,6.4-40.4,11.7
-			c-24.5,9.9-46.7,25.3-64.6,44.7c-9,9.7-16.7,20.4-23.3,31.9C-2.1,709.5,0.5,711,1.4,709.4L1.4,709.4z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path d="M-1.1,730.3c44.5-10.3,75.5-45.3,103.6-78.9c14.9-17.8,29.6-35.9,46.5-52c20.4-19.5,44.3-32.6,68.9-45.9
-			c24.9-13.5,46.7-29.1,66.1-49.9c18.3-19.5,34.7-40.9,54.5-59c20.6-18.8,44.7-29.9,69.6-41.7c22.7-10.7,44.8-23.1,59.3-44.3
-			c14.8-21.6,21.2-47.5,32.8-70.8c11.7-23.5,29.7-40.6,53.1-52.3c22.4-11.2,46.7-17.5,70.4-25.1c23.6-7.6,45.8-16.9,66.3-30.9
-			c22.8-15.7,44.4-35,71.5-42.9c31-9.1,63.2-0.3,94.1,5.2c14,2.5,28.1,4.5,42.3,4.3c14.7-0.3,29.3-2.9,43.8-5
-			c15.9-2.4,32.4-4.5,48.4-1.7c14,2.5,26.1,9.1,37,18.1c19.3,16,35.3,35.8,60.7,42.1c26.9,6.7,57.5,1.2,81,18.7
-			c11.4,8.6,19.5,20.8,26.7,32.9c7,11.6,13.7,23.4,21.3,34.6c16.4,24.3,35.2,47,56.1,67.5c10.1,10,20.8,19.4,31.8,28.3
-			c1.5,1.2,3.6-0.9,2.1-2.1c-23.3-18.8-44.6-40-63.6-63.1c-9.9-12.1-19.1-24.7-27.6-37.7c-7.6-11.7-14.3-24.1-21.8-35.9
-			c-6.3-9.9-13.5-19.4-22.8-26.6c-10.7-8.2-23.5-12-36.7-13.8c-13.8-1.9-27.9-2.1-41.6-4.8c-14.4-2.9-26.5-9.6-37.7-19.1
-			c-19.4-16.3-35.9-36.4-61.9-41.7c-29-5.9-58.4,3.8-87.3,5.8c-31.1,2.2-61-7.2-91.5-11.3c-28.9-3.9-55.7-0.4-81.1,14.5
-			c-23.8,14-44.2,33.1-68.9,45.4c-22.3,11.1-46.5,17.6-70.1,25.2c-22.5,7.2-45.3,15.4-64.3,29.9c-19.8,15.1-31.3,35.9-40.5,58.6
-			c-10.3,25.3-19.3,51.8-40.7,70.2c-20.4,17.6-46.6,26.5-70.3,38.5c-24.2,12.2-43.9,29.3-62.1,49.2c-18.5,20.3-35.4,42.2-56.5,59.9
-			c-22.9,19.3-50.6,30.8-76,46.2c-21,12.8-38.9,29.2-55.3,47.5c-30.7,34.2-57.4,75.7-98.5,98.7c-10,5.6-20.6,9.7-31.8,12.3
-			C-3.8,727.8-3,730.7-1.1,730.3L-1.1,730.3z"/>
+		<path d="M29,25.9c45.6,1.5,91,6.7,135.8,15.8c37.8,7.7,77.8,16.4,111.4,36.2c33.2,19.5,54.3,51.5,54.8,90.5
+			c0.4,37.7-16.1,73.5-41.7,100.6c-30.4,32.2-70.7,52.7-111.1,69.2c-1.2,0.5-1.5,1.9-0.4,2.7c110,79.2,224.4,156.1,352.1,204
+			c31.6,11.8,63.9,21.8,96.8,29.3c16.3,3.7,32.7,6.8,49.2,9.3c7.2,1.1,14.5,2,21.8,2.9c4,0.5,8,0.9,12,1.2c4.1,0.3,4-0.8,7.1-3.8
+			c52.1-51.2,106.9-99.8,164-145.4c28.8-23,58.2-45.3,88.1-66.8c7-5,14-10,21-14.9c4.7-3.3,6.4-4.7,3.8-10.5
+			c-3.8-8.7-15-11.5-23.5-12.4c-16-1.6-33.2,1.2-49.2,2.9c-17.4,1.9-34.8,4.4-52,7.5c-35.4,6.5-70.4,15.7-104.4,27.4
+			c-31.4,10.9-62.7,23.5-91.9,39.5c-24.2,13.3-47.7,29.9-64,52.5c-15.9,21.9-22.4,49.2-15.3,75.6c7.4,27.4,26.8,50.5,50.2,65.9
+			c27.8,18.3,60.5,27.1,92.8,33.5c37.1,7.4,74.8,12.3,112.6,14.6c37.8,2.4,75.7,2.3,113.4-0.3c31.6-2.2,64-7,95.5-1.1
+			c15.7,3,30.4,9,42.9,19.1c1.3,1,3.3-0.2,2.4-1.8c-3.5-6.2,4.1-9,8.9-10c5.6-1.1,10.7-0.2,16.1,1.6c13,4.5,25.8,9.2,38.7,13.8
+			c26.6,9.6,53.2,19.4,79.7,29.5c53,20,105.6,40.9,157.9,62.6c0.3-1,0.5-1.9,0.8-2.9c-48.3-13-89.3-42.2-131.5-67.6
+			c-43.2-26-88.5-45.3-139.5-47.8c-29.7-1.5-59.4,2.4-87.8,11.3c0.5,0.8,1,1.7,1.5,2.5c63.9-55.9,117.7-122.9,159-197
+			c41.3-74.1,70.1-155.2,84.1-238.8c3.6-21.2,7.7-43.4,7-64.9c-0.6-19.9-8.7-37-23.3-50.4c-15.1-13.8-34-23-52.3-31.8
+			c-21.7-10.5-44-19.9-66.6-28.3c-23.3-8.6-47.1-16.1-71.1-22.4c-23.4-6.1-47.9-12.5-72.3-9.7c-36,4.1-63.2,28.9-84.1,56.8
+			c-23.9,32-42.1,67.8-65.9,100c-26.1,35.2-56,67.5-87.7,97.7C711.1,333.7,640.3,385.6,571.7,440c-68.2,54.2-131.6,113.5-196.1,172
+			c-64,58-130.2,114.7-205.4,157.9c-18.2,10.5-36.9,20.1-56.1,28.8c-19.4,8.7-40,18-60.9,22.5c-10.5,2.3-22.5,3.2-32.3-1.8
+			c-10.3-5.2-15.3-15.7-15.5-26.9c-0.4-22.7,14.3-41.1,21.4-61.7c3.2-9.4,5-19.6,2.6-29.4c-2.4-10-9.2-17.7-14.8-26
+			c-6-8.9-12.2-23.6-2.9-32.6c8.9-8.7,23.7-2.8,32.8,2.4c33.3,18.8,54.9,55.2,58.8,92.9c1.9,18-0.3,36.1-6.8,53.1
+			c0.7-0.3,1.5-0.6,2.2-0.9c-11.3-8.1-12.2-24.3-6.1-36c6.7-12.9,20.6-20.3,33.5-25.4c27.9-11.1,58-17.2,87.9-20.1
+			c60.9-5.8,122.1,2,182.2,11.6c61.8,9.8,123.4,20.3,185.4,28.5c64.1,8.5,128.4,15.5,192.9,20.9c15.7,1.3,31.5,2.9,47.2,3.6
+			c12,0.6,24.6,0.4,36-3.9c21.3-8,30.2-29,31.2-50.4c2.4-48-21.8-95.7-47.2-134.8c-27.9-43-61.7-82-89.1-125.3
+			c-28.1-44.4-47.7-93.2-69.4-140.9c-21.1-46.4-44.6-92.7-79.4-130.6c-8.9-9.7-18.9-18.3-27.6-28.1c-10.3-11.6-15.9-24.3-20-39.1
+			c-6.7-24.2-16.5-45.4-36.3-61.6c-8.6-7-18.1-12.5-28.4-16.4c0,1,0,1.9,0,2.9C603,28.7,716.6,28.9,828,45.7
+			c1.9,0.3,2.7-2.6,0.8-2.9c-112-16.8-226.1-17.1-338.1-0.7c-1.6,0.2-1.2,2.4,0,2.9c24.9,9.6,45.5,29.2,55.7,53.9
+			c5.4,13,7.3,27.2,12.9,40.1c5,11.5,13,21,21.8,29.8c18.7,18.8,36.2,37.6,51,59.8c14.2,21.2,26.2,43.8,37.2,66.8
+			c22.7,47.3,41.5,96.5,67.2,142.3c25,44.7,57.9,83.9,87.3,125.6c29.4,41.6,56.5,87.7,61.5,139.4c2.5,25.8-3.4,56.2-31.6,64.8
+			c-13.2,4.1-27.4,3.2-41,2.2c-16-1.2-32-2.5-48-3.9c-65.2-5.7-130.3-12.9-195.2-21.7c-62.4-8.5-124.4-19.4-186.7-29
+			c-58.2-8.9-117.7-15.5-176.5-8.7c-28,3.2-56.1,9.2-82.2,19.8c-19.3,7.8-39.7,22-38.3,45.4c0.5,8.6,4.2,16.1,11.2,21.1
+			c0.9,0.6,1.9-0.1,2.2-0.9c12.7-33.2,8.7-70.9-8-102c-8.3-15.4-19.7-29.1-33.6-39.6c-11.3-8.5-30.6-20.7-45-12.1
+			c-15.9,9.5-6.8,30.3,1.2,41.6c7.6,10.7,14.5,20.8,13.5,34.6c-1,13-7.1,25.1-12.8,36.6c-7.9,15.9-16.4,35.2-10.4,53.2
+			c5.5,16.6,22.1,22.8,38.4,21.6c19.8-1.5,39.3-10.2,57.5-17.8c19.6-8.1,38.7-17.3,57.3-27.4c38.1-20.7,74-45.1,108.4-71.5
+			c69.5-53.4,132.6-114.4,197.6-173.1c66.1-59.7,136.5-113.6,206.2-168.9c68.3-54.2,135.4-111.5,188.8-181
+			c25.1-32.7,44.2-69,68-102.5c23.9-33.7,55.6-62.9,99.4-62.4c26.4,0.3,52.9,8.4,78.1,15.7c23.9,7,47.4,15.1,70.5,24.4
+			c23.5,9.4,46.7,19.8,69,31.9c18.7,10.2,37.9,23.2,46.7,43.4c9.9,22.6,4.1,50.2,0.7,73.7c-3.1,21.3-7.2,42.5-12.1,63.4
+			c-10.2,42.9-24.3,84.8-41.9,125.2c-35.1,80.2-84.1,154.3-144.8,217.5c-14.7,15.3-30,29.9-45.9,43.8c-1.1,1,0.1,2.9,1.5,2.5
+			c51.5-16.1,107.7-15.3,158.5,3.1c45.6,16.5,84.8,45.9,126.5,69.7c22.9,13.1,46.7,24.5,72.2,31.3c1.9,0.5,2.5-2.2,0.8-2.9
+			c-46.8-19.4-93.9-38.1-141.3-56.2c-23.5-9-47-17.8-70.6-26.4c-12-4.4-24-8.8-36.1-13.1c-10.8-3.9-22-9-33.2-11.6
+			c-8.1-1.9-31.2,1-23.6,14.3c0.8-0.6,1.6-1.2,2.4-1.8c-21.9-17.6-49.5-22.5-76.9-22.7c-32-0.2-64,4.4-96,5.4
+			c-71.8,2.2-145.4-3.6-215.3-20.8c-31.8-7.8-64-19.8-88.1-42.9c-21.4-20.6-36.2-49.7-32.8-80c6.8-60.3,72.9-92.9,122.1-114.2
+			c63.5-27.5,131.2-45.6,200-53.5c16.1-1.9,32.7-4,49-3.8c6.5,0.1,13.5,1.1,19.3,4.2c2.8,1.5,6.4,4.2,7.1,7.6c1.1,5-4.6,6.9-8.2,9.5
+			c-27.9,19.6-55.3,39.9-82.2,60.9c-54.6,42.5-107.2,87.7-157.5,135.3c-5.9,5.6-11.8,11.3-17.7,16.9c-3.1,3-6.2,6-9.2,9
+			c-4.3,4.2-6.8,4.8-12.8,4.2c-16.9-1.8-33.8-4.2-50.5-7.4c-31.2-5.8-62-14-92.1-23.9c-124.1-41-236.1-111.6-342.3-186.3
+			c-13.2-9.3-26.3-18.6-39.4-28.1c-0.1,0.9-0.2,1.8-0.4,2.7c69.6-28.5,144.4-74.4,154.1-156.2c4.4-37-8.1-73-37.1-97
+			c-30.1-24.8-69.7-35.2-106.9-44C136.5,31.6,82.8,24.6,29,22.9C27,22.8,27,25.8,29,25.9L29,25.9z"/>
 	</g>
 </g>
 </svg>

app/img/daveo-footer.svg

@@ -3,39 +3,4 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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 1280 100" enable-background="new 0 0 1280 100" xml:space="preserve">
-<g>
-	<g>
-		<path d="M7.7,75.5c23.5-5.1,43.4-18.6,64.4-29.6c21.5-11.2,49.2-20.8,72.7-9.8c11.6,5.4,19.4,15.8,29.4,23.4
-			c8,6.1,17.4,9.9,27.3,11.4c21.5,3.4,43.7-2.5,63.5-10.5c23.2-9.4,45.5-22,70.5-26.3c24.4-4.2,46.3,3.7,68.5,12.8
-			c18.3,7.5,38.2,16.5,58.5,14c10.6-1.3,19.1-6.3,27.9-12.2c11.7-7.8,23.9-11,37.8-12.5c27-2.9,54.4-1.6,81,3.9
-			c12.9,2.7,25.5,6.5,37.9,10.8c10.8,3.7,21.7,7.5,33.1,8.6c10.2,1,20.6-0.3,29.2-6.1c9.7-6.5,15.8-17.2,27.4-21
-			c21.4-6.9,44.6,8.3,63.6,16.2c18.4,7.7,36.8,10.1,56.6,6.9c20.3-3.2,39.6-10.8,58.7-17.9c19.3-7.1,39-14.4,59.7-16.1
-			c10.1-0.8,20.2-0.2,30,2.5c10.9,3,20.8,8.7,30.6,14c17.6,9.6,36,17.4,55.7,9c9.8-4.2,18.3-10.8,27.5-16
-			c11.3-6.4,23.2-9.3,36.1-6.7c23.3,4.9,40.9,22,62,31.7c15,6.9,33.9,11.5,50,5.6c7.1-2.6,12.7-7.3,16.8-13.6
-			c1.1-1.6-1.5-3.1-2.6-1.5c-11.7,18-35.6,16.5-53.6,10.5c-21-7.1-37.8-22.6-58.2-31.2c-9.8-4.1-20.4-6.6-31-5.2
-			c-9.8,1.3-18.4,6-26.7,11.1c-9.3,5.8-18.5,12.5-29.3,15.1c-12,2.8-23.8-0.8-34.6-6c-18.5-8.8-34.9-20.3-55.8-22.4
-			c-19.3-1.9-38.5,2.9-56.7,8.8c-37.3,12.2-77.7,34.5-118,24c-21.1-5.5-39.5-19-61.1-22.8c-8.5-1.5-17.1-1.1-25,2.7
-			c-10.1,4.8-15.9,15-25.4,20.6c-22.6,13.2-51-2.1-73.3-8.9c-24.7-7.5-50.6-11.3-76.4-11.4c-23.9,0-48.3,1.5-68.6,15
-			c-10.1,6.8-20.1,11.6-32.6,11.6c-10.8,0-21.4-3.1-31.5-6.8c-20.1-7.2-39.4-17.7-60.7-20.9c-23.2-3.5-45.7,3.8-66.8,12.8
-			c-22.6,9.6-44.5,21-69.1,24.4c-11.7,1.6-23.8,1.4-35.1-2.3c-12.3-4.1-20.8-12.6-30.1-21.1c-16.5-15-36.4-18.7-58-14
-			c-22.8,5-42.2,18.2-62.7,28.9C30.3,65.1,19,69.9,6.9,72.6C5,73,5.8,75.9,7.7,75.5L7.7,75.5z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path d="M6.1,36.3c36.8,20.8,77.2,43,120.7,42.3c19.9-0.3,37.9-6.7,55.9-14.7c19.6-8.6,39.6-18.2,61.6-16.4
-			c12,0.9,23.6,4.6,35.3,7.5c10.4,2.5,20.9,4.3,31.5,5.3c21,2,42.3,0.9,63.1-3.2c21.8-4.3,41.3-13.2,61.9-21
-			c10.6-4,21.7-7.1,33.1-6.7c10.3,0.4,20.2,3.6,29.6,7.5c18.1,7.4,35.3,16.9,55.2,18.3c19.6,1.3,38.9-3.8,57.7-8.9
-			c19.6-5.4,39.7-11.2,60.3-10.4c21.3,0.9,40.7,10.3,61.1,15.6c8.9,2.3,18.2,3.8,27.4,3.2c9.8-0.7,18.8-4.1,27.7-8
-			c21.3-9.5,42.2-15.2,65.6-16c22.9-0.8,45.7,2.2,68.3,5.8c20.5,3.3,41.1,8.2,62,8c9.5-0.1,19-1.3,27.9-4.5
-			c9.2-3.3,16.7-9.4,25.2-14.1c21.7-12,40.9,5,61.2,11.4c20,6.3,41.4,3.7,61.4-1.4c22.7-5.8,44.8-14.2,67-21.7
-			c11.4-3.8,22.7-7.7,34.1-11.5c1.8-0.6,1-3.5-0.8-2.9c-22.7,7.7-45.5,15.4-68.2,23.1c-21.3,7.2-43.2,14.7-65.9,15.1
-			c-12.3,0.2-24.2-2-35.5-6.9c-8.8-3.8-17.3-8.7-26.6-11.2c-8-2.2-16.1-2.1-23.8,1.2c-9.3,4-16.9,11-26.2,14.9
-			c-20.3,8.5-43.4,5.5-64.5,2c-21-3.5-41.9-7.3-63.1-9.2c-20.9-1.9-42.1-1.9-62.6,2.3c-10,2-19.6,5.2-28.9,9.3
-			c-10.8,4.8-21.4,10.1-33.3,11.2c-20.9,1.9-41-7.4-60.6-13.3c-18.5-5.5-36.6-6.7-55.6-3.3c-19.8,3.5-38.8,10.3-58.4,14.4
-			c-20.9,4.3-40.8,3.9-60.8-4c-17.6-6.9-34.5-17.1-53.7-18.8c-20.6-1.8-39.6,7.8-58.1,15.3c-41.5,16.9-87.7,21-131.4,10.7
-			c-20.8-4.9-40.3-11.2-61.7-6.3c-19.5,4.4-37.1,14.7-55.7,21.6c-44.1,16.5-88.4,2-128.5-18.4c-9.8-5-19.5-10.4-29.1-15.8
-			C5.9,32.7,4.4,35.3,6.1,36.3L6.1,36.3z"/>
-	</g>
-</g>
 </svg>

app/img/daveo-header.svg

@@ -4,50 +4,60 @@
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 1280 150" enable-background="new 0 0 1280 150" xml:space="preserve">
 <g id="draw">
-	<g>
-		<g>
-			<path d="M-1.2,145.3c29.6-12.9,54.2-41.9,88.8-39.6c17.9,1.2,35.7,8.8,53.8,4.8c15.3-3.4,27.5-14.1,38.9-24.2
-				c6.4-5.7,12.8-11.8,20.2-16.3c10-6,20-4,31-3c18,1.7,36.4-1.3,53.1-8.4c16.8-7.1,31.2-18.5,47-27.3c17.2-9.6,36.2-15,55.9-14.6
-				c10.2,0.2,20.4,1.9,30.5,0.3c8-1.3,15-4.9,21.3-9.8c13.4-10.4,23.1-25.1,38.7-32.5c1.7-0.8,0.2-3.4-1.5-2.6
-				c-13.3,6.2-22.5,17.8-33.1,27.6c-5.6,5.2-11.8,10-19,12.5c-9.5,3.4-19.8,2.3-29.7,1.7c-18-1.1-35.7,1.4-52.3,8.5
-				c-17.2,7.4-31.9,19.1-48.2,28C277.1,60,258,65,238.4,64.5c-9.2-0.2-18.6-2.8-27.8-1.4c-8,1.2-14.6,6-20.8,11
-				c-12.9,10.5-24.4,23.5-39.7,30.4c-18.4,8.3-37.3,1.5-56.1-1.1c-18.1-2.5-34.1,2.2-49.7,11.2c-15.8,9.1-30.2,20.8-47,28.1
-				C-4.5,143.5-3,146.1-1.2,145.3L-1.2,145.3z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path d="M23.5,149.4c13.2-3.4,24.3-11.3,34.8-19.7c11.8-9.4,23.2-18.8,36.9-25.1C125.1,90.8,157,91.4,189,94
-				c14.7,1.2,28.4-0.2,40.3-9.5C240,76,248,64.4,259.7,57c23.7-14.9,53.6-12.3,80-17.8c14.2-3,27.1-8.5,38.1-18.2
-				c11.8-10.4,21.8-24,37.6-28.4c1.9-0.5,1.1-3.4-0.8-2.9C402-6.7,392.8,2.4,383.7,11.3c-10.3,10.2-20.9,18.3-35,22.5
-				c-26.1,7.9-54.6,4.7-80,15.2c-12.2,5-21.1,13.4-30.2,22.7c-5,5.1-10.2,10.3-16.3,14c-7.4,4.4-15.7,5.8-24.3,5.8
-				c-16.1-0.1-31.9-2.9-48.1-2.2c-14.7,0.7-29.5,3-43.5,7.7c-15.2,5.1-28.5,13.3-41,23.3c-13.1,10.5-26,22-42.6,26.3
-				C20.8,147,21.6,149.9,23.5,149.4L23.5,149.4z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path d="M842,3.1c30.1-1.3,55.8,17.3,83,27.2c14.5,5.3,28.4,6.8,43.7,5.6c9.6-0.7,19.2-1.1,28.1,3c6.8,3.2,12.5,8.1,17.9,13.3
-				c11.1,10.8,21.2,22,34.4,30.4c12.5,7.9,26.6,13.5,41.4,14.8c17.1,1.5,32.9-5.2,49.7-6.1c18.3-1,31.4,9.5,44.5,20.8
-				c12.2,10.6,26.7,22,43.9,19.7c9.3-1.2,17.3-4.1,26.7-1.4c9,2.6,16.6,8.5,21.3,16.6c1,1.7,3.6,0.2,2.6-1.5
-				c-6.6-11.3-18.8-18.8-32-19.4c-8.6-0.3-16.7,3.6-25.3,3c-9-0.6-17.4-5.3-24.6-10.5c-12.4-9-22.6-21.2-37-27.1
-				c-16-6.5-32.4-1.2-48.5,1.7c-17.5,3.2-34.6,0.6-50.5-7.2c-15.2-7.4-27.3-18.3-38.9-30.3c-9.8-10.2-20.7-20.7-35.3-22.8
-				c-9.1-1.3-18.3,0.3-27.4,0.6c-7.8,0.3-15.5-0.7-23-2.7c-32-8.4-60-32.1-94.5-30.6C840.1,0.2,840.1,3.2,842,3.1L842,3.1z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path d="M915.6,4c2.4,22.9,18,41.8,37.7,52.7c24.6,13.6,54,14.1,81.3,11.6c14.8-1.4,28.7-3.5,42.6,3.4
-				c11.7,5.8,21.4,14.7,32.4,21.4c11.9,7.2,25.3,11.4,38.9,14.3c6.7,1.4,13.6,2.5,20.5,2c7.8-0.6,14.9-4.2,22.6-4.9
-				c8.7-0.7,17.2,2.5,24.9,6.1c3.5,1.6,7.4,3.2,10.5,5.5c4.3,3.2,4.3,7.8,5.1,12.6c2.4,14,9.8,26.6,20.5,35.9
-				c1.5,1.3,3.6-0.9,2.1-2.1c-10.3-9-17.4-21.1-19.7-34.6c-0.9-5.1-1.1-9.9-5.3-13.4c-4.6-3.9-11.4-6.4-17-8.7
-				c-6.1-2.5-12.6-4.4-19.3-4.2c-6.7,0.2-12.8,3-19.3,4.3c-14.8,3-31.8-2-45.7-7c-13.1-4.8-23.9-12.7-35.2-20.6
-				c-9.5-6.7-19.6-12.8-31.3-14.1c-14.2-1.6-29.1,2-43.3,2.5c-14.7,0.5-29.6-0.4-43.9-4.3c-27.1-7.5-52.8-28.5-55.9-58
-				C918.4,2.1,915.4,2.1,915.6,4L915.6,4z"/>
-		</g>
-	</g>
 </g>
 <g id="title">
-	<text transform="matrix(1 0 0 1 417.0188 95.1418)" font-family="'Phosphate-Inline'" font-size="72px">Daveo Radio</text>
+	<g>
+		<path d="M423.9,95.1v-48h13.3c4.5,0,8.5,0.5,12.1,1.5c3.5,1,6.5,2.5,8.9,4.5c2.4,2,4.3,4.5,5.5,7.5c1.3,3,1.9,6.5,1.9,10.4
+			c0,3.9-0.6,7.4-1.9,10.4c-1.3,3-3.1,5.5-5.5,7.5c-2.4,2-5.4,3.5-8.9,4.6c-3.5,1-7.5,1.5-12.1,1.5H423.9z M431.1,89.4h6.1
+			c7,0,12.3-1.6,15.9-4.8c3.6-3.2,5.4-7.7,5.4-13.5c0-5.8-1.8-10.3-5.4-13.5c-3.6-3.2-8.9-4.8-15.9-4.8h-6.1V89.4z M432.9,87.7v-33
+			h4.2c6.1,0,10.8,1.4,14.2,4.1c3.4,2.8,5.1,6.9,5.1,12.3c0,5.5-1.7,9.6-5.1,12.4c-3.4,2.8-8.1,4.2-14.2,4.2H432.9z M439.2,81.5
+			c3.6,0,6.4-0.9,8.4-2.6c2-1.7,3-4.3,3-7.8c0-3.5-1-6.1-3-7.8c-2-1.7-4.8-2.5-8.4-2.5V81.5z"/>
+		<path d="M483.8,47.1h11.5l18.2,48h-15.1l-1.6-4.3h-14.5l-1.6,4.3h-15.1L483.8,47.1z M476.3,89.4l1.4-3.6h23.8l1.4,3.6h2L491,52.9
+			h-2.7l-13.9,36.5H476.3z M489.6,54.6l11.2,29.4h-22.5L489.6,54.6z M492.8,80.2l-3.2-8.4l-3.2,8.4H492.8z"/>
+		<path d="M518.8,47.1L527,68l8.2-20.9h16.8l-18.7,48h-12.5l-18.7-48H518.8z M527.8,89.4L542,52.9h-2l-13,33.2l-13-33.2h-2
+			l14.3,36.5H527.8z"/>
+		<path d="M553,47.1h28.3v12.6h-13V65h12.7v12h-12.7v5.5h13.5v12.6H553V47.1z M576.5,89.4v-1.7h-14.4V71.9h13.7v-1.7h-13.7V54.6
+			h14.4v-1.7h-16.3v36.5H576.5z"/>
+		<path d="M585.1,71.2c0-3.5,0.7-6.7,2-9.8c1.3-3.1,3.1-5.7,5.4-8c2.3-2.3,5-4.1,8-5.4c3.1-1.3,6.3-2,9.8-2s6.7,0.7,9.8,2
+			c3.1,1.3,5.7,3.1,8,5.4c2.3,2.3,4.1,5,5.4,8c1.3,3.1,2,6.3,2,9.8s-0.7,6.7-2,9.8c-1.3,3.1-3.1,5.7-5.4,8c-2.3,2.3-5,4.1-8,5.4
+			c-3.1,1.3-6.3,2-9.8,2s-6.7-0.7-9.8-2c-3.1-1.3-5.7-3.1-8-5.4c-2.3-2.3-4.1-5-5.4-8C585.7,77.9,585.1,74.6,585.1,71.2z
+			 M591.8,71.2c0,2.5,0.5,4.9,1.4,7.2c1,2.2,2.3,4.2,4,5.9c1.7,1.7,3.6,3,5.9,4c2.2,1,4.6,1.4,7.2,1.4c2.5,0,4.9-0.5,7.2-1.4
+			c2.2-1,4.2-2.3,5.9-4c1.7-1.7,3-3.6,4-5.9s1.4-4.6,1.4-7.2c0-2.5-0.5-4.9-1.4-7.2c-1-2.2-2.3-4.2-4-5.9c-1.7-1.7-3.6-3-5.9-4
+			c-2.2-1-4.6-1.4-7.2-1.4c-2.5,0-4.9,0.5-7.2,1.4c-2.2,1-4.2,2.3-5.9,4c-1.7,1.7-3,3.6-4,5.9C592.3,66.2,591.8,68.6,591.8,71.2z
+			 M610.3,87.7c-2.3,0-4.5-0.4-6.4-1.3c-2-0.9-3.7-2.1-5.3-3.6c-1.5-1.5-2.7-3.3-3.6-5.3c-0.9-2-1.3-4.1-1.3-6.4
+			c0-2.3,0.4-4.5,1.3-6.4c0.9-2,2.1-3.7,3.6-5.3c1.5-1.5,3.3-2.7,5.3-3.6c2-0.9,4.1-1.3,6.4-1.3c2.3,0,4.5,0.4,6.4,1.3
+			c2,0.9,3.7,2.1,5.3,3.6c1.5,1.5,2.7,3.3,3.6,5.3c0.9,2,1.3,4.1,1.3,6.4c0,2.3-0.4,4.5-1.3,6.4c-0.9,2-2.1,3.7-3.6,5.3
+			c-1.5,1.5-3.3,2.7-5.3,3.6C614.7,87.3,612.6,87.7,610.3,87.7z M600.2,71.2c0,1.4,0.3,2.7,0.8,3.9c0.5,1.2,1.2,2.3,2.2,3.2
+			c0.9,0.9,2,1.6,3.2,2.2c1.2,0.5,2.5,0.8,3.9,0.8c1.4,0,2.7-0.3,3.9-0.8c1.2-0.5,2.3-1.2,3.2-2.2c0.9-0.9,1.6-2,2.2-3.2
+			c0.5-1.2,0.8-2.5,0.8-3.9c0-1.4-0.3-2.7-0.8-3.9c-0.5-1.2-1.2-2.3-2.2-3.2c-0.9-0.9-2-1.6-3.2-2.2c-1.2-0.5-2.5-0.8-3.9-0.8
+			c-1.4,0-2.7,0.3-3.9,0.8c-1.2,0.5-2.3,1.2-3.2,2.2c-0.9,0.9-1.6,2-2.2,3.2C600.4,68.5,600.2,69.8,600.2,71.2z"/>
+		<path d="M653.8,47.1h16.6c3.1,0,5.9,0.4,8.5,1.2c2.6,0.8,4.9,2,6.8,3.6c1.9,1.6,3.4,3.5,4.5,5.9c1.1,2.3,1.6,5,1.6,8
+			c0,2.4-0.3,4.4-1,6.1c-0.7,1.7-1.4,3.1-2.2,4.2c-1,1.2-2,2.3-3.2,3.2l9,15.8h-18L669.2,83v12.2h-15.3V47.1z M668.8,78.4
+			c1.9,0,3.7-0.2,5.5-0.6l6.8,11.5h2.2l-7.2-12.1c2.6-0.9,4.7-2.3,6.2-4.2c1.5-1.9,2.3-4.4,2.3-7.4c0-2.1-0.4-4-1.2-5.5
+			s-1.9-2.9-3.3-4c-1.4-1.1-3.1-1.9-5-2.4c-1.9-0.6-4-0.8-6.3-0.8H661v36.5h1.9V78.4H668.8z M662.9,76.7V54.6h5.9
+			c4.4,0,7.8,1,10.3,2.9c2.5,1.9,3.7,4.7,3.7,8.2c0,3.6-1.2,6.3-3.7,8.2c-2.5,1.9-5.9,2.8-10.3,2.8H662.9z M669.2,70.7h0.8
+			c1.8,0,3.4-0.4,4.6-1.2c1.3-0.8,1.9-2.2,1.9-4.1c0-1.9-0.6-3.3-1.9-4.1c-1.3-0.8-2.8-1.2-4.6-1.2h-0.8V70.7z"/>
+		<path d="M710.1,47.1h11.5l18.2,48h-15.1l-1.6-4.3h-14.5l-1.6,4.3h-15.1L710.1,47.1z M702.6,89.4l1.4-3.6h23.8l1.4,3.6h2
+			l-13.9-36.5h-2.7l-13.9,36.5H702.6z M715.8,54.6L727,84.1h-22.5L715.8,54.6z M719.1,80.2l-3.2-8.4l-3.2,8.4H719.1z"/>
+		<path d="M740.9,95.1v-48h13.3c4.5,0,8.5,0.5,12.1,1.5c3.5,1,6.5,2.5,8.9,4.5c2.4,2,4.3,4.5,5.5,7.5c1.3,3,1.9,6.5,1.9,10.4
+			c0,3.9-0.6,7.4-1.9,10.4c-1.3,3-3.1,5.5-5.5,7.5c-2.4,2-5.4,3.5-8.9,4.6c-3.5,1-7.5,1.5-12.1,1.5H740.9z M748.1,89.4h6.1
+			c7,0,12.3-1.6,15.9-4.8c3.6-3.2,5.4-7.7,5.4-13.5c0-5.8-1.8-10.3-5.4-13.5c-3.6-3.2-8.9-4.8-15.9-4.8h-6.1V89.4z M749.9,87.7v-33
+			h4.2c6.1,0,10.8,1.4,14.2,4.1c3.4,2.8,5.1,6.9,5.1,12.3c0,5.5-1.7,9.6-5.1,12.4c-3.4,2.8-8.1,4.2-14.2,4.2H749.9z M756.2,81.5
+			c3.6,0,6.4-0.9,8.4-2.6c2-1.7,3-4.3,3-7.8c0-3.5-1-6.1-3-7.8c-2-1.7-4.8-2.5-8.4-2.5V81.5z"/>
+		<path d="M786.6,47.1h16.3v48h-16.3V47.1z M795.7,89.4V52.9h-1.9v36.5H795.7z"/>
+		<path d="M806.8,71.2c0-3.5,0.7-6.7,2-9.8c1.3-3.1,3.1-5.7,5.4-8c2.3-2.3,5-4.1,8-5.4c3.1-1.3,6.3-2,9.8-2s6.7,0.7,9.8,2
+			c3.1,1.3,5.7,3.1,8,5.4c2.3,2.3,4.1,5,5.4,8c1.3,3.1,2,6.3,2,9.8s-0.7,6.7-2,9.8c-1.3,3.1-3.1,5.7-5.4,8c-2.3,2.3-5,4.1-8,5.4
+			c-3.1,1.3-6.3,2-9.8,2s-6.7-0.7-9.8-2c-3.1-1.3-5.7-3.1-8-5.4c-2.3-2.3-4.1-5-5.4-8C807.5,77.9,806.8,74.6,806.8,71.2z
+			 M813.6,71.2c0,2.5,0.5,4.9,1.4,7.2c1,2.2,2.3,4.2,4,5.9c1.7,1.7,3.6,3,5.9,4c2.2,1,4.6,1.4,7.2,1.4s4.9-0.5,7.2-1.4
+			c2.2-1,4.2-2.3,5.9-4c1.7-1.7,3-3.6,4-5.9c1-2.2,1.4-4.6,1.4-7.2c0-2.5-0.5-4.9-1.4-7.2c-1-2.2-2.3-4.2-4-5.9
+			c-1.7-1.7-3.6-3-5.9-4c-2.2-1-4.6-1.4-7.2-1.4s-4.9,0.5-7.2,1.4c-2.2,1-4.2,2.3-5.9,4c-1.7,1.7-3,3.6-4,5.9
+			C814.1,66.2,813.6,68.6,813.6,71.2z M832,87.7c-2.3,0-4.5-0.4-6.4-1.3c-2-0.9-3.7-2.1-5.3-3.6c-1.5-1.5-2.7-3.3-3.6-5.3
+			c-0.9-2-1.3-4.1-1.3-6.4c0-2.3,0.4-4.5,1.3-6.4c0.9-2,2.1-3.7,3.6-5.3c1.5-1.5,3.3-2.7,5.3-3.6c2-0.9,4.1-1.3,6.4-1.3
+			c2.3,0,4.5,0.4,6.4,1.3c2,0.9,3.7,2.1,5.3,3.6c1.5,1.5,2.7,3.3,3.6,5.3c0.9,2,1.3,4.1,1.3,6.4c0,2.3-0.4,4.5-1.3,6.4
+			c-0.9,2-2.1,3.7-3.6,5.3c-1.5,1.5-3.3,2.7-5.3,3.6C836.5,87.3,834.3,87.7,832,87.7z M821.9,71.2c0,1.4,0.3,2.7,0.8,3.9
+			c0.5,1.2,1.2,2.3,2.2,3.2c0.9,0.9,2,1.6,3.2,2.2c1.2,0.5,2.5,0.8,3.9,0.8c1.4,0,2.7-0.3,3.9-0.8c1.2-0.5,2.3-1.2,3.2-2.2
+			c0.9-0.9,1.6-2,2.2-3.2c0.5-1.2,0.8-2.5,0.8-3.9c0-1.4-0.3-2.7-0.8-3.9s-1.2-2.3-2.2-3.2c-0.9-0.9-2-1.6-3.2-2.2
+			c-1.2-0.5-2.5-0.8-3.9-0.8c-1.4,0-2.7,0.3-3.9,0.8c-1.2,0.5-2.3,1.2-3.2,2.2c-0.9,0.9-1.6,2-2.2,3.2S821.9,69.8,821.9,71.2z"/>
+	</g>
 </g>
 </svg>

app/index.html

@@ -20,10 +20,12 @@
 <div class="outer-container">
 <div class="container">
    <div class="row">
-      <div class="col-sm-6">
-         <section id="audio" class="bg-light-gray">
-             
-            <!-- START Player -->
+      
+      <!-- START Player -->
+      <div class="col-sm-6">      
+         <section id="audio" class="bg-light-gray">  
+            
+            <!-- START Audio Player -->  
             <div id="audio_player" class="panel panel-default">
                <div class="panel-body">
                   <div id="player">
@@ -49,32 +51,42 @@
                      </div>
                   </div>
                </div>
-           
                <div class="well current-track">
-                  <h6 style="margin:0;"><img id="eq" src="" title="eq" style="float:left;margin:3px 10px 0 7px;"> <span id="amplitude-now-playing-name">Current track: <span id="track">* Off Air *</span></span><span id="amplitude-current-time">0:00</span></h6>
+                  <h6 style="margin:0;"><img id="eq" src="" title="eq" width="12px" style="float:left;margin:0 10px 0 0;"> <span id="amplitude-now-playing-name"><span id="track">* Off Air *</span></span><span id="amplitude-current-time">0:00</span></h6>
                </div>
-               </div>
-               <!-- END Player -->
+            </div>
+            <!-- END Audio Player -->
 
       			<!-- START Playlist -->
                <div class="tabs-below">
                   <div class="tab-content scrollable-list">
-                     <div class="tab-pane active" id="one">
+                     <div class="tab-pane active" id="recent">
                         <ul class="list-group">
                            <div class="recent"></div>
                         </ul>
                      </div>
-                     <div class="tab-pane" id="two">
+                     <div class="tab-pane" id="tracks">
                         <ul class="list-group">
                            <div class="tracks"></div>
                         </ul>          
                      </div>
-                     <div class="tab-pane" id="three">
+                     <div class="tab-pane" id="albums">
+                        <ul class="list-group">
+                           <div class="albums"></div>
+                        </ul>
+                     </div>
+                     <div class="tab-pane" id="artist">
                         <ul class="list-group">
                            <div class="artists"></div>
                         </ul>
                      </div>
-                     <div class="tab-pane" id="four">
+                     <div class="tab-pane" id="archives">
+                        <ul class="list-group">
+                           <button id="play" class="list-group-item"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <b>11/5/15</b>: Interview w/ John Rogers <span class="badge">18:14</span></button>
+                           <button id="play" class="list-group-item"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <b>12/1/15</b>: Monologue "On This and That" <span class="badge">7:42</span></button>
+                        </ul>
+                     </div>
+                     <div class="tab-pane" id="schedule">
                         <ul class="list-group">
                            <li class="list-group-item list-group-item-info"><b>Dec 12th 2-4pm</b>: Example Show</li>
                            <li class="list-group-item"><b>Dec 13th 2-4pm</b>: Guest Show</li>
@@ -90,16 +102,20 @@
                      </div>
                   </div>     
                      <ul class="nav nav-tabs scrollable-list-footer">
-                        <li class="active"><a href="#one" data-toggle="tab" data-original-title="Recent" data-placement="top"><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span></a></li>
-                        <li><a href="#two" data-toggle="tab" data-original-title="Tracks" data-placement="top"><span class="glyphicon glyphicon-fire" aria-hidden="true"></span></a></li>
-                        <li><a href="#three" data-toggle="tab" data-original-title="Artist" data-placement="top"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a></li>
-                        <li><a href="#four" data-toggle="tab" data-original-title="Calendar" data-placement="top"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></a></li>
+                        <li class="active"><a href="#recent" data-toggle="tab" data-original-title="Recent" data-placement="top"><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span></a></li>
+                        <li><a href="#tracks" data-toggle="tab" data-original-title="Tracks" data-placement="top"><span class="glyphicon glyphicon-fire" aria-hidden="true"></span></a></li>
+                        <li><a href="#albums" data-toggle="tab" data-original-title="Albums" data-placement="top"><span class="glyphicon glyphicon-cd" aria-hidden="true"></span></a></li>
+                        <li><a href="#artist" data-toggle="tab" data-original-title="Artist" data-placement="top"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a></li>
+                        <li><a href="#archives" data-toggle="tab" data-original-title="Archives" data-placement="top"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></a></li>
+                        <li><a href="#schedule" data-toggle="tab" data-original-title="Schedule" data-placement="top"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></a></li>
                      </ul>
+                  </div>          
                </div>
                <!-- END Playlist -->
-            </div>
+         
          </section>
    	</div>
+      <!-- END Player -->
       
       <!-- START Connect -->
       <div class="col-sm-6">
@@ -207,8 +223,7 @@
                <!-- END Rooms -->
                
             </div>
-
-             
+         
             <!-- START Modal -->      
             <div id="modal_joinroom" class="modal fade">
                <div class="vertical-alignment-helper">
@@ -255,9 +270,9 @@
       <!-- End Connect -->
       
          
+      </div>
    </div>
 </div>
-</div>
 
 <!-- START Footer NAV -->
 <div class="container">

src/css/main.css

@@ -1,13 +1,18 @@
 /*! Main CSS file */
 
 body {
-  background-color:#777;
+  background-repeat:no-repeat;
+  background-size:cover;
   background-position: center center;
-  background-repeat: no-repeat;
-  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#cecece), to(#222));
-  background: -webkit-radial-gradient(circle, #ffffff, #000000);
-  background: -moz-radial-gradient(circle, #cecece, #222);
-  background: -ms-radial-gradient(circle, #cecece, #222);
+  background:url(../img/daveo-background.svg) transparent;
+  background:url(../img/daveo-background.svg),radial-gradient(yellow,#f06d06);
+
+/*
+  background: -webkit-gradient(radial, center center, 0, center center, 460, from(transparent), to(#333));
+  background: -webkit-radial-gradient(circle, transparent, #333);
+  background: -moz-radial-gradient(circle, transparent, #333);
+  background: -ms-radial-gradient(circle, transparent, #333);
+*/
 }
 
 header {
@@ -22,7 +27,7 @@ header {
 }
 .outer-container {
   width:100%;
-  background:url(../img/daveo-background.svg) transparent;
+
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
@@ -33,7 +38,11 @@ header {
     background: rgba (145,145,145,.5);
 }
 
-/* ========== Audio Player ============ */
+
+
+/***********************************
+========== Audio Player ============ 
+***********************************/
 
 #audio_player {
   background-color: #f7f7f7;
@@ -276,9 +285,29 @@ meter {
 }
 
 
+#archives audio { 
+  width: 100px;
+  background: #fff;
 
+}
+#archives audio::-webkit-media-controls-timeline-container,
+#archives audio::-webkit-media-controls-timeline,
+#archives audio::-webkit-media-controls-mute-button,
+#archives audio::-webkit-media-controls-current-time-display
+#archives audio::-webkit-media-controls-time-remaining-display {
+  display:none !important;
+}
+.archive-audio {
+  height:50px;
+  text-align: center;
+  display: table-cell; 
+  vertical-align: middle !important;
+}
 
-/* ========== Chat Rooms ============ */
+
+/***********************************
+=========== Chat Rooms ============= 
+***********************************/
 #room_users {
   margin-top: 10px;
   border-top: 1px solid #cecece;
@@ -301,32 +330,12 @@ video {
 
 
 
-/* =========  Vertical Align Modals ============ */
-
-.vertical-alignment-helper {
-    display:table;
-    height: 100%;
-    width: 100%;
-    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
-}
-.vertical-align-center {
-    /* To center vertically */
-    display: table-cell;
-    vertical-align: middle;
-    pointer-events:none;
-}
-.modal-content {
-    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
-    width:inherit;
-    height:inherit;
-    /* To center horizontally */
-    margin: 0 auto;
-    pointer-events: all;
-}
 
 
 
-/* =========  Playlist/Calendar ============ */
+/***********************************
+======= Playlist/Calendar ========== 
+***********************************/
 .tabs-below > .nav-tabs {
   border-bottom: 0;
 }
@@ -380,6 +389,36 @@ ul .badge {
   margin: 0;
 }
 
+
+
+/***********************************
+=========== Chat Rooms ============= 
+***********************************/
+
+/* =========  Vertical Align Modals ============ */
+
+.vertical-alignment-helper {
+    display:table;
+    height: 100%;
+    width: 100%;
+    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
+}
+.vertical-align-center {
+    /* To center vertically */
+    display: table-cell;
+    vertical-align: middle;
+    pointer-events:none;
+}
+.modal-content {
+    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
+    width:inherit;
+    height:inherit;
+    /* To center horizontally */
+    margin: 0 auto;
+    pointer-events: all;
+}
+
+
 /* =========  Footer/Bottom Nav ============ */
 .panel-bottom {
   background: rgba(0,0,0,.5);

src/index.html

@@ -20,10 +20,12 @@
 <div class="outer-container">
 <div class="container">
    <div class="row">
-      <div class="col-sm-6">
-         <section id="audio" class="bg-light-gray">
-             
-            <!-- START Player -->
+      
+      <!-- START Player -->
+      <div class="col-sm-6">      
+         <section id="audio" class="bg-light-gray">  
+            
+            <!-- START Audio Player -->  
             <div id="audio_player" class="panel panel-default">
                <div class="panel-body">
                   <div id="player">
@@ -49,32 +51,42 @@
                      </div>
                   </div>
                </div>
-           
                <div class="well current-track">
-                  <h6 style="margin:0;"><img id="eq" src="" title="eq" style="float:left;margin:3px 10px 0 7px;"> <span id="amplitude-now-playing-name">Current track: <span id="track">* Off Air *</span></span><span id="amplitude-current-time">0:00</span></h6>
+                  <h6 style="margin:0;"><img id="eq" src="" title="eq" width="12px" style="float:left;margin:0 10px 0 0;"> <span id="amplitude-now-playing-name"><span id="track">* Off Air *</span></span><span id="amplitude-current-time">0:00</span></h6>
                </div>
-               </div>
-               <!-- END Player -->
+            </div>
+            <!-- END Audio Player -->
 
       			<!-- START Playlist -->
                <div class="tabs-below">
                   <div class="tab-content scrollable-list">
-                     <div class="tab-pane active" id="one">
+                     <div class="tab-pane active" id="recent">
                         <ul class="list-group">
                            <div class="recent"></div>
                         </ul>
                      </div>
-                     <div class="tab-pane" id="two">
+                     <div class="tab-pane" id="tracks">
                         <ul class="list-group">
                            <div class="tracks"></div>
                         </ul>          
                      </div>
-                     <div class="tab-pane" id="three">
+                     <div class="tab-pane" id="albums">
+                        <ul class="list-group">
+                           <div class="albums"></div>
+                        </ul>
+                     </div>
+                     <div class="tab-pane" id="artist">
                         <ul class="list-group">
                            <div class="artists"></div>
                         </ul>
                      </div>
-                     <div class="tab-pane" id="four">
+                     <div class="tab-pane" id="archives">
+                        <ul class="list-group">
+                           <button id="play" class="list-group-item"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <b>11/5/15</b>: Interview w/ John Rogers <span class="badge">18:14</span></button>
+                           <button id="play" class="list-group-item"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <b>12/1/15</b>: Monologue "On This and That" <span class="badge">7:42</span></button>
+                        </ul>
+                     </div>
+                     <div class="tab-pane" id="schedule">
                         <ul class="list-group">
                            <li class="list-group-item list-group-item-info"><b>Dec 12th 2-4pm</b>: Example Show</li>
                            <li class="list-group-item"><b>Dec 13th 2-4pm</b>: Guest Show</li>
@@ -90,16 +102,20 @@
                      </div>
                   </div>     
                      <ul class="nav nav-tabs scrollable-list-footer">
-                        <li class="active"><a href="#one" data-toggle="tab" data-original-title="Recent" data-placement="top"><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span></a></li>
-                        <li><a href="#two" data-toggle="tab" data-original-title="Tracks" data-placement="top"><span class="glyphicon glyphicon-fire" aria-hidden="true"></span></a></li>
-                        <li><a href="#three" data-toggle="tab" data-original-title="Artist" data-placement="top"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a></li>
-                        <li><a href="#four" data-toggle="tab" data-original-title="Calendar" data-placement="top"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></a></li>
+                        <li class="active"><a href="#recent" data-toggle="tab" data-original-title="Recent" data-placement="top"><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span></a></li>
+                        <li><a href="#tracks" data-toggle="tab" data-original-title="Tracks" data-placement="top"><span class="glyphicon glyphicon-fire" aria-hidden="true"></span></a></li>
+                        <li><a href="#albums" data-toggle="tab" data-original-title="Albums" data-placement="top"><span class="glyphicon glyphicon-cd" aria-hidden="true"></span></a></li>
+                        <li><a href="#artist" data-toggle="tab" data-original-title="Artist" data-placement="top"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a></li>
+                        <li><a href="#archives" data-toggle="tab" data-original-title="Archives" data-placement="top"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></a></li>
+                        <li><a href="#schedule" data-toggle="tab" data-original-title="Schedule" data-placement="top"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></a></li>
                      </ul>
+                  </div>          
                </div>
                <!-- END Playlist -->
-            </div>
+         
          </section>
    	</div>
+      <!-- END Player -->
       
       <!-- START Connect -->
       <div class="col-sm-6">
@@ -207,8 +223,7 @@
                <!-- END Rooms -->
                
             </div>
-
-             
+         
             <!-- START Modal -->      
             <div id="modal_joinroom" class="modal fade">
                <div class="vertical-alignment-helper">
@@ -255,9 +270,9 @@
       <!-- End Connect -->
       
          
+      </div>
    </div>
 </div>
-</div>
 
 <!-- START Footer NAV -->
 <div class="container">