Difference between revisions of "Team:KU Leuven/HP/HP Main"

Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
 
<html>
 
<html>
−
  <body>
+
<style type="text/css">
−
    <div style="width:100%; height:100%; text-align:center">
+
body, html {
−
      <img src="https://static.igem.org/mediawiki/2017/1/18/KU_Leuven-Logo_Brand.gif"
+
height: 100%
−
        style="float:middle">
+
}
−
    </div>   
+
 
−
  </body>  
+
.bgimg {
−
</html>
+
background-image: url('https://static.igem.org/mediawiki/2017/5/55/KU_Leuven_Background_ComingSoon.png');
−
{{KU_Leuven_footer}}
+
height: 100vh;
 +
background-position: center;
 +
background-size: cover;
 +
position: relative;
 +
color: white;
 +
font-family: "Courier New", Courier, monospace;
 +
font-size: 5000px;
 +
}
 +
 
 +
.topleft {
 +
position: absolute;
 +
top: 0;
 +
left: 16px;
 +
}
 +
 
 +
.bottomleft {
 +
position: absolute;
 +
bottom: 0;
 +
left: 16px;
 +
}
 +
 
 +
.middle {
 +
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
transform: translate(-50%, -50%);
 +
text-align: center;
 +
}
 +
 
 +
hr {
 +
margin: auto;
 +
width: 40%;
 +
}
 +
</style>
 +
<div class="bgimg">
 +
  <div class="topleft">
 +
<p>KU_Leuven iGEM</p>
 +
  </div>
 +
  <div class="middle">
 +
<h1>COMING SOON</h1>
 +
<hr style="margin:auto;width:40%">
 +
<p id="demo" style="font-weight:bold;font-size:60px;">date</p>
 +
  </div>
 +
  <div class="bottomleft">
 +
<p>Human Practices</p>
 +
  </div>
 +
</div>
 +
<script type="text/javascript">
 +
// Set the date we're counting down to
 +
var countDownDate = new Date(2017,10,31,23,59,59).getTime();
 +
 
 +
// Update the count down every 1 second
 +
var x = setInterval(function() {
 +
 
 +
  // Get todays date and time
 +
  var now = new Date().getTime();
 +
 
 +
  // Find the distance between now an the count down date
 +
  var distance = countDownDate - now;
 +
 
 +
  // Time calculations for days, hours, minutes and seconds
 +
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 +
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 +
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 +
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 +
 
 +
  // Display the result in an element with id="demo"
 +
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
 +
  + minutes + "m " + seconds + "s ";
 +
 
 +
  // If the count down is finished, write some text
 +
  if (distance < 0) {
 +
clearInterval(x);
 +
document.getElementById("demo").innerHTML = "EXPIRED";
 +
  }
 +
}, 1000);
 +
</script>
 +
</html>
 +
 
 +
{{KU_Leuven_footer}}

Revision as of 17:22, 1 September 2017

KU_Leuven iGEM

COMING SOON

date

Human Practices