Difference between revisions of "Team:SCSU-New Haven/Team"

 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{SCSU-New_Haven/Head}}
 
{{SCSU-New_Haven/Head}}
 
{{SCSU-New_Haven/Navbar}}
 
{{SCSU-New_Haven/Navbar}}
<html class=" js csstransforms csstransforms3d csstransitions" style="" lang="en">
+
<html class="" style="" lang="en">
<head>
+
  <title>iGEM</title>
+
  <meta charset="UTF-8">
+
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
+
  <link rel="stylesheet" type="text/css" href="css/dev.css">
+
  <script type="text/javascript" src="js/modernizr.js"></script>
+
</head>
+
 
<body>
 
<body>
   <div id="page-content">
+
   <div id="page">
 
     <div class="container" id="team">
 
     <div class="container" id="team">
  
Line 18: Line 11:
 
           <h1>Team</h1>
 
           <h1>Team</h1>
 
           <p>
 
           <p>
            Perhaps some introductory words? Our team is comprised of people from various fields of studies and interests. What made this special was that we were able to get together and simultousneously sing chocolate rain in harmony in a opera-esque fashion. All while doing work. Note: This became our anthem.
+
          Our team is comprised of people from various fields of studies and interests. We work, we study, we've had our ups and down. Here we are.
 
           </p>
 
           </p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
  
       <!-- Team Cards -->
+
       <!-- Staggered Team -->
       <div class="baraja-demo" id="baraja">
+
       <div>
         <ul id="baraja-el" class="baraja-container">
+
         <div class="row">
           <li style="z-index: 1015; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(34.4118deg);">
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/c/ca/SCSU-New_HavenPortBP.png" alt="image3"></div>
            <img src="img/potraits/1.jpg" alt="image3">
+
          <div class="col-md-6">
             <h4>Karalyn Farr</h4>
+
             <h2>Bryan Pasqualucci</h2>
             <p>
+
             <p>@Midnight Science, Fueled by a natural curiosity, deadlines, caffeine and general feeling of superiority towards things that are definitely crawling around on you right now. </p>
              Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.
+
           </div>
            </p>
+
        </div>
           </li>
+
 
          <li style="z-index: 1014; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(29.1176deg);">
+
        <div class="row">
            <img src="img/potraits/2.jpg" alt="image4">
+
          <div class="col-md-6">
             <h4>Julio Badillo</h4>
+
             <h2>Hafssa Chbihi</h2>
             <p>
+
             <p>Undergraduate senior
              Locavore vero ad, before they sold out food truck bushwick helvetica.
+
Double major in Biology and French, double minor in Chemistry and Mathematics. I have taken classes in synthetic biology, organic chemistry, genetics, and microbiology.
            </p>
+
I speak English, French, and most Arabic dialects.
           </li>
+
</p>
           <li style="z-index: 1013; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(23.8235deg);">
+
           </div>
            <img src="img/potraits/3.jpg" alt="image5">
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/d/de/SCSU-New_HavenPortraitHafssa.jpeg" alt="image3"></div>
             <h4>Hafssa Chbihi</h4>
+
        </div>
             <p>
+
 
              Cillum laboris consequat, qui elit retro next level skateboard freegan hella.
+
        <div class="row">
            </p>
+
          <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/1/19/SCSU-New_HavenPortraitJulio.jpeg" alt="image3"></div>
           </li>
+
          <div class="col-md-6">
          <li style="z-index: 1012; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(18.5294deg);">
+
             <h2>Julio Badillo</h2>
            <img src="img/potraits/6.jpg" alt="image6">
+
             <p>I'm an undergraduate senior student and a biology major who loves the Star Wars franchise.
             <h4>Bryan Pasqualucci</h4>
+
</p>
             <p>
+
           </div>
              Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.
+
        </div>
            </p>
+
 
           </li>
+
 
           <li style="z-index: 1011; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(13.2353deg);">
+
        <div class="row">
            <img src="img/potraits/7.jpg" alt="image7">
+
          <div class="col-md-6">
            <h4>Rye Howard-Stone</h4>
+
             <h2>Karalyn Farr</h2>
            <p>
+
             <p>Karalyn enjoys learning different subject areas within biology and other sciences. Aside from science she likes to spend time outside exploring, as well as traveling to different places.</p>
              Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.
+
           </div>
            </p>
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/b/b8/SCSU-New_HavenPortraitKaralynn.jpeg" alt="image3"></div>
          </li>
+
        </div>
           <li style="z-index: 1010; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(7.94118deg);">
+
 
            <img src="img/potraits/8.jpg" alt="image8">
+
 
             <h4>Zachary Matto</h4>
+
        <div class="row">
             <p>
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/0/01/SCSU-New_HavenPortraitPatrick.jpeg" alt="image3"></div>
              Minim post-ironic banksy american apparel iphone wayfarers.
+
          <div class="col-md-6">
            </p>
+
             <h2>Patrick Flynn</h2>
           </li>
+
             <p> I am an senior undergraduate with lab experience in, Microbiology, Chemistry, and Synthetic Biology.
          <li style="z-index: 1009; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(2.64706deg);">
+
</p>
            <img src="img/potraits/9.jpg" alt="image9">
+
           </div>
             <h4>Thomas Hoang</h4>
+
</div>
             <p>
+
  <div class="row">
              Sint vinyl Austin street art odd future id trust fund, terry richardson cray.
+
          <div class="col-md-6">
            </p>
+
             <h2>Thomas Hoang</h2>
           </li>
+
             <p>Thomas is a senior studying biology. His hobbies include reading, and traveling. He has traveled to many countries including Germany, Austria, Czech Republic, China, and Vietnam.</p>
           <li style="z-index: 1008; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-2.64706deg);">
+
           </div>
            <img src="img/potraits/9.jpg" alt="image10">
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/e/ec/SCSU-New_HavenPortraitThomas.jpeg" alt="image3"></div>
            <h4>Patrick Flynn</h4>
+
        </div>
            <p>
+
 
              Sint vinyl Austin street art odd future id trust fund, terry richardson cray.
+
 
            </p>
+
        <div class="row">
          </li>
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/c/c3/SCSU-New_HavenPortraitZach.jpeg" alt="image3"></div>
           <li style="z-index: 1007; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-7.94118deg);">
+
          <div class="col-md-6">
            <img src="img/potraits/1.jpg" alt="image11">
+
             <h2>Zachary Matto</h2>
             <h4>Christopher Wojtas</h4>
+
             <p>I'm a nationally certified pharmacy technician and a 4th year Biochemistry major who speaks English and Italian. I have lab experience in organic chemistry, biochemistry, physics, and microbiology. My research interests include bioinformatics and organic synthesis. I’m also an avid guitarist and thorough petrolhead.  
             <p>
+
 
              Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.
+
</p>
            </p>
+
           </div>
           </li>
+
        </div>
          <li style="z-index: 1006; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-13.2353deg);">
+
  <div class="row">
            <img src="img/potraits/2.jpg" alt="image12">
+
          <div class="col-md-6">
             <h4>Dr. Edgington</h4>
+
             <h2>Rye Howard-Stone</h2>
             <p>
+
             <p>I’m a senior, double majoring in Physics and Mathematics with a Computer Science minor and a concentration in engineering. I'd like to make in impact in the fields of bioinformatics and synthetic biology. I’ve been known to build igloos and randomly bike 25 miles.
              Velit chambray fugiat, enim aesthetic esse ullamco typewriter.
+
</p>
            </p>
+
           </div>
           </li>
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/d/d2/SCSU-New_HavenPortraitsRye.jpeg" alt="image3"></div>
           <li style="z-index: 1005; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-18.5294deg);">
+
        </div>
            <img src="img/potraits/3.jpg" alt="image3">
+
 
            <h4>Advisor 2</h4>
+
 
            <p>
+
        <div class="row">
              Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/f/f6/SCSU-New_HavenPortraitsChris.jpeg" alt="image3"></div>
            </p>
+
          <div class="col-md-6">
          </li>
+
             <h2>Christopher Wojtas</h2>
           <li style="z-index: 1004; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-23.8235deg);">
+
             <p>Senior undergraduate, majoring in biology and minoring in French. I have taken synthetic biology, organic chemistry, genetics, and prospectively taking immunology, microbiology, & genomics in the Fall semester. After graduating, I will be attending University of Bridgeport for naturopathic medicine and nutrition studies.
            <img src="img/potraits/1.jpg" alt="image4">
+
I also speak French and Polish. Fun fact is that I love ballroom dancing and creativity in general.
             <h4>Advisor 3</h4>
+
 
             <p>
+
 
              Locavore vero ad, before they sold out food truck bushwick helvetica.
+
</p>
            </p>
+
         </div>
          </li>
+
         </ul>
+
 
       </div>
 
       </div>
  
 
       <!-- Additional Thanks -->
 
       <!-- Additional Thanks -->
 
       <div class="container" id="thanks">
 
       <div class="container" id="thanks">
         <h2>Additional Thanks to </h2>
+
         <h2>Additional Thanks to our Sponsors! </h2>
 +
    <h2>We wouldn't be here without you! </h2>
 
         <div>
 
         <div>
          <p><b>Person A</b> for taking a walk to the park</p>
 
          <p><b>Person B</b> for feeding the dogs</p>
 
          <p><b>Person C</b> for not leaving Kevin McCallister home alone</p>
 
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 127: Line 116:
 
         <div class="row ">
 
         <div class="row ">
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_special" src="img/sponsors/bio_industry.png">
+
             <img class="sponsor_special" src="https://static.igem.org/mediawiki/2016/0/05/SCSU-New_HavenSponserBI.png">
 
           </div>
 
           </div>
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_default" src="img/sponsors/ctinnovations.png">
+
             <img class="sponsor_default" src="https://static.igem.org/mediawiki/2016/1/15/SCSU-New_HavenSponserCTI.png">
 
           </div>
 
           </div>
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_default" src="img/sponsors/stemil.png">
+
             <img class="sponsor_default" src="https://static.igem.org/mediawiki/2016/a/a3/SCSU-New_HavenSponserStemIL.png">
 
           </div>
 
           </div>
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_default" src="img/sponsors/biopath.jpg">
+
             <img class="sponsor_default" src="https://static.igem.org/mediawiki/2016/7/73/SCSU-New_HavenSponserBP.png">
 
           </div>
 
           </div>
          <div class="col-md-2">
+
     
            <img class="sponsor_default" src="img/sponsors/cnt.png">
+
 
           </div>
 
           </div>
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_default" src="img/sponsors/dean.png">
+
             <img class="sponsor_default" src="https://static.igem.org/mediawiki/2016/a/ab/SCSU-New_HavenSponserDEAN.png">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_special" src="img/sponsors/Dot.png">
+
             <img class="sponsor_special" src="https://static.igem.org/mediawiki/2016/b/b8/SCSU-New_HavenSponserDOT.png">
 
           </div>
 
           </div>
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_special" src="img/sponsors/edgington.png">
+
             <img class="sponsor_special" src="https://static.igem.org/mediawiki/2016/c/c8/SCSU-New_HavenSponserED.png">
 
           </div>
 
           </div>
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_default" src="img/sponsors/IDT.png">
+
             <img class="sponsor_default" src="https://static.igem.org/mediawiki/2016/1/17/SCSU-New_HavenSponserIDT.png">
 
           </div>
 
           </div>
 
           <div class="col-md-2">
 
           <div class="col-md-2">
             <img class="sponsor_default" src="img/sponsors/NEB.png">
+
             <img class="sponsor_default" src="https://static.igem.org/mediawiki/2016/c/ce/SCSU-New_HavenSponserNEB.png">
 
           </div>
 
           </div>
          <div class="col-md-2">
+
       
            <img class="sponsor_default" src="img/sponsors/stemil.png">
+
 
           </div>
 
           </div>
          <div class="col-md-2">
+
              <g>
            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+
            viewBox="0 0 295.6 90.2" enable-background="new 0 0 295.6 90.2" xml:space="preserve">
+
            <g>
+
 
               <g>
 
               <g>
 
                 <g>
 
                 <g>
Line 289: Line 273:
  
 
   </div>
 
   </div>
 
  <script type="text/javascript">
 
    $(function() {
 
 
      var $el = $( '#baraja-el' ),
 
        baraja = $el.baraja();
 
 
      // navigation
 
      $( '#nav-prev' ).on( 'click', function( event ) {
 
 
        baraja.previous();
 
     
 
      } );
 
 
      $( '#nav-next' ).on( 'click', function( event ) {
 
 
        baraja.next();
 
     
 
      } );
 
 
      // simple fan
 
      $( '#nav-fan' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 90,
 
          direction : 'right',
 
          origin : { x : 25, y : 100 },
 
          center : true
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fan2' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 90,
 
          direction : 'left',
 
          // note that the x origin changes (symmetric)
 
          origin : { x : 75, y : 100 },
 
          center : true
 
        } );
 
     
 
      } );
 
 
      // more realistic fan: without common origin (means the origin changes / increments by card )
 
      $( '#nav-fan3' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 90,
 
          direction : 'right',
 
          origin : { minX : 20, maxX : 80, y : 100 },
 
          center : true,
 
          translation : 60
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fan4' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 90,
 
          direction : 'left',
 
          origin : { minX : 20, maxX : 80, y : 100 },
 
          center : true,
 
          translation : 60
 
        } );
 
     
 
      } );
 
 
      // playing with different origins and ranges 
 
      $( '#nav-fan5' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 100,
 
          direction : 'right',
 
          origin : { x : 50, y : 200 },
 
          center : true
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fan6' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 80,
 
          direction : 'left',
 
          origin : { x : 200, y : 50 },
 
          center : true
 
        } );
 
     
 
      } );
 
 
      // center false, playing with translation
 
      $( '#nav-fan7' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 20,
 
          direction : 'right',
 
          origin : { x : 50, y : 200 },
 
          center : false,
 
          translation : 300
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fan8' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 20,
 
          direction : 'left',
 
          origin : { x : 50, y : 200 },
 
          center : false,
 
          translation : 300
 
        } );
 
     
 
      } );
 
 
      // using scatter : true
 
      $( '#nav-fan9' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 20,
 
          direction : 'right',
 
          origin : { x : 50, y : 200 },
 
          center : false,
 
          translation : 300,
 
          scatter : true
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fan10' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 20,
 
          direction : 'left',
 
          origin : { x : 50, y : 200 },
 
          center : false,
 
          translation : 300,
 
          scatter : true
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fanOther1' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 130,
 
          direction : 'left',
 
          origin : { x : 25, y : 100 },
 
          center : false
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fanOther2' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 360,
 
          direction : 'left',
 
          origin : { x : 50, y : 90 },
 
          center : false
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fanOther3' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 330,
 
          direction : 'left',
 
          origin : { x : 50, y : 100 },
 
          center : true
 
        } );
 
     
 
      } );
 
 
      $( '#nav-fanOther4' ).on( 'click', function( event ) {
 
 
        baraja.fan( {
 
          speed : 500,
 
          easing : 'ease-out',
 
          range : 90,
 
          direction : 'right',
 
          origin : { minX : 20, maxX : 80, y : 100 },
 
          center : true,
 
          translation : 60,
 
          scatter : true
 
        } );
 
     
 
      } );
 
 
      // close the baraja
 
      $( '#close' ).on( 'click', function( event ) {
 
 
        baraja.close();
 
     
 
      } );
 
 
      // example of how to add more items
 
      $( '#add' ).on( 'click', function( event ) {
 
 
        if( $( this ).hasClass( 'disabled' ) ) {
 
          return false;
 
        }
 
 
        $( this ).addClass( 'disabled' );
 
 
        baraja.add( $('<li><img src="images/6.jpg" alt="image6"/><h4>Serenity</h4><p>Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.</p></li><li><img src="images/7.jpg" alt="image7"/><h4>Dark Honor</h4><p>Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.</p></li><li><img src="images/8.jpg" alt="image8"/><h4>Nested Happiness</h4><p>Minim post-ironic banksy american apparel iphone wayfarers.</p></li><li><img src="images/9.jpg" alt="image9"/><h4>Cherry Country</h4><p>Sint vinyl Austin street art odd future id trust fund, terry richardson cray.</p></li>') );
 
     
 
      } );
 
 
    });
 
  </script>
 
 
 
 
    
 
    
 
</body>
 
</body>
 
</html>
 
</html>
 
{{SCSU-New_Haven/Footer}}
 
{{SCSU-New_Haven/Footer}}

Latest revision as of 21:47, 30 November 2016

SCSU IGEM SCSU IGEM

Team

Our team is comprised of people from various fields of studies and interests. We work, we study, we've had our ups and down. Here we are.

image3

Bryan Pasqualucci

@Midnight Science, Fueled by a natural curiosity, deadlines, caffeine and general feeling of superiority towards things that are definitely crawling around on you right now.

Hafssa Chbihi

Undergraduate senior Double major in Biology and French, double minor in Chemistry and Mathematics. I have taken classes in synthetic biology, organic chemistry, genetics, and microbiology. I speak English, French, and most Arabic dialects.

image3
image3

Julio Badillo

I'm an undergraduate senior student and a biology major who loves the Star Wars franchise.

Karalyn Farr

Karalyn enjoys learning different subject areas within biology and other sciences. Aside from science she likes to spend time outside exploring, as well as traveling to different places.

image3
image3

Patrick Flynn

I am an senior undergraduate with lab experience in, Microbiology, Chemistry, and Synthetic Biology.

Thomas Hoang

Thomas is a senior studying biology. His hobbies include reading, and traveling. He has traveled to many countries including Germany, Austria, Czech Republic, China, and Vietnam.

image3
image3

Zachary Matto

I'm a nationally certified pharmacy technician and a 4th year Biochemistry major who speaks English and Italian. I have lab experience in organic chemistry, biochemistry, physics, and microbiology. My research interests include bioinformatics and organic synthesis. I’m also an avid guitarist and thorough petrolhead.

Rye Howard-Stone

I’m a senior, double majoring in Physics and Mathematics with a Computer Science minor and a concentration in engineering. I'd like to make in impact in the fields of bioinformatics and synthetic biology. I’ve been known to build igloos and randomly bike 25 miles.

image3
image3

Christopher Wojtas

Senior undergraduate, majoring in biology and minoring in French. I have taken synthetic biology, organic chemistry, genetics, and prospectively taking immunology, microbiology, & genomics in the Fall semester. After graduating, I will be attending University of Bridgeport for naturopathic medicine and nutrition studies. I also speak French and Polish. Fun fact is that I love ballroom dancing and creativity in general.

Additional Thanks to our Sponsors!

We wouldn't be here without you!