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

Line 1: Line 1:
 +
{{SCSU-New_Haven/Head}}
 +
{{SCSU-New_Haven/Navbar}}
 
<html class=" js csstransforms csstransforms3d csstransitions" style="" lang="en">
 
<html class=" js csstransforms csstransforms3d csstransitions" style="" lang="en">
 
<head>
 
<head>
−
<title>iGEM</title>
+
  <title>iGEM</title>
−
<meta charset="UTF-8">
+
  <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="css/bootstrap.min.css">
−
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:SCSU-New_Haven/dev?action=raw&ctype=text/css">
+
  <link rel="stylesheet" type="text/css" href="css/dev.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="js/modernizr.js"></script>
 
</head>
 
</head>
 
<body>
 
<body>
−
<input type="checkbox" id="drawer-toggle" name="drawer-toggle"/>
+
  <div id="page-content">
−
<label for="drawer-toggle" id="drawer-toggle-label"></label>
+
    <div class="container" id="team">
−
<header>&nbsp</header>
+
−
<nav id="drawer">
+
−
<ul>
+
−
<li><a href="index.html">Home</a></li>
+
−
<li><a href="https://2016.igem.org/Team:SCSU-New_Haven/Team">Team</a></li>
+
−
<li><a href="parts.html">Parts</a></li>
+
−
<li><a href="attributions.html">Attributions</a></li>
+
−
<li><a href="humanpractices.html">Human Practices</a></li>
+
−
<li><a href="safety.html">Safety</a></li>
+
−
</ul>
+
−
</nav>
+
−
<div id="page-content">
+
−
<div class="container" id="team">
+
  
−
<!-- Hero -->
+
      <!-- Hero -->
−
<div id="team_hero_bg" class="flex">
+
      <div id="team_hero_bg" class="flex">
−
<div class="flex">
+
        <div class="flex">
−
<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.
+
            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.
−
</p>
+
          </p>
−
</div>
+
        </div>
−
</div>
+
      </div>
  
−
<!-- Team Cards -->
+
      <!-- Team Cards -->
−
<div class="baraja-demo" id="baraja">
+
      <div class="baraja-demo" id="baraja">
−
<ul id="baraja-el" class="baraja-container">
+
        <ul id="baraja-el" class="baraja-container">
−
<li style="z-index: 1015; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(34.4118deg);">
+
          <li style="z-index: 1015; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(34.4118deg);">
−
<img src="img/potraits/1.jpg" alt="image3">
+
            <img src="img/potraits/1.jpg" alt="image3">
−
<h4>Karalyn Farr</h4>
+
            <h4>Karalyn Farr</h4>
−
<p>
+
            <p>
−
Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.
+
              Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1014; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(29.1176deg);">
+
          <li style="z-index: 1014; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(29.1176deg);">
−
<img src="img/potraits/2.jpg" alt="image4">
+
            <img src="img/potraits/2.jpg" alt="image4">
−
<h4>Julio Badillo</h4>
+
            <h4>Julio Badillo</h4>
−
<p>
+
            <p>
−
Locavore vero ad, before they sold out food truck bushwick helvetica.
+
              Locavore vero ad, before they sold out food truck bushwick helvetica.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1013; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(23.8235deg);">
+
          <li style="z-index: 1013; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(23.8235deg);">
−
<img src="img/potraits/3.jpg" alt="image5">
+
            <img src="img/potraits/3.jpg" alt="image5">
−
<h4>Hafssa Chbihi</h4>
+
            <h4>Hafssa Chbihi</h4>
−
<p>
+
            <p>
−
Cillum laboris consequat, qui elit retro next level skateboard freegan hella.
+
              Cillum laboris consequat, qui elit retro next level skateboard freegan hella.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1012; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(18.5294deg);">
+
          <li style="z-index: 1012; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(18.5294deg);">
−
<img src="img/potraits/6.jpg" alt="image6">
+
            <img src="img/potraits/6.jpg" alt="image6">
−
<h4>Bryan Pasqualucci</h4>
+
            <h4>Bryan Pasqualucci</h4>
−
<p>
+
            <p>
−
Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.
+
              Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1011; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(13.2353deg);">
+
          <li style="z-index: 1011; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(13.2353deg);">
−
<img src="img/potraits/7.jpg" alt="image7">
+
            <img src="img/potraits/7.jpg" alt="image7">
−
<h4>Rye Howard-Stone</h4>
+
            <h4>Rye Howard-Stone</h4>
−
<p>
+
            <p>
−
Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.
+
              Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1010; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(7.94118deg);">
+
          <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">
+
            <img src="img/potraits/8.jpg" alt="image8">
−
<h4>Zachary Matto</h4>
+
            <h4>Zachary Matto</h4>
−
<p>
+
            <p>
−
Minim post-ironic banksy american apparel iphone wayfarers.
+
              Minim post-ironic banksy american apparel iphone wayfarers.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1009; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(2.64706deg);">
+
          <li style="z-index: 1009; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(2.64706deg);">
−
<img src="img/potraits/9.jpg" alt="image9">
+
            <img src="img/potraits/9.jpg" alt="image9">
−
<h4>Thomas Hoang</h4>
+
            <h4>Thomas Hoang</h4>
−
<p>
+
            <p>
−
Sint vinyl Austin street art odd future id trust fund, terry richardson cray.
+
              Sint vinyl Austin street art odd future id trust fund, terry richardson cray.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1008; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-2.64706deg);">
+
          <li style="z-index: 1008; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-2.64706deg);">
−
<img src="img/potraits/9.jpg" alt="image10">
+
            <img src="img/potraits/9.jpg" alt="image10">
−
<h4>Patrick Flynn</h4>
+
            <h4>Patrick Flynn</h4>
−
<p>
+
            <p>
−
Sint vinyl Austin street art odd future id trust fund, terry richardson cray.
+
              Sint vinyl Austin street art odd future id trust fund, terry richardson cray.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1007; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-7.94118deg);">
+
          <li style="z-index: 1007; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-7.94118deg);">
−
<img src="img/potraits/1.jpg" alt="image11">
+
            <img src="img/potraits/1.jpg" alt="image11">
−
<h4>Christopher Wojtas</h4>
+
            <h4>Christopher Wojtas</h4>
−
<p>
+
            <p>
−
Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.
+
              Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1006; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-13.2353deg);">
+
          <li style="z-index: 1006; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-13.2353deg);">
−
<img src="img/potraits/2.jpg" alt="image12">
+
            <img src="img/potraits/2.jpg" alt="image12">
−
<h4>Dr. Edgington</h4>
+
            <h4>Dr. Edgington</h4>
−
<p>
+
            <p>
−
Velit chambray fugiat, enim aesthetic esse ullamco typewriter.
+
              Velit chambray fugiat, enim aesthetic esse ullamco typewriter.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1005; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-18.5294deg);">
+
          <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">
+
            <img src="img/potraits/3.jpg" alt="image3">
−
<h4>Advisor 2</h4>
+
            <h4>Advisor 2</h4>
−
<p>
+
            <p>
−
Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.
+
              Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
<li style="z-index: 1004; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-23.8235deg);">
+
          <li style="z-index: 1004; transform-origin: 25% 100% 0px; transition: transform 500ms ease-out 0ms; transform: translate(0px) rotate(-23.8235deg);">
−
<img src="img/potraits/1.jpg" alt="image4">
+
            <img src="img/potraits/1.jpg" alt="image4">
−
<h4>Advisor 3</h4>
+
            <h4>Advisor 3</h4>
−
<p>
+
            <p>
−
Locavore vero ad, before they sold out food truck bushwick helvetica.
+
              Locavore vero ad, before they sold out food truck bushwick helvetica.
−
</p>
+
            </p>
−
</li>
+
          </li>
−
</ul>
+
        </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 </h2>
−
<div>
+
        <div>
−
<p><b>Person A</b> for taking a walk to the park</p>
+
          <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 B</b> for feeding the dogs</p>
−
<p><b>Person C</b> for not leaving Kevin McCallister home alone</p>
+
          <p><b>Person C</b> for not leaving Kevin McCallister home alone</p>
−
</div>
+
        </div>
−
</div>
+
      </div>
  
−
<!-- Sponsor Listing -->
+
      <!-- Sponsor Listing -->
−
<div id="sponsor_list">
+
      <div id="sponsor_list">
−
<div class="row ">
+
        <div class="row ">
−
<div class="col-md-4">
+
          <div class="col-md-2">
−
<img class="sponsor_special" src="img/sponsors/bio_industry.png">
+
            <img class="sponsor_special" src="img/sponsors/bio_industry.png">
−
</div>
+
          </div>
−
<div class="col-md-4">
+
          <div class="col-md-2">
−
<img class="sponsor_default" src="img/sponsors/ctinnovations.png">
+
            <img class="sponsor_default" src="img/sponsors/ctinnovations.png">
−
</div>
+
          </div>
−
<div class="col-md-4">
+
          <div class="col-md-2">
−
<img class="sponsor_default" src="img/sponsors/stemil.png">
+
            <img class="sponsor_default" src="img/sponsors/stemil.png">
−
</div>
+
          </div>
−
</div>
+
          <div class="col-md-2">
−
<div class="row">
+
            <img class="sponsor_default" src="img/sponsors/biopath.jpg">
−
<div class="col-md-4">
+
          </div>
−
<img class="sponsor_special" src="img/sponsors/bio_industry.png">
+
          <div class="col-md-2">
−
</div>
+
            <img class="sponsor_default" src="img/sponsors/cnt.png">
−
<div class="col-md-4">
+
          </div>
−
<img class="sponsor_default" src="img/sponsors/ctinnovations.png">
+
          <div class="col-md-2">
−
</div>
+
            <img class="sponsor_default" src="img/sponsors/dean.png">
−
<div class="col-md-4">
+
          </div>
−
<img class="sponsor_default" src="img/sponsors/stemil.png">
+
        </div>
−
</div>
+
        <div class="row">
−
</div>
+
          <div class="col-md-2">
−
</div>
+
            <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>
 +
          <div class="col-md-2">
 +
            <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>
 +
                  <path fill="#646466" d="M15.7,49v-0.6c0-3.9-1.9-5.9-5.8-5.9c-2.7,0-5,0.9-6.9,2.7L1,43c2.1-2.1,5.3-3.3,9.6-3.3
 +
                  c4.5,0,8.3,2.5,8.3,8.1v10.1c0,1.7,0.2,3.9,0.4,5.1h-3.1c-0.2-1.1-0.3-2.5-0.3-3.7h-0.1c-1.8,3-4.4,4.3-8,4.3
 +
                  c-4,0-7.8-2.2-7.8-6.7C0,49.5,8.7,49,14.1,49H15.7z M14.1,51.7c-3.3,0-10.6,0.2-10.6,4.8c0,3,2.8,4.2,5.3,4.2
 +
                  c4.7,0,6.9-3.3,6.9-7.3v-1.7H14.1z"/>
 +
                  <path fill="#646466" d="M24.7,45.3c0-1.7-0.1-3.4-0.2-5h3.4v3.4H28c1.6-2.6,4.6-4,7.3-4c2.5,0,5.7,0.8,7.2,4.7
 +
                  c1.3-2.9,4.4-4.7,7.5-4.7c5.8,0,8.5,3.3,8.5,8.9V63h-3.2V49.7c0-4.6-1.3-7.1-5.7-7.1c-4.8,0-6.4,4.1-6.4,8.3V63h-3.2V49.7
 +
                  c0-4.6-1.3-7.1-5.7-7.1c-0.8,0-6.4,0.4-6.4,8.7V63h-3.2V45.3z"/>
 +
                  <path fill="#646466" d="M66.4,52.5c0.4,4.6,3.8,8.2,8.4,8.2c3.4,0,6-1.9,7.3-3.9l2.5,2c-2.7,3.4-6,4.8-9.8,4.8
 +
                  C68,63.6,63,58.5,63,51.6s5-11.9,11.5-11.9c6.9,0,10.9,5.1,10.9,11.4v1.5H66.4z M81.8,49.9c0-4.3-2.8-7.3-7.4-7.3
 +
                  c-4.2,0-8,3.5-8,7.3H81.8z"/>
 +
                  <path fill="#646466" d="M90.5,47.3c0-2-0.1-3.8-0.2-7.1h3.2v4.2h0.1c0.9-2.4,3.3-4.8,7.3-4.8c0.9,0,1.7,0.1,2.4,0.3l-0.6,3.2
 +
                  c-0.4-0.1-1-0.2-1.8-0.2c-4.9,0-7,4.2-7,7.3V63h-3.2V47.3z"/>
 +
                  <path fill="#646466" d="M107.6,33.9c-1.2,0-2.3-1-2.3-2.3c0-1.4,1.2-2.3,2.3-2.3c1.2,0,2.3,1,2.3,2.3
 +
                  C110,32.9,108.8,33.9,107.6,33.9z M109.2,63H106V40.3h3.2V63z"/>
 +
                  <path fill="#646466" d="M131.6,45.6c-1.1-1.7-3.2-3-5.7-3c-5.3-0.1-8.5,3.8-8.5,9c0,5.2,3.3,9.1,8.5,9c2.5,0,4.6-1.4,5.7-3l2.6,2
 +
                  c-2.2,2.6-5.2,3.9-8.3,3.9c-7.4,0.1-12-5.1-12-11.9s4.6-12,12-11.9c3.1,0,6.1,1.3,8.3,3.9L131.6,45.6z"/>
 +
                  <path fill="#646466" d="M152.1,49v-0.6c0-3.9-1.9-5.9-5.8-5.9c-2.7,0-5,0.9-6.9,2.7l-1.9-2.3c2.1-2.1,5.3-3.3,9.6-3.3
 +
                  c4.5,0,8.3,2.5,8.3,8.1v10.1c0,1.7,0.2,3.9,0.4,5.1h-3.1c-0.2-1.1-0.3-2.5-0.3-3.7h-0.1c-1.8,3-4.4,4.3-8,4.3
 +
                  c-4,0-7.8-2.2-7.8-6.7c0-7.4,8.7-7.9,14.1-7.9H152.1z M150.4,51.7c-3.3,0-10.6,0.2-10.6,4.8c0,3,2.8,4.2,5.3,4.2
 +
                  c4.7,0,6.9-3.3,6.9-7.3v-1.7H150.4z"/>
 +
                  <path fill="#646466" d="M163.9,40.3c0.1,1.2,0.1,2.4,0.1,3.6h0.1c1.4-2.5,4.6-4.2,7.6-4.2c5.8,0,8.5,3.3,8.5,8.9V63h-3.2V50.4
 +
                  c0-5-1.4-7.8-6.2-7.8c-0.7,0-6.9,0.4-6.9,8.7V63h-3.2V45.3c0-1.2-0.1-3.3-0.2-5H163.9z"/>
 +
                  <path fill="#EF5625" d="M186.8,38.4h9.2c4.3,0,9,0.9,9,6.2c0,2.7-1.7,4.6-4.2,5.4v0.1c3.2,0.4,5.4,2.8,5.4,6
 +
                  c0,5.1-4.9,6.8-9.2,6.8h-10.1V38.4z M192.2,48.2h3.9c1.7,0,3.4-0.7,3.4-2.7c0-2-1.9-2.6-3.6-2.6h-3.7V48.2z M192.2,58.4h4.9
 +
                  c1.7,0,3.6-0.7,3.6-2.9c0-2.3-2.6-2.7-4.4-2.7h-4.1V58.4z"/>
 +
                  <path fill="#EF5625" d="M209.2,38.4h5.4V63h-5.4V38.4z"/>
 +
                  <path fill="#EF5625" d="M231.4,37.8c7.7,0,13.3,5,13.3,12.9c0,7.9-5.6,12.9-13.3,12.9c-7.7,0-13.3-5-13.3-12.9
 +
                  C218.1,42.8,223.7,37.8,231.4,37.8z M231.4,58.6c4.6,0,7.6-3.3,7.6-7.9s-3-7.9-7.6-7.9c-4.6,0-7.6,3.3-7.6,7.9
 +
                  S226.8,58.6,231.4,58.6z"/>
 +
                </g>
 +
              </g>
 +
              <g>
  
−
</div>
+
                <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="244.928" y1="-21.9087" x2="282.7294" y2="-26.786" gradientTransform="matrix(-0.73 0.6835 0.6835 0.73 460.1101 -94.277)">
−
<footer class="bump_up">
+
                  <stop  offset="0" style="stop-color:#646466"/>
−
<div class="col-xs-12">
+
                  <stop  offset="0.6748" style="stop-color:#959294"/>
−
<div class="row">
+
                </linearGradient>
−
<div class="col-xs-3">
+
                <path fill="url(#SVGID_1_)" d="M235.5,84.5c30.6-7,48.5-23.6,48.5-23.6l-15.6-22.2C268.4,38.7,286.7,55.2,235.5,84.5z"/>
−
<h3>Main Logo Div</h3>
+
−
</div>
+
−
<div class="col-xs-6">
+
−
<div class="col-xs-4">
+
−
<h4>Products</h4>
+
−
<ul>
+
−
<li>Domains</li>
+
−
<li>Websites</li>
+
−
<li>Something Else</li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-xs-4">
+
−
<h4>Teams</h4>
+
−
<ul>
+
−
<li>Team Domains</li>
+
−
<li>Conversions</li>
+
−
<li>Collaborations</li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-xs-4">
+
−
<h4>Examinations</h4>
+
−
<ul>
+
−
<li>Cross Examine</li>
+
−
<li>Proctor</li>
+
−
<li>Late Exam</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col-xs-3">
+
−
<h3>Sponsorship Div</h3>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</footer>
+
−
</div>
+
−
<script type="text/javascript" src="https://2016.igem.org/Template:SCSU-New_Haven/jquery002?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2016.igem.org/Template:SCSU-New_Haven/jquery?action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript">
+
−
$(function() {
+
  
−
var $el = $( '#baraja-el' ),
+
                <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="183.0266" y1="-17.5704" x2="251.2686" y2="-47.1308" gradientTransform="matrix(-0.8393 0.5435 0.5435 0.8393 465.1073 -48.1209)">
−
baraja = $el.baraja();
+
                  <stop  offset="0" style="stop-color:#F9D00F"/>
 +
                  <stop  offset="0.6196" style="stop-color:#EF5625"/>
 +
                </linearGradient>
 +
                <path fill="url(#SVGID_2_)" d="M230.5,22.6c27.7-7.8,41.5,4.6,41.5,4.6s-2.1-21-26-27.2C278-1.2,287.2,20,287.2,20s0.9-3-3.6-9.2
 +
                c23.3,24.3,11.8,68.7-27.2,79.4C280.4,68.5,277.1,28,230.5,22.6z"/>
 +
              </g>
 +
            </g>
 +
            <g>
 +
              <path fill="#EF5625" d="M0.6,74.5H2l0.7,8.1h0l3.7-8.1H8l0.9,8.1h0l3.6-8.1h1.4L9.3,84.5H7.9l-0.9-8.2h0l-3.8,8.2H1.7L0.6,74.5z"/>
 +
              <path fill="#EF5625" d="M15,73.8h1.2l-0.9,5h0c0.4-0.7,1.4-1.2,2.4-1.2c1.3,0,2.2,0.8,1.9,2.6l-0.8,4.3h-1.2l0.7-4
 +
              c0.2-1.3-0.4-1.7-1.2-1.7c-1,0-1.9,0.7-2.2,2.2l-0.6,3.5h-1.2L15,73.8z"/>
 +
              <path fill="#EF5625" d="M22.2,81.6c-0.2,1.2,0.7,2,1.9,2c0.8,0,1.4-0.4,2-1l0.8,0.7c-0.9,0.9-1.9,1.4-3.1,1.4
 +
              c-2.1,0-3.1-1.5-2.7-3.5c0.4-2,2.1-3.5,4-3.5c2.3,0,2.9,1.8,2.6,3.6l-0.1,0.5H22.2z M26.3,80.6c0.2-1.1-0.3-2-1.5-2
 +
              c-1.2,0-2.2,1.1-2.4,2H26.3z"/>
 +
              <path fill="#EF5625" d="M29.6,77.8h1.2l-0.2,1h0c0.4-0.7,1.4-1.2,2.4-1.2c1.3,0,2.2,0.8,1.9,2.6l-0.8,4.3H33l0.7-4
 +
              c0.2-1.3-0.4-1.7-1.2-1.7c-1,0-1.9,0.7-2.2,2.2l-0.6,3.5h-1.2L29.6,77.8z"/>
 +
              <path fill="#EF5625" d="M42.1,74.5h3.4c2.5,0,2.9,1.6,2.6,2.8c-0.2,1.3-1.4,2.5-2.9,2.7l2,4.6h-1.7l-1.7-4.4h-1.5l-0.8,4.4h-1.3
 +
              L42.1,74.5z M42.6,78.9h1.7c1.1,0,2.1-0.3,2.4-1.6c0.2-1.4-0.8-1.6-1.8-1.6h-1.7L42.6,78.9z"/>
 +
              <path fill="#EF5625" d="M49.9,81.6c-0.2,1.2,0.7,2,1.9,2c0.8,0,1.4-0.4,2-1l0.8,0.7c-0.9,0.9-1.9,1.4-3.1,1.4
 +
              c-2.1,0-3.1-1.5-2.7-3.5c0.4-2,2.1-3.5,4-3.5c2.3,0,2.9,1.8,2.6,3.6l-0.1,0.5H49.9z M54,80.6c0.2-1.1-0.3-2-1.5-2
 +
              c-1.2,0-2.2,1.1-2.4,2H54z"/>
 +
              <path fill="#EF5625" d="M57.2,78.6c0.8-0.7,1.9-1,2.8-1c1.9,0,2.5,1.1,2.3,2.2l-0.6,3.4c-0.1,0.5-0.1,0.9-0.2,1.2h-1.1
 +
              c0-0.3,0.1-0.7,0.1-1h0c-0.7,0.9-1.5,1.2-2.5,1.2c-1.2,0-2.1-0.7-1.9-2c0.3-1.7,2-2.3,4-2.3H61l0.1-0.3c0.1-0.7-0.2-1.4-1.3-1.4
 +
              c-1,0-1.5,0.4-2,0.8L57.2,78.6z M60.2,81.3c-1.2,0-2.7,0.2-2.8,1.3c-0.1,0.8,0.4,1.1,1.2,1.1c1.4,0,2.1-1.1,2.2-2l0.1-0.4H60.2z"/>
 +
              <path fill="#EF5625" d="M69.8,84.5c-0.4,2-2.1,3.5-4.2,3.5c-1.2,0-2.2-0.3-3-1.2l1-1.1c0.5,0.7,1.2,1.1,2.1,1.1
 +
              c1.9,0,2.6-1.2,2.8-2.3l0.2-1h0c-0.6,0.8-1.6,1.2-2.5,1.2c-1.9,0-3.1-1.5-2.7-3.5c0.4-2,1.9-3.5,4-3.5c0.9,0,1.7,0.4,2.1,1.1h0
 +
              l0.2-1H71L69.8,84.5z M64.9,81.1c-0.2,1.4,0.4,2.3,1.8,2.3c1.3,0,2.3-0.9,2.6-2.3c0.2-1.4-0.4-2.3-1.7-2.3
 +
              C66.1,78.8,65.1,79.8,64.9,81.1z"/>
 +
              <path fill="#EF5625" d="M73.2,81.6c-0.2,1.2,0.7,2,1.9,2c0.8,0,1.4-0.4,2-1l0.8,0.7c-0.9,0.9-1.9,1.4-3.1,1.4
 +
              c-2.1,0-3.1-1.5-2.7-3.5c0.4-2,2.1-3.5,4-3.5c2.3,0,2.9,1.8,2.6,3.6l-0.1,0.5H73.2z M77.3,80.6c0.2-1.1-0.3-2-1.5-2
 +
              c-1.2,0-2.2,1.1-2.4,2H77.3z"/>
 +
              <path fill="#EF5625" d="M80.6,77.8h1.2l-0.2,1h0c0.4-0.7,1.4-1.2,2.4-1.2c1.3,0,2.2,0.8,1.9,2.6l-0.8,4.3h-1.2l0.7-4
 +
              c0.2-1.3-0.4-1.7-1.2-1.7c-1,0-1.9,0.7-2.2,2.2l-0.6,3.5h-1.2L80.6,77.8z"/>
 +
              <path fill="#EF5625" d="M91.6,78.9h-1.8l-0.5,3.1c-0.1,0.8-0.3,1.6,0.7,1.6c0.3,0,0.6,0,0.9-0.2l-0.2,1.2c-0.3,0.2-0.9,0.2-1.2,0.2
 +
              c-1.9,0-1.7-1.2-1.5-2.3l0.6-3.5h-1.4l0.2-1.1h1.4l0.3-1.9h1.2L90,77.8h1.8L91.6,78.9z"/>
 +
              <path fill="#EF5625" d="M96.6,79.5c-0.2-0.4-0.6-0.7-1.2-0.7c-0.6,0-1.1,0.3-1.2,0.8c-0.1,0.8,1,0.9,1.5,1.1c1,0.3,1.8,0.7,1.6,2
 +
              c-0.3,1.5-1.7,2.1-3,2.1c-1.1,0-1.8-0.3-2.3-1.2l1.1-0.8c0.3,0.4,0.7,0.8,1.4,0.8c0.6,0,1.4-0.3,1.5-0.9c0.1-0.8-0.9-0.9-1.4-1
 +
              c-1-0.3-1.9-0.6-1.7-1.9c0.3-1.4,1.6-2.1,2.9-2.1c0.9,0,1.7,0.3,2,1.1L96.6,79.5z"/>
 +
              <path fill="#EF5625" d="M110.7,76.6c-0.4-0.7-1.3-1.2-2.2-1.2c-2.2,0-4,1.8-4.4,4.1c-0.4,2.1,0.7,3.9,3,3.9c1.1,0,2.1-0.5,2.8-1.4
 +
              l1,0.9c-0.4,0.4-1.8,1.8-4,1.8c-3.1,0-4.6-2.7-4.1-5.2c0.6-3.1,3-5.4,6.1-5.4c1.3,0,2.6,0.5,3.1,1.6L110.7,76.6z"/>
 +
              <path fill="#EF5625" d="M116.3,77.6c1.9,0,3.2,1.6,2.9,3.5s-2.2,3.5-4.1,3.5c-1.9,0-3.2-1.6-2.9-3.5
 +
              C112.5,79.2,114.3,77.6,116.3,77.6z M115.2,83.5c1.3,0,2.3-1,2.6-2.3c0.2-1.4-0.4-2.3-1.7-2.3c-1.3,0-2.3,1-2.6,2.3
 +
              C113.3,82.5,113.9,83.5,115.2,83.5z"/>
 +
              <path fill="#EF5625" d="M125.9,84.5h-1.2l0.2-1h0c-0.4,0.7-1.4,1.2-2.4,1.2c-1.3,0-2.2-0.8-1.9-2.6l0.8-4.3h1.2l-0.7,4
 +
              c-0.2,1.3,0.4,1.7,1.2,1.7c1,0,1.9-0.7,2.2-2.2l0.6-3.5h1.2L125.9,84.5z"/>
 +
              <path fill="#EF5625" d="M129,77.8h1.2l-0.2,1h0c0.4-0.7,1.4-1.2,2.4-1.2c1.3,0,2.2,0.8,1.9,2.6l-0.8,4.3h-1.2l0.7-4
 +
              c0.2-1.3-0.4-1.7-1.2-1.7c-1,0-1.9,0.7-2.2,2.2l-0.6,3.5h-1.2L129,77.8z"/>
 +
              <path fill="#EF5625" d="M140,78.9h-1.8l-0.5,3.1c-0.1,0.8-0.3,1.6,0.7,1.6c0.3,0,0.6,0,0.9-0.2l-0.2,1.2c-0.3,0.2-0.9,0.2-1.2,0.2
 +
              c-1.9,0-1.7-1.2-1.5-2.3l0.6-3.5h-1.4l0.2-1.1h1.4l0.3-1.9h1.2l-0.3,1.9h1.8L140,78.9z"/>
 +
              <path fill="#EF5625" d="M141.1,86.4H140l1.6-3.5h1.3L141.1,86.4z"/>
 +
              <path fill="#EF5625" d="M156.8,76.6c-0.4-0.7-1.3-1.2-2.2-1.2c-2.2,0-4,1.8-4.4,4.1c-0.4,2.1,0.7,3.9,3,3.9c1.1,0,2.1-0.5,2.8-1.4
 +
              l1,0.9c-0.4,0.4-1.8,1.8-4,1.8c-3.1,0-4.6-2.7-4.1-5.2c0.6-3.1,3-5.4,6.1-5.4c1.3,0,2.6,0.5,3.1,1.6L156.8,76.6z"/>
 +
              <path fill="#EF5625" d="M162.4,77.6c1.9,0,3.2,1.6,2.9,3.5c-0.4,2-2.2,3.5-4.1,3.5c-1.9,0-3.2-1.6-2.9-3.5
 +
              C158.6,79.2,160.4,77.6,162.4,77.6z M161.3,83.5c1.3,0,2.3-1,2.6-2.3c0.2-1.4-0.4-2.3-1.7-2.3c-1.3,0-2.3,1-2.6,2.3
 +
              C159.4,82.5,160,83.5,161.3,83.5z"/>
 +
              <path fill="#EF5625" d="M172,84.5h-1.2l0.2-1h0c-0.4,0.7-1.4,1.2-2.4,1.2c-1.3,0-2.2-0.8-1.9-2.6l0.8-4.3h1.2l-0.7,4
 +
              c-0.2,1.3,0.4,1.7,1.2,1.7c1,0,1.9-0.7,2.2-2.2l0.6-3.5h1.2L172,84.5z"/>
 +
              <path fill="#EF5625" d="M175.1,77.8h1.2l-0.2,1h0c0.4-0.7,1.4-1.2,2.4-1.2c1.3,0,2.2,0.8,1.9,2.6l-0.8,4.3h-1.2l0.7-4
 +
              c0.2-1.3-0.4-1.7-1.2-1.7c-1,0-1.9,0.7-2.2,2.2l-0.6,3.5h-1.2L175.1,77.8z"/>
 +
              <path fill="#EF5625" d="M186.1,78.9h-1.8l-0.5,3.1c-0.1,0.8-0.3,1.6,0.7,1.6c0.3,0,0.6,0,0.9-0.2l-0.2,1.2
 +
              c-0.3,0.2-0.9,0.2-1.2,0.2c-1.9,0-1.7-1.2-1.5-2.3l0.6-3.5h-1.4l0.2-1.1h1.4l0.3-1.9h1.2l-0.3,1.9h1.8L186.1,78.9z"/>
 +
              <path fill="#EF5625" d="M191.1,79.5c0.5-3,3.1-5.3,6-5.3c3,0,4.7,2.3,4.2,5.3c-0.5,3-3.1,5.3-6,5.3
 +
              C192.3,84.8,190.6,82.5,191.1,79.5z M199.9,79.5c0.4-2.2-0.7-4-3-4c-2.2,0-4,1.8-4.4,4c-0.4,2.2,0.7,4,3,4
 +
              C197.8,83.5,199.5,81.7,199.9,79.5z"/>
 +
              <path fill="#EF5625" d="M203.2,77.8h1.2l-0.2,1h0c0.4-0.7,1.4-1.2,2.4-1.2c1.3,0,2.2,0.8,1.9,2.6l-0.8,4.3h-1.2l0.7-4
 +
              c0.2-1.3-0.4-1.7-1.2-1.7c-1,0-1.9,0.7-2.2,2.2l-0.6,3.5H202L203.2,77.8z"/>
 +
              <path fill="#EF5625" d="M216.8,74.5l-1.1,6.2c-0.2,1.3,0.1,2.9,1.9,2.9c1.9,0,2.7-1.6,3-2.9l1.1-6.2h1.3l-1.1,6.4
 +
              c-0.4,2.3-2.3,3.9-4.5,3.9c-2.1,0-3.5-1.6-3.1-3.9l1.1-6.4H216.8z"/>
 +
              <path fill="#EF5625" d="M227.7,79.5c-0.2-0.4-0.6-0.7-1.2-0.7c-0.6,0-1.1,0.3-1.2,0.8c-0.1,0.8,1,0.9,1.5,1.1c1,0.3,1.8,0.7,1.6,2
 +
              c-0.3,1.5-1.7,2.1-3,2.1c-1.1,0-1.8-0.3-2.3-1.2l1.1-0.8c0.3,0.4,0.7,0.8,1.4,0.8c0.6,0,1.4-0.3,1.5-0.9c0.1-0.8-0.9-0.9-1.4-1
 +
              c-1-0.3-1.9-0.6-1.7-1.9c0.3-1.4,1.6-2.1,2.9-2.1c0.9,0,1.7,0.3,2,1.1L227.7,79.5z"/>
 +
              <path fill="#EF5625" d="M230.7,82.7c0.5,0,0.8,0.4,0.7,0.9c-0.1,0.5-0.6,0.9-1.1,0.9c-0.5,0-0.8-0.4-0.7-0.9
 +
              C229.7,83.2,230.2,82.7,230.7,82.7z M231.6,81.6h-1.3l1.3-7.2h1.3L231.6,81.6z"/>
 +
            </g>
 +
            </svg>
 +
          </div>
 +
        </div>
 +
      </div>
  
−
// navigation
+
    </div>
−
$( '#nav-prev' ).on( 'click', function( event ) {
+
  
−
baraja.previous();
+
  </div>
−
+
−
} );
+
  
−
$( '#nav-next' ).on( 'click', function( event ) {
+
  <script type="text/javascript">
 +
    $(function() {
  
−
baraja.next();
+
      var $el = $( '#baraja-el' ),
−
+
        baraja = $el.baraja();
−
} );
+
  
−
// simple fan
+
      // navigation
−
$( '#nav-fan' ).on( 'click', function( event ) {
+
      $( '#nav-prev' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.previous();
−
speed : 500,
+
     
−
easing : 'ease-out',
+
      } );
−
range : 90,
+
−
direction : 'right',
+
−
origin : { x : 25, y : 100 },
+
−
center : true
+
−
} );
+
−
+
−
} );
+
  
−
$( '#nav-fan2' ).on( 'click', function( event ) {
+
      $( '#nav-next' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.next();
−
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 )
+
      // simple fan
−
$( '#nav-fan3' ).on( 'click', function( event ) {
+
      $( '#nav-fan' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 90,
+
          range : 90,
−
direction : 'right',
+
          direction : 'right',
−
origin : { minX : 20, maxX : 80, y : 100 },
+
          origin : { x : 25, y : 100 },
−
center : true,
+
          center : true
−
translation : 60
+
        } );
−
} );
+
     
−
+
      } );
−
} );
+
  
−
$( '#nav-fan4' ).on( 'click', function( event ) {
+
      $( '#nav-fan2' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 90,
+
          range : 90,
−
direction : 'left',
+
          direction : 'left',
−
origin : { minX : 20, maxX : 80, y : 100 },
+
          // note that the x origin changes (symmetric)
−
center : true,
+
          origin : { x : 75, y : 100 },
−
translation : 60
+
          center : true
−
} );
+
        } );
−
+
     
−
} );
+
      } );
  
−
// playing with different origins and ranges
+
      // more realistic fan: without common origin (means the origin changes / increments by card )
−
$( '#nav-fan5' ).on( 'click', function( event ) {
+
      $( '#nav-fan3' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 100,
+
          range : 90,
−
direction : 'right',
+
          direction : 'right',
−
origin : { x : 50, y : 200 },
+
          origin : { minX : 20, maxX : 80, y : 100 },
−
center : true
+
          center : true,
−
} );
+
          translation : 60
−
+
        } );
−
} );
+
     
 +
      } );
  
−
$( '#nav-fan6' ).on( 'click', function( event ) {
+
      $( '#nav-fan4' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 80,
+
          range : 90,
−
direction : 'left',
+
          direction : 'left',
−
origin : { x : 200, y : 50 },
+
          origin : { minX : 20, maxX : 80, y : 100 },
−
center : true
+
          center : true,
−
} );
+
          translation : 60
−
+
        } );
−
} );
+
     
 +
      } );
  
−
// center false, playing with translation
+
      // playing with different origins and ranges 
−
$( '#nav-fan7' ).on( 'click', function( event ) {
+
      $( '#nav-fan5' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 20,
+
          range : 100,
−
direction : 'right',
+
          direction : 'right',
−
origin : { x : 50, y : 200 },
+
          origin : { x : 50, y : 200 },
−
center : false,
+
          center : true
−
translation : 300
+
        } );
−
} );
+
     
−
+
      } );
−
} );
+
  
−
$( '#nav-fan8' ).on( 'click', function( event ) {
+
      $( '#nav-fan6' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 20,
+
          range : 80,
−
direction : 'left',
+
          direction : 'left',
−
origin : { x : 50, y : 200 },
+
          origin : { x : 200, y : 50 },
−
center : false,
+
          center : true
−
translation : 300
+
        } );
−
} );
+
     
−
+
      } );
−
} );
+
  
−
// using scatter : true
+
      // center false, playing with translation
−
$( '#nav-fan9' ).on( 'click', function( event ) {
+
      $( '#nav-fan7' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 20,
+
          range : 20,
−
direction : 'right',
+
          direction : 'right',
−
origin : { x : 50, y : 200 },
+
          origin : { x : 50, y : 200 },
−
center : false,
+
          center : false,
−
translation : 300,
+
          translation : 300
−
scatter : true
+
        } );
−
} );
+
     
−
+
      } );
−
} );
+
  
−
$( '#nav-fan10' ).on( 'click', function( event ) {
+
      $( '#nav-fan8' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 20,
+
          range : 20,
−
direction : 'left',
+
          direction : 'left',
−
origin : { x : 50, y : 200 },
+
          origin : { x : 50, y : 200 },
−
center : false,
+
          center : false,
−
translation : 300,
+
          translation : 300
−
scatter : true
+
        } );
−
} );
+
     
−
+
      } );
−
} );
+
  
−
$( '#nav-fanOther1' ).on( 'click', function( event ) {
+
      // using scatter : true
 +
      $( '#nav-fan9' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 130,
+
          range : 20,
−
direction : 'left',
+
          direction : 'right',
−
origin : { x : 25, y : 100 },
+
          origin : { x : 50, y : 200 },
−
center : false
+
          center : false,
−
} );
+
          translation : 300,
−
+
          scatter : true
−
} );
+
        } );
 +
     
 +
      } );
  
−
$( '#nav-fanOther2' ).on( 'click', function( event ) {
+
      $( '#nav-fan10' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 360,
+
          range : 20,
−
direction : 'left',
+
          direction : 'left',
−
origin : { x : 50, y : 90 },
+
          origin : { x : 50, y : 200 },
−
center : false
+
          center : false,
−
} );
+
          translation : 300,
−
+
          scatter : true
−
} );
+
        } );
 +
     
 +
      } );
  
−
$( '#nav-fanOther3' ).on( 'click', function( event ) {
+
      $( '#nav-fanOther1' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 330,
+
          range : 130,
−
direction : 'left',
+
          direction : 'left',
−
origin : { x : 50, y : 100 },
+
          origin : { x : 25, y : 100 },
−
center : true
+
          center : false
−
} );
+
        } );
−
+
     
−
} );
+
      } );
  
−
$( '#nav-fanOther4' ).on( 'click', function( event ) {
+
      $( '#nav-fanOther2' ).on( 'click', function( event ) {
  
−
baraja.fan( {
+
        baraja.fan( {
−
speed : 500,
+
          speed : 500,
−
easing : 'ease-out',
+
          easing : 'ease-out',
−
range : 90,
+
          range : 360,
−
direction : 'right',
+
          direction : 'left',
−
origin : { minX : 20, maxX : 80, y : 100 },
+
          origin : { x : 50, y : 90 },
−
center : true,
+
          center : false
−
translation : 60,
+
        } );
−
scatter : true
+
     
−
} );
+
      } );
−
+
−
} );
+
  
−
// close the baraja
+
      $( '#nav-fanOther3' ).on( 'click', function( event ) {
−
$( '#close' ).on( 'click', function( event ) {
+
  
−
baraja.close();
+
        baraja.fan( {
−
+
          speed : 500,
−
} );
+
          easing : 'ease-out',
 +
          range : 330,
 +
          direction : 'left',
 +
          origin : { x : 50, y : 100 },
 +
          center : true
 +
        } );
 +
     
 +
      } );
  
−
// example of how to add more items
+
      $( '#nav-fanOther4' ).on( 'click', function( event ) {
−
$( '#add' ).on( 'click', function( event ) {
+
  
−
if( $( this ).hasClass( 'disabled' ) ) {
+
        baraja.fan( {
−
return false;
+
          speed : 500,
−
}
+
          easing : 'ease-out',
 +
          range : 90,
 +
          direction : 'right',
 +
          origin : { minX : 20, maxX : 80, y : 100 },
 +
          center : true,
 +
          translation : 60,
 +
          scatter : true
 +
        } );
 +
     
 +
      } );
  
−
$( this ).addClass( 'disabled' );
+
      // close the baraja
 +
      $( '#close' ).on( 'click', function( event ) {
  
−
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>') );
+
        baraja.close();
−
+
     
−
} );
+
      } );
  
−
});
+
      // example of how to add more items
−
</script>
+
      $( '#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}}

Revision as of 06:27, 19 October 2016

SCSU IGEM SCSU IGEM

iGEM

Team

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.

  • image3

    Karalyn Farr

    Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.

  • image4

    Julio Badillo

    Locavore vero ad, before they sold out food truck bushwick helvetica.

  • image5

    Hafssa Chbihi

    Cillum laboris consequat, qui elit retro next level skateboard freegan hella.

  • image6

    Bryan Pasqualucci

    Truffaut wes anderson hoodie 3 wolf moon labore, fugiat lomo iphone eiusmod vegan.

  • image7

    Rye Howard-Stone

    Chillwave mustache pinterest, marfa seitan umami id farm-to-table iphone.

  • image8

    Zachary Matto

    Minim post-ironic banksy american apparel iphone wayfarers.

  • image9

    Thomas Hoang

    Sint vinyl Austin street art odd future id trust fund, terry richardson cray.

  • image10

    Patrick Flynn

    Sint vinyl Austin street art odd future id trust fund, terry richardson cray.

  • image11

    Christopher Wojtas

    Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.

  • image12

    Dr. Edgington

    Velit chambray fugiat, enim aesthetic esse ullamco typewriter.

  • image3

    Advisor 2

    Before they sold out PBR magna jean shorts non seitan ea. Dolor wolf pop-up.

  • image4

    Advisor 3

    Locavore vero ad, before they sold out food truck bushwick helvetica.

Additional Thanks to

Person A for taking a walk to the park

Person B for feeding the dogs

Person C for not leaving Kevin McCallister home alone