(32 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{Duke}} | {{Duke}} | ||
<html> | <html> | ||
+ | |||
+ | |||
<!-- Code for Slideshow obtained from https://www.w3schools.com/howto/howto_js_slideshow.asp --> | <!-- Code for Slideshow obtained from https://www.w3schools.com/howto/howto_js_slideshow.asp --> | ||
+ | <div class="column full_size" > | ||
+ | <br> | ||
+ | <center><h1> Our Team </h1></center> | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
<!-- Slideshow container --> | <!-- Slideshow container --> | ||
<div class="slideshow-container"> | <div class="slideshow-container"> | ||
Line 9: | Line 17: | ||
<!-- Full-width images with number and caption text --> | <!-- Full-width images with number and caption text --> | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
− | < | + | |
− | + | <table style="width:98%"> | |
− | + | ||
− | + | <tr> | |
+ | <td align="center"; width="50%"> | ||
+ | <font size= "5" style="float:left;"><b> 1 / 6 </b></font> <br> <br> <br> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/thumb/6/6c/T--Duke--Daniel.jpg/1200px-T--Duke--Daniel.jpg" style="width:270px;height:300px;"> | ||
+ | </td> | ||
+ | <td align="center"; width="50%"><h4>Daniel Getman</h4> | ||
+ | <p><br>Daniel Getman is a senior at Duke University studying Neuroscience. He joined the Duke iGEM team and Lynch Lab in fall 2017. His hobbies include archery, hiking, and spending time with friends. After graduating he plans to taking a gap year to continue his research on miraculin and afterwards attend medical school.</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
</div> | </div> | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
− | < | + | |
+ | <table style= "width:98%"> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | <font size= "5" style="float:left;"><b> 2 / 6 </b></font> <br> <br> <br> | ||
<img src="https://static.igem.org/mediawiki/2018/f/f9/T--Duke--Maria.jpg" style="width:270px;height:300px;" > | <img src="https://static.igem.org/mediawiki/2018/f/f9/T--Duke--Maria.jpg" style="width:270px;height:300px;" > | ||
− | < | + | </td> |
− | <p><br>Maria is a junior majoring Biomedical Engineering at Duke. She is passionate about statistics and is constantly searching to learn new things about biology. Originally from Virginia, Maria enjoys walks in the woods with her dogs, hot chocolate, and reading.</p></div> | + | |
+ | <td align="center"><h4>Maria Ter Weele</h4> | ||
+ | <p><br>Maria is a junior majoring Biomedical Engineering at Duke. She is passionate about statistics and is constantly searching to learn new things about biology. Originally from Virginia, Maria enjoys walks in the woods with her dogs, hot chocolate, and reading.</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | |||
+ | <table style="width:98%"> | ||
+ | |||
+ | <tr> | ||
+ | <td align="center"; width="50%"> | ||
+ | <font size= "5" style="float:left;"><b> 3 / 6 </b></font> <br> <br> <br> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/df/T--Duke--Adam.jpg" style="width:270px;height:300px;"></td> | ||
+ | </td> | ||
+ | <td align="center"><h4>Adam Yaseen</h4> | ||
+ | <p><br>Adam is a senior majoring in biophysics and has been a member of iGEM since his freshman year. He is most interested in CRISPR mediated recombineering and hopes to pursue a PhD in bioengineering or biophysics. Recently, he has enjoyed studying the application of partition functions to molecular biology. In his free time he enjoys playing Go.</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
</div> | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | |||
+ | <table style= "width:98%"> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | <font size= "5" style="float:left;"><b> 4 / 6 </b></font> <br> <br> <br> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b1/T--Duke--Keng.jpg" style="width:242px;height:300px;"> | ||
+ | </td> | ||
+ | |||
+ | <td align="center"><h4>Keng Zhang</h4> | ||
+ | <p><br>Keng is a sophomore majoring in Biomedical Engineering and Economics. His hobbies include hiking, gaming, bowling, and traveling. His goals for college is to learn to thrive in every situation. After college, he plans on going to grad school for BME.</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | |||
+ | <table style="width:98%"> | ||
+ | |||
+ | <tr> | ||
+ | <td align="center"; width="50%"> | ||
+ | <font size= "5" style="float:left;"><b> 5 / 6 </b></font> <br> <br> <br> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/5c/T--Duke--Joe.jpg" style="width:242px;height:300px;"> | ||
+ | </td> | ||
+ | <td align="center"><h4>Joe Choo-Choy</h4> | ||
+ | <p><br>Joe Choo-Choy joined the Duke iGEM team in Spring 2018. He is a sophomore and a Neuroscience major. Outside of his passion for synthetic biology, Joe tries to find time for meditation, rock climbing, and philosophy.</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | |||
+ | <table style= "width:98%"> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | <font size= "5" style="float:left;"><b> 6 / 6 </b></font> <br> <br> <br> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/1d/T--Duke--Trudy.jpg" style="width:242px;height:300px;"> | ||
+ | </td> | ||
+ | |||
+ | <td align="center"><h4>Trudy Zou</h4> | ||
+ | <p><br>Trudy Zou is a sophomore and prospective biology/global health double major. In the past, she has conducted research in molecular biology in the Lee Lab at Vanderbilt University. She has also developed global health interests working with a health insurance system in northern Togo last summer, as part of DukeEngage. Outside of research, she enjoys duke club swim and teaching swim lessons, as well health and fitness in general. In the future she hopes to go abroad again to do medical research in underserved communities.</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
<!-- Next and previous buttons --> | <!-- Next and previous buttons --> | ||
Line 27: | Line 120: | ||
</div> | </div> | ||
<br> | <br> | ||
− | + | <br> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<style> | <style> | ||
Line 77: | Line 164: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/* Number text (1/3 etc) */ | /* Number text (1/3 etc) */ | ||
.numbertext { | .numbertext { | ||
− | color: # | + | color: #000000; |
− | font-size: | + | font-size: 15px; |
padding: 8px 12px; | padding: 8px 12px; | ||
position: absolute; | position: absolute; | ||
Line 97: | Line 175: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
<script> | <script> | ||
Line 135: | Line 183: | ||
var slideIndex = 1; | var slideIndex = 1; | ||
showSlides(slideIndex); | showSlides(slideIndex); | ||
+ | var slideIndex2 = 1; | ||
+ | showSlides2(slideIndex2); | ||
// Next/previous controls | // Next/previous controls | ||
Line 148: | Line 198: | ||
function showSlides(n) { | function showSlides(n) { | ||
var i; | var i; | ||
+ | |||
var slides = document.getElementsByClassName("mySlides"); | var slides = document.getElementsByClassName("mySlides"); | ||
− | var dots = document.getElementsByClassName("dot"); | + | console.log(slides.length); |
+ | //var dots = document.getElementsByClassName("dot"); | ||
if (n > slides.length) {slideIndex = 1} | if (n > slides.length) {slideIndex = 1} | ||
if (n < 1) {slideIndex = slides.length} | if (n < 1) {slideIndex = slides.length} | ||
Line 155: | Line 207: | ||
slides[i].style.display = "none"; | slides[i].style.display = "none"; | ||
} | } | ||
− | for (i = 0; i < dots.length; i++) { | + | //for (i = 0; i < dots.length; i++) { |
− | + | // dots[i].className = dots[i].className.replace(" active", ""); | |
− | } | + | //} |
slides[slideIndex-1].style.display = "block"; | slides[slideIndex-1].style.display = "block"; | ||
− | dots[slideIndex-1].className += " active"; | + | //dots[slideIndex-1].className += " active"; |
} | } | ||
</script> | </script> | ||
</div> | </div> | ||
+ | |||
+ | <!-- | ||
Line 269: | Line 323: | ||
− | |||
− | |||
− | |||
− | |||
<div class="column two_thirds_size" > | <div class="column two_thirds_size" > | ||
Line 303: | Line 353: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
--> | --> | ||
+ | |||
</html> | </html> |
Latest revision as of 03:25, 18 October 2018