first step in reworking the landing site for postseason

xathon · Oct 24, 2021 · 3c974e0 · 3c974e0
1 parent e03541f
commit 3c974e0
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 29 deletions.
diff --git a/css/index.style.css b/css/index.style.css
diff --git a/css/index.style.css.map b/css/index.style.css.map
diff --git a/css/index.style.scss b/css/index.style.scss
@@ -9,7 +9,15 @@
     height: 100%;
 
 
-    background: url("../images/background/background_desktop.png") no-repeat center center fixed;
+    background: url("../images/background/background_desktop_buildings.png") no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+
+#postseasoncontainer {
+    background: url("../images/background/background_desktop_bubbles.png") no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
@@ -45,6 +53,10 @@
     padding: 1vh 3vw 1vh 3vw;
 }
 
+.twitter-timeline {
+    border-radius: 5px;
+}
+
 
 @media (max-width: 576px) {
 

diff --git a/index.php b/index.php
@@ -3,7 +3,7 @@
 session_unset();
 
 
-if(time()>1605459600 && false) { //TODO: edit the timestamp so it matches the desired end of the contest (note: we leave it like this for now and worry about this later)
+if(time()>1635742800 && true) { //TODO: edit the timestamp so it matches the desired end of the contest (note: we leave it like this for now and worry about this later)
     echo '<html lang="en">
     <head>
 		<link rel="apple-touch-icon" sizes="180x180" href="https://elohell.gg/media/img/favicon/apple-touch-icon.png?v=1">
@@ -12,24 +12,24 @@
 		<link rel="manifest" href="https://elohell.gg/media/img/favicon/site.webmanifest?v=1">
 		<link rel="mask-icon" href="https://elohell.gg/media/img/favicon/safari-pinned-tab.svg?v=1" color="#e53e62">
 		<link rel="shortcut icon" href="https://elohell.gg/media/img/favicon/favicon.ico?v=1">
-        <link href="css/style.css" rel="stylesheet">
+        <link href="css/global.style.css" rel="stylesheet">
         <link href="css/index.style.css" rel="stylesheet">
         <link href="css/bootstrap-grid.css" rel="stylesheet">
 	    <title>GitGud Logocontest</title>
 
         <meta property="og:title" content="GitGud Logocontest" />
         <meta property="og:type" content="website"/>
         <meta property="og:url" content="https://logos.elohell.gg/" />
-        <meta property="og:image" content="https://elohell.gg/media/img/logos/ggs6/GG_V_C_Dark.png"> 
-        <meta property="og:description" content="Vote for your favorite logos in the Elo Hell GitGud Tournament!">
-        <meta name="theme-color" content="#FF882C">
-        
-        <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
+        <meta property="og:image" content="https://elohell.gg/media/img/logos/ggs6/GG_V_C_Dark.png">
+        <meta property="og:description" content="Vote for your favorite team logos in the Elo Hell GitGud Tournament!">
+        <meta name="theme-color" content="#8633fc">
+
+        <meta content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" name="viewport">
 
     </head>
     <body>
 
-    <div class="container d-flex h-100" style="max-width: 1920px" >
+    <div class="container-fluid d-flex h-100" id="postseasoncontainer" >
         <div class="row" style="min-width: 100%">
             <div class="col-lg-3 col-sm-12">
                 <div class="row align-self-center">
@@ -38,34 +38,29 @@
                     </a>
                 </div>
                 <div class="row align-self-center w-100" >
-                    <div class="col-10 col-6-lg d-none d-lg-block" style="text-align: center;margin: auto">
-                        <h1 style="font-size: 3em;margin-top: 0.2em;margin-bottom: 0.2em;">Welcome to the GitGud logocontest!</h1>
+                    <div class="col-10 col-6-lg d-lg-block" style="text-align: center;margin: auto">
+                        <h1 style="font-size: 2.8em;margin-top: 0.2em;margin-bottom: 0.2em;">Welcome to the GitGud logocontest!</h1>
+                        
                         <h2 style="font-size: 1.25em;font-weight: normal">The first round of voting has ended!<br>
-                            The Top 16 logos have advanced to a bracket to determine the winner.<br> Follow <a href="https://twitter.com/EloHellEsports">@elohellesports</a> on Twitter, where the final votes will happen daily! </h2>
-                        <a class="twitter-timeline" data-border-color="#FF882C" data-chrome="noheader,nofooter,transparent" data-dnt="true" data-theme="dark" data-height="300" href="https://twitter.com/EloHellEsports?ref_src=twsrc%5Etfw" >Tweets by EloHellEsports</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-                    </div>
-                    <div class="col-10 col-6-lg d-lg-none" style="text-align: center;margin: auto">
-                        <h1 style="font-size: 6vw;margin-top: 0.2em;margin-bottom: 0.2em;">Welcome to the GitGud logocontest!</h1>
-                        <p style="font-size: 3em;margin-top: 0.2em;margin-bottom: 0.2em;">The first round of voting has ended!<br>
-                            The Top 16 logos have advanced to a bracket to determine the winner.<br> Follow <a href="https://twitter.com/EloHellEsports">@elohellesports</a> on Twitter, where the final votes will happen daily! </p>
-
+                            The Top 16 logos have advanced to a bracket to determine the winner.<br> Follow <a class="link" target="_blank" rel="noopener noreferrer" href="https://twitter.com/elohellesports">@elohellesports on Twitter</a>, where the final votes will happen daily! </h2>
+                        <div class="nonmobile">
+                            <a class="twitter-timeline" data-border-color="#FF882C" data-chrome="noheader,nofooter" data-dnt="true" data-theme="dark" data-height="30vh" href="https://twitter.com/EloHellEsports?ref_src=twsrc%5Etfw" >Tweets by EloHellEsports</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+                        </div>
                     </div>
+                    
                 </div>
             </div>
             <div class="col-lg-9 col-sm-12 d-none d-lg-flex">
-                <iframe style="width: 100%;height: 50em" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSH5pVXbhVnOBIrUvh3-Xlkcnl6sJwNBLJ8DuKDSnXiQIKLp3UkEqMJWSC6J3QB4TCi3L6rFaqEPtcC/pubhtml?widget=true&amp;headers=false"></iframe>
-
-            </div>
-            <div class="col d-lg-none" style="text-align: center;margin-top: 50px">
-                <a style="font-size: 3em" class="btn btn-lg btn-block" role="button" href="https://docs.google.com/spreadsheets/d/1eJXaD7MPxcyMbc3-7ILmir0U-bgmyroCbN1NYjRPVk8/edit?usp=sharing">Bracket</a>
+                <iframe style="width: 100%;height: 90vh;display:none " src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSH5pVXbhVnOBIrUvh3-Xlkcnl6sJwNBLJ8DuKDSnXiQIKLp3UkEqMJWSC6J3QB4TCi3L6rFaqEPtcC/pubhtml?widget=true&amp;headers=false"></iframe>
+                <iframe class="nonmobile" style="width: 100%;height: 90vh" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTyrBdzr5xMzb1pCqI0vjB7UK3zoKPRJi6voVGR35HgL33bB_D7hqsrikIGZ3Y1L_xAVyFw5AY022RE/pubhtml?widget=true&amp;headers=false"></iframe>
             </div>
         </div>
 
 
 
-        <div class="row" style="position: relative;margin-top: 2em;margin-bottom: -3em">
-            <a href="https://elohell.gg">
-                <img src="https://elohell.gg/media/img/logos/Elo-Hell-Logo_H-C-Dark.png" style="height: 5em" alt="Elo Hell Esports logo">
+        <div class="fixed-bottom">
+            <a href="https://elohell.gg" style="font-size: 0">
+                <img src="https://elohell.gg/media/img/logos/Elo-Hell-Logo_H-C-Dark.png" alt="Elo Hell Esports logo">
             </a>
         </div>
     </div>