powered by

web/app/assets/javascripts/events/react-components/EventPage.js.jsx

@@ -63,6 +63,7 @@ context.EventPage = React.createClass({
 
                 var chatElement = document.getElementById("rt-e617b4394e0e49e1c234c63161bb2e15")
 
+                chatElement.style.overflow = 'visible'
                 listing.appendChild(chatElement)
             }
             else {
@@ -169,6 +170,12 @@ context.EventPage = React.createClass({
                 <div className="title">{title}</div>
                 {descriptionElement}
                 {startsAtElement}
+                <div id="powered-by-2">
+                    <div>
+                        <span>powered by </span>
+                        <div className="powered-by"></div>
+                    </div>
+                </div>
             </div>
         }
         else {
@@ -204,7 +211,7 @@ context.EventPage = React.createClass({
                             <iframe
                                 src={src}
                                 allowFullScreen={true}
-                                allow="accelerometer; encrypted-media; gyroscope; autoplay"
+                                allow="accelerometer; encrypted-media; gyroscope; autoplay; fullscreen"
                                 ></iframe>
                         </div>
                     }

web/app/assets/stylesheets/events/react-components/EventPage.scss

@@ -7,8 +7,9 @@
 }
 
 #body-content  #rt-e617b4394e0e49e1c234c63161bb2e15 {
-  position:static;
+  position:relative;
   width:100%;
+  overflow:visible;
 }
 
 [data-react-class="EventPage"] {
@@ -19,7 +20,8 @@
   }
 
   #header {
-    display:grid;
+    //display:grid;
+    display:none;
     justify-content: center;
     width:100%;
     background-color:$jamkazam-background;
@@ -57,6 +59,33 @@
     flex-direction: column;
   }
 
+  #powered-by, #powered-by-2 {
+    text-align:center;
+    vertical-align:middle;
+    position:absolute;
+    top: -3rem;
+    margin: auto;
+    width: 100%;
+    display: grid;
+    align-items: center;
+    justify-content: center;
+
+    span {
+      font-size:.8rem;
+      text-align:left;
+    }
+  }
+
+  .powered-by {
+    background: url("/assets/shared/jk_logo_small.png") no-repeat center;
+    height:26px;
+    width:142px;
+  }
+
+  #powered-by-2 {
+    display:none;
+  }
+
   #player, #no-player {
     position:relative;
     padding-bottom:56.25%;
@@ -109,7 +138,7 @@
   #top-container {
     background-color:black;
     justify-content:center;
-    padding:2rem 0 2rem 0;
+    padding:2rem 0 .1rem 0;
     text-align:center;
   }
 
@@ -199,8 +228,42 @@
       background: url('/assets/logo.png') no-repeat center;
       background-size:75%;
       height:40px;
-      width: 126px;
+      width: 100px;
     }
+
+    #powered-by {
+      display:none;
+    }
+
+    #powered-by-2 {
+      text-align:center;
+      vertical-align:middle;
+      position:static;
+      top: 0;
+      width: 100%;
+      display: grid;
+      align-items: center;
+      justify-content: center;
+      margin:.3rem 0 0 0;
+
+      span {
+        vertical-align: bottom;
+        line-height:20px;
+      }
+
+      div {
+        display:inline-block;
+        vertical-align: bottom;
+      }
+
+      .powered-by {
+        height: 20px;
+        width: 100px;
+        background-size: 100%;
+      }
+    }
+
+
   }
 
 

web/app/views/events/event.slim

@@ -6,5 +6,8 @@
   #chat
     div id="rt-e617b4394e0e49e1c234c63161bb2e15" class="rumble-chat"
       div id="chat-header" Live Chat
+      div id="powered-by"
+        span powered by
+        div.powered-by
     script src="https://rumbletalk.com/client/?VHi@pnno"
   = react_component 'EventPage'