Difference between revisions of "Team:UCSC/Team"

 
(47 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>
−
         <li><a href="https://2015.igem.org/Team:UCSC/Project">Project</a></li>
+
         <li><a href="https://2015.igem.org/Team:UCSC/Description">Project</a></li>
 
           <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
 
           <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
             <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li>
−
             <li><a href="https://2015.igem.org/Team:UCSC/Bioethics">Bioethics</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Practices">Bioethics</a></li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
Line 236: Line 467:
 
         </li>
 
         </li>
 
         <li><a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a></li>
 
         <li><a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a></li>
−
        <li><a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a></li>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Achievements<span class="caret"></span></a>
−
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">F.O.C.U.S<span class="caret"></span></a>
+
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
−
             <li><a href="https://2015.igem.org/Team:UCSC/FOCUS_Works">How it works</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a></li>
−
             <li><a href="https://2015.igem.org/Team:UCSC/FOCUS_Devs">Developers</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Medal_Fulfillment">Medal Fulfillment</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Results">Results</a></li>
 +
 
 +
          </ul>
 +
 
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Software">Software</a></li>
 
              
 
              
 
       </ul>
 
       </ul>
Line 249: Line 484:
  
 
<!--First Block -->
 
<!--First Block -->
 +
<div id="salt">
 +
<img src="https://static.igem.org/mediawiki/2015/b/b9/UCSC_Team.png" />
 +
</div>
  
 
<div id="our_content" align="center">
 
<div id="our_content" align="center">
−
<img src="https://static.igem.org/mediawiki/2015/7/73/Ucsclogo.png" width="99%" height="99%" />
+
<h1>Who We Are</h1>
−
<img src="https://static.igem.org/mediawiki/2015/3/3f/Ucsc_slogan.png" />
+
<p style="text-align: left;">
 +
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:
 +
<ol style="text-align: left;">
 +
<li>Outreach</li>
 +
<li>Grant</li>
 +
<li>Video</li>
 +
<li>Graphic Design</li>
 +
<li>Social Media</li>
 +
<li>Wiki Development</li>
 +
</ol>
 +
<br />
 +
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>
 +
<br />
 
<p>
 
<p>
−
 
+
Finally with such a large team we broke our main project into sub projects.
 +
<br />
 +
To Read more about our sub projects and our team members' experiences click on the images below:
 
</p>
 
</p>
 +
  
 
<br />
 
<br />
Line 271: Line 525:
 
<br />
 
<br />
 
<br />
 
<br />
−
<table class="center">
 
−
<tr>
 
−
    <td><a href="https://2015.igem.org/Team:UCSC/Project"><img src="https://static.igem.org/mediawiki/2015/3/3c/Ucsc_sustainability.jpg" width="350" height="200"></a></td>
 
−
    <td><img src="https://static.igem.org/mediawiki/2015/4/41/Sammythumbsup.png" width="350" height="300"></a></td>
 
−
    <td><a href="https://2015.igem.org/Team:UCSC/Outreach"><img src="https://static.igem.org/mediawiki/2015/3/32/Ucsc_outreach.jpg" width="350" height="200"></a></td>
 
−
  </tr>
 
−
</table>
 
−
</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 293: Line 633:
  
 
<div id="foot" class="center foot">
 
<div id="foot" class="center foot">
−
<img src="https://static.igem.org/mediawiki/2015/8/80/Cellulose_Footer.png" width="25%" /><img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">&nbsp;&nbsp; <a href="https://2015.igem.org/Team:UCSC">Home</a> | <a href="https://2015.igem.org/Team:UCSC/Team">Teams</a> | <a href="https://2015.igem.org/Team:UCSC/Project">Project</a> | <a href="https://2015.igem.org/Team:UCSC/Outreach">Human Practices</a> | <a href="https://2015.igem.org/Team:UCSC/Logs">Notebook</a> | <a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a> | <a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a> | <a href="https://2015.igem.org/Team:UCSC/Software">F.O.C.U.S</a> &nbsp;&nbsp; <img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">
+
<img src="https://static.igem.org/mediawiki/2015/8/80/Cellulose_Footer.png" width="20%" /><img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">&nbsp;&nbsp; <a href="https://2015.igem.org/Team:UCSC">Home</a> | <a href="https://2015.igem.org/Team:UCSC/Team">Teams</a> | <a href="https://2015.igem.org/Team:UCSC/Description">Project</a> | <a href="https://2015.igem.org/Team:UCSC/Practices">Human Practices</a> | <a href="https://2015.igem.org/Team:UCSC/Logs">Notebook</a> | <a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a> | <a href="https://2015.igem.org/Team:UCSC/Parts">Achievements</a> | <a href="https://2015.igem.org/Team:UCSC/Software">F.O.C.U.S</a> &nbsp;&nbsp; <img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">
−
<img src="https://static.igem.org/mediawiki/2015/4/4c/Fuel_Footer.png"  width="25%"/>
+
<img src="https://static.igem.org/mediawiki/2015/4/4c/Fuel_Footer.png"  width="20%"/>
  
 
<ul id="menu">
 
<ul id="menu">
−
<li><img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" style="width: 148px; height:148px;" /></li>
+
<li><img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" style="width: 88px; height:88px;" /></li>
  
−
<li><img src="https://static.igem.org/mediawiki/2015/0/03/Vwr.png" /></li>
+
<li><img src="https://static.igem.org/mediawiki/2015/0/03/Vwr.png" style="width: 241px; height: 50px "/></li>
  
−
<li><img src="https://static.igem.org/mediawiki/2015/6/62/Ucsc.png" style="width: 348px; height: 98px;" /></li>
+
<li><img src="https://static.igem.org/mediawiki/2015/6/62/Ucsc.png" style="width: 288px; height: 68px;" /></li>
  
−
<li><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" style="width: 348px; height: 148px; " /></li>
+
<li><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" style="width: 288px; height: 88px; " /></li>
  
−
<li><img src="https://static.igem.org/mediawiki/2015/3/34/Idt.jpg" style="width: 148px; height: 148px;" /></li>
+
<li><img src="https://static.igem.org/mediawiki/2015/3/34/Idt.jpg" style="width: 88px; height: 88px;" /></li>
  
 
</ul>
 
</ul>
Line 312: 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