From 37546df1d30f7657295818a7fc7cbbfa20872f5b Mon Sep 17 00:00:00 2001
From: Seth Call <sethcall@gmail.com>
Date: Sun, 19 Apr 2020 16:40:08 -0500
Subject: [PATCH] powered by

---
 .../events/react-components/EventPage.js.jsx  |  9 ++-
 .../events/react-components/EventPage.scss    | 71 +++++++++++++++++--
 web/app/views/events/event.slim               |  3 +
 3 files changed, 78 insertions(+), 5 deletions(-)

diff --git a/web/app/assets/javascripts/events/react-components/EventPage.js.jsx b/web/app/assets/javascripts/events/react-components/EventPage.js.jsx
index 8588ab377..09a30f5e8 100644
--- a/web/app/assets/javascripts/events/react-components/EventPage.js.jsx
+++ b/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>
                     }
diff --git a/web/app/assets/stylesheets/events/react-components/EventPage.scss b/web/app/assets/stylesheets/events/react-components/EventPage.scss
index 6f9f3b245..8c1c491d8 100644
--- a/web/app/assets/stylesheets/events/react-components/EventPage.scss
+++ b/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%;
+      }
+    }
+
+
   }
 
 
diff --git a/web/app/views/events/event.slim b/web/app/views/events/event.slim
index 3ae3bcce3..2f5b5be33 100644
--- a/web/app/views/events/event.slim
+++ b/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'
\ No newline at end of file