(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{Sydney_Australia}} | + | {{:Team:Sydney_Australia/Templates/NavBar}} |
− | + | ||
<html> | <html> | ||
− | < | + | |
− | + | <head> | |
− | < | + | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> |
− | < | + | <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> |
+ | <style> | ||
+ | |||
+ | /* our special font */ | ||
+ | @font-face { | ||
+ | font-family: 'banaue'; | ||
+ | src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg'); | ||
+ | font-weight: normal; | ||
+ | font-style: large; | ||
+ | } | ||
+ | |||
+ | #please h1 { | ||
+ | font-family: "banaue", sans-serif; | ||
+ | color: #3e3f3f | ||
+ | } | ||
+ | |||
+ | #please2 h2 { | ||
+ | font-family: "banaue", sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 35px; | ||
+ | } | ||
+ | |||
+ | #please h4 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f | ||
+ | } | ||
+ | |||
+ | #please2 h4 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f | ||
+ | } | ||
+ | |||
+ | .crispy { | ||
+ | image-rendering: -moz-crisp-edges; | ||
+ | image-rendering: -o-crisp-edges; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | -ms-interpolation-mode: nearest-neighbor; | ||
+ | padding:0px; | ||
+ | width:90%; | ||
+ | margin-top: 0px; | ||
+ | margin-left:5%;, | ||
+ | margin-right:5%; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | .img-center { | ||
+ | image-rendering: -moz-crisp-edges; | ||
+ | image-rendering: -o-crisp-edges; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | -ms-interpolation-mode: nearest-neighbor; | ||
+ | width:80%; | ||
+ | } | ||
+ | |||
+ | .img-circle { | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | .insert { | ||
+ | height: 68px; | ||
+ | width: 100% | ||
+ | background-color:#e2e2e2; | ||
+ | } | ||
+ | .insert2 { | ||
+ | height: 150px; | ||
+ | width: 100% | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | |||
+ | .box { | ||
+ | background:#fff; | ||
+ | border:0px solid; | ||
+ | border-color: #e2e2e2; | ||
+ | margin-top: 0px; | ||
+ | box-sizing: border-box; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 20px 20px 20px; | ||
+ | min-height:500px; | ||
+ | min-width:400px | ||
+ | } | ||
+ | /* Slideshow container */ | ||
+ | .slideshow-container { | ||
+ | max-width: 1000px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .mySlides { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Next & previous buttons */ | ||
+ | .prev, .next { | ||
+ | cursor: pointer; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | width: auto; | ||
+ | margin-top: -22px; | ||
+ | padding: 16px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 0 3px 3px 0; | ||
+ | } | ||
+ | |||
+ | /* Position the "next button" to the right */ | ||
+ | .next { | ||
+ | right: 0; | ||
+ | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | |||
+ | /* On hover, add a black background color with a little bit see-through */ | ||
+ | .prev:hover, .next:hover { | ||
+ | background-color: rgba(62,63,63,0.8); | ||
+ | color:white!important; | ||
+ | } | ||
+ | |||
+ | /* The dots/bullets/indicators */ | ||
+ | .dot { | ||
+ | cursor:pointer; | ||
+ | height: 13px; | ||
+ | width: 13px; | ||
+ | margin: 0 2px; | ||
+ | background-color: #bbb; | ||
+ | border-radius: 50%; | ||
+ | display: inline-block; | ||
+ | transition: background-color 0.6s ease; | ||
+ | } | ||
+ | |||
+ | .active, .dot:hover { | ||
+ | background-color: #717171; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class = "insert"> | ||
+ | </div> | ||
+ | |||
+ | <!-- Banner--> | ||
+ | <div class="container-fluid page-heading"> | ||
+ | <div class = "row" | ||
+ | <div class = "centre" style="background-color:#e2e2e2"> | ||
+ | <div class = "col-sx-12"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2017/6/6b/T--Sydney_Australia--outreach_banner.png" class="img-center" width="80%"></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | <div class=" | + | <div class ="row" style = "background-color:#e2e2e2"> |
+ | <div class = "crispy"> | ||
+ | <div class = "col-xs-1" style = "background-color:#e2e2e2" height = "100px"> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2" height = "100px"> | ||
+ | <a href="#nav1"><center><img src="https://static.igem.org/mediawiki/2017/d/d1/T--Sydney_Australia--HandLinkJAMS.gif" class="img-responsive"></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav2"><center><img src="https://static.igem.org/mediawiki/2017/0/01/T--Sydney_Australia--HandLinksOpenDay.gif" class="img-responsive"></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav3"><center><img src="https://static.igem.org/mediawiki/2017/d/db/T--Sydney_Australia--HandLinksScienceHub.gif" class="img-responsive"></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav4"><center><img src="https://static.igem.org/mediawiki/2017/d/dc/T--Sydney_Australia--HandLinksTalks.gif" class="img-responsive"></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav5"><center><img src="https://static.igem.org/mediawiki/2017/d/d6/T--Sydney_Australia--Hands1.gif" class="img-responsive"></center></a> | ||
+ | <div class = "col-xs-1" style = "background-color:#e2e2e2" height = "100px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div class = "image-fixed-top navbar-default"> |
− | + | <div class = "insert" style="background-color:#e2e2e2"> | |
− | < | + | </div> |
+ | </div> | ||
− | < | + | <div class = "row" id="nav1"> |
− | + | <div class = "insert2"> | |
− | < | + | </div> |
− | + | ||
− | </ | + | |
</div> | </div> | ||
+ | <div class = "row"> | ||
+ | <div class = "crispy"> | ||
+ | <div class="col-xs-1" align = "right"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/10/T--Sydney_Australia--HandsPink.gif"> | ||
+ | </div> | ||
+ | <div class = "col-xs-5" class="box" id="please"> | ||
+ | <center><h1 class="tag-title">JAMS Stall - Science Week Fair</h1></center> | ||
+ | <center><h4>Imagine a room full of kids, all moving in packs between various stalls that run from robotics throwing Frisbees in the far corner, to DNA extraction from strawberries in the other. Levels of fascination were peaking, and not just with the school kids that came by.</h4></center> | ||
+ | <center><h4>We each took turns to represent the Joint Academic Microbiology Seminars (JAMS) group to educate kids ranging from Kindergarten to Year 12’s on all things Micro. We as a team took a particular focus on explaining the importance of Microbiology for research, particularly how organisms can be genetically engineered to have different phenotypes. GFP-E.Coli was certainly a hit!</h4></center> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <center><img class = "img-circle" src="https://static.igem.org/mediawiki/2017/d/d7/T--Sydney_Australia--Science-Fair-8.jpeg" width = "80%" ></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class = "row" id="nav2"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <div class = "row"> |
− | < | + | <div class = "crispy" class = "img-circle"> |
− | < | + | <div class = "col-xs-6" class = "img-circle"> |
− | < | + | <div class="slideshow-container"> |
− | + | <div class="mySlides"> | |
− | < | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/c/c0/T--Sydney_Australia--OpenDay1.jpeg" style="width:100%"> |
− | < | + | </div> |
− | + | ||
− | </ | + | |
+ | <div class="mySlides"> | ||
+ | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/e/ef/T--Sydney_Australia--OpenDay2.jpeg" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides"> | ||
+ | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/b/bb/T--Sydney_Australia--OpenDay3.jpeg" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides"> | ||
+ | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/9/98/T--Sydney_Australia--OpenDay4.jpeg" style="width:100%"> | ||
+ | </div> | ||
+ | <a class="prev" onclick="plusSlides(-1)">❮</a> | ||
+ | <a class="next" onclick="plusSlides(1)">❯</a> | ||
</div> | </div> | ||
+ | <br> | ||
+ | |||
+ | <div style="text-align:center"> | ||
+ | <span class="dot" onclick="currentSlide(1)"></span> | ||
+ | <span class="dot" onclick="currentSlide(2)"></span> | ||
+ | <span class="dot" onclick="currentSlide(3)"></span> | ||
+ | <span class="dot" onclick="currentSlide(4)"></span> | ||
+ | </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> | ||
+ | </div> | ||
+ | <div class = "col-xs-5" class="box" id="please"> | ||
+ | <center><h1 class="tag-title">University of Sydney Open Day</h1></center> | ||
+ | <center><h4>Amongst the bright, dopey eyed university hopefuls of 2018, our iGEM team spent the day inspiring the keen scientists. We were there to guide them in loading their first gel, and watching protists swimming in glucose filled pond water, while giving valuable advice on what’s so great about a science degree! | ||
+ | To our surprise however, just as many kids of all ages were also bouncing along with their parents, all too keen to see all the science that can be done at Sydney University. Their enthusiasm was just what the team needed amid our own laboratory distress.</h4></center> | ||
+ | </div> | ||
+ | <div class="col-xs-1" align = "left"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/65/T--Sydney_Australia--HandsYellow.gif"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row" id="nav3"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row"> | ||
+ | <div class = "crispy"> | ||
+ | <div class="col-xs-1" align = "left"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/03/T--Sydney_Australia--HandsBlue.gif"> | ||
+ | </div> | ||
+ | <div class = "col-xs-5" class="box" id="please"> | ||
+ | <center><h1 class="tag-title">Northern Sydney Science Hub</h1></center> | ||
+ | <center><h4>Considering the day didn’t exactly start off as smoothly as we had hoped, with one member of our team Alex needing to drive all around the city to get solid plates, the day was a fantastic success. Once plates were sourced, mouth swabs were taken from all kids who were willing to twirl around a little bit of cotton in their mouth. Photos of all the weird and wonderful things were then sent to their parents. From there we can only imaging those poor kids had their mouthes washed out a few times, considering the all gross bacterial colonies we found on their plates. More than that though, we explored the mechanics of terraformation on Mars. Kids were enthused with the idea, which we hope inspire the future generations of Microbiologists!</h4></center> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <center><img class = "img-circle" src="https://static.igem.org/mediawiki/2017/d/d2/T--Sydney_Australia--Biofoundry-1.jpg" width = "90%" ></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row" id="nav4"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row"> | ||
+ | <div class = "crispy"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <center><img class = "img-circle" src="https://static.igem.org/mediawiki/2017/5/57/T--Sydney_Australia--Presentation1.jpg" width = "90%" ></center> | ||
+ | </div> | ||
+ | <div class = "col-xs-5" class="box" id="please"> | ||
+ | <center><h1 class="tag-title">Mount St Benedicts School Presentation</h1></center> | ||
+ | <center><h4>As our team heads towards the end of our undergraduate degrees, we had the exciting opportunity to test out what it’s like to be a practical class demonstrator in a real university lab. For many of us, this lab was in fact the first lab we ever did any DNA based experiments! We spent our very short hour with them explaining what bacteria are and their morphological structure, prior to letting them perform their first Gram Stain. Following the stain, we helped them all set up microscopes properly so they could all see their gram positive <i>E. coli</i> and gram negative <i>Bacillus cereus</i>. Hopefully we inspired some curious young females to join us in the future in this very lab again! | ||
+ | </h4></center> | ||
+ | </div> | ||
+ | <div class="col-xs-1" align = "left"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/08/T--Sydney_Australia--HandsPurple.gif"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row" id="nav5"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class = "row"> | ||
+ | <div class = "crispy"> | ||
+ | <div class="col-xs-1" align = "right"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/08/T--Sydney_Australia--HandsPurple.gif"> | ||
+ | </div> | ||
+ | <div class = "col-xs-5" class="box" id="please"> | ||
+ | <center><h1 class="tag-title">Synthetic Biology Australasia 2017 Conference</h1></center> | ||
+ | <center><h4>Across two days in late September, the team all travelled to the beautiful Lavender Bay to sit among the fore front of Synthetic Biology. Everyone showcased their own projects with vitality and enthusiasm, demonstrating the breadth of knowledge and innovation that Synthetic Biology can inspire.</h4></center> | ||
+ | <center><h4>We were by far the babies of the conference, but we shared our project with all attendees. It was hard and daunting, to present our work to those that have achieved so much. But we did, and from there we were able to connect with people at the conference to further both our own project, and there own as well. | ||
+ | </h4></center> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <center><img class = "img-circle" src="https://static.igem.org/mediawiki/2017/6/6c/T--Sydney_Australia--SBA1.jpeg" width = "90%" ></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
− | + | </body> | |
</html> | </html> | ||
+ | {{:Team:Sydney_Australia/templates/Footer}} |
Revision as of 06:36, 15 October 2017