From 3bcc95932af59569d7d8c7a6cd8e91e8fd0b290d Mon Sep 17 00:00:00 2001
From: Fibinger Ádám <adam.fibinger@wup.hu>
Date: Wed, 09 Oct 2019 21:10:40 +0200
Subject: [PATCH] Orange - Blue csere

---
 overlay-test.html |  115 +++++++++++----------------------------------------------
 1 files changed, 23 insertions(+), 92 deletions(-)

diff --git a/overlay-test.html b/overlay-test.html
index 1b62ab7..4500fc6 100644
--- a/overlay-test.html
+++ b/overlay-test.html
@@ -3,108 +3,39 @@
 <head>
     <meta charset="UTF-8">
     <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/overlay.css">
     <link rel="stylesheet" href="/assets/operators-color.css">
-    <style type="text/css">
-        html *, body * {
-            margin: 0;
-            padding: 0;
-            color: white;
-        }
-
-        body {
-            width: 1920px;
-            height: 1080px;
-/*            background-image: url("assets/test.png");
-            background-repeat: no-repeat;*/
-        }
-
-        #stripe {
-            position: fixed;
-            top: 2px;
-            left: 0;
-            width: 100%;
-            background: transparent url("assets/stripe.png") no-repeat;
-            height: 58px;
-            text-align: center;
-        }
-
-        #stripe * {
-            display: inline-block;
-        }
-
-        #stripe .team {
-            margin-top: 2px;
-            position: inherit;
-            width: 420px;
-            overflow: hidden;
-        }
-
-        #stripe .team .name {
-            color: white;
-            font-size: 34px;
-            font-family: 'Oswald', sans-serif;
-        }
-
-        #stripe .team.orange {
-            left: 270px;
-        }
-        #stripe .ban {
-
-        }
-        .operator {
-            background-repeat: no-repeat;
-            background-size: cover;
-            width: 60px;
-            height: 60px;
-        }
-        #stripe .team.blue {
-            left: 1070px;
-        }
-
-        #stripe .logo {
-            display: inline-block;
-        }
-        #stripe .info {
-            position: inherit;
-            top: 0;
-            width: 220px;
-            height: 58px;
-        }
-        #stripe .info.left {
-            left: 0;
-            text-align: left;
-        }
-        #stripe .info.right {
-            left: 1700px;
-            text-align: right;
-        }
-        #stripe .operator {
-            width: 60px;
-            height: 60px;
-            border: 1px solid red;
-            display: inline-block;
-        }
-    </style>
 </head>
 <body>
 <div id="stripe">
-    <span class="info left">Info left</span>
-    <span class="team orange">
-        <span class="name">ÁRVÍZTŰRŐ ASDF asd csapat</span>
+    <span class="info left">
+        <img src="/assets/hun.png" class="flag hun">
+        <span class="text">
+            <em>#76</em> 5on5 Open Cup
+        </span>
     </span>
-    <span class="ban orange">
-            <span class="operator jackal"></span>
-            <span class="operator mira"></span>
+    <span class="team orange">
+        <span class="name">Lucky Strike Esport</span>
+    </span>
+    <span class="team blue">
+        <span class="name">The Grizz Esports</span>
     </span>
     <span class="logo"></span>
     <span class="ban blue">
-            <span class="operator montagne"></span>
-            <span class="operator goyo"></span>
+        <span class="operator montagne">
+            <span class="prohibit">x</span>
+        </span>
+        <span class="operator goyo">
+            <span class="prohibit">x</span>
+        </span>
     </span>
-    <span class="team blue">
-        <span class="name">ÁRVÍZTŰRŐ ASDF asd csapat</span>
+    <span class="ban orange">
+        <span class="operator jackal"><span class="prohibit">x</span></span>
+        <span class="operator mira"><span class="prohibit">x</span></span>
     </span>
-    <span class="info right">Info right</span>
+    <span class="info right">
+        <img class="esl-logo" src="/assets/ESL_Logo.png"/>
+    </span>
 </div>
 </body>
 </html>

--
Gitblit v1.8.0