Team:UCSC/Project

From 2014.igem.org

(Difference between revisions)
m
 
(One intermediate revision not shown)
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>
Line 15: Line 12:
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 36: 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 67: 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 93: 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 {
Line 121: 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 154: Line 205:
myh2{
myh2{
-
     color: black;
+
     color: orange;
     text-align: center;
     text-align: center;
     font-size: 50px;
     font-size: 50px;
Line 160: Line 211:
myh3{
myh3{
-
     color: black;
+
     color: RosyBrown;
     text-align: center;
     text-align: center;
     font-size: 40px;
     font-size: 40px;
Line 166: 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;
Line 179: Line 231:
</style>
</style>
</head>
</head>
-
<p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Project&action=edit"style="color:PaleGoldenrod"> Click here  to edit this page!</a> </p>
+
</style>
 +
</head>
<div id="wrapperHeader">
<div id="wrapperHeader">
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"