Team:Minnesota/Team Students

From 2012.igem.org

(Difference between revisions)
m
m
 
(65 intermediate revisions not shown)
Line 37: Line 37:
-
//main page image switcher
+
//Right nav button functions
 +
var keeper;
$("#mainRightButton1").hover(
$("#mainRightButton1").hover(
     function() {
     function() {
-
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_txt.png");
+
       keeper=$(this).attr("src");
-
       //$("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png");
+
       $(this).attr("src",keeper.replace("img","txt"));
-
      //$(".mainContentTextBanner").text("Welcome to the University of Minnesota iGEM team website! Please take some time to explore around by hovering over the icons on the right for quick blurbs or navigate using the buttons to the left. We hope you enjoy learning about us and what we do!");
+
     },           
     },           
-
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png");}
+
     function() {$(this).attr("src",keeper);}
);
);
$("#mainRightButton2").hover(
$("#mainRightButton2").hover(
     function() {
     function() {
-
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_txt.png");
+
       keeper=$(this).attr("src");
 +
      $(this).attr("src",keeper.replace("img","txt"));
     },           
     },           
-
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png");}
+
     function() {$(this).attr("src",keeper);}
);
);
$("#mainRightButton3").hover(
$("#mainRightButton3").hover(
     function() {
     function() {
-
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_txt.png");
+
       keeper=$(this).attr("src");
 +
      $(this).attr("src",keeper.replace("img","txt"));
     },           
     },           
-
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png");}
+
     function() {$(this).attr("src",keeper);}
);
);
 +
 +
Line 67: Line 71:
//Team page specific
//Team page specific
-
$("#PSI1").hover(
+
function psiAnimationOn(obj, name, description, imgstr){ //function for profile selector image switching on hover
-
    function() {
+
       obj.css("opacity","0.4");
-
//change opacity and size in future
+
       obj.css("filter","alpha(opacity=40)");
-
       $("#PSI1").css("opacity","0.4");
+
       obj.css("width","85px");
-
       $("#PSI1").css("filter","alpha(opacity=40)");
+
      obj.css("height","85px");
-
       $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/George_resized.png");
+
       $("#pstName").css("font-weight","bold");
       $("#pstName").css("font-weight","bold");
-
       $("#pstName").text("George Chao");
+
       $("#pstName").text(name);
       $("#pstDescription").css("font-size",14);
       $("#pstDescription").css("font-size",14);
-
       $("#pstDescription").text("George is double majoring in Genetics, Cell Biology and Development and Computer Science. He plans to attend graduate school, and hopefully direct a lab in the future. His interests include ballroom dance, food, programming, video games, rollerblading, and biking. If he needs a caffeine boost George will drink an iced mocha with no whipped cream or an energy drink (NOS and Rockstar Black Citrus being his personal favorites). To protect himself from the sun he stays indoors (he’s a researcher, what do you expect?). His movie character alter ego: Harold Crick from Stranger than Fiction.");
+
       $("#pstDescription").text(description);
-
    },         
+
      $("#profileSelectorImg").attr("src",imgstr);
-
    function() {
+
     
-
       $("#PSI1").css("opacity","1");
+
}
-
       $("#PSI1").css("filter","alpha(opacity=100)");
+
function psiAnimationOff(obj){//function for profile selector image switching on mouse-off
-
       $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_maroon_img.png");
+
       obj.css("opacity","1");
 +
       obj.css("filter","alpha(opacity=100)");
 +
      obj.css("width","75px");
 +
      obj.css("height","75px");
 +
       $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/student_prof_separator.png");
       $("#pstName").text("");
       $("#pstName").text("");
       $("#pstDescription").css("font-size",18);
       $("#pstDescription").css("font-size",18);
-
       $("#pstDescription").text("Please mouse over each icon to learn about our team members!");
+
       $("#pstDescription").text("Please mouse over each icon to learn about our hardworking undergraduate team members!");
 +
}
 +
 
 +
 
 +
$("#PSI1").hover(
 +
    function() {
 +
      var thisNameStr = "George Chao";
 +
      var desStr = "George is double majoring in Genetics, Cell Biology and Development and Computer Science. He plans to attend graduate school, and hopefully direct a lab in the future. His interests include ballroom dance, food, programming, video games, rollerblading, and biking. If he needs a caffeine boost George will drink an iced mocha with no whipped cream or an energy drink (NOS and Rockstar Black Citrus being his personal favorites). To protect himself from the sun he stays indoors (he’s a researcher, what do you expect?). His movie character alter ego: Harold Crick from Stranger than Fiction.";
 +
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/George_resized.png";
 +
      psiAnimationOn($("#PSI1"),thisNameStr, desStr, imgStr);
 +
    },
 +
    function(){
 +
      psiAnimationOff($("#PSI1"));
     }
     }
 +
   
);
);
-
 
-
 
$("#PSI2").hover(
$("#PSI2").hover(
     function() {
     function() {
-
       $("#PSI2").css("opacity","0.4");
+
       var thisNameStr = "Hannah Aho";
-
      $("#PSI2").css("filter","alpha(opacity=40)");
+
       var desStr = "Hannah has a BS in Genetics, Cell Biology and Development and is working towards a BA in French. She plans to attend medical school to become a urogynecologist. Her interests include Islamic feminist literature (especially from Algeria), sexual health education, le Fantastique, Korean cinema, listening to music, and watching old zombie movies. She consumes caffeine in the form of coffee (hot or iced) with heavy cream. She protects herself from the sun by wearing SPF 60 sunscreen every day, rain or shine. Her TV character alter ego: Ron Swanson from Parks and Recreation.";
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/Hannah_resized.png");
+
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Hannah_resized.png";
-
      $("#pstName").css("font-weight","bold");
+
      psiAnimationOn($("#PSI2"),thisNameStr, desStr, imgStr);
-
      $("#pstName").text("Hannah Aho");
+
-
       $("#pstDescription").css("font-size",14);
+
-
      $("#pstDescription").text("Hannah has a BS in Genetics, Cell Biology and Development and is working towards a BA in French. She plans to attend medical school to become a urogynecologist. Her interests include Islamic feminist literature (especially from Algeria), sexual health education, le Fantastique, Korean cinema, listening to music, and watching old zombie movies. She consumes caffeine in the form of coffee (hot or iced) with heavy cream. She protects herself from the sun by wearing SPF 60 sunscreen every day, rain or shine. Her TV character alter ego: Ron Swanson from Parks and Recreation.");
+
     },           
     },           
     function() {
     function() {
-
       $("#PSI2").css("opacity","1");
+
       psiAnimationOff($("#PSI2"));
-
      $("#PSI2").css("filter","alpha(opacity=100)");
+
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_maroon_img.png");
+
-
      $("#pstName").text("");
+
-
      $("#pstDescription").css("font-size",18);
+
-
      $("#pstDescription").text("Please mouse over each icon to learn about our team members!");
+
     }
     }
);
);
 +
$("#PSI3").hover(
$("#PSI3").hover(
     function() {
     function() {
-
       $("#PSI3").css("opacity","0.4");
+
       var thisNameStr = "Molly Swanson";
-
      $("#PSI3").css("filter","alpha(opacity=40)");
+
       var desStr = "Molly studies in Genetics, Cell Biology and Development. Molly’s favorite activities include anything that has to do with food (eating, cooking, and baking) and herb gardening. At a coffee shop, she typically orders an iced latte with whole milk. She protects herself from the sun by applying SPF 45 to her skin when she is outside.";
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/Molly_resized.png");
+
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Molly_resized.png";
-
      $("#pstName").css("font-weight","bold");
+
      psiAnimationOn($("#PSI3"),thisNameStr, desStr, imgStr);
-
      $("#pstName").text("Molly Swanson");
+
-
       $("#pstDescription").css("font-size",14);
+
-
      $("#pstDescription").text("Molly studies in Genetics, Cell Biology and Development. Molly’s favorite activities include anything that has to do with food (eating, cooking, and baking) and herb gardening. At a coffee shop, she typically orders an iced latte with whole milk. She protects herself from the sun by applying SPF 45 to her skin when she is outside.");
+
     },           
     },           
     function() {
     function() {
-
       $("#PSI3").css("opacity","1");
+
       psiAnimationOff($("#PSI3"));
-
      $("#PSI3").css("filter","alpha(opacity=100)");
+
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_maroon_img.png");
+
-
      $("#pstName").text("");
+
-
      $("#pstDescription").css("font-size",18);
+
-
      $("#pstDescription").text("Please mouse over each icon to learn about our team members!");
+
     }
     }
);
);
 +
 +
$("#PSI4").hover(
$("#PSI4").hover(
     function() {
     function() {
-
       $("#PSI4").css("opacity","0.4");
+
       var thisNameStr = "Misha Patel";
-
       $("#PSI4").css("filter","alpha(opacity=40)");
+
       var desStr = "Misha is a neuroscience major and plans to attend graduate school in the future. She likes to draw, read, watch television and bake in her free time. When Misha goes to a coffee shop, she orders a small french roast with milk and two sugars. In order to protect herself from the sun, she wears sunglasses when she is outside. Her TV character alter ego: Luke from Modern Family.";
-
       $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/Misha_resized.png");
+
       var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Misha_resized.png";
-
       $("#pstName").css("font-weight","bold");
+
       psiAnimationOn($("#PSI4"),thisNameStr, desStr, imgStr);
-
       $("#pstName").text("Misha Patel");
+
    },
-
      $("#pstDescription").css("font-size",14);
+
    function() {
-
       $("#pstDescription").text("Misha is a neuroscience major and plans to attend graduate school in the future. She likes to draw, read, watch television and bake in her free time. When Misha goes to a coffee shop, she orders a small french roast with milk and two sugars. In order to protect herself from the sun, she wears sunglasses when she is outside. Her TV character alter ego: Luke from Modern Family.");
+
       psiAnimationOff($("#PSI4"));
 +
    }
 +
);
 +
 
 +
 
 +
 
 +
$("#PSI5").hover(
 +
    function() {
 +
       var thisNameStr = "Maria Filsinger";
 +
      var desStr = "Maria is a high school student interested in Bioengineering and Biology, both of which she plans to study at Stanford University this fall. She would eventually like to attend graduate school. Her interests include horseback riding and volunteering to tutor students in at-risk neighborhoods in Minneapolis. Her favorite way to consume caffeine is in the form of chocolate and she uses SPF 15 to protect herself from the sun. Her movie character alter ego: Mulan.";
 +
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Maria_resized.png";
 +
      psiAnimationOn($("#PSI5"),thisNameStr, desStr, imgStr);
     },           
     },           
     function() {
     function() {
-
      $("#PSI4").css("opacity","1");
+
        psiAnimationOff($("#PSI5"));
-
      $("#PSI4").css("filter","alpha(opacity=100)");
+
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_maroon_img.png");
+
-
      $("#pstName").text("");
+
-
      $("#pstDescription").css("font-size",18);
+
-
      $("#pstDescription").text("Please mouse over each icon to learn about our team members!");
+
     }
     }
);
);
 +
$("#PSI6").hover(
 +
    function() {
 +
      var thisNameStr = "Niko Le Mieux";
 +
      var desStr = "Niko studies Biology and is unsure of whether he wishes to attend graduate school or medical school. His interests include mixing electronic music, weightlifting, swimming, and cooking. He enjoys caffeine in the form of a Red Bull, an iced mocha, or any type of tea (except Jasmine tea). He protects himself from the sun by staying indoors or by getting a base tan to prevent sunburn. His TV character alter ego: Jonny Bravo.";
 +
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Niko_resized.png";
 +
      psiAnimationOn($("#PSI6"),thisNameStr, desStr, imgStr);
 +
    },         
 +
    function() {
 +
        psiAnimationOff($("#PSI6"));
 +
    }
 +
);
 +
$("#PSI7").hover(
 +
    function() {
 +
      var thisNameStr = "Michelle Goettge";
 +
      var desStr = "Michelle’s field of study is Microbiology and she plans to attend graduate school at the University of Illinois starting this fall. Her interests include hiking, camping, biking, swimming, soccer, ultimate Frisbee and football. She also enjoys reading and watching movies. To get her daily dose of caffeine, Michelle enjoys a black coffee in the morning. She protects herself from the sun with massive amounts of sunscreen. Her movie character alter ego: Dr. Horrible from Dr. Horrible’s Sing-Along Blog.";
 +
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Michelle_resized.png";
 +
      psiAnimationOn($(this),thisNameStr, desStr, imgStr);
 +
    },         
 +
    function() {
 +
        psiAnimationOff($(this));
 +
    }
 +
);
 +
 +
$("#PSI8").hover(
 +
    function() {
 +
      var thisNameStr = "Nolan Kennedy";
 +
      var desStr = "Nolan is studying Genetics, Cell Biology and Development and has future plans to attend graduate school, receive a PhD, and continue in research. His interests include fishing, playing and watching sports, reading, and learning about nerdy things. If he needs a caffeine boost, he can be seen enjoying a vanilla iced latté. To protect himself from the sun he uses green cellophane as he is allergic to most kinds of sunscreen. His TV character alter ego: The Janitor from Scrubs.";
 +
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Nolan_resized.png";
 +
      psiAnimationOn($(this),thisNameStr, desStr, imgStr);
 +
    },         
 +
    function() {
 +
        psiAnimationOff($(this));
 +
    }
 +
);
 +
 +
$("#PSI9").hover(
 +
    function() {
 +
      var thisNameStr = "Kyle Smith";
 +
      var desStr = "Kyle is majoring in microbiology and plans on going to graduate school. He likes to be outside, play sports and have fun. When Kyle goes to a coffee shop, he orders black coffee with an extra shot of espresso. Instead of protecting himself from the sun’s rays, he embraces the sunlight. His TV character alter egos: Sterling Archer or Gregory House.";
 +
      var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Kyle_resized.png";
 +
      psiAnimationOn($(this),thisNameStr, desStr, imgStr);
 +
    },         
 +
    function() {
 +
        psiAnimationOff($(this));
 +
    }
 +
);
Line 162: Line 219:
<style type="text/css">
<style type="text/css">
-
 
-
#ContentAll{
 
-
position:absolute;
 
-
width:1000px;
 
-
height:700px;
 
-
/*autocenter horizontally*/
 
-
left:50%;
 
-
margin-left:-500px;
 
-
 
-
background-color:#E17E7E;
 
-
}
 
-
 
-
 
-
#MainBanner{
 
-
/*set to be flush against content*/
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
margin:0px;
 
-
padding:0px;
 
-
width:1000px;
 
-
height:150px;
 
-
background-color:white;
 
-
 
-
 
-
}
 
-
 
-
#SideBarAll{
 
-
/*set to be flush against left and MainBanner*/
 
-
position:absolute;
 
-
top:150px;
 
-
left:0px;
 
-
width:200px;
 
-
height:550px;
 
-
background-color:white;
 
-
}
 
-
 
-
#MainBoxAll{
 
-
/*set to be flush against MainBanner and SideBarAll*/
 
-
position:absolute;
 
-
top:150px;
 
-
left:200px;
 
-
width: 800px;
 
-
height:550px;
 
-
background-color:white;
 
-
}
 
-
 
-
#MainBoxContent{
 
-
position:absolute;
 
-
width:750px;
 
-
height:450px;
 
-
background-color:gray;
 
-
left:25px;
 
-
top:25px;
 
-
}
 
-
 
-
#MainBoxOtherLinks{
 
-
position:absolute;
 
-
width: 800px;
 
-
height: 75px;
 
-
background-color: white;
 
-
top: 475px;
 
-
}
 
-
 
-
#MainBoxOtherLinks p.otherLinks{
 
-
position:absolute;
 
-
left:200px;
 
-
top:25px;
 
-
background-color: none;
 
-
color: gray;
 
-
 
-
}
 
-
 
-
#MainBoxOtherLinks p.otherLinks a{
 
-
  text-decoration:none;
 
-
  color: gray;
 
-
}
 
-
 
-
#MainBoxOtherLinks p.otherLinks a:hover{
 
-
  text-decoration:underline;
 
-
}
 
-
 
-
 
-
body{
 
-
background-color:gray;
 
-
}
 
-
 
-
/*end container boxs*/
 
-
 
-
/*Start Revised sidebar styles*/
 
-
 
-
.sideNavBar2
 
-
{
 
-
position:absolute;
 
-
top:25px;
 
-
left:0px;
 
-
margin:0;
 
-
padding:0;
 
-
border:0px;
 
-
}
 
-
 
-
.sideNavBar2 ul li
 
-
{
 
-
list-style:none;
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
 
-
.sideNavBar2 a{
 
-
    font-family: Trebuchet MS, Verdana, Century Gothic, Tahoma, sans-serif;
 
-
    font-size:20px;
 
-
    //font-weight:600;
 
-
 
-
    padding-top:5px;
 
-
    padding-left:15px;
 
-
 
-
 
-
    text-decoration:none;
 
-
    background-color:white;
 
-
    display:block;
 
-
    width:150px;
 
-
    height:35px;
 
-
}
 
-
 
-
.sideNavBar2 a:link {
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style:none none none solid;
 
-
    border-color:white;
 
-
    color: gray;
 
-
 
-
}
 
-
 
-
.sideNavBar2 a:visited {
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style:none none none solid;
 
-
    border-color:white;
 
-
    color: gray;
 
-
}
 
-
 
-
.sideNavBar2 a:hover { /*cool button*/
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style: none none none solid;
 
-
    border-color:#660000 #660000 #660000 #660000;
 
-
    color: #FBB917;
 
-
}
 
-
.sideNavBar2 a:active {
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style: none none none solid;
 
-
    border-color:#660000 #660000 #660000 #660000;
 
-
    color: #FBB917;
 
-
}
 
-
 
-
.sideNavBar2 a.current{ /*force black for current button*/
 
-
    color: #660000;
 
-
}
 
-
 
-
.sideNavBar2 a.current:hover{ /*allow for gold to still happen for current button*/
 
-
    color: #FBB917;
 
-
}
 
-
 
-
.sideSocialMediaButtons{
 
-
position:absolute;
 
-
width:120px;
 
-
height:60px;
 
-
top:460px;
 
-
left:30px;
 
-
background-color:white;
 
-
}
 
-
 
-
 
-
/*End Revised sidebar styles*/
 
-
 
-
/*Start Main Content items*/
 
-
.rightNavButtons {
 
-
position:absolute;
 
-
top:140px;
 
-
left:695px;
 
-
width:80px;
 
-
height:220px;
 
-
background-color:transparent;
 
-
}
 
-
 
-
.rightNavButtons a{
 
-
display:block;
 
-
}
 
-
 
-
.mainContentTextBanner{
 
-
position:absolute;
 
-
top:350px;
 
-
left:0px;
 
-
width:730px;
 
-
height:80px;
 
-
background-color:#660000;
 
-
opacity:0.7;
 
-
font-size:20px;
 
-
color:white;
 
-
padding: 10px;
 
-
}
 
-
 
-
 
//Team Page specific
//Team Page specific
Line 388: Line 245:
padding: 10px;
padding: 10px;
}
}
 +
</style>
</style>
Line 402: Line 260:
<div id="ContentAll">
<div id="ContentAll">
 +
<div id="MainBannerImage">
 +
<img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/MainBanner_trans.png">
 +
</div>
<div id="MainBanner">
<div id="MainBanner">
-
<img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/MainBanner_compressed.png">
 
</div>
</div>
Line 412: Line 272:
<li><a class="current" href='https://2012.igem.org/Team:Minnesota/Team'>TEAM</a></li>
<li><a class="current" href='https://2012.igem.org/Team:Minnesota/Team'>TEAM</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Software'>SOFTWARE</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li>
Line 443: Line 304:
<div id="MainBoxAll">
<div id="MainBoxAll">
-
<div id="MainBoxContent">
+
<div id="MainBoxContent" style="background-color:white;">
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:20px;">
+
<div id="separator" style="position:absolute;left:20px;top:0px;z-index:0;">
-
<img id="PSI1" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/George_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/student_prof_separator.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:100px;top:20px;">
+
 
-
<img id="PSI2" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Hannah_resized.png">
+
<div id="PSI1" style="position:absolute;left:100px;top:0px;z-index:0;">
 +
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/George_resized.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:180px;top:20px;">
+
<div id="PSI2" style="position:absolute;left:180px;top:0px;z-index:0;">
-
<img id="PSI3" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Molly_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Hannah_resized.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:260px;top:20px;">
+
<div id="PSI3" style="position:absolute;left:260px;top:0px;z-index:0;">
-
<img id="PSI4" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Misha_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Molly_resized.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:340px;top:20px;">
+
<div id="PSI4" style="position:absolute;left:340px;top:0px;z-index:0;">
-
<img id="PSI5" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Maria_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Misha_resized.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:420px;top:20px;">
+
<div id="PSI5" style="position:absolute;left:420px;top:0px;z-index:0;">
-
<img id="PSI6" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Niko_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Maria_resized.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:100px;">
+
<div id="PSI7" style="position:absolute;left:20px;top:80px;z-index:0;">
-
<img id="PSI7" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Michelle_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Michelle_resized.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:180px;">
+
<div id="PSI8" style="position:absolute;left:20px;top:160px;z-index:0;">
-
<img id="PSI8" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Nolan_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Nolan_resized.png">
</div>
</div>
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:260px;">
+
<div id="PSI6" style="position:absolute;left:20px;top:240px;z-index:0;">
-
<img id="PSI9" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Kyle_resized.png">
+
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Niko_resized.png">
 +
</div>
 +
<div id="PSI9" style="position:absolute;left:20px;top:320px;z-index:0;">
 +
<img width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Kyle_resized.png">
</div>
</div>
-
<div id="profileSelectorImgBox" style="position:absolute;left:120px; top:110px; margin-left:auto; margin-right:auto; background-color:white;">
+
<div id="profileSelectorImgBox" style="position:absolute;left:120px; top:100px; margin-left:auto; margin-right:auto; background-color:white;">
-
<img id="profileSelectorImg" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/students_maroon_img.png">
+
<img id="profileSelectorImg" style="width:150px;height:150px" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/student_prof_separator.png">
</div>
</div>
-
<div id="profileSelectorText" style="position:absolute;left:300px; top:110px;">
+
<div id="profileSelectorText" style="position:absolute;left:300px; top:100px;">
<p id="pstName">
<p id="pstName">
</p>
</p>
<p id="pstDescription">
<p id="pstDescription">
-
Please mouse over each icon to learn about our team members!
+
Please mouse over each icon to learn about our hardworking undergraduate team members!
</p>
</p>
</div>
</div>
Line 496: Line 361:
<div class="rightNavButtons">
<div class="rightNavButtons">
<div style="position:absolute;left:5px;top:0px;">
<div style="position:absolute;left:5px;top:0px;">
-
<a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png"></a>
+
<a href="https://2012.igem.org/Team:Minnesota/Team"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png"></a>
</div>
</div>
<div style="position:absolute;left:5px;top:75px;">
<div style="position:absolute;left:5px;top:75px;">
-
<a href="https://2012.igem.org/Team:Minnesota/Team_Students"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png"></a>
+
<a href="#"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/students_maroon_img.png"></a>
</div>
</div>
<div style="position:absolute;left:5px;top:150px;">
<div style="position:absolute;left:5px;top:150px;">
-
<a href="#"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png"></a>
+
<a href="https://2012.igem.org/Team:Minnesota/Team_Mentors_Advisors"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png"></a>
</div>
</div>
</div><!--end rightNavButtons-->
</div><!--end rightNavButtons-->
 +
<div id="MainBoxOtherLinks">
<div id="MainBoxOtherLinks">
<p class="otherLinks">
<p class="otherLinks">
-
<a href="https://2012.igem.org/Main_Page">iGEM Home</a> | <a href="https://igem.org/Team.cgi">Team Minnesota Info</a> |  
+
<a href="https://2012.igem.org/Main_Page">iGEM Home</a> | <a href="https://2012.igem.org/Team:Minnesota/Judges" style="color:red;">iGEM Judge-Click Here!</a> | <a href="https://igem.org/Team.cgi?id=814">Team Minnesota Info</a> |  
-
<a href="http://www1.umn.edu/twincities/index.html">University of Minnesota Home</a>
+
<a href="http://www1.umn.edu/twincities/index.html">University of Minnesota Home</a> |  <a href="https://2012.igem.org/Team:Minnesota/Contact">Contact Us!</a>
</p>
</p>
Line 526: Line 392:
 +
 +
 +
<div class="hidden">
 +
<script type="text/javascript">
 +
<!--//--><![CDATA[//><!--
 +
var images = new Array()
 +
function preload() {
 +
for (i = 0; i < preload.arguments.length; i++) {
 +
images[i] = new Image()
 +
images[i].src = preload.arguments[i]
 +
}
 +
}
 +
preload(
 +
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image4_resized.png",
 +
 +
)
 +
//--><!]]>
 +
</script>
 +
</div>
</body>
</body>

Latest revision as of 02:27, 4 October 2012

Team:Minnesota - Main Style Template Team:Minnesota

Like us on FB and follow us on Twitter!

Please mouse over each icon to learn about our hardworking undergraduate team members!

Retrieved from "http://2012.igem.org/Team:Minnesota/Team_Students"