Team:UCSC/Project

From 2014.igem.org

(Difference between revisions)
m
 
(39 intermediate revisions 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}}
<html>
<html>
-
<body style="background-color:#3E98B4" >
+
<body>
-
<!--CSS main content -->
+
<!--main content -->
<head>
<head>
<style>
<style>
Line 14: Line 11:
width:100%; /* Menu width */
width:100%; /* Menu width */
height:35px;
height:35px;
-
padding-left:14px;
+
padding-left:12px;
-
background:#BC8F8F; /* Background color */
+
background: SteelBlue;/* Background color */
-
border-radius: 10px;
+
background-size: 100%;
}
}
.menu {
.menu {
Line 22: Line 19:
margin:0;
margin:0;
list-style:none;
list-style:none;
-
height:35px;
+
height:75px;
position:relative;
position:relative;
z-index:5;
z-index:5;
Line 36: Line 33:
height:45px;
height:45px;
line-height:34px;
line-height:34px;
-
color:#ccc;
+
color:gold;
text-decoration:none;
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
font-family:Tahoma, Geneva, sans-serif;
-
font-size:14px; /* Font size */
+
font-size:18px; /* Font size */
-
font-weight:bold;
+
padding:0 0 0 10px;
-
padding:0 0 0 12px;
+
cursor:pointer;
cursor:pointer;
}
}
Line 68: Line 64:
left:0;
left:0;
top:35px;
top:35px;
-
background:#333; /* 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:#333 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat;}
+
background:RosyBrown
 +
}
.menu li:hover ul.sub li a:hover {
.menu li:hover ul.sub li a:hover {
-
background:#515151; /* Background Color on mouseover */
+
background:#orange; /* Background Color on mouseover */
-
color:#fff;
+
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 116: Line 113:
height:auto;
height:auto;
}
}
 +
#wrapperHeader{
#wrapperHeader{
   width: 100%;
   width: 100%;
-
   height: 400px;
+
   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%;
   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;
}     
}     
 +
 +
#wrapperSlide{
 +
  width: 500px;
 +
  height: 350px;
 +
  margin: 0 auto;
 +
  position: relative;
 +
  border: 15px solid white;
 +
}
 +
 +
.slide{
 +
  width: 100%;
 +
  height: 100%;
 +
  position: relative;
 +
  align: center;
 +
}
 +
 +
.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: Khaki;
+
     color: gold;
     text-align: center;
     text-align: center;
-
     font-size: 50px;
+
     font-size: 70px;
}
}
Line 138: Line 207:
     color: orange;
     color: orange;
     text-align: center;
     text-align: center;
-
     font-size: 40px;
+
     font-size: 50px;
}
}
myh3{
myh3{
-
     color: pink;
+
     color: RosyBrown;
 +
    text-align: center;
 +
    font-size: 40px;
 +
}
 +
 
 +
myh4{
 +
    color: SpringGreen;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    text-align: center;
 +
    font-size: 15px;
 +
}
 +
 
 +
myh5{
 +
    color: SteelBlue;
 +
    font-family:Tahoma, Geneva, sans-serif;
     text-align: center;
     text-align: center;
     font-size: 30px;
     font-size: 30px;
}
}
 +
</style>
 +
</head>
</style>
</style>
</head>
</head>
 +
 +
<div id="wrapperHeader">
 +
<div id="header"><br><br><br><br><br><br><br><b><myh1> Project Description </myh1></b></div>
 +
</div>
<div id='menuWrapper'>
<div id='menuWrapper'>
<ul class='menu'>
<ul class='menu'>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"style="color:#000000"><span>HOME</span></a></li>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"><span><b>HOME</b></span></a></li>
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a>
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a>
<ul class='sub'>
<ul class='sub'>
<li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a>
<li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a>
-
<li><a href="https://2014.igem.org/Team:UCSC/Modeling">Models</a>
+
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a></li>
-
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a>
+
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
</ul>
</ul>
</li>
</li>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Bioethics"><span class='down'>Bioethics</span></a>
-
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
+
-
<li><a href="https://2014.igem.org/Team:UCSC/Team">Team Members</a></li></ul>
+
-
</li>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a>
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a>
<ul class='sub'>
<ul class='sub'>
-
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
 
<li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li>
<li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Modeling">Models</a></li>
</ul>
</ul>
</li>
</li>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Attributions"><span>Attributions</span></a>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
 +
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Team">Undergrad Researchers</a></li>
 +
<li><a href = "">The Bioethics Team</a>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Attributions">Attributions</a></li>
</li>
</li>
-
 
</ul>
</ul>
-
</div>
 
-
<div id="wrapperHeader">
 
-
<div id="header"><br><br><br><myh1> Project Description </myh1></div>
 
-
</div>
 
-
<a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/6/6c/UCSC_School_Logo.jpg" width="350px" align = "center"></a>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Meetups/August_UCSC"><span><b>Our Meetup</b></span></a>
-
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="110px" align = "center"></a>
+
</li>
-
<a href="https://experiment.com/projects/sustainable-next-generation-biofuel-production" align = "center"> <b> Click for the Experiment.com Link to Support Us and Your Logo Could be Here!</b></a><br>
+
-
<p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Project&action=edit"style="color:#FCFDFE"> Click here  to edit this page!</a> </p>
+
<li class='top'><a class='top_link' href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"><span><myh4><b> Thank you, Donors!</b></myh4></span></a>
 +
</li>
-
</tr>
+
</ul>
-
</tr>
+
</div>  
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<br>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
<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 = "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>
 +
 +
<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>
<br><br>
-
<!--Project content  -->
 
-
<tr><td></td>
 
-
<br><br>
 
-
</tr>
 
-
<tr>
+
<td > <myh3 style = "padding-left: 15px"> The Future of the Project </myh3></td>
-
<td > <myh2> Abstract </myh2></td>
+
-
<td width="45%"  valign="top">  
+
-
<p> Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs) </p>
+
<br>
<br>
-
 
+
<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.  
-
<td > <myh2> Instructional Videos </myh2></td>
+
<br><br>
-
<p>  
+
-
 
+
-
<td > <myh2> Protocols </myh2></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"