Team:Minnesota/Team

From 2012.igem.org

(Difference between revisions)
m
m
 
(28 intermediate revisions not shown)
Line 10: Line 10:
$(document).ready(function(){
$(document).ready(function(){
-
//Necessary for all pages
+
 
 +
  // jQuery functions go here...
//vertical autocenter
//vertical autocenter
Line 23: Line 24:
//end vertial autocenter
//end vertial autocenter
-
//social media button switchers
 
-
$("#fbButton").hover(
 
-
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook.png");},         
 
-
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png");}
 
-
);
 
-
$("#twitterButton").hover(
+
//Right nav button functions
-
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter.png");},         
+
-
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png");}
+
-
);
+
-
 
+
-
 
+
-
 
+
-
 
+
-
//main page image switcher
+
$("#mainRightButton1").hover(
$("#mainRightButton1").hover(
     function() {
     function() {
-
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_maroon_txt.png");
+
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_txt.png");
-
       $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png");
+
       //$("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png");
-
       $(".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!");
+
       //$(".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/welcome_gold_txt.png");}
+
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png");}
);
);
$("#mainRightButton2").hover(
$("#mainRightButton2").hover(
     function() {
     function() {
-
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_txt.png");
+
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_txt.png");
-
      $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image4_resized.png");
+
-
      $(".mainContentTextBanner").text("We are a dedicated team of students from the University of Minnesota - Twin Cities working to further the field of synthetic biology scientifically and to make it more accessible to the public! Click the team button on the left to learn more about each of us!");
+
     },           
     },           
-
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png");}
+
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png");}
);
);
$("#mainRightButton3").hover(
$("#mainRightButton3").hover(
     function() {
     function() {
-
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_txt.png");
+
       $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_txt.png");
-
      $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image3_resized.png");
+
-
      $(".mainContentTextBanner").text("Our team is working on projects that both help to develop the field of synthetic biology and are just awesome in general! This year, we are working on making caffeinated bread and a sunscreen that requires only one application. Ever! Click the project button on the left to learn more!");
+
     },           
     },           
-
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png");}
+
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png");}
);
);
Line 69: Line 53:
-
//Team page specific
+
//social media button switchers
-
 
+
$("#fbButton").hover(
-
$("#PSI1").hover(
+
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook.png");},           
-
     function() {
+
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png");}
-
//change opacity and size in future
+
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/George_resized.png");
+
-
      $("#profileSelectorText").text("George!");
+
-
    },           
+
-
     function() {
+
-
//$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");
+
-
    }
+
);
);
-
 
+
$("#twitterButton").hover(
-
 
+
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter.png");},           
-
 
+
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png");}
-
$("#PSI2").hover(
+
-
     function() {
+
-
//change opacity and size in future
+
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/Hannah_resized.png");
+
-
      $("#profileSelectorText").text("Hannah!");
+
-
    },           
+
-
     function() {
+
-
//$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");
+
-
    }
+
);
);
-
 
-
$("#PSI4").hover(
 
-
    function() {
 
-
//change opacity and size in future
 
-
      $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/Misha_resized.png");
 
-
      $("#profileSelectorText").text("Misha Patel\n".bold() + "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.");
 
-
    },         
 
-
    function() {
 
-
//$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");
 
-
    }
 
-
);
 
-
 
Line 117: Line 73:
<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
 
-
.profileSelectorIcon{
 
-
width:75px;
 
-
height:75px;
 
-
border: solid 1px gray;
 
-
opacity:0.8;
 
-
}
 
-
 
-
#profileSelectorImgBox{
 
-
width:150px;
 
-
height:150px;
 
-
border: solid 4px black;
 
-
}
 
-
 
-
#profileSelectorText{
 
-
width:330px;
 
-
height:300px;
 
-
background-color:#660000;
 
-
opacity:0.7;
 
-
font-size:18px;
 
-
color:white;
 
-
padding: 10px;
 
-
}
 
</style>
</style>
-
 
-
<script type="text/javascript">
 
-
 
-
 
-
</script>
 
</head>
</head>
Line 355: Line 82:
<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 365: Line 94:
<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>
<li><a href='https://2012.igem.org/Team:Minnesota/Outreach'>OUTREACH</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Outreach'>OUTREACH</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Safety'>SAFETY</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Sponsors'>SPONSORS</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Sponsors'>SPONSORS</a></li>
</ul>
</ul>
Line 396: Line 127:
<div id="MainBoxContent">
<div id="MainBoxContent">
 +
<img id="MainBoxContentImg" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/team_image_resized.png">
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:20px;">
+
<div class="mainContentTextBanner">
-
<img id="PSI1" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/George_resized.png">
+
Welcome to our team page! Our team is composed of great, enthusiastic, science-loving people! Use the icons on the right to find out more!
-
</div>
+
</div><!--end mainContentTextBanner-->
-
<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>
+
-
<div class="profileSelectorIcon" style="position:absolute;left:180px;top:20px;">
+
-
<img id="PSI3" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Molly_resized.png">
+
-
</div>
+
-
<div class="profileSelectorIcon" style="position:absolute;left:260px;top:20px;">
+
-
<img id="PSI4" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Misha_resized.png">
+
-
</div>
+
-
<div class="profileSelectorIcon" style="position:absolute;left:340px;top:20px;">
+
-
<img id="PSI5" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Maria_resized.png">
+
-
</div>
+
-
<div class="profileSelectorIcon" style="position:absolute;left:420px;top:20px;">
+
-
<img id="PSI6" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Niko_resized.png">
+
-
</div>
+
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:100px;">
+
-
<img id="PSI7" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Michelle_resized.png">
+
-
</div>
+
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:180px;">
+
-
<img id="PSI8" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Nolan_resized.png">
+
-
</div>
+
-
<div class="profileSelectorIcon" style="position:absolute;left:20px;top:260px;">
+
-
<img id="PSI9" width="75" height="75" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/Kyle_resized.png">
+
-
</div>
+
-
 
+
-
<div id="profileSelectorImgBox" style="position:absolute;left:120px; top:110px;">
+
-
<img id="profileSelectorImg" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/George_resized.png">
+
-
</div>
+
-
 
+
-
<div id="profileSelectorText" style="position:absolute;left:300px; top:110px;">
+
-
Hello!
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
</div> <!--end mainboxcontent-->
</div> <!--end mainboxcontent-->
Line 444: Line 138:
<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/welcome_gold_txt.png"></a>
+
<a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png"></a>
</div>
</div>
<div style="position:absolute;left:5px;top:75px;">
<div style="position:absolute;left:5px;top:75px;">
-
<a href="#"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png"></a>
+
<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>
</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/theteam_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>
Line 459: Line 153:
<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>
</div> <!--end mainboxotherlinks-->
</div> <!--end mainboxotherlinks-->
-
 
Line 474: Line 167:
 +
 +
 +
<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:26, 4 October 2012

Team:Minnesota - Main Style Template Team:Minnesota

Like us on FB and follow us on Twitter!
Welcome to our team page! Our team is composed of great, enthusiastic, science-loving people! Use the icons on the right to find out more!