Team:Nevada/Outreach
From 2011.igem.org
m |
m |
||
Line 4: | Line 4: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <!-- CSS --> | ||
+ | <style type="text/css" media="screen"> | ||
+ | #slider { | ||
+ | width: 850px; /* important to be same as image width */ | ||
+ | height: 600px; /* important to be same as image height */ | ||
+ | position: relative; /* important */ | ||
+ | overflow: hidden; /* important */ | ||
+ | border-top: rgba(255,255,255,0.7) solid 10px; | ||
+ | border-left: rgba(255,255,255,0.7) solid 10px; | ||
+ | border-right: rgba(255,255,255,0.7) solid 10px; | ||
+ | border-bottom: rgba(255,255,255,0.7) solid 60px; | ||
+ | } | ||
+ | #sliderContent { | ||
+ | width: 850px; /* important to be same as image width or wider */ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .sliderImage { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | display: none; | ||
+ | } | ||
+ | .sliderImage span { | ||
+ | position: absolute; | ||
+ | font: 20px/35px Arial, Helvetica, sans-serif; | ||
+ | padding: 10px 13px; | ||
+ | width: 850px; | ||
+ | background-color: rgba(0,0,0,0.7); | ||
+ | filter: alpha(opacity=90); | ||
+ | -moz-opacity: 0.9; | ||
+ | -khtml-opacity: 0.9; | ||
+ | opacity: 0.9; | ||
+ | color: #fff; | ||
+ | display: none; | ||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | .sliderImage span strong { | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | .top { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .bottom { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | ul { list-style-type: none;} | ||
+ | </style> | ||
+ | <!-- JavaScripts--> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="https://2011.igem.org/Template:Nevada_Java/s3Slider.js?action=raw&ctype=text/js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#slider').s3Slider({ | ||
+ | timeOut: 4000 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</head> | </head> | ||
Line 27: | Line 89: | ||
<u>Presentations for Rotary Clubs of Reno and Sparks</u><br> | <u>Presentations for Rotary Clubs of Reno and Sparks</u><br> | ||
+ | <div id="slider"> | ||
+ | <ul id="sliderContent"> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/2011/d/d4/UNR_Gallery_Carwash.jpg" alt="1" height="600px" width="850px" /></a> | ||
+ | |||
+ | <span class="top"><strong>Carwash fundraiser!</strong><br />Sam and Marguerite conquering a behemoth RV.</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/2011/8/8b/UnrBbq.jpg" alt="2" height="600px" width="850px"/></a> | ||
+ | <span class="top"><strong>Prior lab work, making money!</strong><br />Selling hot dogs to buy science materials prior the summer.</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2011/b/b0/UnrP1040748.JPG" alt="3" height="600px" width="850px"/> | ||
+ | <span class="bottom"><strong>JUMP!</strong><br />Megan, Sam, and Jovanna</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/06/IMAG0139.jpg" height="600px" width="850px" alt="4" /> | ||
+ | <span class="bottom"><strong> Hard at work! </strong><br /> David, Dr. Howard, Marguerite, and Sam working hard or hardly working?</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/ad/IMAG0142.jpg" height="600px" width="850px" alt="5" /> | ||
+ | <span class="top"><strong>Group Hug!</strong><br />Bryson, Marguerite, Sam, and Megan having a good time at the iGEM concert!</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/d5/IMAG0143.jpg" height="600px" width="850px" alt="6" /> | ||
+ | <span class="bottom"><strong>Family Picture!</strong><br />Dr. H and Dr. Shintani with their beautiful daughter Alena</span> | ||
+ | </li> | ||
+ | <div class="clear sliderImage"></div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- // slider --> | ||
Throughout the summer our team presented to three different rotary clubs in the Reno and Sparks area. The goal of these presentations was to explain our project to the local business community and receive feedback from them on our presentation, and our project as a whole. Presentations lasted roughly twenty minutes and were followed by question-answer periods. We presented to roughly 300 people total and got to answer many questions that as scientists, we may not always think of. These presentations were extremely helpful in fine-tuning our speeches and allowed us to involve the community as a whole in the concepts of biofuels and synthetic biology. These were again given by Sam Dugan and Megan Tabor, who both felt that the business community offered a different perspective on the research we conduct. This perspective brought up issues and positives which we were then able to incorporate into our presentation and further outreach projects.<br> <br> | Throughout the summer our team presented to three different rotary clubs in the Reno and Sparks area. The goal of these presentations was to explain our project to the local business community and receive feedback from them on our presentation, and our project as a whole. Presentations lasted roughly twenty minutes and were followed by question-answer periods. We presented to roughly 300 people total and got to answer many questions that as scientists, we may not always think of. These presentations were extremely helpful in fine-tuning our speeches and allowed us to involve the community as a whole in the concepts of biofuels and synthetic biology. These were again given by Sam Dugan and Megan Tabor, who both felt that the business community offered a different perspective on the research we conduct. This perspective brought up issues and positives which we were then able to incorporate into our presentation and further outreach projects.<br> <br> | ||
Revision as of 10:39, 28 September 2011
.firstHeading {
display: none;
}
/* Wiki Hacks - START */
/* Author: Pieter van Boheemen */
/* Team: TU Delft */
/* Thanks guys - Bill Collins */
/* +1 - Douglas Watson */
#globalWrapper {
background-color: transparent;
padding-bottom:0px;
border: none;
}
#content {
background-color: transparent;
border:none;
padding-bottom:none;
margin-bottom:none;
}
#bodyContent {
border: none;
}
#top-section {
height: 5px;
width: 100%;
margin-top: 0 px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
/* margin-bottom: 10px; */
padding:0;
border: none;
background-color: rgba(0,0,0,0.1);
}
#p-logo {
height: 203px;
overflow:hidden;
border:none;
display: none;
}
#p-logo img {
display: none;
}
#search-controls {
display:none;
background: none;
position: absolute;
top: 140px;
right: 260px;
width: 240px;
}
.left-menu {
width: 400px;
display: block;
margin-top: 5px;
float: left;
margin-right: 20px;
border: none;
left: 20px;
}
.left-menu ul {
border: none;
height: 100%
}
.left-menu ul {
line-height: 2em;
}
#menubar.right-menu {
width:300px;
height: 100%;
display:block;
float:left;
margin-top: 5px;
padding-left:50px;
border: none;
right:50px;
}
.right-menu ul {
border: none;
}
.right-menu a {
background-color: transparent;
}
#menubar li a{
color: black;
background-color: transparent;
}
#menubar li a:hover {
color:white;
text-decoration:underline;
background-color: rgba(0,0,0,0.5);
}
#menubar li.selected a {
color:gray;
}
#catlinks {
display: none;
}
#footer-box {
position: relative;
top: 150px;
left: -5px;
background-color: transparent;
border: none;
width: 965px;
margin: 0 auto;
margin-bottom:none;
padding-left:5px;
padding-right:5px;
}
#footer {
border: none;
width: 965px;
margin: 0;
padding: 0;
background-color: transparent;
}
#f-list a {
color: black;
font-size: 10px;
}
#f-list a:hover {
color: #666;
}
#footer ul {
margin: 0;
padding: 0;
}
#footer ul li {
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
padding: 0;
}
/* Wiki Hacks - END */