Difference between revisions of "Team:Sydney Australia"

 
(43 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">
 +
 
<style>  
 
<style>  
  
Line 36: 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 52: 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 66: Line 67:
 
color:white;
 
color:white;
 
font-family:'banaue';
 
font-family:'banaue';
−
font-size:100px;
+
font-size:60px;
 
}
 
}
 +
 +
.links {
 +
width:80%;
 +
background-color:#e2e2e2;}
 +
 +
.link {
 +
  border-radius: 5%;
 +
  width: 100%;
 +
  padding-bottom: 60%;
 +
  background-size: 100%;
 +
  background-repeat: no-repeat;
 +
  background-position: center;
 +
background-color: #e2e2e2;
 +
}
 +
.link1 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/6/68/T--Sydney_Australia--link1.png");
 +
}
 +
.link2 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/2/2c/T--Sydney_Australia--link2.png");}
 +
.link3 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/d/d3/T--Sydney_Australia--link3.png");}
 +
.link4 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/b/b4/T--Sydney_Australia--link4.png");}
 +
.link5 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/2/2b/T--Sydney_Australia--link5.png");}
 +
.link6 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/9/9b/T--Sydney_Australia--link6.png");}
 +
.link7 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/4/4d/T--Sydney_Australia--link7.png");}
 +
.link8 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/f/fb/T--Sydney_Australia--link8.png");}
 +
.link9 {
 +
  background-image: url("https://static.igem.org/mediawiki/2017/2/22/T--Sydney_Australia--link9.png");}
 +
 +
.caption #bannerlinks {
 +
font-family:'banaue';
 +
color: #3e3f3f;
 +
    -webkit-font-smoothing: antialiased;
 +
    font-size:3vw;
 +
    text-align:center;
 +
    }
 +
   
 +
.caption {
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    }
 +
 +
 +
#bannerlinks:hover {
 +
    text-decoration:none!important;
 +
}
 +
 +
#bannerlinks:before {
 +
  content: "";
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 2px;
 +
  bottom: 0;
 +
  left: 0;
 +
  background-color: #3e3f3f;
 +
  visibility: hidden;
 +
  -webkit-transform: scaleX(0);
 +
  transform: scaleX(0);
 +
  -webkit-transition: all 0.3s ease-in-out 0s;
 +
  transition: all 0.3s ease-in-out 0s;
 +
}
 +
 +
#bannerlinks:hover:before {
 +
  visibility: visible;
 +
  -webkit-transform: scaleX(1);
 +
  transform: scaleX(1);
 +
}
 +
 
</style>  
 
</style>  
 
</head>
 
</head>
Line 73: 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:95%"/>
+
<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>
 
</div>
−
<div class="col-xs-6">
+
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
−
<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:95%"/>
+
<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:100%"/>
 +
</div>
  
 +
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
 +
<div class="col-xs-4">
 +
<div class="link link1">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks"id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Description"> Description </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link2">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Design"> Design </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link3">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Results"> Results </a>
 +
      </div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
 
−
<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:95%"/>
 
 
</div>
 
</div>
  
−
<div class="row" style="height:10vw;background-color:#e2e2e2;">
+
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
 +
<div class="col-xs-4">
 +
<div class="link link4">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Model"> Model </a>
 +
      </div>
 
</div>
 
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link5">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship"> Entrepreneurship </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link6">
 +
      <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>
 +
      </div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
 +
<div class="col-xs-4">
 +
<div class="link link7">
 +
      <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>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link8">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Parts"> Parts </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link9">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Medals"> Awards </a>
 +
      </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>
 +
 
</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