Difference between revisions of "Team:UCSC"

Line 1: Line 1:
 +
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 
<head>
 
<head>
Line 47: Line 48:
 
wgContentLanguage="en",
 
wgContentLanguage="en",
 
wgBreakFrames=false,
 
wgBreakFrames=false,
wgCurRevisionId=150280,
+
wgCurRevisionId=150284,
 
wgVersion="1.16.5",
 
wgVersion="1.16.5",
 
wgEnableAPI=true,
 
wgEnableAPI=true,
Line 96: Line 97:
 
<h1 class="firstHeading">Team:UCSC</h1>
 
<h1 class="firstHeading">Team:UCSC</h1>
 
<div id="bodyContent">
 
<div id="bodyContent">
<p><a href="/File:Team_UCSC_banner.jpg" class="image"><img alt="Team UCSC banner.jpg" src="/wiki/images/6/6a/Team_UCSC_banner.jpg" width="980" height="121" /></a>
+
<p>
</p><p>
+
 
<!--Bootstrap Core Css-->
 
<!--Bootstrap Core Css-->
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  
 
<!--Add custom CSS here-->
 
<!--Add custom CSS here-->
  </head>
 
  <body bgcolor="#90B4D2">
 
        </div>
 
  
<style>
+
<style type="text/css">
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 +
body {
 +
background-image: url("http://i.imgur.com/3B5DBmW.jpg");
 +
 +
}
 +
 +
#scroller {
 +
position: relative;
 +
}
 +
#scroller .innerScrollArea {
 +
overflow: hidden;
 +
position: absolute;
 +
left: 0;
 +
right: 0;
 +
top: 0;
 +
bottom: 0;
 +
}
 +
#scroller ul {
 +
padding: 0;
 +
margin: 0;
 +
position: relative;
 +
}
 +
#scroller li {
 +
padding: 0;
 +
margin: 0;
 +
list-style-type: none;
 +
position: absolute;
 +
        }
 +
     
 +
#footer {
 +
position: relative;
 +
                background-image: url("http://i.imgur.com/cHGrwsB.jpg");
 +
                background-repeat: none;
 +
width: 1020px;
 +
                height: 120px;
 +
                right: 50px;
 +
align: center;
 +
text-align: center;
 +
img-align-center;
 +
               
 +
 +
 +
}
 +
#alpha {
 +
background-image: url("http://i.imgur.com/gDXtSTA.jpg");
 +
position: relative;
 +
                repeat: y;
 +
                right: 50px;
 +
                height: 531px;
 +
width: 1020px;
 +
                text-align: center;
 +
img-align-center;
 +
}
 +
 +
#logo {
 +
position: relative;
 +
                right: 50px;
 +
                height: 531px;
 +
width: 1020px;
 +
                text-align: center;
 +
img-align-center;
 +
}
 +
 +
#p { font-size:18px;
 +
                    font-type: helvetica;
 +
                    width: 810px;
 +
}
 +
 +
#nav {
 +
              background-image: url("http://i.imgur.com/MUMbnsj.jpg");
 +
              position: relative;
 +
              right: 20px;
 +
              width: 960px;
 +
              height: 83px;
 +
}
 +
 +
}
 
</style>
 
</style>
  
 +
<body>
  
 
<!-- beginning of your page -->
 
<!-- beginning of your page -->
  
 
<!-- menu -->
 
<!-- menu -->
<div class="container col-lg-12 col-md-12 col-sm-12 col-xs-12">
+
 
<div class="row">
+
<nav class="navbar">
<nav class="navbar" style="background: SteelBlue;" >
+
 
   <div class="container-fluid">
 
   <div class="container-fluid">
 
     <!-- Brand and toggle get grouped for better mobile display -->
 
     <!-- Brand and toggle get grouped for better mobile display -->
Line 126: Line 200:
 
         <span class="icon-bar"></span>
 
         <span class="icon-bar"></span>
 
       </button>
 
       </button>
       <a class="navbar-brand" href="https://2014.igem.org/Team:UCSC" style="color: gold;">Home</a>
+
       <a class="navbar-brand" href="#">Brand</a>
 
     </div>
 
     </div>
    <style>
+
 
      .nav>li>a:hover {
+
        background-color: SteelBlue;
+
      }
+
    </style>
+
 
     <!-- Collect the nav links, forms, and other content for toggling -->
 
     <!-- Collect the nav links, forms, and other content for toggling -->
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
       <ul class="nav navbar-nav">
 
       <ul class="nav navbar-nav">
         <li class="active"><a href="http://https://2014.igem.org/Team:UCSC/Project" style="color: gold;">Project</a></li>
+
         <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
        <li><a href="https://2014.igem.org/Team:UCSC/Parts" style="color: gold;">Parts</a></li>
+
         <li><a href="#">Link</a></li>
        <li><a href="https://2014.igem.org/Team:UCSC/Team" style="color: gold;">Team</a></li>
+
         <li><a href="#" style="color: gold;">Community Outreach</a></li>
+
<!-- Dropdown Example
+
 
         <li class="dropdown">
 
         <li class="dropdown">
 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
Line 153: Line 220:
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
-->
 
 
       </ul>
 
       </ul>
 +
     
 
     </div><!-- /.navbar-collapse -->
 
     </div><!-- /.navbar-collapse -->
 
   </div><!-- /.container-fluid -->
 
   </div><!-- /.container-fluid -->
 
</nav>
 
</nav>
</div>
 
 
  
  
</td>
 
<td  bgColor="#FFFFFF"></td>
 
</tr>
 
</table>
 
 
<!-- end of menu -->
 
<!-- end of menu -->
 +
<div id="logo">
 +
<img src="http://i.imgur.com/vb06PVl.jpg">
 +
</div>
  
<table  id="firstblock" width="100%"  cellspacing="0" height="250px">
+
<!--First Block -->
<tr>
+
<td  width="35px" bgColor="gold"></td>
+
<td width="975px" align="center" bgColor="#FFFFFF" >
+
  
 +
<div id="scroller" style="width: 680px; height: 400px; margin: 0 auto;">
 +
    <div class="innerScrollArea">
 +
        <ul>
 +
            <!-- Define photos here -->
 +
            <li><h1 style="border-bottom: none;"> Welcome to UCSC iGEM 2015! </h1><br/><br /><br />
 +
        <p style="padding: 0px 170px;"> The University of California, Santa Cruz strives to be a world leader in the emerging field of synthetic biology.
 +
UCSC introduces and trains our most brilliant and motivated students in this field of research in in order to enhance impending scientific talents
 +
in America while creating an impact in society.</p></li>
 +
            <li><img src="http://i.imgur.com/S3WI2cM.jpg" width="600" height="500" /></li>
 +
            <li><img src="http://i.imgur.com/9yB9dtO.jpg" width="600" height="400" /></li>
 +
            <li><img src="http://i.imgur.com/v7HAR5W.jpg" height="450" /></li>
 +
            <li><img src="https://scontent.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/11825855_1626906260925136_9044339136733102083_n.jpg?oh=a29dc8ff51cd32c5fbd800574697a608&amp;oe=56355FFF" width="635" height="400" /></li>
 +
            <li><img src="http://i61.tinypic.com/23mmttt.jpg" width="635" height="400" /></li>
 +
            <li><img src="https://dl.pushbulletusercontent.com/bT8ETyQqbkRZ3aUFSojgWCuPIakbmElw/20150721_154620.jpg" width="567" height="400" /></li>
 +
        </ul>
 +
    </div>
 +
</div>
 +
<div class="center">
  
<h1 style="border-bottom: none;"> Welcome to UCSC iGEM 2015! </h1>
 
<p style="padding: 0px 170px;"> The University of California, Santa Cruz strives to be a world leader in the emerging field of synthetic biology. UCSC introduces and trains our most brilliant and motivated students in this field of research in in order to enhance impending scientific talents in America while creating an impact in society.</p>
 
  
</td>
 
<td width="35px" bgColor="gold"></td>
 
</tr>
 
</table>
 
<!-- end of first block -->
 
  
 
<h2> Project Goal </h2>
 
<h2> Project Goal </h2>
<p>Over the course of the past several years, the fuels that are primarily petroleum based have become progressively harder to acquire, and the continued usage of these fuels has resulted in increased amounts of pollution due to their prolonged carbon chain and the fact that there has been an increased burning of these fuels. Based on these facts and this particular energy dense process, shorter carbon cycled biofuels have become a growing area of research.
+
<p id="p">Over the course of the past several years, the fuels that are primarily petroleum based have become progressively harder to acquire, and the continued usage of these fuels has resulted in increased amounts of pollution due to their prolonged carbon chain and the fact that there has been an increased burning of these fuels. Based on these facts and this particular energy dense process, shorter carbon cycled biofuels have become a growing area of research.
  
  
Line 190: Line 262:
  
  
 +
<div class="center">
 +
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
 +
<br />
 +
<br />
 +
<br />
 +
</div>
  
 +
</div>
  
 
<div class="text-center">
 
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
 
  
  
 
     <!--Footer-->
 
     <!--Footer-->
    <div class="footer">
 
      <div class="content-section-a">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-lg-12">           
 
            <a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" width="175px" align = "left"></a>
 
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" align = "left"></a>
 
<a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "55px" align = "left"></a>
 
<a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "30px" align = "left"></a>
 
<a href="http://www.hartnell.edu/"> <img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" width="55px" align = "left"></a>
 
<a href="http://www.hartnell.edu/"> <img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" width="55px" align = "left"></a>
 
            </ul>
 
          </div>
 
        </div>
 
      </div>
 
      </div>
 
    </div><br>
 
  
 +
  <div id="footer">
 +
<a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" width="175px"></a>
 +
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" ></a>
 +
<a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "55px" ></a>
 +
<a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "30px" ></a>
 +
<a href="http://www.hartnell.edu/"> <img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" width="55px" ></a>
 
</div>
 
</div>
 +
 +
</body>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
    $(function(){
 +
        var scroller = $('#scroller div.innerScrollArea');
 +
        var scrollerContent = scroller.children('ul');
 +
        scrollerContent.children().clone().appendTo(scrollerContent);
 +
        var curX = 0;
 +
        scrollerContent.children().each(function(){
 +
            var $this = $(this);
 +
            $this.css('left', curX);
 +
            curX += $this.outerWidth(true);
 +
        });
 +
        var fullW = curX / 2;
 +
        var viewportW = scroller.width();
 +
 +
        // Scrolling speed management
 +
        var controller = {curSpeed:0, fullSpeed: 1};
 +
        var $controller = $(controller);
 +
        var tweenToNewSpeed = function(newSpeed, duration)
 +
        {
 +
            if (duration === undefined)
 +
                duration = 600;
 +
            $controller.stop(true).animate({curSpeed:newSpeed}, duration);
 +
        };
 +
 +
        // Pause on hover
 +
        scroller.hover(function(){
 +
            tweenToNewSpeed(0);
 +
        }, function(){
 +
            tweenToNewSpeed(controller.fullSpeed);
 +
        });
 +
 +
        // Scrolling management; start the automatical scrolling
 +
        var doScroll = function()
 +
        {
 +
            var curX = scroller.scrollLeft();
 +
            var newX = curX + controller.curSpeed;
 +
            if (newX > fullW*2 - viewportW)
 +
                newX -= fullW;
 +
            scroller.scrollLeft(newX);
 +
        };
 +
        setInterval(doScroll, 20);
 +
        tweenToNewSpeed(controller.fullSpeed);
 +
    });
 +
</script>
  
  

Revision as of 19:04, 1 September 2015

Team:UCSC - 2015.igem.org

Loading menubar.....

Team:UCSC

  • Welcome to UCSC iGEM 2015!




    The University of California, Santa Cruz strives to be a world leader in the emerging field of synthetic biology. UCSC introduces and trains our most brilliant and motivated students in this field of research in in order to enhance impending scientific talents in America while creating an impact in society.

Project Goal

Over the course of the past several years, the fuels that are primarily petroleum based have become progressively harder to acquire, and the continued usage of these fuels has resulted in increased amounts of pollution due to their prolonged carbon chain and the fact that there has been an increased burning of these fuels. Based on these facts and this particular energy dense process, shorter carbon cycled biofuels have become a growing area of research. Given this, it would be ideal to improve upon an existing biological mechanism, making it viable for large scale production. We have devised a plan that suggests the expression of gene homologs associated with butanol production in other microbes. We hope to improve the efficiency of this process and create a more sustainable method of bio-butanol production.