Team:Manchester/outreachtest

From 2013.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
{{:Team:Manchester/Navbartest2}}
+
{{:Team:Manchester/Navbartest3}}
{{:Team:Manchester/Footer}}
{{:Team:Manchester/Footer}}
Line 73: Line 73:
position:relative;
position:relative;
width:950px;
width:950px;
-
height:1600px;
+
height:400px;
}
}
Line 81: Line 81:
clear:both;
clear:both;
width:990px;
width:990px;
 +
height:255px;
top:120px;
top:120px;
-
left:0;
+
left:-20px;
padding:10px;
padding:10px;
background-color:white;
background-color:white;
Line 91: Line 92:
}
}
-
#content1, #content3, #content5
+
#content1
{
{
float:left;
float:left;
margin-bottom:10px;
margin-bottom:10px;
width:470px;
width:470px;
-
height:230px;
+
height:235px;
background:#ccc;
background:#ccc;
padding:10px;
padding:10px;
Line 105: Line 106:
}
}
-
#content1 p, #content3 p, #content5 p   
+
#content1 p   
{
{
margin:0;
margin:0;
Line 127: Line 128:
float:right;
float:right;
margin-right:5px;
margin-right:5px;
-
        /*-moz-border-radius:6px;
+
 
-
        -webkit-border-radius:6px;
+
-
        border-radius:6px;*/
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 135: Line 134:
}
}
-
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
+
#content1 .myButton, #content2 .myButton
{
{
clear:both;
clear:both;
margin-top:5px;       
margin-top:5px;       
-
        /*-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
+
 
-
        -webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
+
-
        box-shadow:inset 0px 1px 0px 0px #efdcfb;*/
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 162: Line 159:
     }
     }
-
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,
+
#content1 .myButton:hover, #content2 .myButton:hover
-
#content5 .myButton:hover, #content6 .myButton:hover  
+
{               
{               
background-color:#dfbdfa;
background-color:#dfbdfa;
}
}
-
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
+
#content1 .myButton:active, #content2 .myButton:active        
-
#content5 .myButton:hover, #content6 .myButton:hover         
+
{
{
         position:relative;
         position:relative;
Line 175: Line 170:
}
}
-
#content2 .myButton, #content4 .myButton, #content6 .myButton
+
#content2 .myButton
{
{
margin-left:12px;
margin-left:12px;
}
}
-
#content2, #content4, #content6
+
#content2
{
{
float:right;
float:right;
margin-bottom:10px;
margin-bottom:10px;
width:470px;
width:470px;
-
height:230px;
+
height:235px;
background:#ccc;
background:#ccc;
padding:10px;
padding:10px;
Line 194: Line 189:
}
}
-
#content2 img, #content4 img, #content6 img
+
#content2 img
{
{
float:left;
float:left;
Line 203: Line 198:
}
}
-
#content2 p, #content4 p, #content6 p
+
#content2 p
{
{
float:right;
float:right;
Line 221: Line 216:
}
}
 +
.block1 a, .block2 a, .block3 a, .block4 a, .block5 a, .block6 a, .block7 a, .block8 a, .block9 a, .block10 a, .block11 a, .block12 a, .block13 a
 +
{
 +
width:120px;
 +
text-decoration:none;
 +
color:white;
 +
text-align:center;
 +
background:#606060;
 +
padding:5px;
 +
font-style:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:12px;
 +
color:white;
 +
}
 +
 +
.block1 a:hover, .block2 a:hover, .block3 a:hover, .block4 a:hover, .block5 a:hover, .block6 a:hover, .block7 a:hover, .block8 a:hover, .block9 a:hover, .block10 a:hover, .block11 a:hover, .block12 a:hover, .block13 a:hover
 +
{
 +
background:#C0C0C0;
 +
color:#606060;
 +
}
 +
 +
.leftbar
 +
{
 +
width:120px;
 +
height:600px;
 +
position:fixed;
 +
top:120px;
 +
left:5px;
 +
}
 +
 +
.block1 a
 +
{
 +
background:#660099;
 +
float:left;
 +
display:block;
 +
padding:5px;
 +
}
 +
 +
.block2 a
 +
{
 +
background:#bc80ea;
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block3 a
 +
{
 +
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block4 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block5 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block6 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block7 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block8 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
 +
padding:5px;
 +
}
 +
 +
.block9 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block10 a
 +
{
 +
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block11 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block12 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block13 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
Line 232: Line 363:
<div class="banner">
<div class="banner">
  <div class="igem">  
  <div class="igem">  
-
  <a>
+
  <a href="https://2013.igem.org/Main_Page">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           </a>
           </a>
Line 256: Line 387:
         <div id="content1">
         <div id="content1">
             <p>  
             <p>  
-
The mass deforestation in Indonesia and Malaysia to make room for oil palm plantations is one of the biggest issues of our time. Not only does it result in the extinction of many endangered species, it’s also having a massive impact on the amount of CO2 released into the atmosphere. That’s where we come in...
+
On 2nd/3rd July, we held 12 workshops aimed at children between the ages 11-14. During the workshops, we got the kids to think about the structure of DNA and the applications they'd like synthetic biology to be used for in the future. The ethical implications of SynBio were also discussed.
         </p>
         </p>
-
                         <img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>       
+
                         <img src="https://static.igem.org/mediawiki/2013/c/c8/Sciencestarsthumb.jpg" height="230" width="150"/>       
-
<a href="https://2013.igem.org/Team:Manchester/Aimtest2" class="myButton" > PUBLIC OUTREACH</a>
+
<a href="https://2013.igem.org/Team:Manchester/stars" class="myButton" > SCIENCE STARS</a>
Line 265: Line 396:
  <div id="content2">
  <div id="content2">
-
  <img src="https://static.igem.org/mediawiki/2013/e/ea/Ethics.jpg" height="230" width="150"/>     
+
  <img src="https://static.igem.org/mediawiki/2013/9/9d/Opendaythumb.jpg" height="230" width="150"/>     
             <p>  
             <p>  
-
Promoting safety within the lab, and also within the wider synthetic biology community, is paramount to the success of this research area. Here we consider how lab work can be made as safe as possible, and also how we would ensure our project remains safe if it became a commercial success.
+
On 6th July, the university opened its doors to the general public for its annual Community Open Day, where this year we had a poster and stall! Over 700 people in total visited throughout the day, and we made sure to engage passers-by in conversation about iGEM and synthetic biology in general.
</p>           
</p>           
-
             <a href="https://2013.igem.org/Team:Manchester/ethicstest" class="myButton" > ETHICS </a>
+
             <a href="https://2013.igem.org/Team:Manchester/openday" class="myButton" > OPEN DAY </a>
  </div>
  </div>
</div>
</div>
 +
                                 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 18:29, 26 October 2013

page

Top

Safety

On 2nd/3rd July, we held 12 workshops aimed at children between the ages 11-14. During the workshops, we got the kids to think about the structure of DNA and the applications they'd like synthetic biology to be used for in the future. The ethical implications of SynBio were also discussed.

SCIENCE STARS

On 6th July, the university opened its doors to the general public for its annual Community Open Day, where this year we had a poster and stall! Over 700 people in total visited throughout the day, and we made sure to engage passers-by in conversation about iGEM and synthetic biology in general.

OPEN DAY

Retrieved from "http://2013.igem.org/Team:Manchester/outreachtest"