Team:Minnesota/Safety

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(12 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 - Template</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
 +
  });
 +
  $('#bgImageDiv').css({
 +
    position:'absolute',
 +
    top: -1*($(window).height() - $('#bgImageDiv').height())/2
 +
  });
 +
 
 +
});
 +
 
 +
$(window).resize();
 +
//end vertial autocenter
 +
 
 +
//background image centering
 +
 
 +
//main page image switcher
 +
 
 +
$("#mainRightButton1").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_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/welcome_gold_txt.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");}
 +
);
 +
 
 +
 
 +
/*
 +
//Start Safety (or whatever else uses this menu switch function)
 +
$("#SafetyHome").click(
 +
    function(){
 +
      $(".current2").attr("class","none");
 +
      $(this).attr("class","current2");
 +
    }
 +
 
 +
);
 +
 
 +
$("#SafetyU").click(
 +
    function(){
 +
      var suString = '<h2>Safety at the University of Minnesota</h2><br>Biosafety rules for the University of Minnesota are described in the Biosafety Manual, which is produced by the Department of Environmental Health and Safety (DEHS). The Biosafety Manual is available online <a href="http://www.dehs.umn.edu/bio_pracprin.htm">here</a>.<br><br>';
 +
      $(".current2").attr("class","none");
 +
      $(this).attr("class","current2");
 +
      $("#SafetyMainBox").html(suString);
 +
    }
 +
 
 +
);
 +
 
 +
$("#SafetyResearcher").click(
 +
    function(){
 +
      $(".current2").attr("class","none");
 +
      $(this).attr("class","current2");
 +
    }
 +
 
 +
);
 +
 
 +
$("#SafetyPublic").click(
 +
    function(){
 +
      $(".current2").attr("class","none");
 +
      $(this).attr("class","current2");
 +
    }
 +
 
 +
);
 +
 
 +
$("#SafetyEnvironment").click(
 +
    function(){
 +
      $(".current2").attr("class","none");
 +
      $(this).attr("class","current2");
 +
    }
 +
 
 +
);
 +
*/
 +
 
 +
}); //ends .ready function
 +
 +
 
 +
 
 +
</script>
 +
 
 +
<style type="text/css">
 +
#Safety a{
 +
    font-family: Trebuchet MS, Verdana, Century Gothic, Tahoma, sans-serif;
 +
    font-size:16px;
 +
 
 +
    padding-top:5px;
 +
    padding-bottom:5px;
 +
    padding-left:5px;
 +
    padding-right:5px;
 +
 
 +
 
 +
    text-decoration:none;
 +
    background-color:#FBB917; //gold when inactive
 +
    display:block;
 +
 
 +
 
 +
}
 +
 
 +
#Safety a:link {
 +
    border-width:2px;
 +
    border-style:solid;
 +
    border-color:white;
 +
    color: gray;
 +
 
 +
}
 +
 
 +
#Safety a:visited {
 +
    border-width:2px;
 +
    border-style:solid;
 +
    border-color:white;
 +
    color: gray;
 +
 
 +
}
 +
 
 +
#Safety a:hover { /*cool button*/
 +
    border-width:2px;
 +
    border-style:solid;
 +
    border-color:black;
 +
    background-color:#FFF380;
 +
    color: black;
 +
}
 +
 
 +
#Safety a:active {
 +
    border-width:2px;
 +
    border-style:solid;
 +
    border-color:black;
 +
    background-color:#660000;
 +
    color: #FBB917;
 +
}
 +
 
 +
#Safety a.current2{ /*force special colors for current button*/
 +
    background-color: #660000;
 +
    color: #FBB917;
 +
}
 +
 
 +
#Safety a.current2:hover{ /*allow for simulated fade to still happen for current button*/
 +
    background-color: #C24641;
 +
}
 +
 
 +
 
 +
#SafetyMainBox{
 +
    position:absolute;
 +
    top: 35px;
 +
    left: 0px;
 +
    width: 700px;
 +
    height: 450px;
 +
    background-color:white;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
</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://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 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/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 class="current" 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-->
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div id="MainBoxAll">
-
!align="center"|[[Team:Minnesota|Home]]
+
-
!align="center"|[[Team:Minnesota/Team|Team]]
+
-
!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]]
+
-
|}
+
-
Use this page to answer the questions on the [[Safety | safety page]].
+
<div id="MainBoxContent" style="background-color:white;">
 +
 
 +
<div id="Safety">
 +
<!-- Fix later...
 +
<a href="#" class= "current2" id="SafetyHome">Safety Home</a>
 +
<a href="#" id="SafetyU">Safety at the U</a>
 +
<a href="#RS" target="boxInBox" id="SafetyResearcher">Researcher Safety</a>
 +
<a href="#" id="SafetyPublic">Public Safety</a>
 +
<a href="#" id="SafetyEnvironment">Environmental Concerns</a>
 +
-->
 +
 
 +
 
 +
</div> <!--end safety box-->
 +
 
 +
 
 +
<div class="ScrollDiv"> <!---START HERE--->
 +
 
 +
 
 +
 
 +
<h1>Safety Information</h1>
 +
<br>
 +
Dear Dr. Held and the University of Minnesota 2013 iGEM team:
 +
<br><br>
 +
We have reviewed your safety forms, and the materials have met with approval. Great work! Please proceed to edit the Safety page on your team wiki to include this information:
 +
<br><br>
 +
"Safety forms were approved on 9/18/13 by Julie McNamara and David Lloyd."
 +
<br><br>
 +
Should you have any additional questions regarding safety or documentation, please do not hesitate to be in touch.
 +
<br><br><br>
 +
Regards,
 +
<br><br>
 +
David Lloyd and Julie McNamara
 +
<br>
 +
Safety Screeners, IGEM North America
 +
<br><br>
 +
 
 +
 
 +
</div><!--END HERE!-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div> <!--end mainboxcontent-->
 +
 
 +
 
 +
 
 +
 
 +
<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=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",
 +
 
 +
)
 +
//--><!]]>
 +
</script>
 +
</div>
 +
</body>
 +
 
 +
 
 +
 
 +
</html>

Latest revision as of 23:46, 27 September 2013

Team:Minnesota - Main Style Template

Team:Minnesota - Template

Safety Information


Dear Dr. Held and the University of Minnesota 2013 iGEM team:

We have reviewed your safety forms, and the materials have met with approval. Great work! Please proceed to edit the Safety page on your team wiki to include this information:

"Safety forms were approved on 9/18/13 by Julie McNamara and David Lloyd."

Should you have any additional questions regarding safety or documentation, please do not hesitate to be in touch.


Regards,

David Lloyd and Julie McNamara
Safety Screeners, IGEM North America

Retrieved from "http://2013.igem.org/Team:Minnesota/Safety"