Difference between revisions of "Team:UMaryland"

Line 72: Line 72:
 
height: 150px;
 
height: 150px;
 
position: absolute;
 
position: absolute;
−
top: 2100px;
+
top: 2000px;
−
left: 250px;
+
left: 0px;
 
}
 
}
 
 
 
.blockContainer {
 
.blockContainer {
 
position: absolute;
 
position: absolute;
−
left: 1000px;
+
left: 700px;
−
top: 2000px;
+
top: 1900px;
 
width: 450px;
 
width: 450px;
 
height: 450px;
 
height: 450px;
Line 164: Line 164:
 
.subBlock:nth-child(2) {
 
.subBlock:nth-child(2) {
 
position: absolute;
 
position: absolute;
−
left: -800px;
+
left: -400px;
 
top: -1200px;
 
top: -1200px;
 
}
 
}
Line 315: Line 315:
 
.subBlock:nth-child(5) {
 
.subBlock:nth-child(5) {
 
position: absolute;
 
position: absolute;
−
left: 1100px;
+
left: 1200px;
−
top: 700px;
+
top: 900px;
 
}
 
}
 
 
Line 366: Line 366:
 
position: absolute;
 
position: absolute;
 
left: -400px;
 
left: -400px;
−
top: 800px;
+
top: 900px;
 
}
 
}
 
 
Line 397: Line 397:
 
.subBlock:nth-child(4) .block:nth-child(3):hover {
 
.subBlock:nth-child(4) .block:nth-child(3):hover {
 
background-color: rgba(128, 62,162, 0.85);
 
background-color: rgba(128, 62,162, 0.85);
−
border-width: 6px;
+
border-width: 6px;60vw
 
}
 
}
 
.subBlock:nth-child(4) .block:nth-child(4):hover {
 
.subBlock:nth-child(4) .block:nth-child(4):hover {
Line 435: Line 435:
 
left:-100vw;
 
left:-100vw;
 
z-index:1000;
 
z-index:1000;
−
background-color: rgba( 0,0,0,0.5);
+
background-color: rgba( 0,0,0,0.7);
 +
}
 +
 +
.exitOverlay {
 +
position: absolute;
 +
right: 60px;
 +
top: 50px;
 +
font-size: 36pt;
 +
}
 +
 +
.exitOverlay:hover {
 +
cursor: pointer;
 
}
 
}
 
</style>
 
</style>
Line 441: Line 452:
 
<body>
 
<body>
 
<div class="overlay">
 
<div class="overlay">
−
<iframe>
+
<div class="exitOverlay">
−
+
<p>X</p>
−
</iframe>
+
</div>
 
</div>
 
</div>
 
<div class="pageCanvas">
 
<div class="pageCanvas">
Line 474: Line 485:
 
<div class="subBlock">
 
<div class="subBlock">
 
<div class="blockDescription">
 
<div class="blockDescription">
−
<p><span class="leftArrow">&larr;</span> Projects</p>
+
<p><span class="leftArrow">&#8592;</span> Projects</p>
 
<p>From saving the Cavendish to expanding synthetic biology</p>
 
<p>From saving the Cavendish to expanding synthetic biology</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="banana">
 
<p>An Appeling Solution</p>
 
<p>An Appeling Solution</p>
 
<p>to save the Cavendish</p>
 
<p>to save the Cavendish</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="cas9">
 
<p>Cas9 Mutant Screening</p>
 
<p>Cas9 Mutant Screening</p>
 
<p>Screening for mutants using CRISPR/Cas9</p>
 
<p>Screening for mutants using CRISPR/Cas9</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="diy">
 
<p>Lab-in-a-box</p>
 
<p>Lab-in-a-box</p>
 
<p>Low cost DIY lab equipment</p>
 
<p>Low cost DIY lab equipment</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="metal">
 
<p>Metal Detection</p>
 
<p>Metal Detection</p>
 
<p>Teaching synthetic biology using real world examples</p>
 
<p>Teaching synthetic biology using real world examples</p>
Line 497: Line 508:
 
<div class="subBlock">
 
<div class="subBlock">
 
<div class="blockDescription">
 
<div class="blockDescription">
−
<p><span class="leftArrow">&larr;</span> Outreach</p>
+
<p><span class="leftArrow">&#8592;</span> Outreach</p>
 
<p>Reaching out to the community about synthetic biology</p>
 
<p>Reaching out to the community about synthetic biology</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="panama">
 
<p>Knowing Panama Disease</p>
 
<p>Knowing Panama Disease</p>
 
<p>Feedback, concerns, and feasiblity</p>
 
<p>Feedback, concerns, and feasiblity</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="teaching">
 
<p>Teaching the Next Generation</p>
 
<p>Teaching the Next Generation</p>
 
<p>of synthetic biologists</p>
 
<p>of synthetic biologists</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="community">
 
<p>Talking with the Community</p>
 
<p>Talking with the Community</p>
 
<p>about synthetic biology</p>
 
<p>about synthetic biology</p>
Line 516: Line 527:
 
<div class="subBlock">
 
<div class="subBlock">
 
<div class="blockDescription">
 
<div class="blockDescription">
−
<p><span class="leftArrow">&larr;</span> About Us</p>
+
<p><span class="leftArrow">&#8592;</span> About Us</p>
 
<p>UMaryland iGEM - Since 2014</p>
 
<p>UMaryland iGEM - Since 2014</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="students">
 
<p>Students</p>
 
<p>Students</p>
 
<p>The next generation of scientists</p>
 
<p>The next generation of scientists</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="advisors">
 
<p>Advisors</p>
 
<p>Advisors</p>
 
<p>Guiding our efforts</p>
 
<p>Guiding our efforts</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="funding">
 
<p>Funding</p>
 
<p>Funding</p>
 
<p>Providing support for the team</p>
 
<p>Providing support for the team</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="ack">
 
<p>Acknowl-</br>edgements</p>
 
<p>Acknowl-</br>edgements</p>
 
<p>Those who helped us get here</p>
 
<p>Those who helped us get here</p>
Line 539: Line 550:
 
<div class="subBlock">
 
<div class="subBlock">
 
<div class="blockDescription">
 
<div class="blockDescription">
−
<p><span class="leftArrow">&larr;</span> Application</p>
+
<p><span class="leftArrow">&#8592;</span> Application</p>
 
<p>Contributing to the scientific community</p>
 
<p>Contributing to the scientific community</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="parts">
 
<p>Parts</p>
 
<p>Parts</p>
 
<p>Contributions to the Registry</p>
 
<p>Contributions to the Registry</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="modeling">
 
<p>Modeling</p>
 
<p>Modeling</p>
 
<p>Applying engineering principles</p>
 
<p>Applying engineering principles</p>
 
</div>
 
</div>
−
<div class="block">
+
<div class="block" data-target="notebook">
 
<p>Notebook</p>
 
<p>Notebook</p>
 
<p>Follow our progress throughout our experience</p>
 
<p>Follow our progress throughout our experience</p>
Line 556: Line 567:
 
</div>
 
</div>
  
 +
</div>
 +
</div>
 +
<style>
 +
.contentContainer {
 +
display: none;
 +
}
 +
 +
.subContainer ul {
 +
list-style: none;
 +
}
 +
 +
.subContainer {
 +
margin-top: 50px;
 +
}
 +
 +
.subContainer nav {
 +
margin-top: 60px;
 +
font-size: 14pt;
 +
float: left;
 +
height: 100vh;
 +
margin-right: 100px;
 +
}
 +
 +
.subContainer ul li {
 +
margin-bottom: 10px;
 +
}
 +
 +
.subContainer .content {
 +
font-size: 12pt;
 +
height: 100vh;
 +
overflow: auto;
 +
width: 65vw;
 +
}
 +
 +
.subContainer .h2 {
 +
font-weight: bold;
 +
font-size: 24pt;
 +
margin-top: 15px;
 +
margin-bottom: 30px;
 +
}
 +
 +
.subContainer p {
 +
padding-bottom: 20px;
 +
}
 +
</style>
 +
<div class="contentContainer">
 +
<div id="container-banana" class="subContainer">
 +
<nav>
 +
<ul>
 +
<li>Background</li>
 +
<li>Design</li>
 +
<li>Experiments</li>
 +
<li>Results</li>
 +
<li>Proof</li>
 +
<li>Integrated Practices</li>
 +
</ul>
 +
</nav>
 +
<div class="content">
 +
<div class="h2">An Apeeling Solution to Panama Disease</div>
 +
<p>The banana is the most popular fruit in the world, with a whopping 160 million tons produced annually. In America, we think of the banana as a fruit, something we love but could live without. However, the same cannot be said for over 400 million people in poor countries. These individuals rely on bananas as their biggest, and sometimes, sole source of calories and nutrition. Terrifyingly enough, 7% of the world’s population could lose its sole source of food as the banana crop is being ravaged by a devastating pandemic: Panama disease.</p>
 +
<p>Panama disease is caused by the fungus Fusarium oxysporum f. sp. Cubense race 4, which is deadly to the Cavendish banana. This fungus is able to first infect the roots of the plant, secreting different hydrolytic enzymes, and subsequently infect the xylem, blocking water and nutrient flow, leading to the death of the plant (Dong, Chunyu Li). Symptoms, however, are typically not visible until four months after infection, providing ample time for the fungus to spread without notice.  (http://www.cabi.org/isc/datasheet/24621, http://www.promusa.org/Fusarium+wilt ). Additionally, the fungus remains in the soil in the form of spores for up to a decade, ready to infect the next set of plants. Therefore, there is a need to develop a method of protecting the Cavendish banana from Fusarium oxysporum and eliminating the fungus from the soil.
 +
</p>
 +
</div>
 +
</div>
 +
<div id="container-cas9" class="subContainer">
 +
</div>
 +
<div id="container-diy" class="subContainer">
 +
</div>
 +
<div id="container-metal" class="subContainer">
 +
</div>
 +
<div id="container-panama" class="subContainer">
 +
</div>
 +
<div id="container-teaching" class="subContainer">
 +
</div>
 +
<div id="container-community" class="subContainer">
 +
</div>
 +
<div id="container-students" class="subContainer">
 +
</div>
 +
<div id="container-advisors" class="subContainer">
 +
</div>
 +
<div id="container-funding" class="subContainer">
 +
</div>
 +
<div id="container-ack" class="subContainer">
 +
</div>
 +
<div id="container-parts" class="subContainer">
 +
</div>
 +
<div id="container-modeling" class="subContainer">
 +
</div>
 +
<div id="container-notebook">
 
</div>
 
</div>
 
</div>
 
</div>
Line 582: Line 682:
 
cursor: "-webkit-grab"
 
cursor: "-webkit-grab"
 
});
 
});
 +
 +
//define block array
 +
blockArray = [
 +
banana,
 +
cas9,
 +
diy,
 +
metal,
 +
panama,
 +
teaching,
 +
community,
 +
students,
 +
advisors,
 +
funding,
 +
ack,
 +
parts,
 +
modeling,
 +
notebook
 +
];
 +
 +
 +
 +
  });
 +
 
 
$('.pageCanvas').css('display', 'block');
 
$('.pageCanvas').css('display', 'block');
 
 
 
$('.mainBlock .block:nth-child(1)').click( function() {
 
$('.mainBlock .block:nth-child(1)').click( function() {
 
$('.pageCanvas').css('transition', '.7s ease-in-out');
 
$('.pageCanvas').css('transition', '.7s ease-in-out');
−
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,447,1045)');
+
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,57,1079)');
 
})
 
})
 
 
Line 596: Line 719:
 
$('.mainBlock .block:nth-child(3)').click( function() {
 
$('.mainBlock .block:nth-child(3)').click( function() {
 
$('.pageCanvas').css('transition', '.7s ease-in-out');
 
$('.pageCanvas').css('transition', '.7s ease-in-out');
−
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,-1522,-743)');
+
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,-1595,-886)');
 
})
 
})
 
 
 
$('.mainBlock .block:nth-child(4)').click( function() {
 
$('.mainBlock .block:nth-child(4)').click( function() {
 
$('.pageCanvas').css('transition', '.7s ease-in-out');
 
$('.pageCanvas').css('transition', '.7s ease-in-out');
−
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,51,-935)');
+
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,53,-1004)');
 
})
 
})
 
 
Line 608: Line 731:
 
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,0,1)');
 
$('.pageCanvas').css('transform', 'matrix(1,0,0,1,0,1)');
 
})
 
})
−
 
−
  });
 
 
    
 
    
 
    
 
    
−
   /*$('.subBlock .block').click( function() {
+
   $('.subBlock .block').click( function() {
−
$('.pageCanvas').css('opacity', '0.2');
+
$('.pageCanvas').css('opacity', '0.1');
 +
target = $(this).attr('data-target')
 +
$('.overlay').prepend( $('#container-' + target));
 
$('.overlay').css('display', 'block');;
 
$('.overlay').css('display', 'block');;
 
 
Line 620: Line 743:
 
left: '0vw'
 
left: '0vw'
 
})
 
})
−
   });*/
+
   });
 
    
 
    
 +
  $('.exitOverlay').click( function() {
 +
$('.pageCanvas').css('opacity', '1');
 +
 +
$('.overlay').css('transition', 'ease-in-out, 2s');
 +
$('.overlay').animate({
 +
left: '-100vw'
 +
});
 +
  });
 
    
 
    
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 16:39, 22 October 2017

X

An Apeeling Solution
to Panama Disease

Projects

Saving the Cavendish banana

Outreach

Increasing access to synthetic biology for high schools

Parts
Modeling
Notebook

About Us

Learn more about UMaryland iGEM

← Projects

From saving the Cavendish to expanding synthetic biology

An Appeling Solution

to save the Cavendish

Cas9 Mutant Screening

Screening for mutants using CRISPR/Cas9

Lab-in-a-box

Low cost DIY lab equipment

Metal Detection

Teaching synthetic biology using real world examples

← Outreach

Reaching out to the community about synthetic biology

Knowing Panama Disease

Feedback, concerns, and feasiblity

Teaching the Next Generation

of synthetic biologists

Talking with the Community

about synthetic biology

← About Us

UMaryland iGEM - Since 2014

Students

The next generation of scientists

Advisors

Guiding our efforts

Funding

Providing support for the team

Acknowl-
edgements

Those who helped us get here

← Application

Contributing to the scientific community

Parts

Contributions to the Registry

Modeling

Applying engineering principles

Notebook

Follow our progress throughout our experience

An Apeeling Solution to Panama Disease

The banana is the most popular fruit in the world, with a whopping 160 million tons produced annually. In America, we think of the banana as a fruit, something we love but could live without. However, the same cannot be said for over 400 million people in poor countries. These individuals rely on bananas as their biggest, and sometimes, sole source of calories and nutrition. Terrifyingly enough, 7% of the world’s population could lose its sole source of food as the banana crop is being ravaged by a devastating pandemic: Panama disease.

Panama disease is caused by the fungus Fusarium oxysporum f. sp. Cubense race 4, which is deadly to the Cavendish banana. This fungus is able to first infect the roots of the plant, secreting different hydrolytic enzymes, and subsequently infect the xylem, blocking water and nutrient flow, leading to the death of the plant (Dong, Chunyu Li). Symptoms, however, are typically not visible until four months after infection, providing ample time for the fungus to spread without notice. (http://www.cabi.org/isc/datasheet/24621, http://www.promusa.org/Fusarium+wilt ). Additionally, the fungus remains in the soil in the form of spores for up to a decade, ready to infect the next set of plants. Therefore, there is a need to develop a method of protecting the Cavendish banana from Fusarium oxysporum and eliminating the fungus from the soil.