Difference between revisions of "Team:UCSC/Team"

 
(26 intermediate revisions by 2 users not shown)
Line 114: Line 114:
  
 
}
 
}
 +
 +
.a {
 +
        -webkit-animation:gear_1 4s linear infinite;
 +
        -moz-animation:gear_1 4s linear infinite;
 +
        animation:gear_1 4s linear infinite;
 +
    }
 +
 +
    @-moz-keyframes gear_1 {
 +
        100% {
 +
            -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{
 +
        -webkit-animation:gear_2 4s linear infinite;
 +
        -moz-animation:gear_2 4s linear infinite;
 +
        animation:gear_2 4s linear infinite;
 +
    }
 +
 +
    @-moz-keyframes gear_2 {
 +
        100% {
 +
            -moz-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 {
 +
        position: relative;
 +
        height: 630px;
 +
    }
 +
 +
    .gear-node {
 +
        width: 180px;
 +
        height: 180px;
 +
        position: absolute;
 +
        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 {
 +
        width: 180px;
 +
        height: 180px;
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        z-index: 3;
 +
    }
 +
 +
    .gear-node .line {
 +
        position: absolute;
 +
        height: 0px;
 +
        left: 85px;
 +
        top: 85px;
 +
        border: 2px dashed #bdbec0;
 +
        opacity: 0;
 +
        -webkit-transition: opacity 0.5s ease-in-out;
 +
        transition: opacity 0.5s ease-in-out;
 +
        z-index: -1;
 +
    }
 +
 +
    .gear-node.active .line {
 +
        opacity: 1;
 +
    }
 +
 +
    .profile-cont {
 +
        opacity: 0;
 +
        height: 0;
 +
        overflow: hidden;
 +
        -webkit-transition: opacity 0.5s ease-in-out;
 +
        transition: opacity 0.5s ease-in-out;
 +
    }
 +
 +
    .profile-cont.active {
 +
        opacity: 1;
 +
        height: auto;
 +
    }
 +
 +
 +
    @media screen and (max-width: 1024px) {
 +
 +
        #salt {
 +
            width: 100%
 +
        }
 +
 +
        #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%;
 +
        }
 +
 +
        .gear-node {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
     
 +
        .gear-node .gear {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
    }
 +
 +
    @media screen and (max-width: 980px) {
 +
 +
        #salt {
 +
            width: 100%;
 +
        }
 +
 +
        #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%;
 +
        }
 +
 +
        .gear-node {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
     
 +
        .gear-node .gear {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
    }
 +
 +
 +
    @media screen and (max-width: 650px) {
 +
 +
        #salt {
 +
            width: 100%;
 +
        }
 +
 +
        #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%;
 +
            width: 100%;
 +
        }
 +
 +
        .gear-node {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
     
 +
        .gear-node .gear {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
    }
 +
 +
  
 
@media screen and (max-width: 1280px) {
 
@media screen and (max-width: 1280px) {
Line 220: Line 449:
 
             <li><a href="https://2015.igem.org/Team:UCSC/Fermentation">Fermentation</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Fermentation">Fermentation</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Field">Field</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Field">Field</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Attributions">Attributions</a></li>
 +
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
Line 270: Line 501:
 
</ol>
 
</ol>
 
<br />
 
<br />
−
Thanks to these teams we were able to fund not only project but were able to send our team members to Boston. For a complete list please check our <a href="https://2015.igem.org/Team:UCSC/Attributions" />Attributions</a> page
+
Thanks to these teams we were able to fund not only our project, but fund the travel expenses to Boston. For a complete list please check our <a href="https://2015.igem.org/Team:UCSC/Attributions" />Attributions</a> page.
 
</p>
 
</p>
 +
<br />
 
<p>
 
<p>
 
Finally with such a large team we broke our main project into sub projects.
 
Finally with such a large team we broke our main project into sub projects.
Line 295: Line 527:
  
 
</nav>
 
</nav>
−
 
+
<h1>Advisors</h1>
 +
<p>
 +
We would like to the extend our gratitude to our Advisers, without their support and guidance this project would not have been possible.
 +
</p>
 +
<div class="container">
 +
    <div class="row">
 +
        <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" />
 +
                <img class="profile-picture" src="https://static.igem.org/mediawiki/2015/8/8e/Dom.png" />
 +
                <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/9/9c/Bernick4.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/7/72/Logan.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 class="gear-node" data-node="6" style="top: 285px; left: 265px;">
 +
                <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/51/Jazel.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>
 +
        <div class="col-md-6">
 +
            <div class="profile-cont" data-node="8">
 +
                <table style=" width: 500px;">
 +
                    <tr>
 +
                        <td>
 +
                            <p><b>Dominic "Dom" Schenone</b></p>
 +
                            <img src="https://static.igem.org/mediawiki/2015/9/90/TlehLJ7.jpg" style=" width: 236px; height: 355px;" />
 +
                        </td>
 +
                        <td>
 +
                            <ul class="list-unstyled">
 +
                                <li><span>Biomolecular Engineering &amp; <br/> Electrical Engineering<br /> </span><span>Crown College (UCSC)<br /> 4th Year<br /> From: Etna, CA&nbsp;</span></li>
 +
                            </ul>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
            </div>
 +
            <div class="profile-cont" data-node="9">
 +
                <table style=" width: 500px;">
 +
                    <tr>
 +
                        <td style="width: 250px;">
 +
                            <p><b>David Bernick</b></p>
 +
                            <img src="https://static.igem.org/mediawiki/2015/4/46/UCSC_PIDAVIDBERNICK.jpeg" style=" width: 250px; height: 300px;" />
 +
                        </td>
 +
                        <td style="height: 300px;">
 +
                            <ul class="list-unstyled">
 +
                                <li><span><b>Assistant Adjunct Professor, Biomolecular Engineering</b><br /> <b>Lecturer, Biomolecular Engineering</b><br /> </span></li>
 +
                            </ul>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
            </div>
 +
            <div class="profile-cont" data-node="0">
 +
                <table style=" width: 500px;">
 +
                    <tr>
 +
                        <td>
 +
                            <p><b>Logan Mulroney</b></p>
 +
                            <img src="https://static.igem.org/mediawiki/2015/2/22/Logafull.jpg" style=" width: 236px; height: 370px;" />
 +
                        </td>
 +
                        <td>
 +
                            <ul class="list-unstyled">
 +
                                <li><span>Biomolecular Engineering Ph.D<br /><br /><br /><br /></li>
 +
                            </ul>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
 +
            </div>
 +
<div class="profile-cont" data-node="6">
 +
<table style=" width: 500px;">
 +
                    <tr>
 +
                        <td>
 +
                            <p><b>Jazel Hernandez</b></p>
 +
                            <img src="https://static.igem.org/mediawiki/2015/a/aa/F9xHfZb.jpg" style=" width: 236px; height: 355px;" />
 +
                        </td>
 +
                        <td>
 +
                            <ul class="list-unstyled">
 +
                                <li><span>Biomolecular Engineering &amp; <br/> Biochemistry<br /> </span><span><br /> Recently Transferred to UCSC<br /> From: Gonzales, CA&nbsp;</span></li>
 +
                            </ul>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
</div>
 +
        </div>
 +
    </div>
 +
</div>
 
<br />
 
<br />
 
<br />
 
<br />
Line 328: Line 652:
 
</body>
 
</body>
  
 +
<script>
 +
    jQuery(document).ready(function() {
 +
        jQuery('.gear-node').on('mouseover', function() {
 +
            jQuery('.gear-node').removeClass('active');
 +
            jQuery(this).addClass('active');
 +
            jQuery('.profile-cont').removeClass('active');
 +
            jQuery('.profile-cont[data-node="' + jQuery(this).attr('data-node') + '"]').addClass('active');
 +
        });
 +
    });
 +
</script>
 
</html>
 
</html>

Latest revision as of 01:21, 19 September 2015

Who We Are

The UCSC 2015 iGEM Team consisted of 24 undergraduates, who have come together with a single goal in mind. Bringing forward an array of skills, tools, and techniques, we were able to break our team into micro-teams such as:

  1. Outreach
  2. Grant
  3. Video
  4. Graphic Design
  5. Social Media
  6. Wiki Development

Thanks to these teams we were able to fund not only our project, but fund the travel expenses to Boston. For a complete list please check our Attributions page.


Finally with such a large team we broke our main project into sub projects.
To Read more about our sub projects and our team members' experiences click on the images below:





Advisors

We would like to the extend our gratitude to our Advisers, without their support and guidance this project would not have been possible.

Dominic "Dom" Schenone
  • Biomolecular Engineering &
    Electrical Engineering
    Crown College (UCSC)
    4th Year
    From: Etna, CA 

David Bernick
  • Assistant Adjunct Professor, Biomolecular Engineering
    Lecturer, Biomolecular Engineering

Logan Mulroney
  • Biomolecular Engineering Ph.D

Jazel Hernandez
  • Biomolecular Engineering &
    Biochemistry

    Recently Transferred to UCSC
    From: Gonzales, CA