Team:Minnesota/Outreach

From 2012.igem.org

(Difference between revisions)
m
 
(23 intermediate revisions not shown)
Line 1: Line 1:
-
#REDIRECT [[Team:Minnesota/Outreach2]]
+
{{Minnesota_Main_Styles2}}
 +
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<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");}
 +
);
 +
 
 +
 
 +
/*fade in/out animations. need both rather than hover since one element will overlap the other.*/
 +
$("#StateFairButton").mouseover(
 +
    function() {$("#StateFairButton2").fadeIn("slow");}
 +
);
 +
$("#StateFairButton2").mouseleave(
 +
    function() {$("#StateFairButton2").fadeOut("slow");}
 +
);
 +
 
 +
$("#SurveyButton1").mouseover(
 +
    function() {$("#SurveyButton2").fadeIn("slow");}
 +
);
 +
$("#SurveyButton2").mouseleave(
 +
    function() {$("#SurveyButton2").fadeOut("slow");}
 +
);
 +
 
 +
 
 +
//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 id="MainBanner">
 +
</div>
 +
 
 +
<div id="SideBarAll">
 +
<div class="sideNavBar2">
 +
<ul>
 +
<li><a href='https://2012.igem.org/Team:Minnesota'>HOME</a></li>
 +
<li><a 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/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/Attributions'>ATTRIBUTIONS</a></li>
 +
<li><a class="current" 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>
 +
</ul>
 +
</div>
 +
 
 +
<div class="sideSocialMediaButtons">
 +
<div style="position:absolute; left:6px; top:6px;">
 +
<a href="http://www.facebook.com/iGEM.Minnesota">
 +
<img id="fbButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png">
 +
</a>
 +
</div>
 +
 
 +
<div style="position:absolute; left:66px; top:6px;">
 +
<a href="https://twitter.com/igem_mn">
 +
<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>
 +
 
 +
</div> <!--End sideBarAll-->
 +
 
 +
<div id="MainBoxAll">
 +
 
 +
<div id="MainBoxContent" style="background-color:white;">
 +
<p style="font-size:14px;">
 +
We focused our outreach efforts this year on informing the general public and on determining public perception and understanding of the field of synthetic biology. In order to reach as many and as broad a membership of the community as possible, we spent three days at the Minnesota State Fair, one of the largest state fairs in the U.S. In order to understand public opinion, we designed a survey that was distributed at the fair and through various University of Minnesota classes. We also helped other iGEM teams, such at TU_Munich, by filling out their surveys!
 +
Please click on the images below to learn more!
 +
</p>
 +
<a href="https://2012.igem.org/Team:Minnesota/Outreach_State_Fair">
 +
<img id="StateFairButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/outreach_state_fair_bw.png" style="position:absolute;top:130px;left:30px;width:220px;height:322px;">
 +
</a>
 +
<a href="https://2012.igem.org/Team:Minnesota/Outreach_State_Fair">
 +
<img id="StateFairButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/outreach_state_fair_colored.png" style="position:absolute;top:130px;left:30px;width:220px;height:322px;display:none;">
 +
</a>
 +
<a href="https://2012.igem.org/Team:Minnesota/Outreach_Survey">
 +
<img id="SurveyButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/outreach_survey_bw2.png" style="position:absolute;top:130px;left:310px;width:220px;height:322px;">
 +
</a>
 +
<a href="https://2012.igem.org/Team:Minnesota/Outreach_Survey">
 +
<img id="SurveyButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/outreach_survey_colored2.png" style="position:absolute;top:130px;left:310px;width:220px;height:322px;display:none;">
 +
</a>
 +
<a href="https://2012.igem.org/Team:TU_Munich/Results/RFC">
 +
<img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/TUM12_Collaboration_medal2.png" style="position:absolute;top:130px;left:550px; width:150px;">
 +
</a>
 +
</div> <!--end mainboxcontent-->
 +
 
 +
 
 +
 
 +
<div id="MainBoxOtherLinks">
 +
<p class="otherLinks">
 +
<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="https://2012.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 03:50, 4 October 2012

Team:Minnesota - Main Style Template Team:Minnesota - Template

Like us on FB and follow us on Twitter!

We focused our outreach efforts this year on informing the general public and on determining public perception and understanding of the field of synthetic biology. In order to reach as many and as broad a membership of the community as possible, we spent three days at the Minnesota State Fair, one of the largest state fairs in the U.S. In order to understand public opinion, we designed a survey that was distributed at the fair and through various University of Minnesota classes. We also helped other iGEM teams, such at TU_Munich, by filling out their surveys! Please click on the images below to learn more!

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