Difference between revisions of "Team:UCSC/Breakdown"

Line 310: Line 310:
 
     <div class="row">
 
     <div class="row">
 
         <div class="col-md-6 gear-container">
 
         <div class="col-md-6 gear-container">
             <div class="gear-node a" data-node="1" style="top: 0px; left: -2px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node a" data-node="1" style="top: 0px; left: -2px;">
             <div class="gear-node" data-node="2" style="top: 68px; left: 155px;"><img class="gear c " src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
                <img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" />
             <div class="gear-node a" data-node="3" style="top: 200px; left: 50px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/2/29/UCSC_Team1.png"  />
             <div class="gear-node" data-node="4" style="top: 270px; left: 210px;"><img class="gear c" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
                <div class="line" style="-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); width: 577px; top: 94px; left: 63px;"></div>
             <div class="gear-node a" data-node="5" style="top: 405px; left: 105px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
            </div>
             <div class="gear-node" data-node="6" style="top: 470px; left: 270px;"><img class="gear c" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node" data-node="2" style="top: 68px; left: 155px;">
             <div class="gear-node a" data-node="7" style="top: 630px; left: 340px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
                <img class="gear c " src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" />
 +
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/f/f8/Anissa.png" />
 +
                <div class="line" style="-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); width: 433px; top: 94px; left: 63px;"></div>
 +
            </div>
 +
             <div class="gear-node a" data-node="3" style="top: 200px; left: 50px;">
 +
                <img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" />
 +
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/d/d5/Cristian.png" />
 +
                <div class="line" style="-ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); width: 559px; top: 31px; left: 39px;"></div>
 +
            </div>
 +
             <div class="gear-node" data-node="4" style="top: 270px; left: 210px;">
 +
                <img class="gear c" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" />
 +
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/c/c7/Jairo.png" />
 +
                <div class="line" style="-ms-transform: rotate(-26deg); -webkit-transform: rotate(-26deg); transform: rotate(-26deg); width: 476px; top: -15px; left: 39px;"></div>
 +
            </div>
 +
             <div class="gear-node a" data-node="5" style="top: 405px; left: 105px;">
 +
                <img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" />
 +
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/8/82/John.png" />
 +
                <div class="line" style="-ms-transform: rotate(-26deg); -webkit-transform: rotate(-26deg); transform: rotate(-26deg); width: 528px; top: -15px; left: 39px;"></div>
 +
            </div>
 +
             <div class="gear-node" data-node="6" style="top: 470px; left: 270px;">
 +
                <img class="gear c" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" />
 +
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/7/71/Tanvir.png" />
 +
                <div class="line" style="-ms-transform: rotate(-44deg); -webkit-transform: rotate(-44deg); transform: rotate(-44deg); width: 382px; top: -48px; left: 43px;"></div>
 +
            </div>
 +
             <div class="gear-node a" data-node="7" style="top: 630px; left: 340px;">
 +
                <img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" />
 +
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/c/c7/Roger.png" />
 +
                <div class="line" style="-ms-transform: rotate(-59deg); -webkit-transform: rotate(-59deg); transform: rotate(-59deg); width: 485px; top: -148px; left: -12px;"></div>
 +
            </div>
 +
 
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
Line 458: Line 487:
 
                 </table>
 
                 </table>
 
             </div>
 
             </div>
          <div class="gear-node" data-node="1" style="top: 0.5px; left: -586px;"><img src="https://static.igem.org/mediawiki/2015/2/29/UCSC_Team1.png"  /></div>
 
          <div class="gear-node" data-node="2" style="top: 68px; left: -429px;"><img src="https://static.igem.org/mediawiki/2015/f/f8/Anissa.png" /></div>
 
          <div class="gear-node a" data-node="3" style="top: 200px; left: -534px;"><img src="https://static.igem.org/mediawiki/2015/d/d5/Cristian.png" /></div>
 
            <div class="gear-node" data-node="4" style="top: 270px; left: -375px;"><img src="https://static.igem.org/mediawiki/2015/c/c7/Jairo.png" /></div>
 
            <div class="gear-node" data-node="5" style="top: 405px; left: -480px;"><img src="https://static.igem.org/mediawiki/2015/8/82/John.png" /></div>
 
            <div class="gear-node" data-node="6" style="top: 470px; left: -315px;"><img src="https://static.igem.org/mediawiki/2015/7/71/Tanvir.png" /></div>
 
            <div class="gear-node " data-node="7" style="top: 630px; left: -244px;"><img src="https://static.igem.org/mediawiki/2015/c/c7/Roger.png" /></div>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 512: Line 534:
 
</body>
 
</body>
 
<script>
 
<script>
    console.log('hi');
 
 
     jQuery(document).ready(function() {
 
     jQuery(document).ready(function() {
 
         jQuery('.gear-node').on('mouseover', function() {
 
         jQuery('.gear-node').on('mouseover', function() {
 +
            jQuery('.gear-node').removeClass('active');
 +
            jQuery(this).addClass('active');
 
             jQuery('.profile-cont').removeClass('active');
 
             jQuery('.profile-cont').removeClass('active');
 
             jQuery('.profile-cont[data-node="' + jQuery(this).attr('data-node') + '"]').addClass('active');
 
             jQuery('.profile-cont[data-node="' + jQuery(this).attr('data-node') + '"]').addClass('active');
Line 520: Line 543:
 
     });
 
     });
 
</script>
 
</script>
 
 
</html>
 
</html>

Revision as of 06:43, 16 September 2015

Breakdown



Swathi Balaji

  • Biomolecular Engineering
  • Bioinformatics minor
  • College Nine (UCSC)
  • 4th Year
  • Grant & Web Team
  • From: Pleasanton, CA

Anissa Benabbas

  • Biology
  • Bioinformatics minor
  • Crown College (UCSC)
  • Graduate (Post Bac)
  • Video Team
  • From: Sunnyvale, CA

Cristian Camacho

  • Biomolecular Engineering
    Bioinformatics minor
    Crown College (UCSC)
    4th Year
    Grant & Video Team
    From: La Mirada, CA

Jairo Navarro

  • Biomolecular Engineering
    Bioinformatics minor
    College Nine (UCSC)
    4th Year
    Grant, Programming, Video, &
    Web Team
    From: Watsonville, CA

John Poncini

  • Biomolecular Engineering
    Bioinformatics minor
    College 8 (UCSC)
    4th Year
    Grant & Video Team
    From: Stockton, CA 

Tanvir Saini

  • Molecular, Cell, &
    Developmental Biology
    Bioinformatics minor
    Oakes College (UCSC)
    5th Year
    Webmaster, Graphic Design, Grant,
    Social Media & Video Team
    From: Simi Valley, CA

Roger Volden

  • Biomolecular Engineering
    Bioinformatics minor
    College Eight (UCSC)
    3rd Year
    From: San Jose, CA

"I would undoubtedly say that I have gotten much more comfortable with the people I work with in lab, and it has definitely made me more productive and contribute more to everything that happens. I have definitely grown as a person because of iGEM, and I feel like I have become a better researcher, teammate, and friend because of it. Between all of the lunches, coffee runs, socials, and lab time, I would say that the UCSC iGEM team is like a second family to me. I know I'll always cherish the work that we've been doing and that I'll look back and know how it influenced me as a person."