From 782f8d72a16febb8d52d8461fda128c582b295f6 Mon Sep 17 00:00:00 2001
From: Kyle Lim <kylelim8998@gmail.com>
Date: Mon, 12 Feb 2018 21:06:43 -0500
Subject: [PATCH] Vimeo Bug Fixes

Lights now working as intended. Daily Motion icon customized to fit
black theme and converted to svg for efficient loading.
---
 img/dailymotion-logo.svg | 23 +++++++++++++++++++++++
 index.html               |  9 ++++++---
 2 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 img/dailymotion-logo.svg

diff --git a/img/dailymotion-logo.svg b/img/dailymotion-logo.svg
new file mode 100644
index 0000000..a372299
--- /dev/null
+++ b/img/dailymotion-logo.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="550.000000pt" height="550.000000pt" viewBox="0 0 550.000000 550.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.15, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,550.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 2750 l0 -2750 2750 0 2750 0 0 2750 0 2750 -2750 0 -2750 0 0
+-2750z m4850 10 l0 -2100 -435 0 -435 0 0 166 0 166 -62 -55 c-167 -145 -343
+-231 -555 -274 -137 -27 -444 -24 -583 6 -292 63 -514 184 -730 401 -229 229
+-363 476 -432 793 -19 88 -22 132 -22 322 0 190 3 233 22 318 76 343 248 633
+513 866 263 233 560 354 904 368 352 15 628 -82 839 -293 l76 -76 0 655 0 654
+258 53 c141 29 338 70 437 91 99 20 186 38 193 38 9 1 12 -425 12 -2099z"/>
+<path d="M3110 2933 c-54 -9 -158 -46 -221 -79 -183 -96 -319 -268 -375 -474
+-27 -98 -25 -282 4 -383 94 -330 380 -537 742 -540 163 -1 281 33 412 120 265
+175 380 547 269 871 -41 117 -84 185 -182 284 -73 73 -101 93 -180 131 -120
+58 -209 77 -341 76 -57 -1 -114 -4 -128 -6z"/>
+</g>
+</svg>
diff --git a/index.html b/index.html
index e58600f..b100f35 100644
--- a/index.html
+++ b/index.html
@@ -133,7 +133,7 @@
               </button>
               <div class="form-control dropdown-menu scrollable-menu" aria-labelledby="dropdownMenuButton">
                 <a class="dropdown-item" onclick="changePlayer(roomnum, 0)"><i class="fab fa-youtube"></i> YouTube</a>
-                <a class="dropdown-item" onclick="changePlayer(roomnum, 1)"><img width="16px" height="16px" src="http://static1.dmcdn.net/images/dailymotion-logo-ogtag.png.v2779e025da411e7f2" alt="Daily Motion Logo"> Daily Motion</a>
+                <a class="dropdown-item" onclick="changePlayer(roomnum, 1)"><img width="14px" height="14px" src="img/dailymotion-logo.svg" alt="Daily Motion Logo"> Daily Motion</a>
                 <a class="dropdown-item" onclick="changePlayer(roomnum, 2)"><i class="fab fa-vimeo"></i> Vimeo (Beta)</a>
               </div>
             </div>
@@ -161,8 +161,11 @@
                 src="//www.dailymotion.com/embed/video/VIDEO_ID?PARAMS"
                 allowfullscreen allow="autoplay"></iframe>
             </div>
-            <div id='vimeoArea'>
-                <iframe id="player-vimeo" src="https://player.vimeo.com/video/76979871" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+            <div style="z-index: 100" id='vimeoArea'>
+                <iframe class="video" id="player-vimeo"
+                src="https://player.vimeo.com/video/76979871"
+                width="640" height="360" frameborder="0"
+                webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
             </div>
 
             <!-- Daily motion -->