From fb1240bd437051bd49939b0c6ae135ea7a5847e5 Mon Sep 17 00:00:00 2001
From: Fibinger Ádám <adam.fibinger@wup.hu>
Date: Wed, 27 Nov 2019 21:03:23 +0100
Subject: [PATCH] Némi refaktor és új overlay

---
 assets/backgrounds/interrogation.png |    0 
 assets/backgrounds/start-soon.png    |    0 
 assets/overlay.css                   |  194 ++++++++++++++++----------------
 assets/overlay.scss                  |  163 +++++++++++++++++++++++++++
 4 files changed, 259 insertions(+), 98 deletions(-)

diff --git a/assets/backgrounds/interrogation.png b/assets/backgrounds/interrogation.png
new file mode 100644
index 0000000..1d43a28
--- /dev/null
+++ b/assets/backgrounds/interrogation.png
Binary files differ
diff --git a/assets/backgrounds/start-soon.png b/assets/backgrounds/start-soon.png
new file mode 100644
index 0000000..af60761
--- /dev/null
+++ b/assets/backgrounds/start-soon.png
Binary files differ
diff --git a/assets/overlay.css b/assets/overlay.css
index afe0a45..2bd10d5 100644
--- a/assets/overlay.css
+++ b/assets/overlay.css
@@ -1,138 +1,136 @@
 html *, body * {
-    margin: 0;
-    padding: 0;
-    color: white;
+  margin: 0;
+  padding: 0;
+  color: white;
 }
 
 body {
-    width: 1920px;
-    height: 1080px;
-    font-family: 'Oswald', sans-serif;
+  width: 1920px;
+  height: 1080px;
+  font-family: "Oswald", sans-serif;
 }
 
 #stripe {
-    position: fixed;
-    top: 2px;
-    left: 0;
-    width: 100%;
-    height: 58px;
-    text-align: center;
+  position: fixed;
+  top: 2px;
+  left: 0;
+  width: 100%;
+  height: 58px;
+  text-align: center;
 }
-
+#stripe * {
+  display: inline-block;
+}
 #stripe.team, #stripe.team-ban {
-    background: transparent url("/assets/stripe.png") no-repeat;
+  background: transparent url("/assets/stripe.png") no-repeat;
 }
 #stripe.simple {
-    background: transparent url("/assets/stripe-simple.png") no-repeat;
+  background: transparent url("/assets/stripe-simple.png") no-repeat;
 }
-
-#stripe * {
-    display: inline-block;
-}
-
 #stripe .team {
-    margin-top: 2px;
-    position: inherit;
-    width: 435px;
-    overflow: hidden;
+  position: fixed;
+  margin-top: 2px;
+  width: 435px;
+  overflow: hidden;
 }
-
 #stripe .team .name {
-    color: white;
-    font-size: 34px;
+  color: white;
+  font-size: 34px;
 }
-
 #stripe .team.blue {
-    left: 270px;
-    text-align: right;
+  left: 270px;
+  text-align: right;
 }
-
 #stripe .team.orange {
-    left: 1215px;
-    text-align: left;
+  left: 1215px;
+  text-align: left;
 }
-
-#stripe .ban.orange {
-    left: 1080px;
-}
-
 #stripe .ban {
-    position: inherit;
-    top: -1px;
+  position: inherit;
+  top: -1px;
 }
-
+#stripe .ban.orange {
+  left: 1080px;
+}
 #stripe .ban.blue {
-    left: 715px;
-}
-
-.operator {
-    background-repeat: no-repeat;
-    background-size: cover;
-    width: 60px;
-    height: 60px;
-}
-
-
-#stripe .logo {
-    display: inline-block;
+  left: 715px;
 }
 #stripe .info {
-    position: inherit;
-    top: 4px;
-    width: 220px;
-    height: 50px;
+  position: inherit;
+  top: 4px;
+  width: 220px;
+  height: 50px;
 }
 #stripe .info.left {
-    left: 0;
-    text-align: left;
+  left: 0;
+  text-align: left;
 }
 #stripe .info.right {
-    left: 1700px;
-    text-align: right;
+  left: 1700px;
+  text-align: right;
 }
-
 #stripe .operator {
-    filter: grayscale(65%);
-    text-align: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  width: 60px;
+  height: 60px;
+  filter: grayscale(65%);
+  text-align: center;
 }
-
 #stripe .operator .prohibit {
-    text-align: center;
-    color: gray;
-    margin-top: 31px;
-    font-size: 20px;
-    text-shadow: 1px 1px 1px gray,
-    1px 0px 1px gray,
-    0px -1px 1px gray,
-    -1px -1px 1px gray;
-    filter: none;
-    color: red;
+  text-align: center;
+  color: gray;
+  margin-top: 31px;
+  font-size: 20px;
+  text-shadow: 1px 1px 1px gray, 1px 0 1px gray, 0 -1px 1px gray, -1px -1px 1px gray;
+  filter: none;
+  color: red;
 }
-
 #stripe .esl-logo {
-    height: 40px;
-    margin-top: 5px;
-    margin-right: 8px;
+  height: 40px;
+  margin-top: 5px;
+  margin-right: 8px;
 }
-
 #stripe .flag.hun {
-    height: 34px;
-    margin: 8px 0 0 8px;
-    float: left;
-    margin-right: 10px;
+  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;
+  display: table-cell;
+  vertical-align: middle;
+  height: 50px;
+  font-size: 20px;
+  text-shadow: 1px 1px 1px black, 1px 0 1px black, 0 -1px 1px black, -1px -1px 1px black;
 }
-.text em {
-    font-style: normal;
-    font-weight: bold;
-    font-size: 22px;
-}
\ No newline at end of file
+#stripe .text em {
+  font-style: normal;
+  font-weight: bold;
+  font-size: 22px;
+}
+
+#main {
+  display: block;
+  width: 1920px;
+  height: 1080px;
+}
+#main.soon {
+  background: transparent url("/assets/backgrounds/start-soon.png") no-repeat;
+}
+#main.soon .text, #main.soon .placeholder {
+  position: absolute;
+  width: 50%;
+  left: 25%;
+  text-align: center;
+  top: 97%;
+  font-size: 5em;
+  color: white;
+}
+#main.soon .placeholder {
+  opacity: 0.5;
+  background-color: black;
+  border-radius: 0.2em;
+}
+
+/*# sourceMappingURL=overlay.css.map */
diff --git a/assets/overlay.scss b/assets/overlay.scss
new file mode 100644
index 0000000..2876f91
--- /dev/null
+++ b/assets/overlay.scss
@@ -0,0 +1,163 @@
+html *, body * {
+  margin: 0;
+  padding: 0;
+  color: white;
+}
+
+body {
+  width: 1920px;
+  height: 1080px;
+  font-family: 'Oswald', sans-serif;
+}
+
+#stripe {
+  position: fixed;
+  top: 2px;
+  left: 0;
+  width: 100%;
+  height: 58px;
+  text-align: center;
+
+  & * {
+	display: inline-block;
+  }
+
+  &.team, &.team-ban {
+	background: transparent url("/assets/stripe.png") no-repeat;
+  }
+
+  &.simple {
+	background: transparent url("/assets/stripe-simple.png") no-repeat;
+  }
+
+  .team {
+	position: fixed;
+	margin-top: 2px;
+	width: 435px;
+	overflow: hidden;
+
+	.name {
+	  color: white;
+	  font-size: 34px;
+	}
+
+	&.blue {
+	  left: 270px;
+	  text-align: right;
+	}
+
+	&.orange {
+	  left: 1215px;
+	  text-align: left;
+	}
+  }
+
+  .ban {
+	position: inherit;
+	top: -1px;
+
+	&.orange {
+	  left: 1080px;
+	}
+
+	&.blue {
+	  left: 715px;
+	}
+  }
+
+  .info {
+	position: inherit;
+	top: 4px;
+	width: 220px;
+	height: 50px;
+  }
+
+  .info.left {
+	left: 0;
+	text-align: left;
+  }
+
+  .info.right {
+	left: 1700px;
+	text-align: right;
+  }
+
+  .operator {
+	background-repeat: no-repeat;
+	background-size: cover;
+	width: 60px;
+	height: 60px;
+
+	filter: grayscale(65%);
+	text-align: center;
+
+	.prohibit {
+	  text-align: center;
+	  color: gray;
+	  margin-top: 31px;
+	  font-size: 20px;
+	  text-shadow: 1px 1px 1px gray,
+	  1px 0 1px gray,
+	  0 -1px 1px gray,
+	  -1px -1px 1px gray;
+	  filter: none;
+	  color: red;
+	}
+  }
+
+  .esl-logo {
+	height: 40px;
+	margin-top: 5px;
+	margin-right: 8px;
+  }
+
+  .flag.hun {
+	height: 34px;
+	margin: 8px 0 0 8px;
+	float: left;
+	margin-right: 10px;
+  }
+
+  .info.left .text {
+	display: table-cell;
+	vertical-align: middle;
+	height: 50px;
+	font-size: 20px;
+	text-shadow: 1px 1px 1px black,
+	1px 0 1px black,
+	0 -1px 1px black,
+	-1px -1px 1px black;
+  }
+
+  .text em {
+	font-style: normal;
+	font-weight: bold;
+	font-size: 22px;
+  }
+}
+
+#main {
+  display: block;
+  width: 1920px;
+  height: 1080px;
+
+  &.soon {
+	background: transparent url("/assets/backgrounds/start-soon.png") no-repeat;
+
+	.text, .placeholder {
+	  position: absolute;
+	  width: 50%;
+	  left: 25%;
+	  text-align: center;
+	  top: 97%;
+	  font-size: 5em;
+	  color: white;
+	}
+	.placeholder {
+	  opacity: 0.5;
+	  background-color: black;
+	  border-radius: 0.2em;
+	}
+  }
+
+}

--
Gitblit v1.8.0