Difference between revisions of "Team:UCSC/Team1"
Evan pepper (Talk | contribs) |
Evan pepper (Talk | contribs) |
||
| (162 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{{UCSC-Header}} | {{UCSC-Header}} | ||
| − | |||
<html> | <html> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <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> | ||
#row > .column { | #row > .column { | ||
| Line 16: | Line 15: | ||
background-position: center; | background-position: center; | ||
background-size: 100% auto; | background-size: 100% auto; | ||
| − | |||
} | } | ||
| Line 46: | Line 44: | ||
/* Modal Content */ | /* Modal Content */ | ||
.modal-content { | .modal-content { | ||
| − | position: | + | text-align: center; |
| + | position: relative; | ||
| + | /* bottom: 100px; */ | ||
background-color: #000000; | background-color: #000000; | ||
margin: auto; | margin: auto; | ||
| − | padding: | + | padding: 0px; |
width: 100%; | width: 100%; | ||
| − | max-width: | + | height: 100%; |
| + | max-width: 1150px; | ||
} | } | ||
| Line 57: | Line 58: | ||
.close { | .close { | ||
color: #ffffff; | color: #ffffff; | ||
| − | position: | + | position: fixed; |
| − | top: | + | top: 80px; |
right: 35px; | right: 35px; | ||
font-size: 85px; | font-size: 85px; | ||
| Line 74: | Line 75: | ||
.mySlides { | .mySlides { | ||
| + | text-align: center; | ||
display: none; | display: none; | ||
width: 100%; | width: 100%; | ||
| Line 80: | Line 82: | ||
.cursor { | .cursor { | ||
cursor: pointer | cursor: pointer | ||
| + | |||
} | } | ||
/* Next & previous buttons */ | /* Next & previous buttons */ | ||
| − | .prev | + | .prev { |
| − | + | ||
cursor: pointer; | cursor: pointer; | ||
| − | position: | + | position: fixed; |
top: 50%; | top: 50%; | ||
| + | right: 95%; | ||
width: auto; | width: auto; | ||
padding: 16px; | padding: 16px; | ||
margin-top: -50px; | margin-top: -50px; | ||
| − | |||
font-weight: bold; | font-weight: bold; | ||
| − | font-size: | + | font-size: 30px; |
transition: 0.6s ease; | transition: 0.6s ease; | ||
border-radius: 0 3px 3px 0; | border-radius: 0 3px 3px 0; | ||
| Line 100: | Line 102: | ||
} | } | ||
| − | |||
.next { | .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; | ||
} | } | ||
| Line 126: | Line 138: | ||
.caption-container { | .caption-container { | ||
| + | text-align:center; | ||
position: absolute; | position: absolute; | ||
width: auto; | width: auto; | ||
| Line 135: | Line 148: | ||
.demo { | .demo { | ||
opacity: 0.6; | opacity: 0.6; | ||
| − | + | text-align: center; | |
| + | width: 5%; | ||
| + | margin-top: 20px; | ||
} | } | ||
| Line 151: | Line 166: | ||
} | } | ||
| − | h3 | + | .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-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 { | h4 { | ||
| − | + | font-family: "Objektiv-mk1" !important; | |
| + | font-weight: 300 !important; | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 1086px) { | ||
| + | .ourbeautifulfaces { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .prev, .next { | ||
| + | top: 35%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (min-width: 1210px) { | ||
| + | .profilecards { | ||
| + | width: 75%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @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) { | ||
| + | .demo { | ||
| + | width: 10%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (min-width: 420px) and (max-width: 768px) { | ||
| + | .face { | ||
| + | width: 125px; | ||
| + | height: 175px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @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% | ||
| + | } | ||
} | } | ||
| Line 159: | Line 299: | ||
<body> | <body> | ||
| − | <section style="background | + | <section style="background: honeydew; margin-bottom: -10px;"> |
<center> | <center> | ||
| − | < | + | <h1 style="text-align:center">MEET THE TEAM</h1> |
| − | + | ||
| − | </ | + | |
| − | <h2 style="text-align:center" | + | <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> | <center> | ||
| − | <div class=" | + | <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="face" style="background-image: url(https://static.igem.org/mediawiki/2017/c/ca/BWick.png)" style="width:100%" onclick="openModal();currentSlide(1)"> | ||
| Line 175: | Line 319: | ||
<br><br><br><br> | <br><br><br><br> | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
| − | <h4>Molecular, | + | <h4>Molecular, Cell, and Developmental Biology</h4> |
| − | + | </div> | |
| − | </div> | + | |
| + | <div class="person-name"> | ||
| + | <h3>Brittney Wick</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 185: | Line 333: | ||
<br><br><br><br> | <br><br><br><br> | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
| − | <h4>Molecular, | + | <h4>Molecular, Cell, and Developmental Biology</h4> |
| − | + | ||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Jethro Marasigan</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 196: | Line 348: | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
<h4>Biochemistry</h4> | <h4>Biochemistry</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Alexander Pearce</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 206: | Line 362: | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Thuy-Khanh Tran-Dao</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 216: | Line 376: | ||
<h4>3rd Year</h4> | <h4>3rd Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| − | |||
| − | |||
| − | <div class=" | + | <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="face" style="background-image: url(https://static.igem.org/mediawiki/2017/6/6e/DSchm.png)" style="width:100%" onclick="openModal();currentSlide(6)"> | ||
| Line 229: | Line 390: | ||
<h4>5th Year</h4> | <h4>5th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Daniel Schmelter</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 239: | Line 404: | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Evan Pepper</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 249: | Line 418: | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Marissa Taub</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 259: | Line 432: | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>McKenna Hicks</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 269: | Line 446: | ||
<h4>5th Year</h4> | <h4>5th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| − | |||
| − | |||
| − | <div class=" | + | <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="face" style="background-image: url(https://static.igem.org/mediawiki/2017/7/70/TMyers.png)" style="width:100%" onclick="openModal();currentSlide(11)"> | ||
| Line 282: | Line 460: | ||
<h4>5th Year</h4> | <h4>5th Year</h4> | ||
<h4>Bielectronics</h4> | <h4>Bielectronics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Tyler Myers</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 291: | Line 473: | ||
<br><br><br><br> | <br><br><br><br> | ||
<h4>4th Year</h4> | <h4>4th Year</h4> | ||
| − | <h4>Molecular, | + | <h4>Molecular, Cell, and Developmental Biology</h4> |
| − | + | ||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Mark Lund</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 302: | Line 488: | ||
<h4>5th Year</h4> | <h4>5th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Tom Sousa</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 312: | Line 502: | ||
<h4>5th Year</h4> | <h4>5th Year</h4> | ||
<h4>Bioengineering and Bioinformatics</h4> | <h4>Bioengineering and Bioinformatics</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Casidee McDonough</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 322: | Line 516: | ||
<h4>3rd Year</h4> | <h4>3rd Year</h4> | ||
<h4>Chemical Engineering</h4> | <h4>Chemical Engineering</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Hailey Loehde-Woolard</h3><br> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| − | |||
| − | <div class="row"> | + | <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="face" style="background-image: url(https://static.igem.org/mediawiki/2017/c/cb/DBern.png)" style="width:100%" onclick="openModal();currentSlide(16)"> | ||
| Line 333: | Line 530: | ||
<h3>David Bernick, Ph.D</h3> | <h3>David Bernick, Ph.D</h3> | ||
<br><br><br><br> | <br><br><br><br> | ||
| − | <h4> | + | <h4>Principal Investigator</h4> |
<h4>Biomolecular Engineering</h4> | <h4>Biomolecular Engineering</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>David Bernick, Ph.D</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
| Line 343: | Line 544: | ||
<h3>Logan Mulroney</h3> | <h3>Logan Mulroney</h3> | ||
<br><br><br><br> | <br><br><br><br> | ||
| − | <h4>Ph.D Candidate</h4> | + | <h4>Ph.D Candidate and Mentor</h4> |
<h4>Biomolecular Engineering</h4> | <h4>Biomolecular Engineering</h4> | ||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div class="person-name"> | ||
| + | <h3>Logan Mulroney</h3> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | |||
</center> | </center> | ||
| + | |||
| + | <center> | ||
<div id="myModal" class="modal"> | <div id="myModal" class="modal"> | ||
| Line 433: | Line 642: | ||
<div class="row" style="position: absolute;"> | <div class="row" style="position: absolute;"> | ||
| − | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/c/ca/BWick.png | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <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 | + | <img class="demo cursor" src="https://static.igem.org/mediawiki/2017/f/fd/LMol.png" onclick="currentSlide(17)"> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </center> | ||
<script> | <script> | ||
| Line 511: | Line 721: | ||
</html> | </html> | ||
| − | {{auto_scroll_down}} | + | <!-- {{auto_scroll_down}} --> |
<html> | <html> | ||
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
