(33 intermediate revisions by 3 users not shown) | |||
Line 3: | Line 3: | ||
<head> | <head> | ||
− | + | <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> | ||
+ | |||
+ | .content { | ||
+ | padding:0px; | ||
+ | width:90%; | ||
+ | margin-top: 0px; | ||
+ | margin-left:5%; | ||
+ | margin-right:5%; | ||
+ | } | ||
+ | |||
/* our special font */ | /* our special font */ | ||
Line 41: | Line 50: | ||
image-rendering: -webkit-optimize-contrast; | image-rendering: -webkit-optimize-contrast; | ||
-ms-interpolation-mode: nearest-neighbor; | -ms-interpolation-mode: nearest-neighbor; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 63: | Line 66: | ||
.insert { | .insert { | ||
height: 68px; | height: 68px; | ||
− | width: 100% | + | width: 100%; |
background-color:#e2e2e2; | background-color:#e2e2e2; | ||
} | } | ||
Line 84: | Line 87: | ||
} | } | ||
/* Slideshow container */ | /* Slideshow container */ | ||
− | .slideshow-container { | + | .slideshow-container, .slideshow-contanter1 { |
max-width: 1000px; | max-width: 1000px; | ||
position: relative; | position: relative; | ||
Line 90: | Line 93: | ||
} | } | ||
− | .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 113: | ||
/* 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 119: | ||
/* 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 125: | ||
/* The dots/bullets/indicators */ | /* The dots/bullets/indicators */ | ||
− | .dot { | + | .dot, .dot1 { |
cursor:pointer; | cursor:pointer; | ||
height: 13px; | height: 13px; | ||
Line 133: | Line 136: | ||
} | } | ||
− | .active, .dot:hover { | + | .active, .dot:hover, .active1, .dot1:hover { |
background-color: #717171; | background-color: #717171; | ||
} | } | ||
+ | |||
+ | .bannerbox { | ||
+ | background:#e2e2e2; | ||
+ | border:0px solid; | ||
+ | border-color: #e2e2e2; | ||
+ | margin-top: 0px; | ||
+ | box-sizing: border-box; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 20px 20px 20px; | ||
+ | height:750px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | position: relative; | ||
+ | right:4px; | ||
+ | top:100px; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | |||
− | |||
− | + | <div class="container-fluid"> | |
− | <div class="container-fluid | + | <div class = "row" style ="background-color:#e2e2e2;margin-top:60px;"> |
− | <div class = "row | + | <img class="img-center center-block" src="https://static.igem.org/mediawiki/2017/d/d6/T--Sydney_Australia--EngagementBanner.gif" width="80%"> |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
<div class ="row" style = "background-color:#e2e2e2"> | <div class ="row" style = "background-color:#e2e2e2"> | ||
Line 158: | Line 173: | ||
</div> | </div> | ||
<div class = "col-xs-2" style = "background-color:#e2e2e2" height = "100px"> | <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> | + | <a href="#nav1"><center><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/d/d1/T--Sydney_Australia--HandLinkJAMS.gif" class="img-responsive"></center></a> |
</div> | </div> | ||
<div class = "col-xs-2" style = "background-color:#e2e2e2"> | <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> | + | <a href="#nav2"><center><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/01/T--Sydney_Australia--HandLinksOpenDay.gif" class="img-responsive"></center></a> |
</div> | </div> | ||
<div class = "col-xs-2" style = "background-color:#e2e2e2"> | <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> | + | <a href="#nav3"><center><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/d/db/T--Sydney_Australia--HandLinksScienceHub.gif" class="img-responsive"></center></a> |
</div> | </div> | ||
<div class = "col-xs-2" style = "background-color:#e2e2e2"> | <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> | + | <a href="#nav4"><center><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/d/dc/T--Sydney_Australia--HandLinksTalks.gif" class="img-responsive"></center></a> |
</div> | </div> | ||
<div class = "col-xs-2" style = "background-color:#e2e2e2"> | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
− | <a href="#nav5"><center><img src="https://static.igem.org/mediawiki/2017/ | + | <a href="#nav5"><center><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/4a/T--Sydney_Australia--HandLinksArticle.gif" class="img-responsive"></center></a> |
+ | </div> | ||
<div class = "col-xs-1" style = "background-color:#e2e2e2" height = "100px"> | <div class = "col-xs-1" style = "background-color:#e2e2e2" height = "100px"> | ||
</div> | </div> | ||
Line 176: | Line 192: | ||
</div> | </div> | ||
+ | |||
+ | <div class ="row" style = "background-color:#e2e2e2"> | ||
+ | <div class = "crispy"> | ||
+ | <div class = "col-xs-3" style = "background-color:#e2e2e2"> | ||
+ | <div align = "right"> | ||
+ | <a href="#nav6"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/d/d7/T--Sydney_Australia--HandLinksTeamChats.gif" class="img-responsive"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class = "col-xs-3" style = "background-color:#e2e2e2" height = "100px"> | ||
+ | <a href="#nav7"><center><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/d/d6/T--Sydney_Australia--Hands1.gif" class="img-responsive"></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-3" style = "background-color:#e2e2e2" height = "100px"> | ||
+ | <div align = "left"> | ||
+ | <a href="#nav8"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/1/14/T--Sydney_Australia--Hands_2.gif" class="img-responsive"></right></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class = "col-xs-3" style = "background-color:#e2e2e2" height = "100px"> | ||
+ | <div align = "left"> | ||
+ | <a href="#nav9"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/70/T--Sydney_Australia--biomod_hand.png" class="img-responsive" width="40%"></right></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
<div class = "image-fixed-top navbar-default"> | <div class = "image-fixed-top navbar-default"> | ||
<div class = "insert" style="background-color:#e2e2e2"> | <div class = "insert" style="background-color:#e2e2e2"> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
− | <div class = "row" id="nav1"> | + | <div class = "row content" id="nav1"> |
<div class = "insert2"> | <div class = "insert2"> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class = "row"> | + | <div class = "row content"> |
<div class = "crispy"> | <div class = "crispy"> | ||
<div class="col-xs-1" align = "right"> | <div class="col-xs-1" align = "right"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/1/10/T--Sydney_Australia--HandsPink.gif"> | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/1/10/T--Sydney_Australia--HandsPink.gif"> |
</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">JAMS Stall - Science Week Fair</h1></center> | <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>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 | + | <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 microbiology at the Australian museum for National Science Week . 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> | ||
<div class = "col-xs-6"> | <div class = "col-xs-6"> | ||
Line 202: | Line 244: | ||
</div> | </div> | ||
− | <div class = "row" id="nav2"> | + | <div class = "row content" id="nav2"> |
<div class = "insert2"> | <div class = "insert2"> | ||
</div> | </div> | ||
Line 208: | Line 250: | ||
− | <div class = "row"> | + | <div class = "row content"> |
<div class = "crispy" class = "img-circle"> | <div class = "crispy" class = "img-circle"> | ||
<div class = "col-xs-6" class = "img-circle"> | <div class = "col-xs-6" class = "img-circle"> | ||
Line 238: | Line 280: | ||
<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 274: | Line 287: | ||
</div> | </div> | ||
<div class="col-xs-1" align = "left"> | <div class="col-xs-1" align = "left"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/6/65/T--Sydney_Australia--HandsYellow.gif"> | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/65/T--Sydney_Australia--HandsYellow.gif"> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class = "row" id="nav3"> | + | <div class = "row content" id="nav3"> |
<div class = "insert2"> | <div class = "insert2"> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class = "row"> | + | <div class = "row content"> |
<div class = "crispy"> | <div class = "crispy"> | ||
<div class="col-xs-1" align = "left"> | <div class="col-xs-1" align = "left"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/0/03/T--Sydney_Australia--HandsBlue.gif"> | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/03/T--Sydney_Australia--HandsBlue.gif"> |
</div> | </div> | ||
<div class = "col-xs-5" class="box" id="please"> | <div class = "col-xs-5" class="box" id="please"> | ||
Line 299: | Line 312: | ||
</div> | </div> | ||
− | <div class = "row" id="nav4"> | + | <div class = "row content" id="nav4"> |
<div class = "insert2"> | <div class = "insert2"> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class = "row"> | + | <div class = "row content"> |
<div class = "crispy"> | <div class = "crispy"> | ||
<div class = "col-xs-6"> | <div class = "col-xs-6"> | ||
Line 315: | Line 328: | ||
</div> | </div> | ||
<div class="col-xs-1" align = "left"> | <div class="col-xs-1" align = "left"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/0/08/T--Sydney_Australia--HandsPurple.gif"> | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/08/T--Sydney_Australia--HandsPurple.gif"> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class = "row" id="nav5"> | + | <div class = "row content" id="nav5"> |
<div class = "insert2"> | <div class = "insert2"> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <div class = "row content"> | ||
+ | <div class = "crispy"> | ||
+ | <div class="col-xs-1" align = "right"> | ||
+ | <img class="img-responsive" 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">University of Sydney Article</h1></center> | ||
+ | <center><h4>To promote our cause, as well as to promote the study of Science and the University, our team member Courtney spent a little time with our lovely Media division. The article connected us with numerous people who were we had previously not recognized as potential groups who would influence our project, but have since had a tremendous impact. </h4></center> | ||
+ | <center><h4>Thank you to Eugenia and the rest of the University of Sydney Faculty of Science Media team!</h4></center> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <center><img class = "img-circle" src="https://static.igem.org/mediawiki/2017/3/38/T--Sydney_Australia--Article.png" width = "80%" ></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class = "row"> | + | |
+ | <div class = "row content" id="nav6"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content"> | ||
<div class = "crispy"> | <div class = "crispy"> | ||
+ | <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 class = "col-xs-5" class="box" id="please"> | ||
+ | <center><h1 class="tag-title">Integrating with Open Insulin Abroad</h1></center> | ||
+ | <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> | ||
+ | </div> | ||
<div class="col-xs-1" align = "right"> | <div class="col-xs-1" align = "right"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/0/08/T--Sydney_Australia--HandsPurple.gif"> | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/65/T--Sydney_Australia--HandsYellow.gif"> |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class = "row content" id="nav7"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content"> | ||
+ | <div class = "crispy"> | ||
+ | <div class="col-xs-1" align = "right"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/08/T--Sydney_Australia--HandsPurple.gif"> | ||
</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">Synthetic Biology Australasia 2017 Conference</h1></center> | <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>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 | + | <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 their projects as well. |
</h4></center> | </h4></center> | ||
</div> | </div> | ||
Line 342: | Line 400: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <div class = "row content" id="nav8"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <div class = "row content"> | ||
+ | <div class = "crispy"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <center><img class = "img-circle" src="https://static.igem.org/mediawiki/2017/0/04/T--Sydney_Australia--PresoHospital.jpeg" width = "90%" ></center> | ||
+ | </div> | ||
+ | <div class = "col-xs-5" id="please2"> | ||
+ | <center><h2>Poster Survey Shown at Westmead Hospital</h2></center> | ||
+ | <center><h4>After connecting with last year's iGEM team, one of the team members reached out to get us involved in a poster presentation slide series at Westmead Children's Hospital. We were delighted to be invited, and decided to share our Survey with the community in hopes to gain some more insight into the experiences of Australian Diabetics.</h4></center> | ||
+ | </div> | ||
+ | <div class="col-xs-1" align = "right"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/03/T--Sydney_Australia--HandsBlue.gif"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content" id="nav9"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content"> | ||
+ | <div class = "crispy"> | ||
+ | <div class="col-xs-1" align = "right"> | ||
+ | <img class="img-responsive" 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">Uni Presentations</h1></center> | ||
+ | <center><h4>In order to best prepare ourselves for the jamboree, as well as to engage with as many people as possible to share our story, we took to the stage at various events at University. We took the time to present all facets of the issue of insulin inaccessibility, while also demonstrating how we were approaching all aspects of the iGEM competition. As our first presentation was with the rest of the Coleman research lab, huge encouragements and interesting pieces of advice was given to expand our project even larger. Our second presentation, alongside the USYD BioMod team, took place with researchers from all across the science faculty. From feedback given at this presentation, we took more time to refine the way we presented our work to really focus on the key issues and the big accomplishments we’ve made. | ||
+ | </h4></center> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <center><img class = "img-circle" src="https://static.igem.org/mediawiki/2017/1/11/T--Sydney_Australia--Engagement1.jpg" width = "90%" ></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row content" style="height:10vw;"> | ||
+ | </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> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Sydney_Australia/templates/Footer}} | {{:Team:Sydney_Australia/templates/Footer}} |
Latest revision as of 02:25, 2 November 2017