Team:Minnesota/Team

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Team:Minnesota/Templates/Minnesota_Main_Style}}
-
 
+
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
<title>Team:Minnesota</title>
 +
 
 +
<script type="text/javascript" src="jquery.js"></script>
 +
<script type="text/javascript">
 +
 
 +
 
 +
$(document).ready(function(){
 +
 
 +
  // jQuery functions go here...
 +
 
 +
//vertical autocenter
 +
$(window).resize(function(){
 +
  $('#ContentAll').css({
 +
    position:'absolute',
 +
    top: ($(window).height() - $('#ContentAll').outerHeight())/2
 +
  });
 +
});
 +
 
 +
$(window).resize();
 +
//end vertial autocenter
 +
 
 +
 
 +
//Right nav button functions
 +
 
 +
$("#mainRightButton1").hover(
 +
    function() {
 +
      $(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");
 +
      //$(".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");}
 +
);
 +
 
 +
$("#mainRightButton2").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_txt.png");
 +
    },         
 +
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png");}
 +
);
 +
 
 +
$("#mainRightButton3").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_txt.png");
 +
    },         
 +
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png");}
 +
);
 +
 
 +
 
 +
 
 +
 
 +
//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(
 +
    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");}
 +
);
 +
 
 +
 
 +
 
 +
}); //ends .ready function
 +
 +
 
 +
 
 +
</script>
 +
 
 +
<style type="text/css">
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
<div id="ContentAll">
 +
 
 +
<div id="MainBannerImage">
 +
<img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/MainBanner_trans.png">
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div id="MainBanner">
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
<div id="SideBarAll">
 +
<div class="sideNavBar2">
 +
<ul>
 +
<li><a href='https://2013.igem.org/Team:Minnesota'>HOME</a></li>
 +
<li><a class="current" href='https://2013.igem.org/Team:Minnesota/Team'>TEAM</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Software'>SOFTWARE</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Outreach'>OUTREACH</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Safety'>SAFETY</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Sponsors'>SPONSORS</a></li>
 +
</ul>
</div>
</div>
 +
 +
<div class="sideSocialMediaButtons">
 +
<div style="position:absolute; left:6px; top:6px;">
 +
<a href="http://www.facebook.com/GopheriGEM2013">
 +
<img id="fbButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png">
 +
</a>
</div>
</div>
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<div style="position:absolute; left:66px; top:6px;">
 +
<a href="https://twitter.com/GopheriGEM">
 +
<img id="twitterButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png">
 +
</a>
 +
</div>
 +
</div> <!--End sideSocialMediaButtons-->
 +
<!--temp area for guide to social media-->
 +
<div style="position:absolute; top:420px; left:20px;font-family:Verdana;font-size:15;">
 +
Like us on FB and follow us on Twitter!
 +
</div>
-
{|align="justify"
+
</div> <!--End sideBarAll-->
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
-
|[[Image:Minnesota_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
|[[Image:Minnesota_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Minnesota | Team Minnesota]]
+
-
|}
+
 +
<div id="MainBoxAll">
-
<!--- The Mission, Experiments --->
+
<div id="MainBoxContent">
 +
<img id="MainBoxContentImg" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/team_image_resized.png">
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div class="mainContentTextBanner">
-
!align="center"|[[Team:Minnesota|Home]]
+
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!
-
!align="center"|[[Team:Minnesota/Team|Team]]
+
</div><!--end mainContentTextBanner-->
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Minnesota Official Team Profile]
+
-
!align="center"|[[Team:Minnesota/Project|Project]]
+
-
!align="center"|[[Team:Minnesota/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Minnesota/Modeling|Modeling]]
+
-
!align="center"|[[Team:Minnesota/Notebook|Notebook]]
+
-
!align="center"|[[Team:Minnesota/Safety|Safety]]
+
-
!align="center"|[[Team:Minnesota/Attributions|Attributions]]
+
-
|}
+
 +
</div> <!--end mainboxcontent-->
 +
<div class="rightNavButtons">
-
== '''Who we are''' ==
+
<div style="position:absolute;left:5px;top:0px;">
-
{|border = "0"
+
<a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png"></a>
-
|-
+
</div>
-
|rowspan="3"|
+
<div style="position:absolute;left:5px;top:75px;">
 +
<a href="https://2013.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 style="position:absolute;left:5px;top:150px;">
 +
<a href="https://2013.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><!--end rightNavButtons-->
 +
<div id="MainBoxOtherLinks">
 +
<p class="otherLinks">
 +
<a href="https://2013.igem.org/Main_Page">iGEM Home</a> | <a href="https://2013.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="https://2013.igem.org/Team:Minnesota/Contact">Contact Us!</a>
 +
</p>
-
'''Advisors:'''
+
</div> <!--end mainboxotherlinks-->
-
*''' Advisor 1''':    Mentor for all
 
-
*'''Advisor 2''':      Our favorite
 
-
*'''Grad Student 1''':    Our leader 
 
 +
</div> <!--end mainboxall-->
-
'''Undergrads:'''
 
-
*'''Student 1''':    Sleepyhead
+
</div> <!--end content all-->
-
*'''Student 2''':    Math nerd
+
-
*'''Student 3''':    Is going to save the world
+
-
*'''Student 4''':    Loves iGEM
+
-
*'''Student 5''':  A normal student... or(r) am I?
+
-
*'''Student 6''':  Table football fan
+
-
*'''Student 7''':
+
-
|
 
-
<gallery>
 
-
Image:Example2_Team_member_1.png|Team member 1
 
-
Image:Example2_Team_member_2.png|Team member 2
 
-
Image:Example2_Team_member_3.png|Team member 3
 
-
Image:Example2_Team_member_4.png|Team member 4
 
-
Image:Example2_Team_member_5.png|Team member 5
 
-
Image:Example2_Team_member_6.png|Team member 6
 
-
Image:Example2_Team_member_7.png|Team member 7
 
-
</gallery>
 
-
|}
 
-
== '''What we did''' ==
 
-
(Provide proper attribution for all work)
 
 +
<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",
-
== '''Where we're from''' ==
+
)
 +
//--><!]]>
 +
</script>
 +
</div>
 +
</body>
 +
 
 +
 
 +
 
 +
</html>

Revision as of 08:07, 13 July 2013

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!