Difference between revisions of "Team:RPI Troy NY"

 
(62 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
−
<!--
 
−
Design by TEMPLATED
 
−
http://templated.co
 
−
Released for free under the Creative Commons Attribution License
 
  
−
Name      : Lorikeet
+
<html>
−
Description: A two-column, fixed-width design with dark color scheme.
+
<style>
−
Version    : 1.0
+
<!-- creates template of white full width background -->
−
Released  : 20140314
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
</style>
  
−
-->
 
−
<html xmlns="http://www.w3.org/1999/xhtml">
 
−
<head>
 
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
−
<title></title>
 
−
<meta name="keywords" content="" />
 
−
<meta name="description" content="" />
 
−
<link href="http://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet" />
 
−
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
 
−
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
 
  
−
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
 
  
−
</head>
 
−
<body>
 
−
<div id="header-wrapper">
 
−
<div id="header" class="container">
 
−
<div id="logo">
 
−
<h1><a href="#">Lorikeet</a></h1>
 
−
</div>
 
−
<div id="menu">
 
−
<ul>
 
−
<li class="active"><a href="#" accesskey="1" title="">Homepage</a></li>
 
−
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
 
−
<li><a href="#" accesskey="3" title="">About Us</a></li>
 
−
<li><a href="#" accesskey="4" title="">Careers</a></li>
 
−
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
<div id="banner" class="container">
 
−
<div class="title">
 
−
<h2>Consectetuer adipiscing elit</h2>
 
−
<span class="byline">Donec pulvinar ullamcorper metus</span>
 
−
</div>
 
−
<ul class="actions">
 
−
<li><a href="#" class="button">Etiam posuere</a></li>
 
−
<li><a href="#" class="button">Pulvinar mollis</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
<div id="wrapper">
 
−
<div id="three-column" class="container">
 
−
    <div class="banner">
 
−
        <img src="images/pic01.jpg" alt="" />
 
−
        </div>
 
−
<div class="title">
 
−
<h2>Feugiat lorem ipsum dolor sed veroeros</h2>
 
−
<span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
 
−
</div>
 
−
<div class="boxA">
 
−
<p>Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad  torquent per conubia nostra.</p>
 
−
<a href="#" class="button button-alt">More Info</a>
 
−
</div>
 
−
<div class="boxB">
 
−
<p>Etiam neque. Vivamus consequat lorem at nisl. Nullam  wisi a sem semper eleifend. Donec mattis. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc.</p>
 
−
<a href="#" class="button button-alt">More Info</a>
 
−
</div>
 
−
<div class="boxC">
 
−
<p> Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc.</p>
 
−
<a href="#" class="button button-alt">More Info</a>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div id="welcome">
 
−
<div class="container">
 
−
<div class="title">
 
−
<h2>Fusce ultrices fringilla metus</h2>
 
−
<span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
 
−
</div>
 
−
<p>This is <strong>Lorikeet</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
 
−
<ul class="actions">
 
−
<li><a href="#" class="button">Etiam posuere</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
<div id="copyright" class="container">
 
−
<p>&copy; Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
 
−
</div>
 
−
</body>
 
−
</html>
 
−
{
 
−
height: 100%;
 
−
}
 
−
 
−
body
 
−
{
 
−
margin: 0px;
 
−
padding: 0px;
 
−
background: #111111;
 
−
font-family: 'Didact Gothic', sans-serif;
 
−
font-size: 12pt;
 
−
font-weight: 200;
 
−
color: #FFF;
 
−
}
 
−
 
−
 
−
h1, h2, h3
 
−
{
 
−
margin: 0;
 
−
padding: 0;
 
−
}
 
−
 
−
p, ol, ul
 
−
{
 
−
margin-top: 0;
 
−
}
 
−
 
−
ol, ul
 
−
{
 
−
padding: 0;
 
−
list-style: none;
 
−
}
 
−
 
−
p
 
−
{
 
−
line-height: 180%;
 
−
}
 
−
 
−
strong
 
−
{
 
−
}
 
−
 
−
a
 
−
{
 
−
color: #ee0000;
 
−
}
 
−
 
−
a:hover
 
−
{
 
−
text-decoration: none;
 
−
}
 
−
 
−
.container
 
−
{
 
−
overflow: hidden;
 
−
margin: 0em auto;
 
−
width: 1200px;
 
−
}
 
−
 
−
/*********************************************************************************/
 
−
/* Image Style                                                                  */
 
−
/*********************************************************************************/
 
  
−
.image
+
<!-- creates a menu -->
−
{
+
<table id="menu" width="100%"  cellspacing="0" height="60px">
−
display: inline-block;
+
<tr>
−
}
+
−
+
−
.image img
+
−
{
+
−
display: block;
+
−
width: 100%;
+
−
}
+
−
+
−
.image-full
+
−
{
+
−
display: block;
+
−
width: 100%;
+
−
margin: 0 0 2em 0;
+
−
}
+
−
+
−
.image-left
+
−
{
+
−
float: left;
+
−
margin: 0 2em 2em 0;
+
−
}
+
−
+
−
.image-centered
+
−
{
+
−
display: block;
+
−
margin: 0 0 2em 0;
+
−
}
+
−
+
−
.image-centered img
+
−
{
+
−
margin: 0 auto;
+
−
width: auto;
+
−
}
+
  
−
/*********************************************************************************/
+
<table align="center">
−
/* List Styles                                                                  */
+
<tr height="50px">
−
/*********************************************************************************/
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C>
 +
<a href="https://2017.igem.org/Team:RPI_Troy_NY"style="text-decoration:none;color:#FFFAF0">Home </a> </td>
  
−
ul.style1
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C>
−
{
+
<a href="https://2017.igem.org/Team:RPI_Troy_NY/Team" style="text-decoration:none;color:#FFFAF0">Team </a> </td>
−
}
+
−
+
−
ul.actions
+
−
{
+
−
}
+
−
+
−
ul.actions li
+
−
{
+
−
display: inline-block;
+
−
padding: 0em 0.50em;
+
−
}
+
  
 +
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C> 
 +
<a href="https://2017.igem.org/Team:RPI_Troy_NY/Collaborations" style="text-decoration:none;color:#FFFAF0">Collaborations </a></td>
  
−
/*********************************************************************************/
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C>
−
/* Social Icon Styles                                                            */
+
<a href="https://2017.igem.org/Team:RPI_Troy_NY/Description" style="text-decoration:none;color:#FFFAF0">Project</a> </td>
−
/*********************************************************************************/
+
  
−
ul.contact
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C> 
−
{
+
<a href="https://2017.igem.org/Team:RPI_Troy_NY/Results" style="text-decoration:none;color:#FFFAF0">Results </a> </td>
−
margin: 0;
+
−
padding: 2em 0em 0em 0em;
+
−
list-style: none;
+
−
}
+
−
+
−
ul.contact li
+
−
{
+
−
display: inline-block;
+
−
padding: 0em 0.30em;
+
−
font-size: 1em;
+
−
}
+
−
+
−
ul.contact li span
+
−
{
+
−
display: none;
+
−
margin: 0;
+
−
padding: 0;
+
−
}
+
−
+
−
ul.contact li a
+
−
{
+
−
color: #FFF;
+
−
}
+
−
+
−
ul.contact li a:before
+
−
{
+
−
display: inline-block;
+
−
background: #3f3f3f;
+
−
width: 40px;
+
−
height: 40px;
+
−
line-height: 40px;
+
−
border-radius: 20px;
+
−
text-align: center;
+
−
color: #FFFFFF;
+
−
}
+
−
+
−
ul.contact li a.icon-twitter:before { background: #2DAAE4; }
+
−
ul.contact li a.icon-facebook:before { background: #39599F; }
+
−
ul.contact li a.icon-dribbble:before { background: #C4376B; }
+
−
ul.contact li a.icon-tumblr:before { background: #31516A; }
+
−
ul.contact li a.icon-rss:before { background: #F2600B; }
+
  
−
/*********************************************************************************/
 
−
/* Button Style                                                                  */
 
−
/*********************************************************************************/
 
  
−
.button
 
−
{
 
−
display: inline-block;
 
−
padding: 1em 2em 1em 2em;
 
−
letter-spacing: 0.10em;
 
−
margin-top: 2em;
 
−
padding: 1.40em 3em;
 
−
border: 2px solid rgba(255,255,255,1);
 
−
border-radius: 6px;
 
−
text-decoration: none;
 
−
font-weight: 700;
 
−
font-size: 1em;
 
−
color: #FFF;
 
−
}
 
−
 
−
.button-alt
 
−
{
 
−
padding: 1em 2em;
 
−
border-color: rgba(0,0,0,.8);
 
−
color: rgba(0,0,0,.8);
 
−
}
 
−
 
−
/*********************************************************************************/
 
−
/* 4-column                                                                      */
 
−
/*********************************************************************************/
 
  
−
.box1,
+
</tr>
−
.box2,
+
<tr height="50px">
−
.box3,
+
−
.box4
+
−
{
+
−
width: 235px;
+
−
}
+
−
+
−
.box1,
+
−
.box2,
+
−
.box3,
+
−
{
+
−
float: left;
+
−
margin-right: 20px;
+
−
}
+
−
+
−
.box4
+
−
{
+
−
float: right;
+
−
}
+
−
+
−
/*********************************************************************************/
+
−
/* 3-column                                                                      */
+
−
/*********************************************************************************/
+
  
−
.boxA,
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C>
−
.boxB,
+
<a href="https://2017.igem.org/Team:RPI_Troy_NY/InterLab" style="text-decoration:none;color:#FFFAF0">Interlab Study</a></td>
−
.boxC
+
−
{
+
−
width: 384px;
+
−
}
+
  
−
.boxA,
 
−
.boxB
 
−
{
 
−
float: left;
 
−
margin-right: 20px;
 
−
}
 
−
 
−
.boxC
 
−
{
 
−
float: right;
 
−
}
 
  
−
/*********************************************************************************/
 
−
/* 2-column                                                                      */
 
−
/*********************************************************************************/
 
  
−
.tbox1,
 
−
.tbox2
 
−
{
 
−
width: 575px;
 
−
}
 
−
 
−
.tbox1
 
−
{
 
−
float: left;
 
−
}
 
  
−
.tbox2
 
−
{
 
−
float: right;
 
−
}
 
  
−
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C> 
−
/*********************************************************************************/
+
<a href="https://2017.igem.org/Team:RPI_Troy_NY/Safety" style="text-decoration:none;color:#FFFAF0">Safety </a></td>
−
/* Heading Titles                                                                */
+
−
/*********************************************************************************/
+
  
−
.title
 
−
{
 
−
margin-bottom: 3em;
 
−
}
 
−
 
−
.title h2
 
−
{
 
−
font-size: 2.7em;
 
−
}
 
−
 
−
.title .byline
 
−
{
 
−
font-size: 1.3em;
 
−
color: rgba(255,255,255,0.60);
 
−
}
 
  
−
/*********************************************************************************/
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C> 
−
/* Header                                                                        */
+
<a href="https://2017.igem.org/Team:RPI_Troy_NY/HP/Silver" style="text-decoration:none;color:#FFFAF0">Human Practices </a></td>
−
/*********************************************************************************/
+
  
−
#wrapper
+
<td width="200px" align="center" onMouseOver="this.bgColor='#DC143C'" onMouseOut="this.bgColor='#DC143C'" bgColor=#DC143C> 
−
{
+
<a href="https://2017.igem.org/Team:RPI_Troy_NY/Attributions" style="text-decoration:none;color:#FFFAF0">Attributions </a></td>
−
position: relative;
+
−
padding: 5em 0em 7em 0em;
+
−
background: #FFF;
+
−
}
+
  
−
/*********************************************************************************/
+
</tr>
−
/* Header                                                                        */
+
</table>
−
/*********************************************************************************/
+
  
−
#header-wrapper
+
</td>
−
{
+
</tr>
−
position: relative;
+
</table>
−
padding: 5em 0em 7em 0em;
+
<!-- end of menu -->
−
background: #111111 url(images/header-bg.jpg) no-repeat center;
+
−
background-size: cover;
+
−
}
+
  
−
#header
+
<!-- First block of content -->
−
{
+
<center><h1 style="border:3px; border-style:solid; border-color:#323232; padding:20px;width:900px;">
−
position: relative;
+
<font face = "Palatino"><font size = "8">Welcome to Team RPI_TROY_NY 2017!</h1></font>
−
padding: 5em 0em;
+
<center>
−
}
+
  
−
/*********************************************************************************/
 
−
/* Logo                                                                          */
 
−
/*********************************************************************************/
 
  
−
#logo
+
<center><td align="center"><a href="https://twitter.com/RPIiGEM?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @RPIiGEM</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script><center>
−
{
+
−
position: absolute;
+
−
top: 3.6em;
+
−
left: 0;
+
−
}
+
−
+
−
#logo h1
+
−
{
+
−
font-size: 2.6em;
+
−
color: #79C255;
+
−
}
+
−
+
−
#logo a
+
−
{
+
−
text-decoration: none;
+
−
color: rgba(255,255,255,1);
+
−
}
+
  
−
/*********************************************************************************/
+
<td align="center"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2017/4/40/T--RPI_TROY_NY--postcard.jpeg" width="850px" height="600px"></a></td>
−
/* Menu                                                                          */
+
−
/*********************************************************************************/
+
  
−
#menu
+
</table>
−
{
+
<!-- end of first block -->
−
position: absolute;
+
−
top: 4.5em;
+
−
right: 0;
+
−
}
+
−
+
−
#menu ul
+
−
{
+
−
display: inline-block;
+
−
}
+
−
+
−
#menu li
+
−
{
+
−
display: block;
+
−
float: left;
+
−
text-align: center;
+
−
}
+
−
+
−
#menu li a, #menu li span
+
−
{
+
−
padding: 1em 1.5em;
+
−
letter-spacing: 1px;
+
−
text-decoration: none;
+
−
text-transform: uppercase;
+
−
font-size: 0.8em;
+
−
color: rgba(255,255,255,0.80);
+
−
}
+
−
+
−
#menu li:hover a, #menu li.active a, #menu li.active span
+
−
{
+
−
}
+
−
+
−
#menu .active a
+
−
{
+
−
border: 2px solid rgba(255,255,255,1);
+
−
border-radius: 6px;
+
−
color: rgba(255,255,255,1);
+
−
}
+
−
+
−
#menu .icon
+
−
{
+
−
}
+
  
−
/*********************************************************************************/
+
<table align="center" cellspacing="10px">
−
/* Banner                                                                        */
+
−
/*********************************************************************************/
+
  
−
#banner
+
</table>
−
{
+
<!-- Block of content 1 -->
−
padding-top: 10em;
+
−
text-align: center;
+
−
}
+
−
+
−
#banner .title h2
+
−
{
+
−
font-size: 4em;
+
−
}
+
−
+
−
#banner .title .byline
+
−
{
+
−
font-size: 2em;
+
−
}
+
−
+
−
#banner .button
+
−
{
+
−
margin-top: 2em;
+
−
padding: 1.40em 3em;
+
−
border: 2px solid rgba(255,255,255,1);
+
−
border-radius: 6px;
+
−
font-weight: 700;
+
−
font-size: 1em;
+
−
+
−
}
+
−
+
−
.banner
+
−
{
+
−
margin-bottom: 5em;
+
−
}
+
  
−
/*********************************************************************************/
+
<tr>
−
/* Page                                                                          */
+
−
/*********************************************************************************/
+
  
−
#page
+
<td width="850px" bgColor="#FFFAF0"  rowspan="3" align="center" height="500px" cellspacing="0">
−
{
+
−
}
+
  
−
/*********************************************************************************/
+
<center><img src="https://static.igem.org/mediawiki/2017/3/34/Rpi_dna_png.png" width="643px" height= "150px"><center>
−
/* Content                                                                      */
+
−
/*********************************************************************************/
+
  
−
#content
+
<p> <font face= "Century Gothic"> <font size = "4"> <h5> Our Project </h5> </font>
−
{
+
<font face= "Times New Roman"> <font size = "3">Sophorolipids are a yeast-derived (<i>Starmerella bombicola</i>), non-toxic and biodegradable alternative to conventional petroleum-derived surfactants and detergents. Currently, the main barrier to commercial production is the cost of isolating and refining sophorolipids of useful chain length. Sophorolipid production competes with the beta-oxidation pathway in yeast for fatty acid substrates, thus lowering yield and producing a mixture of products. The enzyme MFE-2 is a critical component of the beta oxidation pathway. Through genetic engineering, we aim to selectively repress active domains of this enzyme with the intent of increasing the yield of sophorolipid product. By employing a repression technique rather than a full knockout of the gene, the stress on the yeast metabolism may be reduced.<br><br>Our research was formally recognized with a Bronze Medal award at the 2017 iGEM Giant Jamboree.</font> </p>
−
}
+
  
−
/*********************************************************************************/
+
</td> 
−
/* Sidebar                                                                      */
+
−
/*********************************************************************************/
+
  
−
#sidebar
 
−
{
 
−
}
 
  
−
/*********************************************************************************/
+
<!-- This is the back to top button -->
−
/* Footer                                                                        */
+
</table>
−
/*********************************************************************************/
+
  
−
#footer
 
−
{
 
−
}
 
  
−
/*********************************************************************************/
+
</td>
−
/* Copyright                                                                    */
+
−
/*********************************************************************************/
+
  
−
#copyright
 
−
{
 
−
overflow: hidden;
 
−
padding: 5em 0em;
 
−
border-top: 1px solid rgba(0,0,0,0.08);
 
−
}
 
−
 
−
#copyright p
 
−
{
 
−
text-align: center;
 
−
font-size: 1em;
 
−
color: rgba(255,255,255,0.3);
 
−
}
 
−
 
−
#copyright a
 
−
{
 
−
text-decoration: none;
 
−
color: rgba(255,255,255,0.6);
 
−
}
 
  
  
−
/*********************************************************************************/
+
<td bgColor="#FEE5AD"></td>
−
/* Welcome                                                                      */
+
</tr>
−
/*********************************************************************************/
+
</table>
−
 
+
<!-- end of Block-->
−
#welcome
+
−
{
+
−
position: relative;
+
−
padding: 7em 0em 7em 0em;
+
−
background: #3d3f15;
+
−
background-size: cover;
+
−
text-align: center;
+
−
}
+
−
+
−
#welcome .container
+
−
{
+
−
width: 1000px;
+
−
padding: 0px 100px;
+
−
color: rgba(255,255,255,0.8);
+
−
}
+
−
+
−
#welcome a
+
−
{
+
−
color: rgba(255,255,255,1);
+
−
}
+
−
 
+
−
 
+
−
/*********************************************************************************/
+
−
/* Extra                                                                        */
+
−
/*********************************************************************************/
+
−
 
+
−
#three-column
+
−
{
+
−
text-align: center;
+
−
color: rgba(0,0,0,0.6);
+
−
}
+
−
 
+
−
#three-column .fa
+
−
{
+
−
display: block;
+
−
padding: 1em 0em;
+
−
color: rgba(0,0,0,1);
+
−
font-size: 2em;
+
−
}
+
−
+
−
#three-column .title h2
+
−
{
+
−
font-weight: bold;
+
−
color: rgba(0,0,0,0.8);
+
−
}
+
−
 
+
−
#three-column .title .byline
+
−
{
+
−
text-align: center;
+
−
color: rgba(0,0,0,.5);
+
−
}
+

Latest revision as of 19:51, 14 December 2017

Home Team Collaborations Project Results
Interlab Study Safety Human Practices Attributions

Welcome to Team RPI_TROY_NY 2017!

Our Project
Sophorolipids are a yeast-derived (Starmerella bombicola), non-toxic and biodegradable alternative to conventional petroleum-derived surfactants and detergents. Currently, the main barrier to commercial production is the cost of isolating and refining sophorolipids of useful chain length. Sophorolipid production competes with the beta-oxidation pathway in yeast for fatty acid substrates, thus lowering yield and producing a mixture of products. The enzyme MFE-2 is a critical component of the beta oxidation pathway. Through genetic engineering, we aim to selectively repress active domains of this enzyme with the intent of increasing the yield of sophorolipid product. By employing a repression technique rather than a full knockout of the gene, the stress on the yeast metabolism may be reduced.

Our research was formally recognized with a Bronze Medal award at the 2017 iGEM Giant Jamboree.