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

(Replaced content with "{{KU_Leuven}} <html> <input type="button" style="background: url( https://static.igem.org/mediawiki/2017/6/60/HEKCite-01.png )" /> {{KU_Leuven_footer}}")
Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
 
<html>
 
<html>
<style type="text/css">
 
body, html {
 
height: 100%
 
}
 
  
.bgimg {
+
<input type="button" style="background: url( https://static.igem.org/mediawiki/2017/6/60/HEKCite-01.png )" />
background-image: url('https://static.igem.org/mediawiki/2017/5/55/KU_Leuven_Background_ComingSoon.png');
+
 
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}}
 
{{KU_Leuven_footer}}

Revision as of 12:33, 4 September 2017

{{KU_Leuven_footer}}