Team:UCSC/Project

From 2014.igem.org

(Difference between revisions)
m
 
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
-
 
{{CSS/Main}}
{{CSS/Main}}
Line 8: Line 5:
<body>
<body>
-
<!--CSS main content -->
+
<!--main content -->
<head>
<head>
<style>
<style>
-
body {background-image:url("http://www.psdgraphics.com/file/colorful-triangles-background.jpg");}
 
#menuWrapper {
#menuWrapper {
width:100%; /* Menu width */
width:100%; /* Menu width */
height:35px;
height:35px;
padding-left:12px;
padding-left:12px;
-
background: Turquoise;/* Background color */
+
background: SteelBlue;/* Background color */
background-size: 100%;
background-size: 100%;
}
}
Line 37: Line 33:
height:45px;
height:45px;
line-height:34px;
line-height:34px;
-
color:black;
+
color:gold;
text-decoration:none;
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
font-family:Tahoma, Geneva, sans-serif;
Line 68: Line 64:
left:0;
left:0;
top:35px;
top:35px;
-
background:Turquoise; /* Submenu background color */
+
background:SteelBlue; /* Submenu background color */
padding:3px;
padding:3px;
white-space:nowrap;
white-space:nowrap;
Line 94: Line 90:
.menu li ul.sub li a.fly {
.menu li ul.sub li a.fly {
/* Submenu Background Color */
/* Submenu Background Color */
-
background: Turquoise
+
background:RosyBrown
}
}
.menu li:hover ul.sub li a:hover {
.menu li:hover ul.sub li a:hover {
background:#orange; /* Background Color on mouseover */
background:#orange; /* Background Color on mouseover */
-
color: black;
+
color: white;
}
}
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
Line 122: Line 118:
   width: 100%;
   width: 100%;
   height: 320px;
   height: 320px;
-
   background:url(https://static.igem.org/mediawiki/2014/thumb/e/e3/UCSC_A23_006.jpg/800px-UCSC_A23_006.jpg) no-repeat top center;
+
   background:url(https://static.igem.org/mediawiki/2014/thumb/3/38/UCSC_Pafford_CampusView.JPG/800px-UCSC_Pafford_CampusView.JPG) no-repeat top center;
   background-size: 100%;
   background-size: 100%;
   text-align: center;
   text-align: center;
}
}
#wrapperHeader div#header {
#wrapperHeader div#header {
-
width:1000px;
+
  width:1000px;
-
height:200px;
+
  height:200px;
-
margin:0 auto;
+
  margin: 0 auto;
}     
}     
-
.colm2{
+
#wrapperSlide{
-
    -webkit-columns: 4 150px;  
+
  width: 500px;
-
    -moz-columns: 4 150px;  
+
  height: 350px;
-
    columns: 2 150px;
+
  margin: 0 auto;
-
    column-gap: 100px;
+
  position: relative;
 +
  border: 15px solid white;
}
}
-
.colm3{
+
.slide{
-
    -webkit-column-count: 3;  
+
  width: 100%;
-
    -moz-column-count: 3;  
+
  height: 100%;
-
    column-count: 3;
+
  position: relative;  
-
    -webkit-column-gap: 40px;
+
  align: center;
-
    -moz-column-gap: 40px;
+
-
    column-gap: 20px;
+
}
}
 +
 +
.slide{
 +
    top: 0;
 +
    opacity: 0;
 +
    width: 609px;
 +
    height: 420px;
 +
    display: block;
 +
    position: absolute;
 +
 +
    transform: scale(0);
 +
    transition: all .7s ease-in-out;
 +
}
 +
 +
.slide img{
 +
  width: 100%;
 +
  height: 100%;
 +
  margin: auto;
 +
 
 +
}
 +
 +
.nav label {
 +
    width: 200px;
 +
    height: 100%;
 +
    display: none;
 +
    position: absolute;
 +
 +
  opacity: 0;
 +
    z-index: 9;
 +
    cursor: pointer;
 +
 +
    transition: opacity .2s;
 +
 +
    color: #FFF;
 +
    font-size: 156pt;
 +
    text-align: center;
 +
    line-height: 380px;
 +
    font-family: "Varela Round", sans-serif;
 +
    background-color: rgba(255, 255, 255, .3);
 +
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
 +
}
 +
 +
.slide:hover + .nav label { opacity: 0.5; }
 +
 +
.nav label:hover { opacity: 1; }
 +
 +
.nav .next { right: 0; }
 +
 +
input:checked + .slide-container  .slide {
 +
    opacity: 1;
 +
    transform: scale(1);
 +
    transition: opacity 1s ease-in-out;
 +
}
 +
 +
input:checked + .slide-container .nav label { display: block; }
 +
myh1{
myh1{
-
     color: black;
+
     color: gold;
     text-align: center;
     text-align: center;
     font-size: 70px;
     font-size: 70px;
Line 155: Line 205:
myh2{
myh2{
-
     color: black;
+
     color: orange;
     text-align: center;
     text-align: center;
     font-size: 50px;
     font-size: 50px;
Line 161: Line 211:
myh3{
myh3{
-
     color: black;
+
     color: RosyBrown;
     text-align: center;
     text-align: center;
     font-size: 40px;
     font-size: 40px;
Line 167: Line 217:
myh4{
myh4{
-
     color: Yellow;
+
     color: SpringGreen;
     font-family:Tahoma, Geneva, sans-serif;
     font-family:Tahoma, Geneva, sans-serif;
     text-align: center;
     text-align: center;
     font-size: 15px;
     font-size: 15px;
}
}
 +
myh5{
myh5{
-
     color: black;
+
     color: SteelBlue;
     font-family:Tahoma, Geneva, sans-serif;
     font-family:Tahoma, Geneva, sans-serif;
     text-align: center;
     text-align: center;
     font-size: 30px;
     font-size: 30px;
}
}
 +
</style>
 +
</head>
</style>
</style>
</head>
</head>
Line 226: Line 279:
<br>
<br>
-
<table cellspacing=10 px cellpadding = 10px border= 100px blue>
+
<a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" height = "100px" align = "center"></a>
-
<tr>
+
-
 
+
-
<td colspan="2">Introduction</td>
+
-
</tr>
+
-
<tr>
+
-
 
+
-
<td>
+
-
Biofuel</b> is growing all around us in grasses and trees, we just haven’t unlocked it yet. Our team wants to give an archea a little push to digest cellulose, the stuff that makes our paper, into biofuel for our engines. Normally a fortress of ligands keeps cellulose under lock and key. To make the cellulose accesible, we need to add an ionic solution to the plant material, which would shrivel up your typical cell. That’s where <b><i>Haloferax volcanii</i></b>  comes in. <i>H. volcanii</i>  is a halophile archea, which means it’s cozy in high salt environments. It may be the agent we need to break down the cellulose and survive the ionic solution. <i>H. volcanii</i>  can already make butanol out of cellulose. The only problem is, once it has the butanol <i>H. volcanii</i>  keeps processing it into parts for its cell membrane. We want to knock out the right gene so <i>H. volcanii</i>  won’t process the butanol. The butanol should then start piling up, and we’ll have biofuel. This biofuel will still emit CO2 but it won’t add new carbon into the climate because its carbon came from plants instead of fossil fuels. Whatever carbon we add to the climate by using biofuel will be reused on the same scale as we grow more plants that will take in CO2. We can effectively shorten the carbon cycle and stop adding to the accumulation of greenhouse gases in our atmosphere </p></td>
+
-
 
+
-
<td><a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" height = "100px" align = "center"></a>
+
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="100px" align = "center"></a>
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="100px" align = "center"></a>
<a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "100px" align = "center"></a>
<a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "100px" align = "center"></a>
<a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "60px" align = "center"></a></td>
<a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "60px" align = "center"></a></td>
-
</tr>
 
-
</format>
 
-
</table>
 
 +
<td><myh3 style = "padding-left: 15px"> Introduction </myh3></td>
 +
<td width="45%"  valign="top">
 +
<p style = "padding-left: 15px"> <font color="SteelBlue"> <font size = "3"><b>Biofuel</b> is growing all around us in grasses and trees, we just haven’t unlocked it yet. Our team wants to give an archea a little push to digest cellulose, the stuff that makes our paper, into biofuel for our engines. Normally a fortress of ligands keeps cellulose under lock and key. To make the cellulose accesible, we need to add an ionic solution to the plant material, which would shrivel up your typical cell. That’s where <b><i>Haloferax volcanii</i></b>  comes in. <i>H. volcanii</i>  is a halophile archea, which means it’s cozy in high salt environments. It may be the agent we need to break down the cellulose and survive the ionic solution. <i>H. volcanii</i>  can already make butanol out of cellulose. The only problem is, once it has the butanol <i>H. volcanii</i>  keeps processing it into parts for its cell membrane. We want to knock out the right gene so <i>H. volcanii</i>  won’t process the butanol. The butanol should then start piling up, and we’ll have biofuel. This biofuel will still emit CO2 but it won’t add new carbon into the climate because its carbon came from plants instead of fossil fuels. Whatever carbon we add to the climate by using biofuel will be reused on the same scale as we grow more plants that will take in CO2. We can effectively shorten the carbon cycle and stop adding to the accumulation of greenhouse gases in our atmosphere </p>
 +
<br>
 +
<a href="https://2014.igem.org/File:UCSC_CCycle_Fossil_Fuel.png"><img src = "https://static.igem.org/mediawiki/2014/c/c9/UCSC_CCycle_Fossil_Fuel.png" width = 375px style = "padding-left: 35px" ></a>
 +
<a href="https://2014.igem.org/File:UCSC_CCycle_Biofuel.png"><img src = "https://static.igem.org/mediawiki/2014/d/d9/UCSC_CCycle_Biofuel.png"  width = 375px style = "padding-left: 25px"></a>
 +
<p style = "padding-left: 35px"> Compare these two carbon cycles: On the left is the current carbon cycle using fossil fuels. <br>On the right, we have the shorter cycle displaying the effect of switching to biofuel.</p>
 +
<p style = "padding-left: 15px"><b> To read more about carbon neutrality and these graphics, <a href="https://static.igem.org/mediawiki/2014/6/69/UCSC_Carbon_Neutral.pdf"> click here for our Carbon Neutrality article</a></b></p>
 +
<br><br>
-
<!--
+
<td > <myh3 style = "padding-left: 15px"> The Future of the Project </myh3></td>
-
<div id="colm">
+
<br>
-
<myh5> PCR</myh5>
+
<p style = "padding-left: 15px"> <font color="SteelBlue"> <font size = "3"> This iGEM project proved successful enough to become a new class at UCSC! <br> It is being absorbed by the Biomolecular Engineering Department and taught as an alternative senior design track.  
-
Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns.</p>
+
<br><br>
-
<p>Sample text here. Just testing my columns.</p>
+
-
<myh5> Gibson</myh5>
+
-
Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns. Sample text here. Just testing my columns.</p>
+
-
<p>Sample text here. Just testing my columns.</p>
+
-
</div>
+
-
-->
+
-
 
+
-
 
+
-
</td>
+
-
 
+
-
 
+
-
<!--
+
-
<td ><myh3 style = "padding-left: 15px"> Goals for Future Research </myh3></td>
+
-
<p>
+
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>  
+
-
</td>
+
-
 
+
-
<td></td>
+
-
<td  width="45%" valign="top">
+
-
<p> You can use these subtopics to further explain your project</p>
+
-
 
+
-
<ol>
+
-
<li>Overall project summary</li>
+
-
<li>Project Details</li>
+
-
<li>Materials and Methods</li>
+
-
<li>The Experiments</li>
+
-
<li>Results</li>
+
-
<li>Data analysis</li>
+
-
<li>Conclusions</li>
+
-
</ol>
+
-
 
+
-
<p>
+
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.  
+
-
</p>
+
-
 
+
-
<p>
+
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.
+
-
</p>
+
-
-->
+
-
 
+
</td>
</td>

Latest revision as of 03:57, 18 October 2014



Introduction

Biofuel is growing all around us in grasses and trees, we just haven’t unlocked it yet. Our team wants to give an archea a little push to digest cellulose, the stuff that makes our paper, into biofuel for our engines. Normally a fortress of ligands keeps cellulose under lock and key. To make the cellulose accesible, we need to add an ionic solution to the plant material, which would shrivel up your typical cell. That’s where Haloferax volcanii comes in. H. volcanii is a halophile archea, which means it’s cozy in high salt environments. It may be the agent we need to break down the cellulose and survive the ionic solution. H. volcanii can already make butanol out of cellulose. The only problem is, once it has the butanol H. volcanii keeps processing it into parts for its cell membrane. We want to knock out the right gene so H. volcanii won’t process the butanol. The butanol should then start piling up, and we’ll have biofuel. This biofuel will still emit CO2 but it won’t add new carbon into the climate because its carbon came from plants instead of fossil fuels. Whatever carbon we add to the climate by using biofuel will be reused on the same scale as we grow more plants that will take in CO2. We can effectively shorten the carbon cycle and stop adding to the accumulation of greenhouse gases in our atmosphere


Compare these two carbon cycles: On the left is the current carbon cycle using fossil fuels.
On the right, we have the shorter cycle displaying the effect of switching to biofuel.

To read more about carbon neutrality and these graphics, click here for our Carbon Neutrality article



The Future of the Project

This iGEM project proved successful enough to become a new class at UCSC!
It is being absorbed by the Biomolecular Engineering Department and taught as an alternative senior design track.

Retrieved from "http://2014.igem.org/Team:UCSC/Project"