Team:Manchester/HumanPractices

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
{{:Team:Manchester/layout/banner}}
+
{{:Team:Manchester/Navbartest2}}
-
{{:Team:Manchester/layout/nav}}
+
{{:Team:Manchester/Footer}}
-
{{:Team:Manchester/layout/background}}
+
 +
<html>
 +
<head>
 +
<title> Safety </title>
-
<br>
+
<style type="text/css">
 +
*
 +
{
 +
margin:0;
 +
padding:0;
-
test
+
}
 +
 
 +
#content, body
 +
{
 +
background-color:#F2F2F2;
 +
}
 +
 
 +
.header
 +
{
 +
width:100%;
 +
height:100px;
 +
background:#4c0082;
 +
 
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
 +
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
 +
}
 +
 
 +
.banner
 +
{
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 
 +
 
 +
height:100px;
 +
background:#4c0082;
 +
margin:0 auto;
 +
}
 +
 
 +
.igem
 +
{
 +
float:left;
 +
margin-left:10px;
 +
}
 +
 
 +
.logo
 +
{
 +
float:left;
 +
 
 +
}
 +
 
 +
.central
 +
{
 +
float:left;
 +
margin-left:90px;
 +
margin-right:10px;
 +
}
 +
 
 +
.uni
 +
{
 +
float:left;
 +
margin-left:50px;
 +
}
 +
 
 +
.global
 +
{
 +
position:relative;
 +
width:950px;
 +
height:1000px;
 +
}
 +
 
 +
.wrapper
 +
{
 +
position:absolute;
 +
clear:both;
 +
width:990px;
 +
height:770px;
 +
top:120px;
 +
left:-20px;
 +
padding:10px;
 +
background-color:white;
 +
 
 +
-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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#content1, #content3, #content5
 +
{
 +
float:left;
 +
margin-bottom:10px;
 +
width:470px;
 +
height:230px;
 +
background:#ccc;
 +
padding:10px;
 +
 
 +
-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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#content1 p, #content3 p, #content5 p 
 +
{
 +
margin:0;
 +
width:285px;
 +
height:180px;
 +
float:left;
 +
font-family: Trebuchet MS;
 +
font-size:15px;
 +
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
 +
 
 +
-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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#content1 img, #content3 img, #content5 img
 +
{
 +
float:right;
 +
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);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
 +
{
 +
clear:both;
 +
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);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
       
 +
        background-color:#bc80ea;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;     
 +
        text-shadow:0px 1px 0px #9752cc;
 +
        text-decoration:none;
 +
        text-align:center;       
 +
 
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
        width:255px;
 +
    }
 +
 +
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,
 +
#content5 .myButton:hover, #content6 .myButton:hover
 +
{             
 +
background-color:#dfbdfa;
 +
}
 +
 +
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
 +
#content5 .myButton:hover, #content6 .myButton:hover         
 +
{
 +
        position:relative;
 +
        top:1px;
 +
}
 +
 
 +
#content2 .myButton, #content4 .myButton, #content6 .myButton
 +
{
 +
margin-left:12px;
 +
}
 +
 
 +
#content2, #content4, #content6
 +
{
 +
float:right;
 +
margin-bottom:10px;
 +
width:470px;
 +
height:230px;
 +
background:#ccc;
 +
padding:10px;
 +
 
 +
-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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#content2 img, #content4 img, #content6 img
 +
{
 +
float:left;
 +
margin:0 5px 5px 0;
 +
-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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#content2 p, #content4 p, #content6 p
 +
{
 +
float:right;
 +
width:285px;
 +
height:180px;
 +
margin:0;
 +
font-family: Trebuchet MS;
 +
font-size:15px;
 +
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
 +
 
 +
-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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
hr
 +
{
 +
clear: both;
 +
border: 0;
 +
height: 0;
 +
border-top: 1px solid rgba(0, 0, 0, 0.1);
 +
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 +
}
 +
 
 +
</style>
 +
</head>
 +
 
 +
<body onLoad="hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
 +
              hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5();">
 +
 
 +
<div class="header">
 +
<div class="banner">
 +
  <div class="igem">
 +
  <a href="https://2013.igem.org/Main_Page">
 +
          <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
 +
          </a>
 +
  </div> 
 +
 
 +
  <div class="logo">
 +
    <a><img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg"></a>
 +
  </div>
 +
 
 +
          <div class="central">
 +
    <a><img src="https://static.igem.org/mediawiki/2013/6/6e/Human.png"></a>
 +
  </div>
 +
 
 +
  <div class="uni">
 +
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg"></a>
 +
  </div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="global">
 +
<div class="wrapper" >
 +
        <div id="content1">
 +
            <p>
 +
The team planned and delivered 12 workshops for children aged 11-13 years old as part of the University of Manchester’s Science Stars event. We also held a poster stand at a Community Open Day that saw hundreds of people through its doors. Click here to learn more...
 +
        </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/2/26/Outreachthumb.jpg" height="230" width="150"/>     
 +
<a href="https://2013.igem.org/Team:Manchester/outreachtest" class="myButton" > PUBLIC OUTREACH</a>
 +
 +
 +
  </div>
 +
 +
  <div id="content2">
 +
  <img src="https://static.igem.org/mediawiki/2013/e/ea/Ethics.jpg" height="230" width="150"/>     
 +
            <p>
 +
Due to the nature of our chosen topic, ethics has played a major role in the development of the project. Here we address the potential problems of using synbio to produce a synthetic alternative to a natural project, and the ways that we would try to overcome them.
 +
 
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/ethicstest" class="myButton" > ETHICS </a>
 +
  </div>
 +
 +
    <div id="content3">
 +
            <p>
 +
When the methods have been optimised, our project will have the potential to reach commercial success. Here we outline a business plan based around our synthetic alternative to palm oil, including likely start-up time, potential product markets and patenting information.
 +
 
 +
            </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/2/25/Businessplan.jpg" height="230" width="150"/>     
 +
<a href="https://2013.igem.org/Team:Manchester/businesstest" class="myButton" >BUSINESS PLAN </a>
 +
 +
 +
  </div>
 +
 
 +
  <div id="content4">
 +
  <img src="https://static.igem.org/mediawiki/2013/7/7c/Mosantoooototoototo.jpg" height="230" width="150"/>
 +
            <p>
 +
The Knowledge Deficit model describes the common misconception by scientists that ‘The Public’ is simply ignorant of science, and this is the root of all opposition. We had dialogue with numerous industry representatives and environmental activists, and learned that the truth is not as simple as this...
 +
 
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/knoledgetest" class="myButton" > KNOWLEDGE DEFICIT ASSUMPTION </a>
 +
  </div>
 +
 
 +
        <div id="content5">
 +
            <p>
 +
Our iGEM experience began in December ‘12, and since then we have been attending various conferences and discussions around synthetic biology, including the first ever Young Synthetic Biologists (YSB 1.0) conference in London!
 +
 
 +
 
 +
          </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/3/3c/Confdiscussionsthumb.jpg" height="230" width="150"/> 
 +
<a href="https://2013.igem.org/Team:Manchester/conferencetest" class="myButton" > CONFERENCES AND DISCUSSIONS </a>
 +
  </div>
 +
 
 +
  <div id="content6">
 +
  <img src="https://static.igem.org/mediawiki/2013/f/fe/Socialmedia.jpg" height="230" width="150"/>
 +
            <p>
 +
Social media is an extremely efficient way of reaching a lot of people at the same time. We used social networking as a means to update all of those who were interested about our current activities, both in the lab and out of it!
 +
 
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/socialtest" class="myButton" > SOCIAL MEDIA </a>
 +
  </div>
 +
</div>
 +
</div>
 +
 
 +
</body>
 +
</html>

Revision as of 15:05, 3 October 2013

page

Top

Safety

The team planned and delivered 12 workshops for children aged 11-13 years old as part of the University of Manchester’s Science Stars event. We also held a poster stand at a Community Open Day that saw hundreds of people through its doors. Click here to learn more...

PUBLIC OUTREACH

Due to the nature of our chosen topic, ethics has played a major role in the development of the project. Here we address the potential problems of using synbio to produce a synthetic alternative to a natural project, and the ways that we would try to overcome them.

ETHICS

When the methods have been optimised, our project will have the potential to reach commercial success. Here we outline a business plan based around our synthetic alternative to palm oil, including likely start-up time, potential product markets and patenting information.

BUSINESS PLAN

The Knowledge Deficit model describes the common misconception by scientists that ‘The Public’ is simply ignorant of science, and this is the root of all opposition. We had dialogue with numerous industry representatives and environmental activists, and learned that the truth is not as simple as this...

KNOWLEDGE DEFICIT ASSUMPTION

Our iGEM experience began in December ‘12, and since then we have been attending various conferences and discussions around synthetic biology, including the first ever Young Synthetic Biologists (YSB 1.0) conference in London!

CONFERENCES AND DISCUSSIONS

Social media is an extremely efficient way of reaching a lot of people at the same time. We used social networking as a means to update all of those who were interested about our current activities, both in the lab and out of it!

SOCIAL MEDIA