Difference between revisions of "Team:Sydney Australia"

 
(36 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
  
 
<style>  
 
<style>  
Line 39: Line 37:
 
   padding:0px;  
 
   padding:0px;  
 
   width:90%;  
 
   width:90%;  
−
   margin-top: 0px;  
+
   margin-top: 60px;  
 
   margin-left:5%;,  
 
   margin-left:5%;,  
 
   margin-right:5%;
 
   margin-right:5%;
Line 55: Line 53:
 
   background-color:#fff;
 
   background-color:#fff;
 
}
 
}
−
.timer {
+
.death_counter {
−
margin-left:10%;
+
margin-left:40%;
 
margin-top:10%;
 
margin-top:10%;
−
width:80%;
+
width:10%;
−
height:50%;
+
height:7%;
−
line-height:80%;
+
line-height:7%;
 
text-align: center;
 
text-align: center;
 
vertical-align: middle;
 
vertical-align: middle;
Line 69: Line 67:
 
color:white;
 
color:white;
 
font-family:'banaue';
 
font-family:'banaue';
−
font-size:100px;
+
font-size:60px;
 
}
 
}
  
Line 151: Line 149:
 
<body>
 
<body>
 
<div class="container-fluid page-heading">
 
<div class="container-fluid page-heading">
−
<div class = "row" style="background-color:#e2e2e2;margin-top:63px;">
+
<div class = "row" style="background-color:#e2e2e2;margin-top:60px;">
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cd/T--Sydney_Australia--long-home-1.png" style="width:90%"/>
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cd/T--Sydney_Australia--long-home-1.png" style="width:100%"/>
 
</div>
 
</div>
 +
 
<div class = "row" style="background-color:#e2e2e2;">
 
<div class = "row" style="background-color:#e2e2e2;">
 
<div class="col-xs-6">
 
<div class="col-xs-6">
 +
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/b/b5/T--Sydney_Australia--long-home-3.png" style="width:100%"/>
 +
</div>
 +
<div class="col-xs-6">
 
<div class="text_above_timer">
 
<div class="text_above_timer">
−
<br><p style="font-family:'Quicksand';font-size:25px;color:#3e3f3f;text-align: center; margin-bottom:10px;"> This is how long you've spent<br> on this page: </p>
+
<br><p style="font-family:'Quicksand';font-size:3vw;color:#3e3f3f;text-align: center; margin-bottom:10px;"> That's</p> <p style="margin-left:35%;
 +
margin-top:10%;
 +
width:15%;
 +
height:7.5%;
 +
line-height:7.5%;
 +
text-align: center;
 +
vertical-align: middle;
 +
border-radius:5%;
 +
padding:10%;
 +
color:#db5753;
 +
font-family:'banaue';
 +
font-size:10vw;" id="test">1</p><br> <p style="font-family:'Quicksand';font-size:3vw;color:#3e3f3f;text-align: center; margin-bottom:10px;"> people since you've been on this page. </p>
 
</div>
 
</div>
−
<div class="timer">
+
 
−
<span id="minutes">00</span>:<span id="seconds">00</span>
+
 
<script>
 
<script>
−
var sec = 0;
+
$(function() {
 +
  var test = $('#test'); // cache object
 +
  setInterval(function() {
 +
    test.text(1 + (+test.text())); // +('3') <-- 3, parsing string to number
 +
  }, 6000);// (in miliseconds) repeat every 1 second
 +
});
  
−
function pad(val) {
 
−
    return val > 9 ? val : "0" + val;
 
−
}
 
−
var timer = setInterval(function () {
 
−
    document.getElementById("seconds").innerHTML = pad(++sec % 60);
 
−
    document.getElementById("minutes").innerHTML = pad(parseInt(sec / 60, 10));
 
−
}, 1000);
 
  
 
</script>
 
</script>
−
</div>
 
−
</div>
 
−
<div class="col-xs-6">
 
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/b/b5/T--Sydney_Australia--long-home-3.png" style="width:90%"/>
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
 
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
 
<div class = "row" style="background-color:#e2e2e2;">
 
<div class = "row" style="background-color:#e2e2e2;">
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cb/T--Sydney_Australia--long-home-2.png" style="width:90%"/>
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cb/T--Sydney_Australia--long-home-2.png" style="width:100%"/>
 
</div>
 
</div>
  
Line 188: Line 193:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link1">
 
<div class="link link1">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks"id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Description"> Description </a>
 
       <a id="bannerlinks"id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Description"> Description </a>
 
       </div>
 
       </div>
Line 195: Line 200:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link2">
 
<div class="link link2">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Design"> Design </a>
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Design"> Design </a>
 
       </div>
 
       </div>
Line 202: Line 207:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link3">
 
<div class="link link3">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Results"> Results </a>
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Results"> Results </a>
 
       </div>
 
       </div>
Line 212: Line 217:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link4">
 
<div class="link link4">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Model"> Model </a>
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Model"> Model </a>
 
       </div>
 
       </div>
Line 219: Line 224:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link5">
 
<div class="link link5">
−
       <div class="caption">
+
       <div class="caption" align="center">
−
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship"> Entrepeneurship </a>
+
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship"> Entrepreneurship </a>
 
       </div>
 
       </div>
 
</div>
 
</div>
Line 226: Line 231:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link6">
 
<div class="link link6">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design"> Applied Design </a>
 
       <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design"> Applied Design </a>
 
       </div>
 
       </div>
Line 236: Line 241:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link7">
 
<div class="link link7">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/HP/Gold_Integrated"> Integrated Human Practices </a>
 
       <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/HP/Gold_Integrated"> Integrated Human Practices </a>
 
       </div>
 
       </div>
Line 243: Line 248:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link8">
 
<div class="link link8">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Parts"> Parts </a>
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Parts"> Parts </a>
 
       </div>
 
       </div>
Line 250: Line 255:
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
<div class="link link9">
 
<div class="link link9">
−
       <div class="caption">
+
       <div class="caption" align="center">
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Medals"> Awards </a>
 
       <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Medals"> Awards </a>
 
       </div>
 
       </div>
Line 256: Line 261:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<div class = "row" style="background-color:#e2e2e2;"><br><br><br><br>
 +
<img class="img-center img-responsive center-block" src ="https://static.igem.org/mediawiki/2017/f/fe/T--Sydney_Australia--sponsors.png"/>
 +
</div>
 +
 +
 
<div class="row" style="height:10vh;background-color:#e2e2e2;">
 
<div class="row" style="height:10vh;background-color:#e2e2e2;">
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Sydney_Australia/templates/Footer}}
 
{{:Team:Sydney_Australia/templates/Footer}}

Latest revision as of 04:53, 21 November 2017


That's

1


people since you've been on this page.

Description
Design
Results
Model
Entrepreneurship
Applied Design
Integrated Human Practices
Parts
Awards