Team:Manchester/HumanPracticetest

From 2013.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
{{:Team:Manchester/Navbartest}}
+
{{:Team:Manchester/Navbartest3}}
 +
{{:Team:Manchester/Footer}}
<html>
<html>
Line 11: Line 12:
margin:0;
margin:0;
padding:0;
padding:0;
 +
}
}
Line 58: Line 60:
{
{
float:left;
float:left;
-
margin-left:110px;
+
margin-left:90px;
-
margin-right:20px;
+
margin-right:10px;
}
}
Line 72: Line 74:
position:relative;
position:relative;
width:950px;
width:950px;
-
height:1600px;
+
height:1000px;
}
}
 +
 +
.mtextbox {
 +
    width: 100%;
 +
    min-height: 80px;
 +
    height: auto;
 +
    background-color: white;
 +
    color: #4c0082;
 +
    font-face: Trebuchet Sans MS;
 +
    font-size: 20px;
 +
    margin: 10px 0;
 +
    text-align: center;
 +
  }
 +
  .mtextbox b {
 +
    color: #660099;
 +
  }
.wrapper
.wrapper
Line 79: Line 96:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:940px;
+
width:990px;
-
height:710px;
+
height:1130px;
-
top:110px;
+
top:120px;
-
left:0;
+
left:-20px;
padding:10px;
padding:10px;
background-color:white;
background-color:white;
Line 91: Line 108:
}
}
-
#content1, #content3, #content5
+
#content1, #content3, #content5, #content7 
{
{
float:left;
float:left;
-
margin:0;
+
margin-bottom:10px;
width:470px;
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   
+
#content1 p, #content3 p, #content5 p, #content7 p   
{
{
-
margin:0 5px;
+
margin:0;
-
width:300px;
+
width:285px;
 +
height:180px;
float:left;
float:left;
font-family: Trebuchet MS;
font-family: Trebuchet MS;
font-size:15px;
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
+
#content1 img, #content3 img, #content5 img, #content7 img 
{
{
-
position:relative;
+
float:right;
-
top:0;
+
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 116: Line 152:
}
}
-
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
+
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton, #content7 .myButton, #content8 .myButton
{
{
-
margin:0 0 0 60px;       
+
clear:both;
-
         -moz-box-shadow:inset 0px 1px 0px 0px #660099;
+
margin-top:5px;       
-
         -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
+
         /*-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
-
         box-shadow:inset 0px 1px 0px 0px #660099;
+
         -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:#660099;
+
         background-color:#bc80ea;
-
       
+
-
        -moz-border-radius:6px;
+
-
        -webkit-border-radius:6px;
+
-
        border-radius:6px;     
+
          
          
         display:inline-block;
         display:inline-block;
         color:#ffffff;
         color:#ffffff;
-
         font-family:Trebuchet MS;
+
         font-family:trebuchet MS;
         font-size:15px;
         font-size:15px;
         font-weight:bold;
         font-weight:bold;
-
         padding:6px 24px;
+
         padding:6px 24px;     
 +
        text-shadow:0px 1px 0px #9752cc;
         text-decoration:none;
         text-decoration:none;
         text-align:center;         
         text-align:center;         
         text-shadow:0px 1px 0px #9b14b3;
         text-shadow:0px 1px 0px #9b14b3;
-
         width:140px;
+
         width:255px;
     }
     }
-
 
-
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content6 .myButton
 
-
{
 
-
margin:10px 0 0 60px;
 
-
}
 
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,  
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,  
-
#content5 .myButton:hover, #content6 .myButton:hover  
+
#content5 .myButton:hover, #content6 .myButton:hover, #content7 .myButton:hover, #content8 .myButton:hover  
-
{      
+
{            
-
        background:#A901DB;
+
background-color:#dfbdfa;
}
}
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
-
#content5 .myButton:hover, #content6 .myButton:hover           
+
#content5 .myButton:hover, #content6 .myButton:hover, #content7 .myButton:hover, #content8 .myButton:hover           
{
{
         position:relative;
         position:relative;
Line 160: Line 192:
}
}
-
#content2 .myButton, #content4 .myButton, #content6 .myButton
+
#content2 .myButton, #content4 .myButton, #content6 .myButton, #content8 .myButton
{
{
-
padding:8px;
+
margin-left:12px;
-
width:180px;
+
}
}
-
#content2, #content4, #content6
+
#content2, #content4, #content6, #content8
{
{
float:right;
float:right;
-
margin:0;
+
margin-bottom:10px;
width:470px;
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
+
#content2 img, #content4 img, #content6 img, #content8 img 
{
{
float:left;
float:left;
Line 182: Line 220:
}
}
-
#content2 p, #content4 p, #content6 p
+
#content2 p, #content4 p, #content6 p, #content8 p
{
{
float:right;
float:right;
-
width:300px;
+
width:285px;
 +
height:180px;
margin:0;
margin:0;
font-family: Trebuchet MS;
font-family: Trebuchet MS;
font-size:15px;
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);
}
}
Line 209: Line 256:
<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 219: Line 266:
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/9/9b/Project1.png"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/6/6e/Human.png"></a>
  </div>  
  </div>  
Line 231: Line 278:
<div class="global">
<div class="global">
<div class="wrapper" >
<div class="wrapper" >
 +
<div class="mtextbox">
 +
  <b>Key Achievements</b><br>
 +
• Produced an in-depth analysis of the impact of our project on global economies and ecosystems <br>
 +
• Communicated with industry and environmentalists to directly influence the way our project was carried out <br>
 +
• Ran workshops to bring synthetic biology to public attention <br>
 +
</div>
 +
         <div id="content1">
         <div id="content1">
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
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...
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
        </p>
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
                        <img src="https://static.igem.org/mediawiki/2013/2/26/Outreachthumb.jpg" height="230" width="150"/>       
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.  
+
<a href="https://2013.igem.org/Team:Manchester/outreachtest" class="myButton" > PUBLIC OUTREACH</a>
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
-
 
+
-
<a href="#" class="myButton" > PUBLIC OUTREACH </a>
+
-
</p>
+
-
<img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>       
+
  </div>
  </div>
  <div id="content2">
  <div id="content2">
-
  <img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>     
+
  <img src="https://static.igem.org/mediawiki/2013/e/ea/Ethics.jpg" height="230" width="150"/>     
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
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.
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
 
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.  
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
</p>           
</p>           
-
             <a href="#" class="myButton" > ETHICS </a>
+
             <a href="https://2013.igem.org/Team:Manchester/ethicstest" class="myButton" > ETHICS </a>
  </div>
  </div>
-
<hr> </hr>
+
    <div id="content3">
    <div id="content3">
-
             <p>  
+
             <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 our executive summary, keys to success and financial summary.
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
-
<a href="#" class="myButton" >BUSINESS PLAN </a>
+
            </p>
-
</p>
+
                        <img src="https://static.igem.org/mediawiki/2013/1/15/Paperclips200x150.jpg" height="230" width="150"/>       
-
<img src="https://static.igem.org/mediawiki/2013/c/cb/Notebookresized.jpg" height="230" width="150"/>       
+
<a href="https://2013.igem.org/Team:Manchester/businesstest" class="myButton" >BUSINESS PLAN  </a>
 +
 +
  </div>  
  </div>  
  <div id="content4">
  <div id="content4">
-
  <img src="https://static.igem.org/mediawiki/2013/9/9f/Projectpartspageresized.jpg" height="230" width="150"/>
+
  <img src="https://static.igem.org/mediawiki/2013/2/24/LookITISJESS.jpg" height="230" width="150"/>
-
             <p>  
+
             <p> We believe that modelling is a vital step in the production of any synbio system. But often the production of such models can be hindered or left out altogether due to lack of expertise. Thus we enlisted the help of another two UK iGEM teams in a quest to educate the iGEM community about the software available to them.
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.  
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
</p>           
</p>           
-
             <a href="#" class="myButton" > KNOWLEDGE DEFICIT ASSUMPTION </a>
+
             <a href="https://2013.igem.org/Team:Manchester/collabtest" class="myButton" >MODELLING COLLABORATION </a>
  </div>
  </div>
-
<hr> </hr>
+
 
         <div id="content5">
         <div id="content5">
-
             <p>  
+
             <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...
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.  
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
-
<a href="#" class="myButton" > CONFERENCES AND DISCUSSIONS </a>
+
 
-
</p>
+
          </p>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Judge.jpg" height="230" width="150"/>      
+
                        <img src="https://static.igem.org/mediawiki/2013/7/7c/Mosantoooototoototo.jpg" height="230" width="150"/>  
 +
<a href="https://2013.igem.org/Team:Manchester/knoledgetest" class="myButton" >KNOWLEDGE DEFICIT ASSUMPTION</a>
  </div>
  </div>
   
   
  <div id="content6">
  <div id="content6">
-
  <img src="https://static.igem.org/mediawiki/2013/9/9f/Projectpartspageresized.jpg" height="230" width="150"/>
+
  <img src="https://static.igem.org/mediawiki/2013/3/3c/Confdiscussionsthumb.jpg" height="230" width="150"/>
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
                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!
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
</p>           
</p>           
-
             <a href="#" class="myButton" > SOCIAL MEDIA </a>
+
             <a href="https://2013.igem.org/Team:Manchester/conferencetest" class="myButton" >  CONFERENCES AND DISCUSSIONS  </a>
 +
  </div>
 +
 
 +
<div id="content7">
 +
  <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 id="content8">
 +
  <img src="https://static.igem.org/mediawiki/2013/4/42/Rsz_brendan.jpg" height="230" width="470"/>
 +
           
  </div>  
  </div>  
</div>
</div>

Latest revision as of 12:30, 25 October 2013

page

Top

Safety

Key Achievements
• Produced an in-depth analysis of the impact of our project on global economies and ecosystems
• Communicated with industry and environmentalists to directly influence the way our project was carried out
• Ran workshops to bring synthetic biology to public attention

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 our executive summary, keys to success and financial summary.

BUSINESS PLAN

We believe that modelling is a vital step in the production of any synbio system. But often the production of such models can be hindered or left out altogether due to lack of expertise. Thus we enlisted the help of another two UK iGEM teams in a quest to educate the iGEM community about the software available to them.

MODELLING COLLABORATION

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

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