Difference between revisions of "Team:RHIT/test3"

 
(47 intermediate revisions by the same user not shown)
Line 66: Line 66:
 
                                 position:absolute;
 
                                 position:absolute;
 
                                 top:350px;
 
                                 top:350px;
−
                                 padding-bottom: 300px;
+
                                 padding-bottom: 200px;
 
                                 text-align:left;
 
                                 text-align:left;
 
               background-color:#E0FDFC;
 
               background-color:#E0FDFC;
Line 77: Line 77:
 
                                 padding-left:2%;
 
                                 padding-left:2%;
 
                                 padding-right:3%;
 
                                 padding-right:3%;
−
                                 padding-bottom: 300px;
+
                                 padding-bottom: 200px;
 
                                 width: 110%;
 
                                 width: 110%;
 
                                 float:left
 
                                 float:left
Line 194: Line 194:
  
 
.footer {
 
.footer {
−
       bottom: 5px;
+
       bottom: 0px;
−
       background-color: #FFFFFF
+
      left:0px;
−
height:20%;
+
      right:0px;
−
                                width:97%;
+
       background-color: #d3d3d3;
 +
      float: left;
 +
height:170px;
 
                                 position: absolute;  
 
                                 position: absolute;  
−
                                float:left;
 
 
                                 display:block;
 
                                 display:block;
−
                                 max-width:1400px;
+
                                 z-index:1;
−
                                z-index:2;
+
                                padding-left:3%;
−
 
+
                                padding-right:3%; 
 
}
 
}
  
Line 296: Line 297:
 
     color: #000000;
 
     color: #000000;
 
     text-align: center;
 
     text-align: center;
−
    overflow-wrap:normal;
 
 
     font-size: 20px;
 
     font-size: 20px;
 
     border-radius: 10px;
 
     border-radius: 10px;
 
     padding: 8px 0;
 
     padding: 8px 0;
 +
    position:absolute;
 
     z-index: 1;
 
     z-index: 1;
 
     left: 0%;
 
     left: 0%;
−
     bottom:25%;
+
     top: 10%;
−
    position:absolute;
+
−
 
+
 
}
 
}
  
Line 350: Line 349:
 
/* 25% */
 
/* 25% */
 
#mainContainer .column.quarter_size { width: 17.7%; }
 
#mainContainer .column.quarter_size { width: 17.7%; }
 +
        /* Footer */
 +
        #mainContainer .column.footer_size { width: 29%;}
  
  
Line 621: Line 622:
 
function bottleone() {
 
function bottleone() {
 
         $("#bottle1").css({left:30,top:400},500);
 
         $("#bottle1").css({left:30,top:400},500);
−
         $("#bottle1").show().animate({left:50,top:250},500, 'linear').animate({left:80,top:220},500, 'linear').animate({left:100,top:240},500, 'linear').animate({left:140,top:180},500, 'linear').animate({left:195,top:227},500, 'linear').animate({left:230,top:205},500, 'linear').animate({left:250,top:229},500, 'linear').animate({left:260,top:250},500, 'linear').animate({left:238,top:260},500, 'linear').animate({left:250,top:250},500, 'linear').animate({left:300,top:250},500, 'linear').animate({left:350,top:235},500, 'linear').animate({left:400,top:230},500, 'linear').animate({left:450,top:240},500, 'linear').animate({left:520,top:230},500, 'linear').animate({left:580,top:250},500, 'linear').animate({left:560,top:235},500, 'linear').animate({left:600,top:225},500, 'linear').animate({left:630,top:220},500, 'linear').animate({left:650,top:230},500, 'linear').animate({left:690,top:240},500, 'linear').animate({left:730,top:240},500, 'linear').animate({left:780,top:260},500, 'linear').animate({left:850,top:250},500, 'linear').animate({left:820,top:240},500, 'linear').animate({left:800,top:230},500, 'linear').animate({left:790,top:210},500, 'linear').animate({left:820,top:200},500, 'linear').animate({left:850,top:130},500, 'linear').animate({left:940,top:60},500, 'linear').animate({left:980,top:0},500, 'linear').animate({left:30,top:400},0,bottleone);
+
         $("#bottle1").show().animate({left:50,top:250},500, 'linear').animate({left:80,top:220},500, 'linear').animate({left:100,top:240},500, 'linear').animate({left:140,top:200},500, 'linear').animate({left:195,top:227},500, 'linear').animate({left:230,top:205},500, 'linear').animate({left:250,top:229},500, 'linear').animate({left:260,top:250},500, 'linear').animate({left:238,top:260},500, 'linear').animate({left:250,top:250},500, 'linear').animate({left:300,top:250},500, 'linear').animate({left:350,top:235},500, 'linear').animate({left:400,top:230},500, 'linear').animate({left:450,top:240},500, 'linear').animate({left:520,top:230},500, 'linear').animate({left:580,top:250},500, 'linear').animate({left:560,top:235},500, 'linear').animate({left:600,top:225},500, 'linear').animate({left:630,top:220},500, 'linear').animate({left:650,top:230},500, 'linear').animate({left:690,top:240},500, 'linear').animate({left:730,top:240},500, 'linear').animate({left:780,top:260},500, 'linear').animate({left:850,top:250},500, 'linear').animate({left:820,top:240},500, 'linear').animate({left:800,top:230},500, 'linear').animate({left:790,top:210},500, 'linear').animate({left:820,top:200},500, 'linear').animate({left:850,top:130},500, 'linear').animate({left:940,top:60},500, 'linear').animate({left:980,top:0},500, 'linear').animate({left:30,top:400},0,'linear').animate({left:30,top:400},1500,bottleone);
 
                           }
 
                           }
  
Line 793: Line 794:
 
</br></br></br>
 
</br></br></br>
  
−
  <!--------------------------- Content ------------------------------------->
+
  <!--------------------------- Content -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 
<div class="column third_size">
 
<div class="column third_size">
 
<div class="popup" onclick="PopUp()"> <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--PebbleHome.jpg" style="width:40%">
 
<div class="popup" onclick="PopUp()"> <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--PebbleHome.jpg" style="width:40%">
−
   <span class="popuptext" id="myPopup"> Hi! My name's PEBBLE and I'll guide you through the adventures I had with my team this year! Click on me when you see me and I'll help you out!
+
   <span class="popuptext" id="myPopup" style="position:absolute; top: 40px; left: 100px;"> Hi! My name's PEBBLE and I'll guide you through the adventures I had with my team this year! Click on me when you see me and I'll help you out!
 
</span>
 
</span>
 
</div>
 
</div>
−
<h6> Click on PEBBLE to meet him! </h6>
+
<center>
 +
<h6> Click on me! </h6>
 +
</center>
 
</div>
 
</div>
 
<div class = "clear extra_space"></div>
 
<div class = "clear extra_space"></div>
  
−
<div class = "column third_size">
 
−
<img src = "https://static.igem.org/mediawiki/2018/8/8c/T--RHIT--PlasticProblem.jpg ">
 
−
<img src = "https://static.igem.org/mediawiki/2018/6/68/T--RHIT--ProjectBottle.jpg " style = "width:30%">
 
−
<img src = "https://static.igem.org/mediawiki/2018/6/68/T--RHIT--ProjectBottle.jpg " style = "width:30%">
 
−
<img src = "https://static.igem.org/mediawiki/2018/6/68/T--RHIT--ProjectBottle.jpg " style = "width:30%">
 
−
</div>
 
−
<div class = "column two_thirds_size">
 
−
<h5> The Plastic Problem </h5>
 
−
<p> The Great Pacific Garbage Patch contains over 1.8 trillion pieces of plastic, and weighs over 100,000 tons. It covers an area over 1.6 million square kilometers- three times the area of France. The plastics that have made their way into the ocean will eventually break down into microplastics, and make their way into the lives of unsuspecting and unfortunate marine life. Studies on fish and other marine animals have shown that over 10% have plastics in their systems. </br> </br>
 
  
−
Polyethylene terephthalate (PET) is a kind of plastic used in an innumerable amount of products from water bottles to personal care product packaging. Most of the plastic that makes its way to pollute the ocean and other ecosystems is made of PET. A study showed that over 6.3 billion metric tons of plastic waste had been created by humans, and only a sad 9% of that plastic has been recycled. A main contributing factor to this plastic problem is the large volume of PET plastic bottles produced and used in the world. 1 million plastic bottles are sold every minute, and most of them are thrown away instead of recycled.</p> </div>
 
  
  
−
<div class = "column full_size"></div>
+
<div class = "footer">  
−
<div class = "column two_thirds_size">
+
<div class="column footer_size">
−
<h5> Our Goal </h5>
+
<center>
−
<p>Researchers in Japan have recently found a bacteria, Ideonella sakaiensis, that eats PET plastic. PET can be broken down into ethylene glycol and terephthalic acid. We are taking the sequence for the enzyme that breaks down PET and putting it into an E. coli plasmid. Because of the toxicity of ethylene glycol, another sequence was created to let the bacteria obtain energy by breaking down the ethylene glycol and using it as the bacteria’s only carbon source. In the end, the bacteria will have transformed PET plastic into only terephthalic acid that can be recycled to be turned back into new plastics.
+
<h6> Connect with us on Facebook! </h6>
−
</br></br>
+
<a href="https://www.facebook.com/RHITiGEM2018/">
−
This year, Rose-Hulman’s Six Sigma club hosted a talk from ​Dr. Shikha Bhattacharyya, who discussed straw usage in the US and how to reduce it. After this, the school started offering biodegradable straws that were compostable. Although this is a great solution for plastic straws, there was still no solution to the plastic bottle problem. After researching the Ideonella sakaiensis, we realized that using bacteria was a promising way to tackle the plastic bottle problem. </p></div>
+
<img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%">
−
 
+
</a>
−
<div class = "column third_size">
+
</center>
−
</br></br>
+
−
<img src = "https://static.igem.org/mediawiki/2018/3/30/T--RHIT--CorrectedPebble.jpg">
+
 
</div>
 
</div>
−
 
+
<div class = "column footer_size">
−
 
+
<center>
−
 
+
<div class = "clear extra_space"></div>
−
<div class="clear extra_space"></div>
+
<div class = "clear extra_space"></div>
−
 
+
<a href="https://www.rose-hulman.edu/">
−
<div class = "column full_size">
+
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%">
−
<h5> References </h5>
+
</a>
−
<ul>
+
</center>
−
<li><a href = "https://www.theoceancleanup.com/great-pacific-garbage-patch/"> https://www.theoceancleanup.com/great-pacific-garbage-patch/</a> </li>
+
−
 
+
−
<li><a href = "http://garbagepatch.net/greatpacificoceangarbagepatchfacts/"> http://garbagepatch.net/greatpacificoceangarbagepatchfacts/ </a></li>
+
−
 
+
−
<li><a href = "https://helpsavenature.com/great-pacific-garbage-patch-facts"> https://helpsavenature.com/great-pacific-garbage-patch-facts </a></li>
+
−
 
+
−
<li><a href = "https://www.globalcitizen.org/en/content/9-facts-about-ocean-plastic/"> https://www.globalcitizen.org/en/content/9-facts-about-ocean-plastic/</a></li>
+
−
 
+
−
<li><a href = "https://news.nationalgeographic.com/2018/03/great-pacific-garbage-patch-plastics-environment/"> https://news.nationalgeographic.com/2018/03/great-pacific-garbage-patch-plastics-environment/</a></li>
+
−
</ul>
+
 
</div>
 
</div>
−
<div class = "footer">  
+
<div class= "column footer_size">
−
<h3> Connect with us on <a href="https://www.facebook.com/RHITiGEM2018/"> Facebook!</a> </h3>
+
<center>
−
<div class="column quarter_size">
+
<h6> Contact Us! </h6>
−
<div class = "container">
+
<p style="text-align: center"> 5500 Wabash Ave. </br> Terre Haute, IN 47803 </p>
−
<a href="https://www.facebook.com/RHITiGEM2018/">
+
</center>
−
<img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" class = "image" style="width:50%">
+
 
</div>
 
</div>
−
</a></div>
 
 
</div>
 
</div>
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->

Latest revision as of 15:58, 9 July 2018




Hi! My name's PEBBLE and I'll guide you through the adventures I had with my team this year! Click on me when you see me and I'll help you out!
Click on me!
Connect with us on Facebook!
Contact Us!

5500 Wabash Ave.
Terre Haute, IN 47803