Evan pepper (Talk | contribs) |
Evan pepper (Talk | contribs) |
||
(56 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> | <style> | ||
Line 135: | Line 138: | ||
.caption-container { | .caption-container { | ||
− | text-align:center | + | text-align:center; |
position: absolute; | position: absolute; | ||
width: auto; | width: auto; | ||
Line 146: | Line 149: | ||
opacity: 0.6; | opacity: 0.6; | ||
text-align: center; | text-align: center; | ||
− | + | width: 5%; | |
+ | margin-top: 20px; | ||
} | } | ||
Line 179: | Line 183: | ||
padding-right: 15px; | padding-right: 15px; | ||
padding-left: 15px; | padding-left: 15px; | ||
+ | } | ||
+ | |||
+ | .profilecards { | ||
+ | margin: 0px; | ||
+ | width: 95%; | ||
} | } | ||
h1 { | h1 { | ||
− | + | font-family: "Objektiv-mk1" !important; | |
− | + | font-weight: 300 !important; | |
+ | font-size: 275%; | ||
} | } | ||
h2 { | h2 { | ||
− | font-family: | + | font-family: "Objektiv-mk1" !important; |
− | font-size: | + | 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%; | ||
} | } | ||
Line 194: | Line 217: | ||
.ourbeautifulfaces { | .ourbeautifulfaces { | ||
width: 100%; | 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%; | ||
} | } | ||
} | } | ||
Line 203: | Line 275: | ||
h2 { | h2 { | ||
font-size: 120%; | font-size: 120%; | ||
+ | } | ||
+ | .close { | ||
+ | top: 65px; | ||
+ | right: 10px; | ||
+ | font-size: 65px; | ||
} | } | ||
} | } | ||
Line 212: | Line 289: | ||
} | } | ||
h3, h4 { | h3, h4 { | ||
− | font-size: | + | font-size: 53%; |
+ | } | ||
+ | .demo { | ||
+ | width: 14% | ||
} | } | ||
} | } | ||
Line 219: | Line 299: | ||
<body> | <body> | ||
− | <section style="background: honeydew;"> | + | <section style="background: honeydew; margin-bottom: -10px;"> |
<center> | <center> | ||
− | <h1 style="text-align:center"> | + | <h1 style="text-align:center">MEET THE TEAM</h1> |
<div class="banner-image"> | <div class="banner-image"> | ||
− | <img class="ourbeautifulfaces" src="https://static.igem.org/mediawiki/2017/ | + | <img class="ourbeautifulfaces" src="https://static.igem.org/mediawiki/2017/3/3a/UcscTeam.png"> |
</div> | </div> | ||
− | <h2 style="text-align:center" | + | <h2 style="text-align:center">Click on a profile card to learn more about us!</h2><br> |
</center> | </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 239: | 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> | ||
Line 253: | 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> | ||
Line 303: | Line 383: | ||
</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 376: | Line 453: | ||
</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 399: | 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> | ||
Line 445: | Line 519: | ||
<div class="person-name"> | <div class="person-name"> | ||
− | <h3>Hailey Loehde-Woolard</h3> | + | <h3>Hailey Loehde-Woolard</h3><br> |
</div> | </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 457: | 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> | ||
Line 471: | 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> | ||
Line 481: | Line 554: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
</center> | </center> | ||
Line 567: | 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> |
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
×