Difference between revisions of "Team:KU Leuven/InterLab"

Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
 
<html>
 
<html>
−
<div class="notes">
+
<style type="text/css">
−
    <div class="jumbotron">
+
body, html {
−
        <div class="container">
+
height: 100%
−
            <h1>Interlab</h1>
+
}
−
            <p></p>
+
 
−
        </div>
+
.bgimg {
−
    </div>
+
background-image: url('https://static.igem.org/mediawiki/2017/5/55/KU_Leuven_Background_ComingSoon.png');
−
    <div class="container">
+
height: 100vh;
−
        <div class="column full_size judges-will-not-evaluate">
+
background-position: center;
−
            <h3>★  ALERT! </h3>
+
background-size: cover;
−
            <p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
position: relative;
−
            <p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
color: white;
−
        </div>
+
font-family: "Courier New", Courier, monospace;
−
        <div class="clear"></div>
+
font-size: 5000px;
−
        <div class="column full_size">
+
}
−
            <h1>InterLab</h1>
+
 
−
            <h3>Bronze Medal Criterion #4</h3>
+
.topleft {
−
            <p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
+
position: absolute;
−
                <br>
+
top: 0;
−
                <br> For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.
+
left: 16px;
−
            </p>
+
}
−
        </div>
+
 
−
    </div>
+
.bottomleft {
−
</div>
+
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>
  
−
</html>
 
 
{{KU_Leuven_footer}}
 
{{KU_Leuven_footer}}

Revision as of 22:59, 12 September 2017

KU_Leuven iGEM

COMING SOON

date

Human Practices