Team:Minnesota

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(24 intermediate revisions not shown)
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
 +
 
 +
 
 +
//main page image switcher
 +
 
 +
$("#mainRightButton1").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_maroon_txt.png");
 +
      $("#mainRightButton2").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png");
 +
      $("#mainRightButton3").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png");
 +
      $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png");
 +
      $(".mainContentTextBanner").text("Welcome to the University of Minnesota's 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 our project!");
 +
    },         
 +
    function() {
 +
//actually dont need to do anything on mouseout
 +
//$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");
 +
}
 +
);
 +
 
 +
$("#mainRightButton2").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_txt.png");
 +
      $("#mainRightButton1").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");
 +
      $("#mainRightButton3").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png");
 +
      $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image4_resized.png");
 +
      $(".mainContentTextBanner").text("Our team is working on projects that both help to scientifically develop the field of synthetic biology and make it more accessible to the public! This year, we are designing a vector system to express human insulin in Pichia pastoris. Check the project page on the left to learn more!");
 +
    },         
 +
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_img.png");}
 +
);
 +
 
 +
$("#mainRightButton3").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_txt.png");
 +
      $("#mainRightButton1").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");
 +
      $("#mainRightButton2").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png");
 +
      $("#MainBoxContentImg").attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/Goldiestatuebutton_zps0bcdfdaa.jpg");
 +
      $(".mainContentTextBanner").text("We are a dedicated team of students coming from a range of different backgrounds at the University of Minnesota - Twin Cities. Check the team page on the left to learn more about each of us!");
 +
    },         
 +
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png");}
 +
);
 +
 
 +
 
 +
 
 +
 
 +
//social media button switchers
 +
 
 +
$("#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>
 +
 
 +
<script type="text/javascript">
 +
function displayDate()
 +
{
 +
var currentDate = new Date();
 +
var compDate = new Date(2013,10,4,0,0,0,0);
 +
var dif = compDate - currentDate;
 +
var sec = dif/1000;
 +
var min = sec/60;
 +
var hour = min/60;
 +
var day = hour/24;
 +
var week = Math.floor(day/7);
 +
var dispday = Math.floor(day)%24;
 +
var disphour = Math.floor(hour)%24;
 +
var dispmin = Math.floor(min)%60;
 +
var dispsec = Math.floor(sec)%60;
 +
var dispString = "Time until iGEM North America East Regional Jamboree: " + week + " weeks, " + dispday + " days, " + disphour + " hours, " + dispmin + " minutes, " + dispsec + " seconds.";
 +
document.getElementById("demo").innerHTML=dispString;
 +
t=setTimeout('displayDate()',500);
 +
 
 +
}
 +
</script>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
<div id="ContentAll">
 +
 
 +
<div id="MainBannerImage">
 +
<img src="http://img20.imageshack.us/img20/35/19hf.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://2009.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 class="current" href='https://2013.igem.org/Team:Minnesota'>HOME</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Team'>TEAM</a></li>
 +
<li><a href='https://2013.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
 +
<!-- 2013 edit <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:36px; 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>
-
</html>
+
</div> <!--End sideSocialMediaButtons-->
-
<!-- *** End of the alert box *** -->
+
<!--temp area for guide to social media-->
 +
<div style="position:absolute; top:440px; left:20px;font-family:Verdana;font-size:15;">
 +
Follow us on Twitter!
 +
</div>
 +
</div> <!--End sideBarAll-->
 +
<div id="MainBoxAll">
-
{|align="justify"
+
<div id="MainBoxContent">
-
|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.
+
<img id="MainBoxContentImg" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png">
-
|[[Image:Minnesota_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
''Tell us more about your project. Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Minnesota_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Minnesota | Team Minnesota]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
<div class="mainContentTextBanner">
 +
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!
 +
</div><!--end mainContentTextBanner-->
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</div> <!--end mainboxcontent-->
-
!align="center"|[[Team:Minnesota|Home]]
+
 
-
!align="center"|[[Team:Minnesota/Team|Team]]
+
<div class="rightNavButtons">
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Minnesota Official Team Profile]
+
 
-
!align="center"|[[Team:Minnesota/Project|Project]]
+
<div style="position:absolute;left:5px;top:0px;">
-
!align="center"|[[Team:Minnesota/Parts|Parts Submitted to the Registry]]
+
<a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_maroon_txt.png"></a>
-
!align="center"|[[Team:Minnesota/Modeling|Modeling]]
+
</div>
-
!align="center"|[[Team:Minnesota/Notebook|Notebook]]
+
<div style="position:absolute;left:5px;top:75px;">
-
!align="center"|[[Team:Minnesota/Safety|Safety]]
+
<a href="https://2013.igem.org/Team:Minnesota/Project"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png"></a>
-
!align="center"|[[Team:Minnesota/Attributions|Attributions]]
+
</div>
-
|}
+
<div style="position:absolute;left:5px;top:150px;">
 +
<a href="https://2013.igem.org/Team:Minnesota/Team"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png"></a>
 +
</div>
 +
 
 +
 
 +
</div><!--end rightNavButtons-->
 +
 
 +
 
 +
<div id="MainBoxOtherLinks">
 +
<p class="otherLinks">
 +
<a href="https://igem.org/2013_Judging_Form?id=1187">iGEM Home</a> | <a href="https://igem.org/2013_Judging_Form?id=1187" style="color:red;">iGEM Judge-Click Here!</a> | <a href="https://igem.org/Team.cgi?id=1187">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>
 +
 
 +
</div> <!--end mainboxotherlinks-->
 +
 
 +
 
 +
 
 +
</div> <!--end mainboxall-->
 +
 
 +
 
 +
</div> <!--end content all-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<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",
 +
"http://i791.photobucket.com/albums/yy194/GopheriGEM/Goldiestatuebutton_zps0bcdfdaa.jpg",
 +
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png"
 +
)
 +
//--><!]]>
 +
</script>
 +
</div>
 +
</body>
 +
 
 +
 
 +
 
 +
</html>

Latest revision as of 03:52, 28 September 2013

Team:Minnesota - Main Style Template Team:Minnesota

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!