Team:Manchester/ethicstest

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Manchester/layout/noheader}} {{:Team:Manchester/Navbartest}} {{:Team:Manchester/Footer}} <html> <head> <title> Safety </title> <style type="text/css"> * { margin:0; pad...")
 
(12 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}}
{{:Team:Manchester/Footer}}
Line 73: Line 73:
position:relative;
position:relative;
width:950px;
width:950px;
-
height:1600px;
+
height:600px;
}
}
Line 80: Line 80:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:940px;
+
width:990px;
 +
height:510px;
top:120px;
top:120px;
-
left:0;
+
left:-20px;
padding:10px;
padding:10px;
-
background-color:#ccc;
+
background-color:white;
-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);
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);
 +
}
 +
.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
 +
{
 +
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
 +
{
 +
background:#bc80ea;
 +
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;
 +
}
</style>
</style>
Line 102: Line 366:
<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 124: Line 388:
<div class="global">
<div class="global">
<div class="wrapper" >
<div class="wrapper" >
-
          
+
                <div id="content1">
 +
            <p>
 +
The massive demand for palm oil has devastating effects on the environment of countries such as Malaysia and Indonesia, amongst others. Rainforests are routinely destroyed in order to make way for oil palm plantations, which endangers many rare species. Our project aims to combat this...
 +
 
 +
         </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/a/a4/EnvironmentalMan.jpg" height="230" width="150"/>     
 +
<a href="https://2013.igem.org/Team:Manchester/environmenttest" class="myButton" > ENVIRONMENTAL IMPACT</a>
 +
 +
 +
  </div>
 +
 +
  <div id="content2">
 +
  <img src="https://static.igem.org/mediawiki/2013/9/98/EconomicalMan.jpg" height="230" width="150"/>     
 +
            <p>
 +
The main exporters of palm oil are Malaysia and Indonesia, and the economies of these countries rely heavily on its production. How would introducing a synthetic alternative to this natural product affect these economies?
 +
 
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/economytest" class="myButton" > ECONOMIC IMPACT </a>
 +
  </div>
 +
 +
    <div id="content3">
 +
            <p>
 +
In order to minimise the negative impact of creating a synthetic alternative to palm oil on the economies of the developing countries relying on its natural production, we considered potential policies that could be put in place to protect these economies.
 +
 
 +
            </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/9/9a/ImpactmanagementMan.jpg" height="230" width="150"/>     
 +
<a href="https://2013.igem.org/Team:Manchester/managementtest" class="myButton" >IMPACT MANAGEMENT </a>
 +
 +
 +
  </div>
 +
 
 +
  <div id="content4">
 +
  <img src="https://static.igem.org/mediawiki/2013/e/eb/ConclusionMan.jpg" height="230" width="150"/>
 +
            <p>
 +
So what does this all mean for the futures of Malaysia and Indonesia? Would it be possible to introduce a synthetic alternative to palm oil whilst ensuring their economies and livelihoods are safeguarded?
 +
 
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/conclusiontest" class="myButton" > CONCLUSION </a>
 +
  </div>
</div>
</div>
 +
                                 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 18:30, 26 October 2013

page

Top

Safety

The massive demand for palm oil has devastating effects on the environment of countries such as Malaysia and Indonesia, amongst others. Rainforests are routinely destroyed in order to make way for oil palm plantations, which endangers many rare species. Our project aims to combat this...

ENVIRONMENTAL IMPACT

The main exporters of palm oil are Malaysia and Indonesia, and the economies of these countries rely heavily on its production. How would introducing a synthetic alternative to this natural product affect these economies?

ECONOMIC IMPACT

In order to minimise the negative impact of creating a synthetic alternative to palm oil on the economies of the developing countries relying on its natural production, we considered potential policies that could be put in place to protect these economies.

IMPACT MANAGEMENT

So what does this all mean for the futures of Malaysia and Indonesia? Would it be possible to introduce a synthetic alternative to palm oil whilst ensuring their economies and livelihoods are safeguarded?

CONCLUSION

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