Difference between revisions of "Team:RHIT/test3"

 
(62 intermediate revisions by the same user not shown)
Line 66: Line 66:
 
                                 position:absolute;
 
                                 position:absolute;
 
                                 top:350px;
 
                                 top:350px;
 +
                                padding-bottom: 200px;
 
                                 text-align:left;
 
                                 text-align:left;
 
               background-color:#E0FDFC;
 
               background-color:#E0FDFC;
Line 76: Line 77:
 
                                 padding-left:2%;
 
                                 padding-left:2%;
 
                                 padding-right:3%;
 
                                 padding-right:3%;
 +
                                padding-bottom: 200px;
 
                                 width: 110%;
 
                                 width: 110%;
 
                                 float:left
 
                                 float:left
Line 95: Line 97:
  
 
                #mainContainer p {  
 
                #mainContainer p {  
−
font-size: 130%;
+
font-size: 16px;
 
                font-family: Arial, Helvetica, sans-serif;
 
                font-family: Arial, Helvetica, sans-serif;
 
                padding: 5px 0px;
 
                padding: 5px 0px;
Line 107: Line 109:
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-family: "Arial Black", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 200%
 
}
 
}
  
Line 114: Line 117:
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 230%
 
}                                                
 
}                                                
 
         #contentContainer h5
 
         #contentContainer h5
Line 121: Line 125:
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 200%
 
}
 
}
 
#contentContainer h6  
 
#contentContainer h6  
Line 127: Line 132:
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 130%
 
}
 
}
  
Line 187: Line 193:
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
  
 +
.footer {
 +
      bottom: 0px;
 +
      left:0px;
 +
      right:0px;
 +
      background-color: #d3d3d3;
 +
      float: left;
 +
height:170px;
 +
                                position: absolute;
 +
                                display:block;
 +
                                z-index:1;
 +
                                padding-left:3%;
 +
                                padding-right:3%; 
 +
}
  
 
/************************************ Making Hover Images********************************************************************/
 
/************************************ Making Hover Images********************************************************************/
Line 278: 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 332: 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 357: Line 376:
 
                height: 30px;
 
                height: 30px;
 
                                  }
 
                                  }
−
                        .line_divider {
+
 
−
                              border-top: 1px solid #c4baba;
+
−
                    margin: auto;
+
−
                    width: 98%;
+
−
                              }
+
 
/*Button Class*/
 
/*Button Class*/
  
Line 607: 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 779: 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>
−
<h2> Click on PEBBLE to meet him! </h2>
+
<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 = "column two_thirds_size">
 
−
<h5> Our Goal </h5>
 
−
<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.
 
−
</br></br>
 
−
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>
 
  
−
<div class = "column third_size">
+
<div class = "footer">
−
</br></br>
+
<div class="column footer_size">
−
<img src = "https://static.igem.org/mediawiki/2018/3/30/T--RHIT--CorrectedPebble.jpg">
+
<center>
 +
<h6> Connect with us on Facebook! </h6>
 +
<a href="https://www.facebook.com/RHITiGEM2018/">
 +
<img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%">
 +
</a>
 +
</center>
 +
</div>
 +
<div class = "column footer_size">
 +
<center>
 +
<div class = "clear extra_space"></div>
 +
<div class = "clear extra_space"></div>
 +
<a href="https://www.rose-hulman.edu/">
 +
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%">
 +
</a>
 +
</center>
 +
</div>
 +
<div class= "column footer_size">
 +
<center>
 +
<h6> Contact Us! </h6>
 +
<p style="text-align: center"> 5500 Wabash Ave. </br> Terre Haute, IN 47803 </p>
 +
</center>
 
</div>
 
</div>
−
 
−
 
−
<div class="line_divider"></div>
 
−
<div class="clear extra_space"></div>
 
−
 
−
<div class = "column full_size">
 
−
<h5> References </h5>
 
−
<ul>
 
−
<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>
−
 
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->
 
     </div></div></div>  
 
     </div></div></div>  
  
 
</html>
 
</html>

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