Difference between revisions of "Team:UCSC/Team1"

 
(56 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{UCSC-Header}}
 
{{UCSC-Header}}
{{scroll}}
 
  
 
<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: 'Quicksand'!important;
+
    font-family: "Objektiv-mk1" !important;
  font-size: 400%; /*!important*/
+
    font-weight: 300 !important;
 +
    font-size: 275%;
 
}
 
}
  
 
h2 {
 
h2 {
   font-family: 'Quicksand' !important;
+
   font-family: "Objektiv-mk1" !important;
   font-size: 200%;
+
  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: 50%;
+
     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">Meet The Team</h1>
+
<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/d/d4/Teampic2.png">
+
     <img class="ourbeautifulfaces" src="https://static.igem.org/mediawiki/2017/3/3a/UcscTeam.png">
 
   </div>
 
   </div>
  
<h2 style="text-align:center"><br>Click on a profile card to learn more about us!</h2><br>
+
<h2 style="text-align:center">Click on a profile card to learn more about us!</h2><br>
  
 
</center>
 
</center>
  
 
<center>
 
<center>
<div class="row">
+
<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, Cellular, and Developmental Biology</h4>
+
                   <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, Cellular, and Developmental Biology</h4>
+
                   <h4>Molecular, Cell, and Developmental Biology</h4>
 
     </div>
 
     </div>
  
Line 303: Line 383:
  
 
   </div>
 
   </div>
</div>
 
 
<div class="row">
 
  
 
   <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>
 
 
<div class="row">
 
  
 
   <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, Cellular, and Developmental Biology</h4>
+
                   <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>
 
  
<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>Position: Superhero</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" style="width:5.3%" onclick="currentSlide(1)">
+
       <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" style="width:5.3%" onclick="currentSlide(2)">
+
       <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" style="width:5.3%" onclick="currentSlide(3)">
+
       <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" style="width:5.3%" onclick="currentSlide(4)">
+
       <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" style="width:5.3%" onclick="currentSlide(5)">
+
       <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" style="width:5.3%" onclick="currentSlide(6)">
+
       <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" style="width:5.3%" onclick="currentSlide(7)">
+
       <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" style="width:5.3%" onclick="currentSlide(8)">
+
       <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" style="width:5.3%" onclick="currentSlide(9)">
+
       <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" style="width:5.3%" onclick="currentSlide(10)">
+
       <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" style="width:5.3%" onclick="currentSlide(11)">
+
       <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" style="width:5.3%" onclick="currentSlide(12)">
+
       <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" style="width:5.3%" onclick="currentSlide(13)">
+
       <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" style="width:5.3%" onclick="currentSlide(14)">
+
       <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" style="width:5.3%" onclick="currentSlide(15)">
+
       <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" style="width:5.6%" onclick="currentSlide(16)">
+
       <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" style="width:5.72%" onclick="currentSlide(17)">
+
       <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