m |
|||
Line 3: | Line 3: | ||
<head> | <head> | ||
− | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | + | <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> | |
+ | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet"> | ||
<style> | <style> | ||
Line 84: | Line 86: | ||
} | } | ||
/* Slideshow container */ | /* Slideshow container */ | ||
− | .slideshow-container { | + | .slideshow-container, .slideshow-contanter1 { |
max-width: 1000px; | max-width: 1000px; | ||
position: relative; | position: relative; | ||
Line 90: | Line 92: | ||
} | } | ||
− | .mySlides { | + | .mySlides, .mySlides1 { |
display: none; | display: none; | ||
} | } | ||
/* Next & previous buttons */ | /* Next & previous buttons */ | ||
− | .prev, .next { | + | .prev, .next, .prev1, .next1 { |
cursor: pointer; | cursor: pointer; | ||
position: absolute; | position: absolute; | ||
Line 110: | Line 112: | ||
/* Position the "next button" to the right */ | /* Position the "next button" to the right */ | ||
− | .next { | + | .next, .next1 { |
right: 0; | right: 0; | ||
border-radius: 3px 0 0 3px; | border-radius: 3px 0 0 3px; | ||
Line 116: | Line 118: | ||
/* On hover, add a black background color with a little bit see-through */ | /* On hover, add a black background color with a little bit see-through */ | ||
− | .prev:hover, .next:hover { | + | .prev:hover, .next:hover, .prev1:hover, .next1:hover { |
background-color: rgba(62,63,63,0.8); | background-color: rgba(62,63,63,0.8); | ||
color:white!important; | color:white!important; | ||
Line 122: | Line 124: | ||
/* The dots/bullets/indicators */ | /* The dots/bullets/indicators */ | ||
− | .dot { | + | .dot, .dot1 { |
cursor:pointer; | cursor:pointer; | ||
height: 13px; | height: 13px; | ||
Line 133: | Line 135: | ||
} | } | ||
− | .active, .dot:hover { | + | .active, .dot:hover, .active1, .dot1:hover { |
background-color: #717171; | background-color: #717171; | ||
} | } | ||
+ | |||
.bannerbox { | .bannerbox { | ||
background:#e2e2e2; | background:#e2e2e2; | ||
Line 149: | Line 152: | ||
.center { | .center { | ||
− | position: | + | position: relative; |
right:4px; | right:4px; | ||
top:100px; | top:100px; | ||
Line 272: | Line 275: | ||
<span class="dot" onclick="currentSlide(4)"></span> | <span class="dot" onclick="currentSlide(4)"></span> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
<div class = "col-xs-5" class="box" id="please"> | <div class = "col-xs-5" class="box" id="please"> | ||
Line 383: | Line 357: | ||
<div class = "row"> | <div class = "row"> | ||
<div class = "crispy"> | <div class = "crispy"> | ||
− | <div class = "col-xs-6"> | + | <div class = "col-xs-6" class = "img-circle"> |
− | + | <img class="img-circle" src="https://static.igem.org/mediawiki/2017/5/58/T--Sydney_Australia--TeamChats1.png" style="width:100%"> | |
− | </div> | + | </div> |
<div class = "col-xs-5" class="box" id="please"> | <div class = "col-xs-5" class="box" id="please"> | ||
− | <center><h1 class="tag-title">Integrating with | + | <center><h1 class="tag-title">Integrating with Open Insulin Abroad</h1></center> |
− | <center><h4> | + | <center><h4>Every second Monday at 5pm, the team would meet with members from Open Insulin and Counter Culture Labs to discuss where we were all up to. It was very exciting discussing the speedy progress we were all able to make following the teams fund raising successes.<br> |
− | + | We quickly became confident in troubleshooting experiments, and even more confident in asking for help when our results came out looking a little strange. We spent our chats talking not just about the lab work, but also how these open source insulin producers will be able to enter the market. <br> | |
+ | We thank these teams for allowing us to engage in their project and continue it within Australia’s borders. | ||
</h4></center> | </h4></center> | ||
</div> | </div> | ||
Line 445: | Line 420: | ||
<div class="row" style="height:10vw;"> | <div class="row" style="height:10vw;"> | ||
</div> | </div> | ||
+ | |||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showSlides(slideIndex); | ||
+ | |||
+ | function plusSlides(n) { | ||
+ | showSlides(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function currentSlide(n) { | ||
+ | showSlides(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showSlides(n) { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | var dots = document.getElementsByClassName("dot"); | ||
+ | if (n > slides.length) {slideIndex = 1} | ||
+ | if (n < 1) {slideIndex = slides.length} | ||
+ | for (i = 0; i < slides.length; i++) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | for (i = 0; i < dots.length; i++) { | ||
+ | dots[i].className = dots[i].className.replace(" active", ""); | ||
+ | } | ||
+ | slides[slideIndex-1].style.display = "block"; | ||
+ | dots[slideIndex-1].className += " active"; | ||
+ | } | ||
+ | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Sydney_Australia/templates/Footer}} | {{:Team:Sydney_Australia/templates/Footer}} |
Revision as of 01:51, 29 October 2017