Team:Imperial College London/test

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
{{:Team:Imperial_College_London/Templates/Banner}}
 +
{{:Team:Imperial_College_London/Templates/Menu}}
 +
 
 +
{| style="width:965px;background:#F5F5F5;text-align:justify;font-family: Georgia, serif;color:#4A4A4A;margin-top:25px;" cellspacing="20"
 +
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|What is Desertification
 +
|-
 +
|Desertification is the degradation of drylands which include arid, semi-arid and sub-humid areas. Drylands make up roughly 40 percent of the Earth’s land and are home to some two billion people, most of which live in developing countries. Dryland soil sustains a fragile ecosystem adapted to infrequent precipitation and dramatic temperature changes. Over-exploitation of dryland for cultivation and feedstock purposes renders the soil unproductive, forcing migration of communities in search of fertile land, leaving the unproductive land bare and vulnerable to erosive forces. A lack of food supply in many developing countries forces constant cultivation of land for short-term gain as well as deforestation to provide arable land.
 +
|-
 +
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|Case Studies
 +
|-
 +
|<html>
<head>
<head>
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/jquery?action=raw&ctype=text/js"></script>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
 
+
<script type="text/javascript">
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/fadeslideshow?action=raw&ctype=text/js">
+
$(document).ready(function(){
-
 
+
  var title = new Array();
-
/***********************************************
+
  title[1] = "Sub-saharan Africa";
-
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
+
  var text = new Array();
-
* This notice MUST stay intact for legal use
+
  text[1] = "Africa is the region most affected by desertification. Two thirds of the continent is covered by dryland which is used extensively for agricultural production. Over-cultivation has led to large scale degradation, exacerbated by frequent drought, leading to extreme food scarcity for some 650 million people who are dependent on the affected land. If the degradation trend continues, it is estimated that two thirds of Africa’s arable may be lost by 2025 (FAO 2009). In an effort to combat desertification, 11 countries along the southern border of the Sahara are involved in the Great Green Wall project. With the help of international aid, the objective is to cover 8,000 km of dryland with vegetation as a protective barrier from erosive forces. However the operation is extremely time consuming and will take a long time before it is established.";
-
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
+
  $("#box1").mouseenter(function() {
-
***********************************************/
+
  $("#maptitle").empty();
-
 
+
  $("#maptext").empty();
 +
  $("#maptitle").append(title[1]);
 +
  $("#maptext").append(text[1]);
 +
  });
 +
});
</script>
</script>
-
<script type="text/javascript">
+
<style type="text/css">
-
 
+
#mapmain {
-
var mygallery1=new fadeSlideShow({
+
  width:925px;
-
wrapperid: "ImageRebecca", //ID of blank DIV on page to house Slideshow
+
  position:relative;
-
dimensions: [150, 217], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
  z-index:0;}
-
imagearray: [
+
#mappic {
-
["https://static.igem.org/mediawiki/2011/3/37/ICL_Rebecca.jpg", "", "", ""],
+
  width:600px;
-
["https://static.igem.org/mediawiki/2011/6/64/ICL_CPRebecca.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
  height:460px;
-
],
+
  position:relative;
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
  top:0px;
-
persist: false, //remember last viewed slide and recall within same session?
+
  z-index:1;}
-
fadeduration: 2000, //transition duration (milliseconds)
+
#mapbox {
-
descreveal: "ondemand",
+
  width:325px;
-
togglerid: ""
+
  height:460px;
-
})
+
  position:absolute;
-
 
+
  left:600px;
-
 
+
  top:0px;
-
var mygallery2=new fadeSlideShow({
+
  color:#ffffff;
-
wrapperid: "ImageChris", //ID of blank DIV on page to house Slideshow
+
  background-color:#A35200;
-
dimensions: [150, 206], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
  z-index:0;}
-
imagearray: [
+
#maptitle {
-
["https://static.igem.org/mediawiki/2011/1/13/ICL_Chris.jpg", "", "", ""],
+
  width:285px;
-
["https://static.igem.org/mediawiki/2011/2/28/ICL_CPChris.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
  position:relative;
-
],
+
  left:20px;
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
  top:20px;
-
persist: false, //remember last viewed slide and recall within same session?
+
  font-size:1.5em;
-
fadeduration: 2000, //transition duration (milliseconds)
+
  font-weight:bold;
-
descreveal: "ondemand",
+
  background-color:#A35200;
-
togglerid: ""
+
  z-index:0;}
-
})
+
#maptext {
-
 
+
  width:285px;
-
</script>
+
  height:390px;
 +
  position:relative;
 +
  left:20px;
 +
  top:40px;
 +
  background-color:#A35200;
 +
  z-index:0;}
 +
#box1 {
 +
  width:116px;
 +
  height:48px;
 +
  position:absolute;
 +
  left:290px;
 +
  top:240px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2011/2/21/ICL_Box1.png');}
 +
</style>
</head>
</head>
-
 
<body>
<body>
-
<div id="ImageRebecca"></div>
+
<div id="mapmain">
-
 
+
  <img id="mappic" src="https://static.igem.org/mediawiki/2011/6/6f/ICL_DesertificationMap.jpg
-
<br />
+
" />
-
 
+
  <div id="box1">
-
<div id="ImageChris"></div>
+
  </div>
-
 
+
  <div id="mapbox">
 +
  <div id="maptitle">Desertification
 +
  </div>
 +
  <div id="maptext">Mouse over the map to read about the impact of desertification in different areas.
 +
  </div>
 +
  </div>
 +
</div>
</body>
</body>
-
 
</html>
</html>
 +
|}

Revision as of 15:31, 3 August 2011


What is Desertification
Desertification is the degradation of drylands which include arid, semi-arid and sub-humid areas. Drylands make up roughly 40 percent of the Earth’s land and are home to some two billion people, most of which live in developing countries. Dryland soil sustains a fragile ecosystem adapted to infrequent precipitation and dramatic temperature changes. Over-exploitation of dryland for cultivation and feedstock purposes renders the soil unproductive, forcing migration of communities in search of fertile land, leaving the unproductive land bare and vulnerable to erosive forces. A lack of food supply in many developing countries forces constant cultivation of land for short-term gain as well as deforestation to provide arable land.
Case Studies
Desertification
Mouse over the map to read about the impact of desertification in different areas.
Retrieved from "http://2011.igem.org/Team:Imperial_College_London/test"