Difference between revisions of "Team:UCSC/Team1"
Evan pepper (Talk | contribs) |
Evan pepper (Talk | contribs) |
||
| (62 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| + | {{UCSC-Header}} | ||
| + | |||
<html> | <html> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | |||
| + | <script src="https://use.typekit.net/hii0ztv.js"></script> | ||
| + | <script>try{Typekit.load({ async: true });}catch(e){}</script> | ||
<style> | <style> | ||
| − | + | #row > .column { | |
| + | padding: 0px 0px; | ||
| + | overflow: auto; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: center; | ||
| + | background-size: 100% auto; | ||
| + | } | ||
| − | + | #row:after { | |
| + | content: ""; | ||
| + | display: table; | ||
| + | clear: both; | ||
| + | } | ||
| − | + | .column { | |
| − | + | float: left; | |
| − | + | width: 15%; | |
} | } | ||
| − | + | /* The Modal (background) */ | |
| − | + | .modal { | |
| − | + | display: none; | |
| − | + | position: fixed; | |
| − | + | z-index: 99; | |
| − | + | padding-top: 120px; | |
| − | + | left: 0; | |
| − | + | top: 0; | |
| − | + | width: 100%; | |
| − | + | height: 100%; | |
| − | + | overflow: auto; | |
| − | + | background-color: black; | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | /* Modal Content */ |
| − | color: | + | .modal-content { |
| + | text-align: center; | ||
| + | position: relative; | ||
| + | /* bottom: 100px; */ | ||
| + | background-color: #000000; | ||
| + | margin: auto; | ||
| + | padding: 0px; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | max-width: 1150px; | ||
} | } | ||
| − | . | + | /* The Close Button */ |
| − | color: | + | .close { |
| + | color: #ffffff; | ||
| + | position: fixed; | ||
| + | top: 80px; | ||
| + | right: 35px; | ||
| + | font-size: 85px; | ||
| + | font-weight: bold; | ||
| + | z-index: 100; | ||
} | } | ||
| − | + | .close:hover, | |
| − | + | .close:focus { | |
| − | + | color: #FF0000; | |
| − | + | text-decoration: none; | |
| − | + | cursor: pointer; | |
| − | + | z-index: 100; | |
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | .mySlides { |
| − | + | text-align: center; | |
| − | + | display: none; | |
| − | + | width: 100%; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | .cursor { | ||
| + | cursor: pointer | ||
| − | |||
| − | |||
} | } | ||
| − | . | + | /* Next & previous buttons */ |
| − | + | .prev { | |
| − | + | cursor: pointer; | |
| + | position: fixed; | ||
| + | top: 50%; | ||
| + | right: 95%; | ||
| + | width: auto; | ||
| + | padding: 16px; | ||
| + | margin-top: -50px; | ||
| + | font-weight: bold; | ||
| + | font-size: 30px; | ||
| + | transition: 0.6s ease; | ||
| + | border-radius: 0 3px 3px 0; | ||
| + | user-select: none; | ||
| + | -webkit-user-select: none; | ||
} | } | ||
| − | . | + | .next { |
| − | + | cursor: pointer; | |
| − | + | position: fixed; | |
| + | top: 50%; | ||
| + | left: 95%; | ||
| + | width: auto; | ||
| + | padding: 16px; | ||
| + | margin-top: -50px; | ||
| + | font-weight: bold; | ||
| + | font-size: 30px; | ||
| + | transition: 0.6s ease; | ||
| + | border-radius: 0 3px 3px 0; | ||
| + | user-select: none; | ||
| + | -webkit-user-select: none; | ||
} | } | ||
| − | + | /* On hover, add a black background color with a little bit see-through */ | |
| − | + | .prev:hover, | |
| − | + | .next:hover { | |
| − | + | background-color: #23C403; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | /* Number text (1/3 etc) */ | |
| − | + | .numbertext { | |
| − | + | color: #f2f2f2; | |
| − | + | font-size: 12px; | |
| − | + | padding: 8px 12px; | |
| + | position: absolute; | ||
| + | top: 0; | ||
} | } | ||
| − | + | img { | |
| − | + | margin-bottom: 0px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | .caption-container { |
| − | + | text-align:center; | |
| − | + | position: absolute; | |
| − | + | width: auto; | |
| − | + | background-color: black; | |
| + | padding: -20px 50px; | ||
| + | color: white; | ||
} | } | ||
| − | . | + | .demo { |
| − | + | opacity: 0.6; | |
| − | opacity: | + | text-align: center; |
| − | + | width: 5%; | |
| − | + | margin-top: 20px; | |
| − | + | ||
} | } | ||
| − | . | + | .active, |
| − | + | .demo:hover { | |
| + | opacity: 1; | ||
} | } | ||
| − | . | + | img.hover-shadow { |
| − | + | transition: 0.3s | |
} | } | ||
| − | . | + | .hover-shadow:hover { |
| − | + | box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .ourbeautifulfaces { | |
| − | + | margin-right: 0px; | |
| − | + | margin-left: 0px; | |
| − | + | margin-top:30px; | |
| − | + | background: honeydew; | |
| − | + | width: 70%; | |
| − | + | user-drag: none; | |
| − | + | user-select: none; | |
| − | + | -moz-user-select: none; | |
| − | + | -webkit-user-drag: none; | |
| − | + | -webkit-user-select: none; | |
| − | + | -ms-user-select: none; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .banner-image { | |
| − | padding: | + | padding-right: 15px; |
| + | padding-left: 15px; | ||
} | } | ||
| − | + | .profilecards { | |
| − | + | margin: 0px; | |
| − | + | width: 95%; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | h1 { | |
| − | + | font-family: "Objektiv-mk1" !important; | |
| − | + | font-weight: 300 !important; | |
| − | + | font-size: 275%; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | h2 { | |
| − | + | font-family: "Objektiv-mk1" !important; | |
| + | font-weight: 300 !important; | ||
| + | font-size: 150%; | ||
} | } | ||
| − | + | h3 { | |
| − | + | font-family: "Objektiv-mk1" !important; | |
| − | + | font-weight: 300 !important; | |
| + | font-size: 125%; | ||
} | } | ||
| − | |||
| − | + | h4 { | |
| + | font-family: "Objektiv-mk1" !important; | ||
| + | font-weight: 300 !important; | ||
| + | font-size: 100%; | ||
} | } | ||
| − | + | ||
| − | + | @media (max-width: 1086px) { | |
| − | + | .ourbeautifulfaces { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
width: 100%; | width: 100%; | ||
| − | + | } | |
| − | + | .prev, .next { | |
| − | + | top: 35%; | |
| − | + | } | |
| − | + | ||
| − | } | + | |
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | @media (min-width: 1210px) { | |
| − | + | .profilecards { | |
| − | + | width: 75%; | |
| − | + | } | |
| − | + | ||
} | } | ||
| − | @media (max-width: | + | @media (max-width: 768px) { |
| − | . | + | .prev, .next { |
| − | + | display: none; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | /* .prev, .next { | |
| − | + | top: 30%; | |
| − | + | } | |
| − | + | .prev { | |
| + | right: 90%; | ||
| + | } | ||
| + | .next { | ||
| + | left: 90%; | ||
| + | }*/ | ||
| + | .demo { | ||
| + | width: 9% | ||
| + | } | ||
| + | h3, h4 { | ||
| + | font-size: 53%; | ||
} | } | ||
| − | |||
} | } | ||
| − | . | + | @media (max-width: 650px) { |
| − | width: | + | .demo { |
| − | + | width: 10%; | |
| − | + | } | |
} | } | ||
| − | + | @media (min-width: 420px) and (max-width: 768px) { | |
| − | + | .face { | |
| − | + | width: 125px; | |
| − | + | height: 175px; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | width: | + | |
| − | height: | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | @media (max-width: 550px) { | |
| − | + | .demo { | |
| + | width: 12%; | ||
| + | } | ||
} | } | ||
| − | + | @media (max-width: 500px) { | |
| − | + | h1 { | |
| + | font-size: 250%; | ||
| + | } | ||
| + | h2 { | ||
| + | font-size: 120%; | ||
| + | } | ||
| + | .close { | ||
| + | top: 65px; | ||
| + | right: 10px; | ||
| + | font-size: 65px; | ||
| + | } | ||
} | } | ||
| − | + | @media (max-width: 420px) { /*LMAO 420 AYEEE*/ | |
| − | + | .face { | |
| − | + | width: 110px; | |
| + | height: 140px; | ||
| + | } | ||
| + | h3, h4 { | ||
| + | font-size: 53%; | ||
| + | } | ||
| + | .demo { | ||
| + | width: 14% | ||
| + | } | ||
} | } | ||
| + | </style> | ||
| + | <body> | ||
| − | + | <section style="background: honeydew; margin-bottom: -10px;"> | |
| − | + | <center> | |
| − | + | <h1 style="text-align:center">MEET THE TEAM</h1> | |
| − | + | ||
| + | <div class="banner-image"> | ||
| + | <img class="ourbeautifulfaces" src="https://static.igem.org/mediawiki/2017/3/3a/UcscTeam.png"> | ||
| + | </div> | ||
| − | + | <h2 style="text-align:center">Click on a profile card to learn more about us!</h2><br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | </center> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | <center> | ||
| + | <div class="profilecards"> | ||
| − | . | + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/c/ca/BWick.png)" style="width:100%" onclick="openModal();currentSlide(1)"> |
| − | + | <div class="profile"> | |
| − | + | <h3>Brittney Wick</h3> | |
| − | + | <br><br><br><br> | |
| − | + | <h4>4th Year</h4> | |
| − | . | + | <h4>Molecular, Cell, and Developmental Biology</h4> |
| − | background: | + | </div> |
| − | + | ||
| − | + | <div class="person-name"> | |
| − | - | + | <h3>Brittney Wick</h3> |
| − | + | </div> | |
| − | + | ||
| − | + | </div> | |
| − | + | ||
| − | + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/e/eb/JMara.png)" style="width:100%" onclick="openModal();currentSlide(2)"> | |
| − | + | <div class="profile"> | |
| − | + | <h3>Jethro Marasigan</h3> | |
| − | + | <br><br><br><br> | |
| − | + | <h4>4th Year</h4> | |
| − | + | <h4>Molecular, Cell, and Developmental Biology</h4> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="person-name"> | |
| − | + | <h3>Jethro Marasigan</h3> | |
| − | + | </div> | |
| − | + | ||
| − | + | </div> | |
| − | + | ||
| − | + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/2/2a/Xpear.png)" style="width:100%" onclick="openModal();currentSlide(3)"> | |
| − | + | <div class="profile"> | |
| − | + | <h3>Alexander Pearce</h3> | |
| − | + | <br><br><br><br> | |
| − | + | <h4>4th Year</h4> | |
| − | + | <h4>Biochemistry</h4> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="person-name"> | |
| − | + | <h3>Alexander Pearce</h3> | |
| − | + | </div> | |
| − | + | ||
| − | + | </div> | |
| − | + | ||
| − | + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/9/95/KTran.png)" style="width:100%" onclick="openModal();currentSlide(4)"> | |
| − | + | <div class="profile"> | |
| − | + | <h3>Thuy-Khanh Tran-Dao</h3> | |
| − | + | <br><br><br> | |
| − | + | <h4>4th Year</h4> | |
| − | + | <h4>Bioengineering and Bioinformatics</h4> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="person-name"> | |
| − | + | <h3>Thuy-Khanh Tran-Dao</h3> | |
| − | + | </div> | |
| − | } | + | |
| − | . | + | </div> |
| − | + | ||
| − | } | + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/1/11/PJaga.png)" style="width:100%" onclick="openModal();currentSlide(5)"> |
| + | <div class="profile"> | ||
| + | <h3>Pratibha Jagannatha</h3> | ||
| + | <br><br><br> | ||
| + | <h4>3rd Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Pratibha Jagannatha</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/6/6e/DSchm.png)" style="width:100%" onclick="openModal();currentSlide(6)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Daniel Schmelter</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>5th Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Daniel Schmelter</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/9/9d/EPep.png)" style="width:100%" onclick="openModal();currentSlide(7)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Evan Pepper</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>4th Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Evan Pepper</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/c/c0/MTaub.png)" style="width:100%" onclick="openModal();currentSlide(8)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Marissa Taub</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>4th Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Marissa Taub</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/9/91/MHicks.png)" style="width:100%" onclick="openModal();currentSlide(9)"> | ||
| + | <div class="profile"> | ||
| + | <h3>McKenna Hicks</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>4th Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>McKenna Hicks</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/c/c9/SMedor.png)" style="width:100%" onclick="openModal();currentSlide(10)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Sara Medor</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>5th Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Sara Medor</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/7/70/TMyers.png)" style="width:100%" onclick="openModal();currentSlide(11)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Tyler Myers</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>5th Year</h4> | ||
| + | <h4>Bielectronics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Tyler Myers</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/8/8d/MLund.png)" style="width:100%" onclick="openModal();currentSlide(12)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Mark Lund</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>4th Year</h4> | ||
| + | <h4>Molecular, Cell, and Developmental Biology</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Mark Lund</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/3/3d/TSou.png)" style="width:100%" onclick="openModal();currentSlide(13)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Tom Sousa</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>5th Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Tom Sousa</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/9/96/CMcD.png)" style="width:100%" onclick="openModal();currentSlide(14)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Casidee McDonough</h3> | ||
| + | <br><br><br> | ||
| + | <h4>5th Year</h4> | ||
| + | <h4>Bioengineering and Bioinformatics</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Casidee McDonough</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/0/0c/HLoeh.png)" style="width:100%" onclick="openModal();currentSlide(15)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Hailey Loehde-Woolard</h3> | ||
| + | <br><br><br> | ||
| + | <h4>3rd Year</h4> | ||
| + | <h4>Chemical Engineering</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Hailey Loehde-Woolard</h3><br> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="row"> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/c/cb/DBern.png)" style="width:100%" onclick="openModal();currentSlide(16)"> | ||
| + | <div class="profile"> | ||
| + | <h3>David Bernick, Ph.D</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>Principal Investigator</h4> | ||
| + | <h4>Biomolecular Engineering</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>David Bernick, Ph.D</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="face" style="background-image: url(https://static.igem.org/mediawiki/2017/f/fd/LMol.png)" style="width:100%" onclick="openModal();currentSlide(17)"> | ||
| + | <div class="profile"> | ||
| + | <h3>Logan Mulroney</h3> | ||
| + | <br><br><br><br> | ||
| + | <h4>Ph.D Candidate and Mentor</h4> | ||
| + | <h4>Biomolecular Engineering</h4> | ||
| + | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Logan Mulroney</h3> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </center> | ||
| + | |||
| + | <center> | ||
| + | |||
| + | <div id="myModal" class="modal"> | ||
| + | <span class="close cursor" onclick="closeModal()">×</span> | ||
| + | <div class="modal-content"> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/7/7d/BWick_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/4/44/JMara_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/d/df/XPear_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/7/79/KTran_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/9/9f/PJaga_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/5/52/DSchm_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/c/c0/EPep_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/b/b3/MTaub_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/5/51/MHicks_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/5/58/SMedor_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/8/8d/TMyers_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/4/42/MLund_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/7/72/TSou_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/e/e3/CMcD_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/9/9e/HLoeh_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/9/92/DBern_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | <div class="mySlides"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/0/0e/LMol_bio.png" style="width:100%"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <a class="prev" onclick="plusSlides(-1)">❮</a> | ||
| + | <a class="next" onclick="plusSlides(1)">❯</a> | ||
| + | |||
| + | <div class="caption-container"> | ||
| + | <p id="caption"></p> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="row" style="position: absolute;"> | ||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/c/ca/BWick.png" onclick="currentSlide(1)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/e/eb/JMara.png" onclick="currentSlide(2)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/2/2a/Xpear.png" onclick="currentSlide(3)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/9/95/KTran.png" onclick="currentSlide(4)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/1/11/PJaga.png" onclick="currentSlide(5)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/6/6e/DSchm.png" onclick="currentSlide(6)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/9/9d/EPep.png" onclick="currentSlide(7)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/c/c0/MTaub.png" onclick="currentSlide(8)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/9/91/MHicks.png" onclick="currentSlide(9)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/c/c9/SMedor.png" onclick="currentSlide(10)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/7/70/TMyers.png" onclick="currentSlide(11)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/8/8d/MLund.png" onclick="currentSlide(12)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/3/3d/TSou.png" onclick="currentSlide(13)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/9/96/CMcD.png" onclick="currentSlide(14)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/0/0c/HLoeh.png" onclick="currentSlide(15)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/c/cb/DBern.png" onclick="currentSlide(16)"> | ||
| + | |||
| + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/f/fd/LMol.png" onclick="currentSlide(17)"> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </center> | ||
| + | |||
| + | <script> | ||
| + | function openModal() { | ||
| + | document.getElementById('myModal').style.display = "block"; | ||
| + | } | ||
| + | |||
| + | function closeModal() { | ||
| + | document.getElementById('myModal').style.display = "none"; | ||
| + | } | ||
| + | |||
| + | 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("demo"); | |
| + | var captionText = document.getElementById("caption"); | ||
| + | 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"; | ||
| + | captionText.innerHTML = dots[slideIndex-1].alt; | ||
| + | } | ||
| + | </script> | ||
| − | / | + | </html> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <!-- {{auto_scroll_down}} --> | |
| − | < | + | <html> |
| − | + | ||
| − | + | </body> | |
| − | + | </section> | |
| − | + | </html> | |
| − | + | ||
| − | + | {{UCSC-Footer}} | |
Latest revision as of 21:43, 19 October 2017
MEET THE TEAM
Click on a profile card to learn more about us!
Brittney Wick
4th Year
Molecular, Cell, and Developmental Biology
Brittney Wick
Jethro Marasigan
4th Year
Molecular, Cell, and Developmental Biology
Jethro Marasigan
Alexander Pearce
4th Year
Biochemistry
Alexander Pearce
Thuy-Khanh Tran-Dao
4th Year
Bioengineering and Bioinformatics
Thuy-Khanh Tran-Dao
Pratibha Jagannatha
3rd Year
Bioengineering and Bioinformatics
Pratibha Jagannatha
Daniel Schmelter
5th Year
Bioengineering and Bioinformatics
Daniel Schmelter
Evan Pepper
4th Year
Bioengineering and Bioinformatics
Evan Pepper
Marissa Taub
4th Year
Bioengineering and Bioinformatics
Marissa Taub
McKenna Hicks
4th Year
Bioengineering and Bioinformatics
McKenna Hicks
Sara Medor
5th Year
Bioengineering and Bioinformatics
Sara Medor
Tyler Myers
5th Year
Bielectronics
Tyler Myers
Mark Lund
4th Year
Molecular, Cell, and Developmental Biology
Mark Lund
Tom Sousa
5th Year
Bioengineering and Bioinformatics
Tom Sousa
Casidee McDonough
5th Year
Bioengineering and Bioinformatics
Casidee McDonough
Hailey Loehde-Woolard
3rd Year
Chemical Engineering
Hailey Loehde-Woolard
David Bernick, Ph.D
Principal Investigator
Biomolecular Engineering
David Bernick, Ph.D
Logan Mulroney
Ph.D Candidate and Mentor
Biomolecular Engineering
Logan Mulroney
