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

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="https://2016.igem.org/Template:SCSU-New_Haven/bootstrap?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css"
+
href="https://2016.igem.org/Template:SCSU-New_Haven/dev?action=raw&ctype=text/css">
+
  <script type="text/javascript" src="https://2016.igem.org/Template:SCSU-New_Haven/modernizr?
+
action=raw&ctype=text/javascript"></script>
+
 
+
 
+
<script type="text/javascript" src="https://2016.igem.org/Template:SCSU-New_Haven/jquery2?action=raw&ctype=text/javascript"></script>
+
 
+
  <script type="text/javascript" src="https://2016.igem.org/Template:SCSU-New_Haven/jquery1?action=raw&ctype=text/javascript"></script>
+
 
+
 
+
 
+
</head>
+
 
<body>
 
<body>
   <div id="page-content">
+
   <div id="page">
 
     <div class="container" id="team">
 
     <div class="container" id="team">
  
Line 29: 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>
              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.
+
           </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
              I'm an undergraduate senior student and a biology major who loves the Star Wars franchise.
+
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>
+
 
              Double major in Biology and French, double minor in Chemistry and Mathematics. I speak English, French, and most Arabic dialects.
+
        <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="https://static.igem.org/mediawiki/2016/c/ca/SCSU-New_HavenPortBP.png" 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>
              @MidnightScience Fueled by a natural curiosity, deadlines, caffeine and general feeling of superiority towards things that are definitely crawling around on you right now.
+
        </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>
              I’m a senior, double majoring in Physics and Mathematics with a Computer Science minor and a concentration in engineering. I’ve been known to build igloos and randomly bike 25 miles.
+
           </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>
              I'm a nationally certified pharmacy technician and a 4th year Biochemistry major who speaks English and Italian. I’m also an avid guitarist and thorough petrolhead.  
+
          <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 class="row">
             <p>
+
          <div class="col-md-6">
              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.
+
             <h2>Thomas Hoang</h2>
            </p>
+
             <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>
+
           </div>
           <li style="z-index: 1008; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-2.64706deg);">
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/e/ec/SCSU-New_HavenPortraitThomas.jpeg" alt="image3"></div>
            <img src="img/potraits/9.jpg" alt="image10">
+
        </div>
            <h4>Patrick Flynn</h4>
+
 
            <p>
+
 
            I am an senior undergraduate with lab experience in, Microbiology, Chemistry, and Synthetic Biology.
+
        <div class="row">
            </p>
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/c/c3/SCSU-New_HavenPortraitZach.jpeg" alt="image3"></div>
          </li>
+
          <div class="col-md-6">
           <li style="z-index: 1007; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-7.94118deg);">
+
             <h2>Zachary Matto</h2>
            <img src="img/potraits/1.jpg" alt="image11">
+
             <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.  
             <h4>Christopher Wojtas</h4>
+
 
             <p>
+
</p>
            Senior undergraduate, majoring in biology and minoring in French. I love ballroom dancing and creativity in general.
+
           </div>
            </p>
+
        </div>
           </li>
+
  <div class="row">
          <li style="z-index: 1006; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-13.2353deg);">
+
          <div class="col-md-6">
            <img src="img/potraits/2.jpg" alt="image12">
+
             <h2>Rye Howard-Stone</h2>
             <h4>Dr. Edgington</h4>
+
             <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.
             <p>
+
</p>
              Velit chambray fugiat, enim aesthetic esse ullamco typewriter.
+
           </div>
            </p>
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/d/d2/SCSU-New_HavenPortraitsRye.jpeg" alt="image3"></div>
           </li>
+
        </div>
           <li style="z-index: 1005; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-18.5294deg);">
+
 
            <img src="img/potraits/3.jpg" alt="image3">
+
 
            <h4>Advisor 2</h4>
+
        <div class="row">
            <p>
+
           <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2016/f/f6/SCSU-New_HavenPortraitsChris.jpeg" alt="image3"></div>
              Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.
+
          <div class="col-md-6">
            </p>
+
             <h2>Christopher Wojtas</h2>
          </li>
+
             <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.
           <li style="z-index: 1004; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-23.8235deg);">
+
I also speak French and Polish. Fun fact is that I love ballroom dancing and creativity in general.
            <img src="img/potraits/1.jpg" alt="image4">
+
 
             <h4>Advisor 3</h4>
+
 
             <p>
+
</p>
              Locavore vero ad, before they sold out food truck bushwick helvetica.
+
         </div>
            </p>
+
          </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 Sponsers! </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>
+
 
             <g>
+
      <!-- Sponsor Listing -->
 +
      <div id="sponsor_list">
 +
        <div class="row ">
 +
          <div class="col-md-2">
 +
             <img class="sponsor_special" src="img/sponsors/bio_industry.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/ctinnovations.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/stemil.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/biopath.jpg">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/cnt.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/dean.png">
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <div class="col-md-2">
 +
            <img class="sponsor_special" src="img/sponsors/Dot.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_special" src="img/sponsors/edgington.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/IDT.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/NEB.png">
 +
          </div>
 +
          <div class="col-md-2">
 +
            <img class="sponsor_default" src="img/sponsors/stemil.png">
 +
          </div>
 +
              <g>
 
               <g>
 
               <g>
 
                 <g>
 
                 <g>
Line 259: Line 274:
  
 
   </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}}

Revision as of 03:16, 20 October 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 Sponsers!

We wouldn't be here without you!