Difference between revisions of "Team:UNebraska-Lincoln/Team"

(Prototype team page)
 
m (test animate)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
<head>
  
 +
<style>
  
 +
.teamSec{
 +
    position:relative;
 +
    height:500px;
 +
}
  
−
<div class="column full_size" >
+
.teamPic{
 +
    position:absolute;
 +
    margin-right:500px;
 +
    border: 5px solid black;
 +
    border-radius:50%;
 +
    height:250px;
 +
    width:auto;
 +
    float:left;
 +
}
  
−
<h1>Team</h1>
+
.teamDesc{
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    display:none;
−
</div>
+
    float:left;
 +
}
  
−
<div class="clear"></div>
+
</style>
  
−
<div class="column half_size" >
+
<script>
−
<h5>Inspiration</h5>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
</div>
+
function showDesc(elem){
  
−
<div class="column half_size" >
+
    //Get all of the children elements
−
<h5>What should this page contain?</h5>
+
    var pic = elem.getElementsByClass("teamPic");
−
<ul>
+
    var desc = elem.getElementById("teamDesc");
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    var member = elem.getElementById("member");
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
    desc.style.display = "inline";
 +
    desc.style.height = "0px";
 +
    member.style.display = "none";
  
 +
    var position = 0;
 +
   
 +
    //Set the interval
 +
    var int = setInterval(move, 5);
 +
 +
    function move(){
 +
        if(position == 250){
 +
            clearInterval(int);
 +
        }else{
 +
            pic.style.margin = 500 - (2 * position) + "px";
 +
            pic.style.height = 250 + position + "px";
 +
            desc.style.height = 2 * position + "px";
 +
            position++;
 +
        }
 +
    }
 +
   
 +
   
 +
 +
}
 +
 +
</script>
 +
 +
 +
 +
<section class=full>
 +
 +
<div>
 +
 +
<h1 style="text-align:center;">MEET THE TEAM</h1>
 +
 +
<section class=teamSec onmouseover="showDesc(this)">
 +
    <img class=teamPic src="pictures/Home/crystal_headShot.png">
 +
    <h2 id=member>Crystal Xu</h2>
 +
    <p class=teamDesc>Crystal will be a junior at Lincoln East high school. She enjoys traveling by long plane rides, eating desserts, and running cross country and track. One day she hopes to become a great surgeon.</p>
 +
</section>
  
 
</div>
 
</div>
 +
 +
</section>
 +
 
</html>
 
</html>

Revision as of 19:30, 12 July 2017

UNL 2017

Helping reduce methane emissions from livestock

Team Collaborations
Description Design Experiments Notebook InterLab Contribution Model Results Attributions
Parts Basic Parts Composite Parts
Safety
Silver HP Integrated and Gold

MEET THE TEAM

Crystal Xu

Crystal will be a junior at Lincoln East high school. She enjoys traveling by long plane rides, eating desserts, and running cross country and track. One day she hopes to become a great surgeon.