Difference between revisions of "Team:UCSC/Fermentation"

Line 142: Line 142:
 
<!-- Nina don't touch this or so help me god -->
 
<!-- Nina don't touch this or so help me god -->
  
−
.a {
+
  .a {
−
-webkit-animation:gear_1 4s linear infinite;
+
        -webkit-animation:gear_1 4s linear infinite;
−
    -moz-animation:gear_1 4s linear infinite;
+
        -moz-animation:gear_1 4s linear infinite;
−
    animation:gear_1 4s linear infinite;}
+
        animation:gear_1 4s linear infinite;
 +
    }
  
−
@-moz-keyframes gear_1 { 100% { -moz-transform: rotate(360deg); } }
+
    @-moz-keyframes gear_1 {  
−
@-webkit-keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); } }
+
        100% {  
−
@keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+
            -moz-transform: rotate(360deg);  
 +
        }  
 +
    }
 +
    @-webkit-keyframes gear_1 {  
 +
        100% {  
 +
            -webkit-transform: rotate(360deg);  
 +
        }  
 +
    }
 +
    @keyframes gear_1 {  
 +
        100% {  
 +
            -webkit-transform: rotate(360deg);  
 +
            transform:rotate(360deg);  
 +
        }  
 +
    }
  
−
.c{
+
    .c{
−
-webkit-animation:gear_2 4s linear infinite;
+
        -webkit-animation:gear_2 4s linear infinite;
−
-moz-animation:gear_2 4s linear infinite;
+
        -moz-animation:gear_2 4s linear infinite;
−
animation:gear_2 4s linear infinite;}
+
        animation:gear_2 4s linear infinite;
 +
    }
  
−
 
+
    @-moz-keyframes gear_2 {  
−
 
+
        100% {  
−
@-moz-keyframes gear_2 { 100% { -moz-transform: rotate(-360deg); } }
+
            -moz-transform: rotate(-360deg);  
−
@-webkit-keyframes gear_2 { 100% { -webkit-transform: rotate(-360deg); } }
+
        }  
−
@keyframes gear_2 { 100% { -webkit-transform: rotate(360deg); transform:rotate(-360deg); } }  
+
    }
 +
    @-webkit-keyframes gear_2 {  
 +
        100% {  
 +
            -webkit-transform: rotate(-360deg);  
 +
        }  
 +
    }
 +
    @keyframes gear_2 {  
 +
        100% {  
 +
            -webkit-transform: rotate(360deg);  
 +
            transform:rotate(-360deg);  
 +
        }  
 +
    }  
  
 
     .gear-container {
 
     .gear-container {
Line 166: Line 192:
 
         height: 630px;
 
         height: 630px;
 
     }
 
     }
−
 
−
 
−
 
  
 
     .gear-node {
 
     .gear-node {
Line 174: Line 197:
 
         height: 180px;
 
         height: 180px;
 
         position: absolute;
 
         position: absolute;
−
         cursor: pointer;}
+
         cursor: pointer;
 +
    }
  
 +
    .gear-node .gear {
 +
        width: 180px;
 +
        height: 180px;
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        z-index: 2;
 +
    }
  
−
 
+
    .gear-node .profile-pictures {
−
.gear-node .gear {
+
 
         width: 180px;
 
         width: 180px;
 
         height: 180px;
 
         height: 180px;
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        z-index: 3;
 
     }
 
     }
−
     .profile-cont {
+
 
−
         display: none;
+
     .gear-node .line {
 +
         position: absolute;
 +
        height: 10px;
 +
        left: 85px;
 +
        top: 85px;
 +
        background: #bdbec0;
 +
        opacity: 0;
 +
        -webkit-transition: opacity 2s ease-in-out;
 +
        transition: opacity 2s ease-in-out;
 +
        z-index: -1;
 
     }
 
     }
−
     .profile-cont.active {
+
 
−
         display: block;
+
     .gear-node.active .line {
 +
         opacity: 1;
 
     }
 
     }
  
 +
    .profile-cont {
 +
        opacity: 0;
 +
        height: 0;
 +
        overflow: hidden;
 +
        -webkit-transition: opacity 2s ease-in-out;
 +
        transition: opacity 2s ease-in-out;
 +
    }
  
−
@media screen and (max-width: 1024px) {
+
    .profile-cont.active {
−
 
+
         opacity: 1;
−
#salt {width: 100%}
+
         height: auto;
−
 
+
−
#our_content {
+
−
width: 100%;
+
−
}
+
−
 
+
−
#top-section {
+
−
width: 100%;
+
−
}
+
−
 
+
−
#content {width: 100%;}
+
−
 
+
−
#foot {width: 100%}
+
−
 
+
−
.gear {width: 10%; height: 10%;}
+
−
 
+
−
 
+
−
  .gear-container {
+
−
         position: relative;
+
−
         height: 100%;
+
 
     }
 
     }
  
  
 +
    @media screen and (max-width: 1024px) {
  
 +
        #salt {
 +
            width: 100%
 +
        }
  
−
    .gear-node {
+
        #our_content {
−
        width: 100%;
+
            width: 100%;
−
        height: 100%;
+
 
         }
 
         }
  
 +
        #top-section {
 +
            width: 100%;
 +
        }
  
−
 
+
         #content {width: 100%;}
−
.gear-node .gear {
+
         #foot {width: 100%;}
−
         width: 100%;
+
−
         height: 100%;
+
  
−
}
+
        .gear {
−
@media screen and (max-width: 980px) {
+
            width: 10%;
 +
            height: 10%;
 +
        }
  
−
#salt {width: 100%}
 
−
#our_content {
 
−
width: 100%;
 
−
}
 
  
−
#top-section {
+
        .gear-container {
−
width: 100%;
+
            position: relative;
−
}
+
            height: 100%;
 +
        }
  
−
#content {width: 100%;}
+
        .gear-node {
−
 
+
            width: 100%;
−
#foot {width: 100%}
+
            height: 100%;
−
 
+
        }
−
.gear {width: 10%; height: 10%;}
+
     
−
}
+
        .gear-node .gear {
−
 
+
            width: 100%;
−
.gear-container {
+
            height: 100%;
−
        position: relative;
+
        }
−
        height: 100%;
+
 
     }
 
     }
  
 +
    @media screen and (max-width: 980px) {
  
 +
        #salt {
 +
            width: 100%;
 +
        }
  
 +
        #our_content {
 +
            width: 100%;
 +
        }
  
−
    .gear-node {
+
        #top-section {
−
        width: 100%;
+
            width: 100%;
−
        height: 100%;
+
 
         }
 
         }
  
 +
        #content {width: 100%;}
 +
        #foot {width: 100%}
  
−
 
+
        .gear {
−
.gear-node .gear {
+
            width: 10%;  
−
        width: 100%;
+
            height: 10%;
−
        height: 100%;
+
        }
  
 +
        .gear-container {
 +
            position: relative;
 +
            height: 100%;
 +
        }
  
−
@media screen and (max-width: 650px) {
+
        .gear-node {
−
 
+
            width: 100%;
−
#salt {width: 100%}
+
            height: 100%;
−
 
+
        }
−
#our_content {
+
     
−
width: 100%;
+
        .gear-node .gear {
−
}
+
            width: 100%;
−
 
+
            height: 100%;
−
#top-section {
+
         }
−
width: 100%;
+
−
}
+
−
 
+
−
#content {width: 100%;}
+
−
 
+
−
#foot {width: 100%}
+
−
 
+
−
.gear {width: 10%; height: 10%;}
+
−
 
+
−
.gear-container {
+
−
        position: relative;
+
−
        height: 100%;
+
−
         width: 100%;
+
 
     }
 
     }
  
  
 +
    @media screen and (max-width: 650px) {
  
 +
        #salt {
 +
            width: 100%;
 +
        }
  
−
    .gear-node {
+
        #our_content {
−
        width: 10%;
+
            width: 100%;
−
        height: 10%;
+
 
         }
 
         }
  
 +
        #top-section {
 +
            width: 100%;
 +
        }
  
−
 
+
        #content {width: 100%;}
−
.gear-node .gear {
+
         #foot {width: 100%}
−
        width: 10%;
+
−
         height: 10%;
+
  
 +
        .gear {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
  
−
}
+
        .gear-container {
 +
            position: relative;
 +
            height: 100%;
 +
            width: 100%;
 +
        }
  
 +
        .gear-node {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
     
 +
        .gear-node .gear {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
    }
  
  
Line 373: Line 433:
 
     <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/4/4b/Fermentation_-_Alonzo.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/5/56/Fermentation_-_Nina.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/9/99/Fermentation_-_Sanusha.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/d/d0/Fermentation_-_Jackson.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/81/Fermentation_-_Vijay.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/9/9d/Fermentation_-_Isabel.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/3/3d/Derekwheel.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>
Line 385: Line 473:
 
             <div class="profile-cont" data-node="1">
 
             <div class="profile-cont" data-node="1">
 
                 <table style=" width: 500px; padding: 0px; margin: auto;">
 
                 <table style=" width: 500px; padding: 0px; margin: auto;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Alonzo Lee</b></p>
−
                <b>Alonzo Lee</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/c/c0/T7juPEQ.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/c/c0/T7juPEQ.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Biomolecular Engineering<br /> Cowell College (UCSC)<br /> 4th Year<br /> Overseer of all projects&nbsp;<br /> From: Sacramento, CA</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
                <li><span>Biomolecular Engineering<br /> Cowell College (UCSC)<br /> 4th Year<br /> Overseer of all projects&nbsp;<br /> From: Sacramento, CA</span></li>
+
                        </td>
−
                </ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
                <table style=" width: 500px; padding: 0px; margin: auto;">
−
                </table>
+
                    <tr>
−
<table style=" width: 500px; padding: 0px; margin: auto;">
+
                        <td style=" padding: 0px;">
−
                <tr>
+
                            <p class="left">
−
                <td style=" padding: 0px;">
+
                                <i>"I started this project nervous and afraid about my ability to not only perform in a laboratory setting but as a captain as well. Yet now that have gone through iGEM I have become both an experienced researcher and a decisive leader who is able to communicate with all levels. This project has been one of the most fulfilling experiences of my life and I only hope that in the future more potential researchers are able to live what I have lived. With new experiences, knowledge, and friends in hand I look back at back at my iGEM experience only wishing to live it once more."</i>
−
                <p class="left">
+
                            </p>
−
<i>"I started this project nervous and afraid about my ability to not only perform in a laboratory setting but as a captain as well. Yet now that have gone through iGEM I have become both an experienced researcher and a decisive leader who is able to communicate with all levels. This project has been one of the most fulfilling experiences of my life and I only hope that in the future more potential researchers are able to live what I have lived. With new experiences, knowledge, and friends in hand I look back at back at my iGEM experience only wishing to live it once more."</i>
+
−
                </p>
+
 
                  
 
                  
−
                </td>
+
                        </td>
−
                </tr>
+
                    </tr>
−
                </table>
+
                </table>
 
             </div>
 
             </div>
 
             <div class="profile-cont" data-node="2">
 
             <div class="profile-cont" data-node="2">
−
                  <table style=" width: 500px; padding: 0px; margin: auto;">
+
                <table style=" width: 500px; padding: 0px; margin: auto;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Nina Sardesh</b></p>
−
                <b>Nina Sardesh</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/e/ea/TBLe8mj.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/e/ea/TBLe8mj.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Bioelectronics Engineering<br /> <em>Electrical Engineering minor</em><br />Stevenson College (UCSC)<br />4th Year<br />Grant &amp; Social Media Supervisor<br />From: San Francisco, CA&nbsp;</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
                <li><span>Bioelectronics Engineering<br /> <em>Electrical Engineering minor</em><br />Stevenson College (UCSC)<br />4th Year<br />Grant &amp; Social Media Supervisor<br />From: San Francisco, CA&nbsp;</span></li>
+
                        </td>
−
                </ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
−
                </table>
+
 
             </div>
 
             </div>
 
             <div class="profile-cont" data-node="3">
 
             <div class="profile-cont" data-node="3">
−
                <table style=" width: 500px;">
+
                <table style=" width: 500px;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Sanusha Bijj</b></p>
−
                <b>Sanusha Bijj</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/9/94/Hh3piQb.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/9/94/Hh3piQb.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Biomolecular Engineering<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> College Nine (UCSC)<br /> 4th Year<br /> Grant, Social Media,&nbsp;&amp; <br />Website Team<br /> From: San Jose, CA</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
        <li><span>Biomolecular Engineering<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> College Nine (UCSC)<br /> 4th Year<br /> Grant, Social Media,&nbsp;&amp; <br />Website Team<br /> From: San Jose, CA</span></li>
+
                        </td>
−
</ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
                <table style=" width: 500px; padding: 0px; margin: auto;">
−
                </table>
+
                    <tr>
−
<table style=" width: 500px; padding: 0px; margin: auto;">
+
                        <td style=" padding: 0px;">
−
                <tr>
+
                            <p class="left">
−
                <td style=" padding: 0px;">
+
                                <i>"Being apart of iGEM was more than just an experience. I was able to not only learn new lab techniques, but also learn how to fundraise, communicate, and think broader. My contribution to the team not only include lab work but publicizing our research through newspapers, writing grants, and writing thank-you letters. Two important qualities I learned from this experience were patience and communication. I can definitely say that this experience has prepped me to deal with the future research labs that I will encounter."</i>
−
                <p class="left">
+
                            </p>
−
<i>"Being apart of iGEM was more than just an experience. I was able to not only learn new lab techniques, but also learn how to fundraise, communicate, and think broader. My contribution to the team not only include lab work but publicizing our research through newspapers, writing grants, and writing thank-you letters. Two important qualities I learned from this experience were patience and communication. I can definitely say that this experience has prepped me to deal with the future research labs that I will encounter."</i>
+
−
                </p>
+
 
                  
 
                  
−
                </td>
+
                        </td>
−
                </tr>
+
                    </tr>
−
                </table>
+
                </table>
 
             </div>
 
             </div>
 
             <div class="profile-cont" data-node="4">
 
             <div class="profile-cont" data-node="4">
−
          <table style=" width: 500px;">
+
                <table style=" width: 500px;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Jackson DeKloe</b></p>
−
                <b>Jackson DeKloe</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/5/50/JOskfl3.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/5/50/JOskfl3.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Molecular, Cell, &amp; <br />Developmental&nbsp;Biology<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> Cowell College (UCSC)<br /> 5th Year<br /> From: Fairfield, CA</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
        <li><span>Molecular, Cell, &amp; <br />Developmental&nbsp;Biology<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> Cowell College (UCSC)<br /> 5th Year<br /> From: Fairfield, CA</span></li>
+
                        </td>
−
</ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
−
                </table>
+
 
             </div>
 
             </div>
 
             <div class="profile-cont" data-node="5">
 
             <div class="profile-cont" data-node="5">
−
          <table style=" width: 500px;">
+
                <table style=" width: 500px;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Vijay Jayant</b></p>
−
                <b>Vijay Jayant</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/7/7b/TSbgd8F.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/7/7b/TSbgd8F.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Molecular, Cell, &amp; <br />Developmental&nbsp;Biology<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> College Ten (UCSC)<br /> 5th Year<br /> Graphic Deisgn, Video, &amp; <br />Website Team<br /> From: Fremont, CA</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
        <li><span>Molecular, Cell, &amp; <br />Developmental&nbsp;Biology<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> College Ten (UCSC)<br /> 5th Year<br /> Graphic Deisgn, Video, &amp; <br />Website Team<br /> From: Fremont, CA</span></li>
+
                        </td>
−
                </td>
+
                    </tr>
−
                </tr>
+
                </table>
−
                </table>
+
 
             </div>
 
             </div>
 
             <div class="profile-cont" data-node="6">
 
             <div class="profile-cont" data-node="6">
 
                 <table style=" width: 500px; margin: auto;">
 
                 <table style=" width: 500px; margin: auto;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Isabel Madau</b></p>
−
                <b>Isabel Madau</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/e/ef/SJzt0Ij.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/e/ef/SJzt0Ij.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Biochemistry<br /> University of Edinburgh<br /> 2nd Year<br /> Grant Team<br /> From:&nbsp;Baltimore, MD</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
      <li><span>Biochemistry<br /> University of Edinburgh<br /> 2nd Year<br /> Grant Team<br /> From:&nbsp;Baltimore, MD</span></li>
+
                        </td>
−
</ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
−
                </table>
+
 
             </div>
 
             </div>
 
             <div class="profile-cont" data-node="7">
 
             <div class="profile-cont" data-node="7">
 
                 <table style=" width: 500px;">
 
                 <table style=" width: 500px;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Derek Brekke</b></p>
−
                <b>Derek Brekke</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/7/75/Derek.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/7/75/Derek.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Biomolecular Engineering<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> College Nine (UCSC)<br /> 5th Year<br /> From: Aptos, CA</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
        <li><span>Biomolecular Engineering<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> College Nine (UCSC)<br /> 5th Year<br /> From: Aptos, CA</span></li>
+
                        </td>
−
</ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
−
                </table>
+
 
             </div>
 
             </div>
−
          <div class="gear-node" data-node="1" style="top: 0.5px; left: -586px;"><img src="https://static.igem.org/mediawiki/2015/4/4b/Fermentation_-_Alonzo.png"  /></div>
+
        </div>
−
          <div class="gear-node" data-node="2" style="top: 68px; left: -429px;"><img src="https://static.igem.org/mediawiki/2015/5/56/Fermentation_-_Nina.png" /></div>
+
−
          <div class="gear-node a" data-node="3" style="top: 200px; left: -534px;"><img src="https://static.igem.org/mediawiki/2015/9/99/Fermentation_-_Sanusha.png" /></div>
+
−
            <div class="gear-node" data-node="4" style="top: 270px; left: -375px;"><img src="https://static.igem.org/mediawiki/2015/d/d0/Fermentation_-_Jackson.png" /></div>
+
−
            <div class="gear-node" data-node="5" style="top: 405px; left: -480px;"><img src="https://static.igem.org/mediawiki/2015/8/81/Fermentation_-_Vijay.png" /></div>
+
−
            <div class="gear-node" data-node="6" style="top: 470px; left: -315px;"><img src="https://static.igem.org/mediawiki/2015/9/9d/Fermentation_-_Isabel.png" /></div>
+
−
            <div class="gear-node " data-node="7" style="top: 630px; left: -244px;"><img src="https://static.igem.org/mediawiki/2015/3/3d/Derekwheel.png" /></div>
+
−
 
+
−
      </div>
+
 
     </div>
 
     </div>
 
</div>  
 
</div>  
Line 544: Line 611:
 
     <div class="row">
 
     <div class="row">
 
         <div class="col-md-6 gear-container">
 
         <div class="col-md-6 gear-container">
−
             <div class="gear-node" data-node="8" 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" data-node="8" style="top: 0px; left: -2px;">
−
             <div class="gear-node" data-node="9" style="top: 100px; left: 125px;"><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" data-node="0" style="top: 260px; left: 105px;"><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/9/90/Kv.png" />
−
</div>
+
                <div class="line" style="-ms-transform: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg); width: 575px; top: 108px; left: 68px;"></div>
 +
            </div>
 +
             <div class="gear-node" data-node="9" style="top: 100px; left: 125px;">
 +
                <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/6/6e/Meg.png" />
 +
                <div class="line" style="width: 485px; top: 85px; left: 85px;"></div>
 +
            </div>
 +
             <div class="gear-node" data-node="0" style="top: 260px; 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/e/ec/Kendal.png" />
 +
                <div class="line" style="-ms-transform: rotate(-32deg); -webkit-transform: rotate(-32deg); transform: rotate(-32deg); width: 485px; top: -51px; left: 78px;"></div>
 +
            </div>
 +
        </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
 
             <div class="profile-cont" data-node="8">
 
             <div class="profile-cont" data-node="8">
−
                <table style=" width: 500px;">
+
                <table style=" width: 500px;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Kassandra Colao</b></p>
−
                <b>Kassandra Colao</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/6/6e/YnHcHHt.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/6/6e/YnHcHHt.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Biomolecular Engineering<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> Merrill College (UCSC)<br /> 5th Year<br /> From: Napa, CA</span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
      <li><span>Biomolecular Engineering<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> Merrill College (UCSC)<br /> 5th Year<br /> From: Napa, CA</span></li>
+
                        </td>
−
</ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
−
                </table>
+
 
             </div>
 
             </div>
 
             <div class="profile-cont" data-node="9">
 
             <div class="profile-cont" data-node="9">
−
                        <table style=" width: 500px;">
+
                <table style=" width: 500px;">
−
                <tr>
+
                    <tr>
−
                <td>
+
                        <td>
−
                <p>
+
                            <p><b>Megana Kunda</b></p>
−
                <b>Megana Kunda</b>
+
                            <img src="https://static.igem.org/mediawiki/2015/8/88/Zyhb1HX.jpg" style=" width: 236px; height: 355px;" />
−
                </p>
+
                        </td>
−
                <img src="https://static.igem.org/mediawiki/2015/8/88/Zyhb1HX.jpg" style=" width: 236px; height: 355px;" />
+
                        <td>
−
                </td>
+
                            <ul class="list-unstyled">
−
                <td>
+
                                <li><span>Biomolecular Engineering and<br /> Molecular, Cell, &amp; <br />Developmental&nbsp;Biology<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> Collge 10 (UCSC)<br /> 4th Year<br /> From:&nbsp;<span>Milpitas, CA</span></span></li>
−
                <ul class="list-unstyled">
+
                            </ul>
−
      <li><span>Biomolecular Engineering and<br /> Molecular, Cell, &amp; <br />Developmental&nbsp;Biology<br /> </span><em><span>Bioinformatics minor</span></em><span><br /> Collge 10 (UCSC)<br /> 4th Year<br /> From:&nbsp;<span>Milpitas, CA</span></span></li>
+
                        </td>
−
</ul>
+
                    </tr>
−
                </td>
+
                </table>
−
                </tr>
+
−
                </table>
+
 
             </div>
 
             </div>
 +
            <div class="profile-cont" data-node="0">
 +
                <table style=" width: 500px;">
 +
                    <tr>
 +
                        <td>
 +
                            <p><b>Kendal Prokopakis</b></p>
 +
                            <img src="https://static.igem.org/mediawiki/2015/b/b1/GUwlqfp.jpg" style=" width: 236px; height: 355px;" />
 +
                        </td>
 +
                        <td>
 +
                            <ul class="list-unstyled">
 +
                                <li><span>Biomolecular Engineering<br /><em>Bioinformatics minor<br /></em>Stevenson College (UCSC)<br /> 4th Year<br />From: Santa Clara, CA</span></li>
 +
                            </ul>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 
             </div>
 
             </div>
−
            <div class="profile-cont" data-node="0">
+
        </div>
−
                                    <table style=" width: 500px;">
+
    </div>
−
                <tr>
+
−
                <td>
+
−
                <p>
+
−
                <b>Kendal Prokopakis</b>
+
−
                </p>
+
−
                <img src="https://static.igem.org/mediawiki/2015/b/b1/GUwlqfp.jpg" style=" width: 236px; height: 355px;" />
+
−
                </td>
+
−
                <td>
+
−
                <ul class="list-unstyled">
+
−
      <li><span>Biomolecular Engineering<br /><em>Bioinformatics minor<br /></em>Stevenson College (UCSC)<br /> 4th Year<br />From: Santa Clara, CA</span></li>
+
−
</ul>
+
−
                </td>
+
−
                </tr>
+
−
                </table>
+
 
</div>
 
</div>
−
            <div class="gear-node" data-node="8" style="bottom: 448px; left: 24px;"><img src="https://static.igem.org/mediawiki/2015/9/90/Kv.png" /></div>
 
−
            <div class="gear-node" data-node="9" style="bottom: 348px; left: 150px;"><img src="https://static.igem.org/mediawiki/2015/6/6e/Meg.png" /></div>
 
−
            <div class="gear-node" data-node="0" style="bottom: 190px; left: 130px;"><img src="https://static.igem.org/mediawiki/2015/e/ec/Kendal.png" /></div>
 
  
−
</div>
 
−
 
−
</div>
 
−
    </div>
 
−
</div>
 
 
<br />
 
<br />
 
<br />
 
<br />
Line 652: Line 719:
 
</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 660: Line 728:
 
     });
 
     });
 
</script>
 
</script>
 +
 
</html>
 
</html>

Revision as of 04:34, 16 September 2015

Fermentation: Butanol


Alonzo Lee
  • Biomolecular Engineering
    Cowell College (UCSC)
    4th Year
    Overseer of all projects 
    From: Sacramento, CA

"I started this project nervous and afraid about my ability to not only perform in a laboratory setting but as a captain as well. Yet now that have gone through iGEM I have become both an experienced researcher and a decisive leader who is able to communicate with all levels. This project has been one of the most fulfilling experiences of my life and I only hope that in the future more potential researchers are able to live what I have lived. With new experiences, knowledge, and friends in hand I look back at back at my iGEM experience only wishing to live it once more."

Nina Sardesh
  • Bioelectronics Engineering
    Electrical Engineering minor
    Stevenson College (UCSC)
    4th Year
    Grant & Social Media Supervisor
    From: San Francisco, CA 

Sanusha Bijj
  • Biomolecular Engineering
    Bioinformatics minor
    College Nine (UCSC)
    4th Year
    Grant, Social Media, &
    Website Team
    From: San Jose, CA

"Being apart of iGEM was more than just an experience. I was able to not only learn new lab techniques, but also learn how to fundraise, communicate, and think broader. My contribution to the team not only include lab work but publicizing our research through newspapers, writing grants, and writing thank-you letters. Two important qualities I learned from this experience were patience and communication. I can definitely say that this experience has prepped me to deal with the future research labs that I will encounter."

Jackson DeKloe
  • Molecular, Cell, &
    Developmental Biology
    Bioinformatics minor
    Cowell College (UCSC)
    5th Year
    From: Fairfield, CA

Vijay Jayant
  • Molecular, Cell, &
    Developmental Biology
    Bioinformatics minor
    College Ten (UCSC)
    5th Year
    Graphic Deisgn, Video, &
    Website Team
    From: Fremont, CA

Isabel Madau
  • Biochemistry
    University of Edinburgh
    2nd Year
    Grant Team
    From: Baltimore, MD

Derek Brekke
  • Biomolecular Engineering
    Bioinformatics minor
    College Nine (UCSC)
    5th Year
    From: Aptos, CA








Fermentation: Ethanol

Kassandra Colao
  • Biomolecular Engineering
    Bioinformatics minor
    Merrill College (UCSC)
    5th Year
    From: Napa, CA

Megana Kunda
  • Biomolecular Engineering and
    Molecular, Cell, &
    Developmental Biology
    Bioinformatics minor
    Collge 10 (UCSC)
    4th Year
    From: Milpitas, CA

Kendal Prokopakis
  • Biomolecular Engineering
    Bioinformatics minor
    Stevenson College (UCSC)
    4th Year
    From: Santa Clara, CA