Difference between revisions of "Team:UCSC/Team"

 
(22 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{:Team:UCSC/NavBar}}
+
{{:Team:UCSC/NavBar-2}}
  
−
<html>
 
 
<html lang="en-US">
 
<html lang="en-US">
 +
 
<head>
 
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
</head>
 +
 
 
<style>
 
<style>
 
* {box-sizing: border-box}
 
* {box-sizing: border-box}
Line 12: Line 14:
 
}
 
}
  
−
.descriptions {
+
 
−
text-align: center;
+
 
−
margin-left: 10px;
+
−
margin-right: 10px;
+
−
font-size: 1em;
+
−
font-family; 'roboto300';
+
−
}
+
 
</style>
 
</style>
−
</head>
+
 
 
<body>
 
<body>
  
Line 26: Line 23:
  
 
   <div class="header-image" id="header_image_team" style="background-image: url(https://static.igem.org/mediawiki/2018/f/fa/T--UCSC--Group_Photo5.png);">
 
   <div class="header-image" id="header_image_team" style="background-image: url(https://static.igem.org/mediawiki/2018/f/fa/T--UCSC--Group_Photo5.png);">
−
     <p class="header-title" id="title_meetTheTeam">
+
     <h1 id="title_meetTheTeam">
 
       Meet the Team
 
       Meet the Team
−
     </p>
+
     </h1>
 
   </div>
 
   </div>
  
Line 56: Line 53:
 
       </div>
 
       </div>
 
       <div class="mySlides1 fade">
 
       <div class="mySlides1 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/4/49/T--UCSC--Morgan_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/0/01/T--UCSC--MorganDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides1 fade">
 
       <div class="mySlides1 fade">
Line 82: Line 79:
 
       </div>
 
       </div>
 
       <div class="mySlides2 fade">
 
       <div class="mySlides2 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/1/1e/T--UCSC--Emily_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/2/2f/T--UCSC--EmilyDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides2 fade">
 
       <div class="mySlides2 fade">
Line 105: Line 102:
 
       </div>
 
       </div>
 
       <div class="mySlides15 fade">
 
       <div class="mySlides15 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/4/4c/T--UCSC--Claire_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/b/b3/T--UCSC--ClaireDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides15 fade">
 
       <div class="mySlides15 fade">
Line 128: Line 125:
 
       </div>
 
       </div>
 
       <div class="mySlides9 fade">
 
       <div class="mySlides9 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/1/13/T--UCSC--Gina_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/a/a2/T--UCSC--GinaDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides9 fade">
 
       <div class="mySlides9 fade">
Line 161: Line 158:
 
       </div>
 
       </div>
 
       <div class="mySlides17 fade">
 
       <div class="mySlides17 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/7/75/T--UCSC--Michael_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/4/4e/T--UCSC--MichaelDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides17 fade">
 
       <div class="mySlides17 fade">
Line 185: Line 182:
 
       </div>
 
       </div>
 
       <div class="mySlides5 fade">
 
       <div class="mySlides5 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/0/0f/T--UCSC--Nick_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/9/9e/T--UCSC--NickDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides5 fade">
 
       <div class="mySlides5 fade">
Line 211: Line 208:
 
       </div>
 
       </div>
 
       <div class="mySlides6 fade">
 
       <div class="mySlides6 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/6/6f/T--UCSC--Larry_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/9/97/T--UCSC--LarryDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides6 fade">
 
       <div class="mySlides6 fade">
Line 237: Line 234:
 
       </div>
 
       </div>
 
       <div class="mySlides12 fade">
 
       <div class="mySlides12 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/f/f8/T--UCSC--Justin_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/0/0b/T--UCSC--JustinDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides12 fade">
 
       <div class="mySlides12 fade">
Line 274: Line 271:
 
       </div>
 
       </div>
 
       <div class="mySlides7 fade">
 
       <div class="mySlides7 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/f/fe/T--UCSC--Megan_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/d/d7/T--UCSC--MegDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides7 fade">
 
       <div class="mySlides7 fade">
Line 297: Line 294:
 
       </div>
 
       </div>
 
       <div class="mySlides4 fade">
 
       <div class="mySlides4 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/9/90/T--UCSC--Ryan_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/e/e7/T--UCSC--RyanDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides4 fade">
 
       <div class="mySlides4 fade">
Line 323: Line 320:
 
       </div>
 
       </div>
 
       <div class="mySlides10 fade">
 
       <div class="mySlides10 fade">
−
      <!--  <img src="https://static.igem.org/mediawiki/2018/5/50/T--UCSC--Dante_Description2.png" style="width:100%"> -->
+
        <img src="https://static.igem.org/mediawiki/2018/8/84/T--UCSC--DanteDF.png" style="width:100%">
−
        <p> Dante is one of our biomolecular engineers who has completed her third year. Using the skills she develops in iGem and in college, Dante is looking to join the medical research field with a focus on treating rheumatoid arthritis. It isn’t all research either. Dante is an artist and quite a talented one at that, having been publish in Matchbox Magazine. She even hopes to do art as a secondary job someday. Expect Dante’s creativity and passion for science to be amazing assists for this year’s iGem team. </p>
+
 
       </div>
 
       </div>
 
       <div class="mySlides10 fade">
 
       <div class="mySlides10 fade">
Line 350: Line 346:
 
       </div>
 
       </div>
 
       <div class="mySlides8 fade">
 
       <div class="mySlides8 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/f/f4/T--UCSC--Jessica_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/8/85/T--UCSC--JessDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides8 fade">
 
       <div class="mySlides8 fade">
Line 383: Line 379:
 
       </div>
 
       </div>
 
       <div class="mySlides13 fade">
 
       <div class="mySlides13 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/d/dc/T--UCSC--Harman_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/f/f1/T--UCSC--HarmanDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides13 fade">
 
       <div class="mySlides13 fade">
Line 406: Line 402:
 
       </div>
 
       </div>
 
       <div class="mySlides14 fade">
 
       <div class="mySlides14 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/3/3d/T--UCSC--Laura_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/7/79/T--UCSC--LauraDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides14 fade">
 
       <div class="mySlides14 fade">
Line 414: Line 410:
 
       <a class="next" onclick="plusSlides(1, 12)">&#10095;</a>
 
       <a class="next" onclick="plusSlides(1, 12)">&#10095;</a>
 
     </div>
 
     </div>
−
     <p class="PersDesc"> Protocol & Biobrick Teams </p>
+
     <p class="PersDesc"> Protocol & YMC Teams </p>
 
     <p class="FullNames"> Laura Valine </p>
 
     <p class="FullNames"> Laura Valine </p>
 
      
 
      
Line 429: Line 425:
 
       </div>
 
       </div>
 
       <div class="mySlides3 fade">
 
       <div class="mySlides3 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/6/65/T--UCSC--Manny_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/7/7f/T--UCSC--MannyDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides3 fade">
 
       <div class="mySlides3 fade">
Line 452: Line 448:
 
       </div>
 
       </div>
 
       <div class="mySlides16 fade">
 
       <div class="mySlides16 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/a/ad/T--UCSC--Vanessa_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/3/31/T--UCSC--VanessaDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides16 fade">
 
       <div class="mySlides16 fade">
Line 460: Line 456:
 
       <a class="next" onclick="plusSlides(1, 14)">&#10095;</a>
 
       <a class="next" onclick="plusSlides(1, 14)">&#10095;</a>
 
     </div>
 
     </div>
−
     <p class="PersDesc"> Post-Production Team </p>
+
     <p class="PersDesc">Outreach & BioBrick Teams </p>
 
     <p class="FullNames"> Vanessa Ventura </p>
 
     <p class="FullNames"> Vanessa Ventura </p>
 
      
 
      
Line 485: Line 481:
 
       </div>
 
       </div>
 
       <div class="mySlides18 fade">
 
       <div class="mySlides18 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/0/0c/T--UCSC--David_Description2.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/3/35/T--UCSC--DavidDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides18 fade">
 
       <div class="mySlides18 fade">
Line 501: Line 497:
 
   <!--      ************************************* Mckenna ***************************************      -->
 
   <!--      ************************************* Mckenna ***************************************      -->
 
   <!-- Fix Description -->
 
   <!-- Fix Description -->
−
   <div class="column">   
+
   <div class="column" id="mckenna">   
 
     <div class="slideshow-container">
 
     <div class="slideshow-container">
 
       <!-- Images -->
 
       <!-- Images -->
Line 508: Line 504:
 
       </div>
 
       </div>
 
       <div class="mySlides19 fade">
 
       <div class="mySlides19 fade">
−
         <img src="https://static.igem.org/mediawiki/2018/9/96/T--UCSC--Mckenna_Description.png" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UCSC--MckennaDF.png" style="width:100%">
 
       </div>
 
       </div>
 
       <div class="mySlides19 fade">
 
       <div class="mySlides19 fade">
Line 525: Line 521:
 
<br>
 
<br>
  
−
 
−
<!----------------------------------------Flower Divide---------------------------------------------------->
 
−
 
−
  <div class="flex-row" style="margin-top:0px">
 
−
    <div class="content-divider">
 
−
      <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UCSC--FlowerDivider.png" alt="divider image">
 
−
    </div>
 
−
  </div>
 
−
 
−
<br>
 
−
 
−
 
−
<!----------------------------------------Slideshow------------------------------------------------------->
 
−
<div class="flex-row">
 
−
    <div class="flex-col">
 
−
      <p class="FullNames" style="text-align: center !important; font-size: 200% !important"> Work Photos </p>
 
−
      <div class="slideshow-container3">
 
−
      <!-- Images -->
 
−
        <div class="mySlides20 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/9/95/T--UCSC--Work_Photo3.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides20 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/2/27/T--UCSC--Work_Photo2.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides20 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/0/0f/T--UCSC--Work_Photo4.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides20 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/0/0a/T--UCSC--Work_Photo5.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides20 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/f/ff/T--UCSC--Work_Photo6.jpg" style="width:100%">
 
−
        </div>
 
−
        <a class="prev2" onclick="plusSlides(-1, 18)">&#10094;</a>
 
−
        <a class="next2" onclick="plusSlides(1, 18)">&#10095;</a>
 
−
      </div>
 
−
    </div>
 
−
 
−
    <div class="flex-col">
 
−
      <p class="FullNames" style="text-align: center !important; font-size: 200% !important""> Hangout Photos </p>
 
−
      <div class="slideshow-container3">
 
−
      <!-- Images -->
 
−
        <div class="mySlides21 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/3/36/T--UCSC--Fun_Photo7.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides21 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/c/ce/T--UCSC--Fun_Photo1.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides21 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/a/a1/T--UCSC--Fun_Photo3.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides21 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/4/46/T--UCSC--Fun_Photo4.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides21 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/0/08/T--UCSC--Fun_Photo6.jpg" style="width:100%">
 
−
        </div>
 
−
        <a class="prev2" onclick="plusSlides(-1, 19)">&#10094;</a>
 
−
        <a class="next2" onclick="plusSlides(1, 19)">&#10095;</a>
 
−
      </div>
 
−
    </div>
 
−
</div>
 
−
 
−
 
−
<br>
 
  
  
Line 621: Line 552:
 
    
 
    
 
}
 
}
 +
 +
// delay for images to load before scrolling to referenced person.
 +
$(window).load(function () {
 +
    //normally you'd wait for document.ready, but you'd likely to want to wait
 +
    //for images to load in case they reflow the page
 +
    $('body').delay(5000) //wait 5 seconds
 +
        .animate({
 +
            //animate jQuery's custom "scrollTop" style
 +
            //grab the value as the offset of #second from the top of the page
 +
            'scrollTop': $('#second').offset().top
 +
        }, 3000); //animate over 300ms, change this to however long you want it to animate for
 +
});
  
  

Latest revision as of 22:49, 17 October 2018

Meet the Team





Captain

Morgan Tardy

Captain

Emily Mount

Design Team & Lab Lead

Claire Bispo

Protocol & Biobrick Teams

Gina Cuneo


Post-Production Team

Mykhaylo Dudkin

Website & Modeling Teams

Nicholas Hammond

Post-Production Team

Larry Hinojos

Design & YMC Teams

Justin Lau


Design Team & Lab Lead

Megan Macpherson

Website & Gibson Teams

Ryan Modlin

Protocol Team & Lab Lead

Dante Moreno

Outreach & Gibson Teams

Jessica Scherer


Design & OEPCR Teams

Harman Singh

Protocol & YMC Teams

Laura Valine

Website Team & Lab Lead

Manuel Varela

Outreach & BioBrick Teams

Vanessa Ventura


Primary PI

David Bernick

Mentor

Mckenna Hicks