Difference between revisions of "Team:UCSC/Team"

 
(33 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 11: Line 13:
 
   display: none
 
   display: none
 
}
 
}
 +
 +
 +
 
</style>
 
</style>
−
</head>
+
 
 
<body>
 
<body>
  
Line 18: 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 48: 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 74: 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 97: 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 120: 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 153: 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 177: 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 203: 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 229: 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 266: 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 289: 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 315: 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%">
 
       </div>
 
       </div>
 
       <div class="mySlides10 fade">
 
       <div class="mySlides10 fade">
Line 341: 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 374: 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 397: 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 405: 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 420: 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 443: 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 451: 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 476: 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 492: 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 499: 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 516: 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="row">
 
−
    <div class="column">
 
−
      <div class="slideshow-container2">
 
−
      <!-- Images -->
 
−
        <div class="mySlides21 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/4/4b/T--UCSC--Experiment_Cover_Photo.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides21 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/b/b0/T--UCSC--Buhanga1.jpg" style="width:100%">
 
−
        </div>
 
−
        <a class="prev2" onclick="plusSlides(-1, 18)">&#10094;</a>
 
−
        <a class="next2" onclick="plusSlides(1, 18)">&#10095;</a>
 
−
      </div>
 
−
      <p class="FullNames"> Work Photos </p>
 
−
    </div>
 
−
 
−
    <div class="column">
 
−
      <div class="slideshow-container2">
 
−
      <!-- Images -->
 
−
        <div class="mySlides22 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/e/e6/T--UCSC--Buhanga2.jpg" style="width:100%">
 
−
        </div>
 
−
        <div class="mySlides22 fade">
 
−
          <img src="https://static.igem.org/mediawiki/2018/b/b0/T--UCSC--Buhanga1.jpg" style="width:100%">
 
−
        </div>
 
−
        <a class="prev2" onclick="plusSlides(-1, 19)">&#10094;</a>
 
−
        <a class="next2" onclick="plusSlides(1, 19)">&#10095;</a>
 
−
      </div>
 
−
      <p class="FullNames"> Hangout Photos </p>
 
−
    </div>
 
−
</div>
 
−
 
−
 
−
<br>
 
  
  
Line 570: Line 528:
  
 
var slideIndex = [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1];
 
var slideIndex = [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1];
−
var slideId = ["mySlides1", "mySlides2", "mySlides3", "mySlides4",  "mySlides5", "mySlides6", "mySlides7", "mySlides8", "mySlides9", "mySlides10", "mySlides12", "mySlides13", "mySlides14", "mySlides15", "mySlides16", "mySlides17", "mySlides18", "mySlides19", "mySlides20", "mySlides21", "mySlides22"]
+
var slideId = ["mySlides1", "mySlides2", "mySlides3", "mySlides4",  "mySlides5", "mySlides6", "mySlides7", "mySlides8", "mySlides9", "mySlides10", "mySlides12", "mySlides13", "mySlides14", "mySlides15", "mySlides16", "mySlides17", "mySlides18", "mySlides19", "mySlides20", "mySlides21"]
  
 
showSlides(1, 0);showSlides(1, 1);showSlides(1, 2);showSlides(1, 3);showSlides(1, 4);showSlides(1, 5);showSlides(1, 6);showSlides(1, 7);showSlides(1, 8);showSlides(1, 9);showSlides(1, 10);showSlides(1, 11);showSlides(1, 12);showSlides(1, 13);showSlides(1, 14);showSlides(1, 15);showSlides(1, 16);showSlides(1, 17);showSlides(1, 18); showSlides(1, 19);
 
showSlides(1, 0);showSlides(1, 1);showSlides(1, 2);showSlides(1, 3);showSlides(1, 4);showSlides(1, 5);showSlides(1, 6);showSlides(1, 7);showSlides(1, 8);showSlides(1, 9);showSlides(1, 10);showSlides(1, 11);showSlides(1, 12);showSlides(1, 13);showSlides(1, 14);showSlides(1, 15);showSlides(1, 16);showSlides(1, 17);showSlides(1, 18); showSlides(1, 19);
Line 594: 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