Difference between revisions of "Team:UCSC/Team"

 
(18 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 !important;
+
 
−
margin-left: 10px;
+
−
margin-right: 10px;
+
−
font-size: 1em !important;
+
−
font-family; 'roboto300' !important;
+
−
background-color: #464646 !important;
+
−
padding:10px;
+
−
color: white !important;
+
−
}
+
 
</style>
 
</style>
−
</head>
+
 
 
<body>
 
<body>
  
Line 29: 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 59: 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 85: 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 108: 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 131: 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 164: 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 188: 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 214: 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 240: 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 277: 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 300: 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 326: 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 class="descriptions"> 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 353: 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 386: 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 409: 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 417: 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 432: 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 455: 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 463: 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 488: 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 504: 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 511: 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 528: 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 624: 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