(48 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: | + | 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; | ||
} | } | ||
− | . | + | .death_counter { |
− | margin-left: | + | margin-left:40%; |
margin-top:10%; | margin-top:10%; | ||
− | width: | + | width:10%; |
− | height: | + | height:7%; |
− | line-height: | + | line-height:7%; |
text-align: center; | text-align: center; | ||
vertical-align: middle; | vertical-align: middle; | ||
− | background-color:# | + | background-color:#db5753; |
− | border: | + | border:5px solid white; |
border-radius:5%; | border-radius:5%; | ||
padding:10%; | padding:10%; | ||
color:white; | color:white; | ||
font-family:'banaue'; | font-family:'banaue'; | ||
− | font-size: | + | 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: | + | <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: | + | <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"> | ||
− | <p style="font-family:'Quicksand';font-size: | + | <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> | ||
− | + | ||
− | + | ||
<script> | <script> | ||
− | var | + | $(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 | ||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <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/ | + | <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> | </div> | ||
− | <div class="row" style=" | + | <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
![](https://static.igem.org/mediawiki/2017/c/cd/T--Sydney_Australia--long-home-1.png)
![](https://static.igem.org/mediawiki/2017/b/b5/T--Sydney_Australia--long-home-3.png)
That's
1
people since you've been on this page.
![](https://static.igem.org/mediawiki/2017/c/cb/T--Sydney_Australia--long-home-2.png)
![](https://static.igem.org/mediawiki/2017/f/fe/T--Sydney_Australia--sponsors.png)