From f7f806f420e1ade1eafe4862b6c790b5fab88a97 Mon Sep 17 00:00:00 2001
From: Fibinger Ádám <adam.fibinger@wup.hu>
Date: Wed, 09 Oct 2019 20:16:32 +0200
Subject: [PATCH] Overlay végleges Bo1 verzió

---
 .gitignore          |    2 +
 overlay-test.html   |   11 ++++-
 assets/overlay.css  |   50 ++++++++++++++++++++----
 assets/hun.png      |    0 
 assets/ESL_Logo.png |    0 
 5 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..13bbe5b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.idea/
+
diff --git a/assets/ESL_Logo.png b/assets/ESL_Logo.png
new file mode 100644
index 0000000..478527d
--- /dev/null
+++ b/assets/ESL_Logo.png
Binary files differ
diff --git a/assets/hun.png b/assets/hun.png
new file mode 100644
index 0000000..1c49860
--- /dev/null
+++ b/assets/hun.png
Binary files differ
diff --git a/assets/overlay.css b/assets/overlay.css
index 65bf04a..35106d7 100644
--- a/assets/overlay.css
+++ b/assets/overlay.css
@@ -7,8 +7,9 @@
 body {
     width: 1920px;
     height: 1080px;
-    background-image: url("/assets/test.png");
-    background-repeat: no-repeat;
+    /*background-image: url("/assets/test.png");
+    background-repeat: no-repeat;*/
+    font-family: 'Oswald', sans-serif;
 }
 
 #stripe {
@@ -35,7 +36,6 @@
 #stripe .team .name {
     color: white;
     font-size: 34px;
-    font-family: 'Oswald', sans-serif;
 }
 
 #stripe .team.orange {
@@ -44,7 +44,7 @@
 }
 #stripe .ban {
     position: inherit;
-    top: -2px;
+    top: -1px;
 }
 
 #stripe .ban.blue {
@@ -71,9 +71,9 @@
 }
 #stripe .info {
     position: inherit;
-    top: 0;
+    top: 4px;
     width: 220px;
-    height: 58px;
+    height: 50px;
 }
 #stripe .info.left {
     left: 0;
@@ -85,15 +85,47 @@
 }
 
 #stripe .operator {
-    filter: grayscale(80%);
+    filter: grayscale(65%);
     text-align: center;
 }
+
 #stripe .operator .prohibit {
     text-align: center;
     color: gray;
     margin-top: 31px;
     font-size: 20px;
-    font-family: 'Oswald', sans-serif;
-    text-shadow: 2px 2px #ff0000;
+    text-shadow: 1px 1px 1px gray,
+    1px 0px 1px gray,
+    0px -1px 1px gray,
+    -1px -1px 1px gray;
+    filter: none;
+    color: red;
+}
 
+#stripe .esl-logo {
+    height: 40px;
+    margin-top: 5px;
+    margin-right: 8px;
+}
+
+#stripe .flag.hun {
+    height: 34px;
+    margin: 8px 0 0 8px;
+    float: left;
+    margin-right: 10px;
+}
+#stripe .info.left .text {
+    display: table-cell;
+    vertical-align: middle;
+    height: 50px;
+    font-size: 20px;
+    text-shadow: 1px 1px 1px black,
+    1px 0px 1px black,
+    0px -1px 1px black,
+    -1px -1px 1px black;
+}
+.text em {
+    font-style: normal;
+    font-weight: bold;
+    font-size: 22px;
 }
\ No newline at end of file
diff --git a/overlay-test.html b/overlay-test.html
index 7801b4f..4500fc6 100644
--- a/overlay-test.html
+++ b/overlay-test.html
@@ -8,7 +8,12 @@
 </head>
 <body>
 <div id="stripe">
-    <span class="info left">Info left</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="team orange">
         <span class="name">Lucky Strike Esport</span>
     </span>
@@ -28,7 +33,9 @@
         <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