(Prototype team page) |
|||
(29 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{KoreaSonyeodul}} | {{KoreaSonyeodul}} | ||
− | |||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <style> | ||
+ | #wrap {width: 60%; margin: auto;} | ||
+ | body{ | ||
+ | margin: 0; | ||
+ | background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png'); | ||
+ | background-size: 100%; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: top; | ||
+ | } | ||
+ | <!--mainTitle--> | ||
+ | .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;} | ||
+ | .site {width: 100%} | ||
+ | .site h1 { | ||
+ | margin-top: 15%; | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | font-size: 800%; | ||
+ | height: 35px; <!--error--> | ||
+ | background-color: rgba(255, 255, 255, 0.0);} | ||
+ | .site h2 {margin-top: 0; position: relative; margin-bottom: 300px; padding-bottom: 100px; | ||
+ | font-size: 300%; | ||
+ | color: #ffffff; | ||
+ | font-weight: 100; | ||
+ | height: 30px;<!--error--> | ||
+ | } | ||
+ | <!--AlignCenterCode--> | ||
+ | .site {width: 1000px; margin-left: auto; margin-right: auto;} | ||
+ | <!--TitleBoxContent--> | ||
+ | .ProjectEx ul li {font-weight: normal;} | ||
+ | .titleContent {height: auto; padding-top: 100px;} | ||
+ | .titleContent h1 {font-size: 30px;} | ||
+ | .titleContent p {font-size: 25px; font-family: Roboto;} | ||
+ | .titleContent2 {width: 680px; height: 460px; margin: auto; padding-top: 50px;} | ||
− | < | + | <!--Project Content--> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .ProjectEx h1{ | ||
+ | font-size: 30px; | ||
+ | height: 30px; | ||
+ | !important | ||
+ | } | ||
+ | .ProjectEx h1{ | ||
+ | font-size: 30px; | ||
+ | font-weight: bold; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | .ProjectEx h2{ | ||
+ | font-size: 25px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | .video { width: 680px; height: 400px; margin: auto; padding-top: 50px; padding-bottom: 50px;} | ||
+ | .banner { | ||
+ | display: table; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | width:500px; | ||
+ | } | ||
+ | <!--FadeIn--> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | ||
− | + | body {padding: 0; margin: 0; background-color: #333;} | |
− | + | .container {position: fixed; top: 25%; left: 25%;} | |
+ | |||
+ | @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
+ | @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
+ | @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
+ | .fade-in { | ||
+ | opacity:0; /* make things invisible upon start */ | ||
+ | -webkit-animation:fadeIn ease-in 1; | ||
+ | -moz-animation:fadeIn ease-in 1; | ||
+ | animation:fadeIn ease-in 1; | ||
− | + | -webkit-animation-fill-mode:forwards; | |
− | + | -moz-animation-fill-mode:forwards; | |
− | + | animation-fill-mode:forwards; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | -webkit-animation-duration:1s; | ||
+ | -moz-animation-duration:1s; | ||
+ | animation-duration:1s; | ||
+ | } | ||
− | + | .fade-in.one { | |
+ | -webkit-animation-delay: 0.7s; | ||
+ | -moz-animation-delay: 0.7s; | ||
+ | animation-delay: 0.7s; | ||
+ | } | ||
− | + | .fade-in.two { | |
+ | -webkit-animation-delay: 1.2s; | ||
+ | -moz-animation-delay:1.2s; | ||
+ | animation-delay: 1.2s; | ||
+ | } | ||
+ | .fade-in.two.first { | ||
+ | -webkit-animation-delay: 1.5s; | ||
+ | -moz-animation-delay:1.5s; | ||
+ | animation-delay: 1.5s; | ||
+ | } | ||
+ | .fade-in.two.second { | ||
+ | -webkit-animation-delay: 1.8s; | ||
+ | -moz-animation-delay:1.8s; | ||
+ | animation-delay: 1.8s; | ||
+ | } | ||
+ | .fade-in.two.third { | ||
+ | -webkit-animation-delay: 2.1s; | ||
+ | -moz-animation-delay:2.1s; | ||
+ | animation-delay: 2.1s;F | ||
+ | } | ||
+ | .fade-in.two.fourth { | ||
+ | -webkit-animation-delay: 2.4s; | ||
+ | -moz-animation-delay:2.4s; | ||
+ | animation-delay: 2.4s; | ||
+ | } | ||
+ | .fade-in.two.fifth { | ||
+ | -webkit-animation-delay: 2.7s; | ||
+ | -moz-animation-delay:2.7s; | ||
+ | animation-delay: 2.7s; | ||
+ | } | ||
+ | .fade-in.two.sixth { | ||
+ | -webkit-animation-delay: 3.0s; | ||
+ | -moz-animation-delay:3.0s; | ||
+ | animation-delay: 3.0s; | ||
+ | } | ||
− | + | .fade-in.three { | |
+ | -webkit-animation-delay: 3.5s; | ||
+ | -moz-animation-delay: 3.5s; | ||
+ | animation-delay: 3.5s; | ||
+ | } | ||
− | < | + | </style> |
− | + | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link> | |
− | </ | + | <!-- <link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet"></link> --> |
+ | <!--일단잠금--> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto:100,300" rel="stylesheet"> | ||
+ | <meta name= "viewport" content = "initial-scale=1.0, width= device-width" /> | ||
+ | </link> | ||
+ | </head> | ||
− | < | + | <body> |
− | + | ||
− | + | ||
− | < | + | <!--Title--> |
+ | <div class="box fade-in one"> | ||
+ | <div id="" align="center"> | ||
+ | <div id="fontlight" class="site"> | ||
+ | <h1> | ||
+ | <font face="Roboto" weight="200">PROJECT COLLABORATION</font> | ||
+ | </h1> | ||
+ | <h2> | ||
+ | <font face="Roboto"></font> | ||
+ | </h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | < | + | <!--TitleBoxes--> |
− | < | + | <div id="wrap"> |
+ | <div class="box fade-in two"> | ||
− | < | + | <div class="ProjectEx"> |
+ | <h1>Building competent mealworms with the ability to disintegrate PET in addition to polystyrene</h1> | ||
+ | <h2> | ||
+ | We were interested in solving the problem of processing excess plastic waste, and while contemplating about ways to go about it in the most nature-friendly manner, we came across mealworms, which were found to have the ability to digest plastic. At first, our team wished to devise a mechanism that would fasten the process of plastic digestion, thus increasing efficiency of degradation. However, that would have required significant amount of time spent on just discovering the single enzyme responsible for degradation and additional time studying about enzyme transformation, which seemed too much of a challenge for the first-year bio-engineers we were. Then, after some more research into mealworms, we found out that mealworms do not degrade just ANY plastic. They would only digest polystyrene, more commonly known as styrofoam. So we thought, how about we give these mealworms the ability to degrade a more variety of plastic? If we could make this a reality that would mean the areas of mealworm application would be expanded and more diverse usage may be possible! So for our bio-machine, we decided to build a more competent mealworm that could also digest PET, another common plastic that troubles the globe. | ||
+ | </h2> | ||
+ | <br><br> | ||
− | < | + | <h1>References</h1> |
− | < | + | <h2> Reece, Jane B., Lisa A. Urry, Michael L. Cain, Steven Alexander Wasserman, Peter V. Minorsky, Rob Jackson, and Neil A. Campbell. Campbell Biology. N.p.: n.p., n.d. Print.</h2> |
− | < | + | <h2> Nelson, David L., David L. Nelson, Albert L. Lehninger, and Michael M. Cox. Lehninger Principles of Biochemistry. New York: W.H. Freeman, 2008. Print. </h2> |
+ | <h2> Baldwin, Geoff. Synthetic Biology: A Primer. London: Imperial College, 2012. Print.</h2> | ||
+ | <h2> Baldwin, Geoff. Synthetic Biology: A Primer. London: Imperial College, 2012. Print.</h2> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
+ | <!--OtherTitleBoxes--> | ||
+ | <div class="box fade-in second"> | ||
+ | <div class="video"> | ||
+ | <iframe width="680" height="400" src="https://www.youtube.com/embed/DDVjJcul0pE" frameborder="0" allowfullscreen></iframe> | ||
+ | </div> | ||
+ | <div class="box fade-in third"> | ||
+ | <div class="banner"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/3/3b/File-T--KoreaSonyeodul--KSBanner3.jpg"></img> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--EndOfWrap--> | ||
+ | <!--Footer--> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 05:38, 16 October 2016