Difference between revisions of "Team:UCSC/Team"

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 300: Line 529:
 
We would like to the extend our gratitude to our Advisers, without their support and guidance this project would not have been possible.
 
We would like to the extend our gratitude to our Advisers, without their support and guidance this project would not have been possible.
 
</p>
 
</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/9/90/Kv.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/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="profile-cont" data-node="8">
 +
                <table style=" width: 500px;">
 +
                    <tr>
 +
                        <td>
 +
                            <p><b>Kassandra Colao</b></p>
 +
                            <img src="https://static.igem.org/mediawiki/2015/6/6e/YnHcHHt.jpg" style=" width: 236px; height: 355px;" />
 +
                        </td>
 +
                        <td>
 +
                            <ul class="list-unstyled">
 +
                                <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>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
            </div>
 +
            <div class="profile-cont" data-node="9">
 +
                <table style=" width: 500px;">
 +
                    <tr>
 +
                        <td>
 +
                            <p><b>Megana Kunda</b></p>
 +
                            <img src="https://static.igem.org/mediawiki/2015/8/88/Zyhb1HX.jpg" style=" width: 236px; height: 355px;" />
 +
                        </td>
 +
                        <td>
 +
                            <ul class="list-unstyled">
 +
                                <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>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
            </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>
 +
</div>
 
<br />
 
<br />
 
<br />
 
<br />

Revision as of 00:33, 17 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.

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