Team:Uppsala/synbioday

From 2013.igem.org

(Difference between revisions)
(Created page with "{{Team:Uppsala/styles}} {{Team:Uppsala/parts}} <html> <head> <meta charset="utf-8" /> <title>Uppsala iGEM 2013</title> <link rel="shortcut icon" href="favicon.ico" type="im...")
Line 1: Line 1:
{{Team:Uppsala/styles}}
{{Team:Uppsala/styles}}
-
{{Team:Uppsala/parts}}
+
{{Team:Uppsala/synbioday}}
Line 9: Line 9:
<title>Uppsala iGEM 2013</title>
<title>Uppsala iGEM 2013</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-
 
<style type="text/css">
<style type="text/css">
 +
.timer
 +
{
 +
float:middle;
 +
background-color:white;
 +
width:70%;
 +
margin:auto;       
 +
}
 +
.time
 +
{
 +
padding:15px;
 +
border-radius:15px;
 +
box-shadow: 5px 5px 15px rgba(110,110,110, .8);
 +
background-color:RGB(182,230,253);
 +
text-align:center;
 +
width:40px;
 +
height:40px;
 +
font-family:"Times New Roman", Times, serif;
 +
font-style:bold;
 +
font-size:30px;
 +
 +
}
 +
 +
.space{
 +
font-style:bold;
 +
font-size:30px;
 +
text-align:center;
 +
width: 36px;
 +
height: 36px;
 +
}
</style>
</style>
 +
<script type="text/javascript">
 +
var domesday = new Date(2013,08,19,00,00,01);
 +
 +
    var sec = 1000;
 +
    var min = sec * 60;
 +
    var h = min * 60;
 +
    var d = h * 24;
 +
    var timer;
 +
 +
function domedaystimer() {
 +
      var present = new Date();
 +
      var distance = domesday.getTime() - present.getTime();
 +
 +
      if (distance < 0) {
 +
 +
            clearInterval(timer);
 +
            document.getElementById('countdown').innerHTML = 'DAMDAAMDAAAAAAM!';
 +
 +
        return;
 +
        }
 +
 +
var days = Math.floor(distance/ d);
 +
        var hours = Math.floor((distance  % d) / h);
 +
        var minutes = Math.floor((distance  % h) / min);
 +
        var seconds = Math.floor((distance % min) / sec);
 +
var output = '<table class="timer"><td class="time">' + days + '</br>day</td><td class="space">:</td><td class="time">' + hours + '</br>hour</td><td class="space">:</td><td class="time">' + minutes +'</br>min</td><td class="space">:</td><td class="time">' + seconds +'</br>sec</td></table>';
 +
        document.getElementById('countdown').innerHTML = output;
 +
 +
    }
 +
 +
timer = setInterval(domedaystimer, 1000);
 +
 +
</script>
</head>
</head>
Line 71: Line 132:
<ul>
<ul>
<li><a href="#">Yoghurt products</a></li>
<li><a href="#">Yoghurt products</a></li>
-
<li><a href="#">Synbioday</a></li>
+
<li><a href="https://2013.igem.org/Team:Uppsala/synbioday">Synbioday</a></li>
<li><a href="#">Bioethics</a></li>
<li><a href="#">Bioethics</a></li>
<li><a href="#">Safety</a></li>
<li><a href="#">Safety</a></li>

Revision as of 00:16, 16 August 2013

Retrieved from "http://2013.igem.org/Team:Uppsala/synbioday"