Difference between revisions of "Team:GreatBay China"

Line 16: Line 16:
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
<!-- css bootstrap -->
 
<!-- css bootstrap -->
−
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&amp;action=raw&amp;ctype=text/css" />
 
<!-- js jquery -->
 
<!-- js jquery -->
−
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&amp;action=raw&amp;ctype=text/javascript"></script>
 
<!-- js menu -->
 
<!-- js menu -->
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 1,609: Line 1,609:
 
   overflow-y: scroll;
 
   overflow-y: scroll;
 
}
 
}
−
.container {
+
 
−
  padding-right: 15px;
+
−
  padding-left: 15px;
+
−
  margin-right: auto;
+
−
  margin-left: auto;
+
−
}
+
 
@media (min-width: 768px) {
 
@media (min-width: 768px) {
−
   .container {
+
   .rolldown {
−
     width: 750px;
+
     width: 510px;
 
   }
 
   }
 
}
 
}
 
@media (min-width: 992px) {
 
@media (min-width: 992px) {
−
   .container {
+
   .rolldown {
−
     width: 970px;
+
     width: 660px;
 
   }
 
   }
 
}
 
}
 
@media (min-width: 1200px) {
 
@media (min-width: 1200px) {
−
   .container {
+
   .rolldown {
−
     width: 1170px;
+
     width: 800px;
 
   }
 
   }
 
}
 
}
−
.container-fluid {
+
<!-- .container-fluid { -->
−
   padding-right: 15px;
+
   <!-- padding-right: 15px; -->
−
   padding-left: 15px;
+
   <!-- padding-left: 15px; -->
−
   margin-right: auto;
+
   <!-- margin-right: auto; -->
−
   margin-left: auto;
+
   <!-- margin-left: auto; -->
−
}
+
<!-- } -->
 
.row {
 
.row {
 
   margin-right: -15px;
 
   margin-right: -15px;
Line 4,889: Line 4,884:
 
}
 
}
 
.jumbotron {
 
.jumbotron {
−
   padding: 30px 15px;
+
   padding:50px;
−
   margin-top:30px;
+
   margin:50px;
−
  margin-bottom:30px;
+
 
   color: inherit;
 
   color: inherit;
 
   background-color:rgba(125, 63, 152, 0.9);
 
   background-color:rgba(125, 63, 152, 0.9);
 +
  width:700px;
 
}
 
}
 
.jumbotron h1,
 
.jumbotron h1,
Line 4,903: Line 4,898:
 
   font-size: 21px;
 
   font-size: 21px;
 
   font-weight: 200;
 
   font-weight: 200;
 +
  line-height:80%;
 
}
 
}
 
.jumbotron > hr {
 
.jumbotron > hr {
 
   border-top-color: #d5d5d5;
 
   border-top-color: #d5d5d5;
 
}
 
}
−
.container .jumbotron,
+
.rolldown .jumbotron,
−
.container-fluid .jumbotron {
+
.rolldown-fluid .jumbotron {
 
   border-radius: 6px;
 
   border-radius: 6px;
 
}
 
}
−
.jumbotron .container {
+
.jumbotron .rolldown {
 
   max-width: 100%;
 
   max-width: 100%;
 
}
 
}
Line 4,918: Line 4,914:
 
     padding: 48px 0;
 
     padding: 48px 0;
 
   }
 
   }
−
   .container .jumbotron,
+
   .rolldown .jumbotron,
−
   .container-fluid .jumbotron {
+
   .rolldown-fluid .jumbotron {
 
     padding-right: 60px;
 
     padding-right: 60px;
 
     padding-left: 60px;
 
     padding-left: 60px;
Line 6,326: Line 6,322:
 
.dl-horizontal dd:before,
 
.dl-horizontal dd:before,
 
.dl-horizontal dd:after,
 
.dl-horizontal dd:after,
−
.container:before,
+
.rolldown:before,
−
.container:after,
+
.rolldown:after,
−
.container-fluid:before,
+
.rolldown-fluid:before,
−
.container-fluid:after,
+
.rolldown-fluid:after,
 
.row:before,
 
.row:before,
 
.row:after,
 
.row:after,
Line 6,357: Line 6,353:
 
.clearfix:after,
 
.clearfix:after,
 
.dl-horizontal dd:after,
 
.dl-horizontal dd:after,
−
.container:after,
+
.rolldown:after,
−
.container-fluid:after,
+
.rolldown-fluid:after,
 
.row:after,
 
.row:after,
 
.form-horizontal .form-group:after,
 
.form-horizontal .form-group:after,
Line 6,619: Line 6,615:
 
<style type="text/css">
 
<style type="text/css">
  
−
h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } blockquote { font-family: Delius; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5667px; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4,  {
 
−
margin-bottom: 0px;
 
−
}
 
−
}
 
−
.container{
 
−
margin:0 0 0 0;
 
−
padding:0 0 0 0;
 
−
}
 
−
.client-js{
 
−
margin:0;
 
−
border:none;
 
−
}
 
−
#top_title,#sideMenu,#firstHeading,#logo_2018{
 
−
display: none;
 
−
margin-bottom:0;
 
−
}
 
  
−
#content{
 
−
width:100%;
 
−
height:auto;
 
−
    border: none;
 
−
z-index: -99999;
 
−
background-size:100%;
 
−
padding:0 0 0 0;
 
−
border:none;
 
−
margin-top:-12px;
 
−
margin-left:0;
 
−
}
 
−
html,body,#globalWrapper,#top_menu_14,#top_menu_inside,#top_title,#firstHeading,#logo_2018{
 
−
margin-top:0;
 
−
margin-left:0;
 
−
margin-bottom:0;
 
−
margin-right:0;
 
−
padding-bottom:0
 
−
border:none;
 
−
}
 
−
html,body{
 
−
font-family: Delius;
 
−
background:#fff2e6;
 
−
font-size:90%;
 
−
 
−
}
 
  
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
Line 6,733: Line 6,687:
 
h1,h2,h3,h4,h5,h6,label,p{
 
h1,h2,h3,h4,h5,h6,label,p{
 
margin:0;
 
margin:0;
 +
}
 +
.client-js{
 +
margin:0;
 +
border:none;
 +
}
 +
#top_title,#sideMenu,#firstHeading,#logo_2018{
 +
display: none;
 +
margin-bottom:0;
 +
}
 +
 +
#content{
 +
width:100%;
 +
height:auto;
 +
    border: none;
 +
z-index: -99999;
 +
background-size:100%;
 +
padding:0 0 0 0;
 +
border:none;
 +
margin-top:-12px;
 +
margin-left:0;
 +
}
 +
html,body,#globalWrapper,#top_menu_14,#top_menu_inside,#top_title,#firstHeading,#logo_2018{
 +
margin-top:0;
 +
margin-left:0;
 +
margin-bottom:0;
 +
margin-right:0;
 +
padding-bottom:0
 +
border:none;
 +
}
 +
 +
html,body{
 +
font-family: Delius;
 +
 +
background:#fff2e6;
 +
font-size:90%;
 +
 +
}
 +
h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } p { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700;line-height:110%;  } blockquote { font-family: Delius; font-size: 29px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 500; line-height:110%; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4,  {
 +
margin-bottom: 0px;
 +
}
 +
h1,h2,h3,h4,h5,h6,p{
 +
line-height:150%;
 +
font-weight:500;
 
}
 
}
  
Line 6,738: Line 6,736:
 
/* the entire div */
 
/* the entire div */
 
.top-nav{
 
.top-nav{
−
width:10%;
+
display:inline-block;
 +
width:200px;
 
z-index:1;
 
z-index:1;
 
background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--GreatBay_China--menu4.jpg');  
 
background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--GreatBay_China--menu4.jpg');  
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 +
background-position:center;
 
background-size:120px;
 
background-size:120px;
−
background-position:15% 1%;
 
 
position:fixed;
 
position:fixed;
 
font-size:120%;
 
font-size:120%;
 
top:80px;
 
top:80px;
−
right:85%;
+
left:50px;
 
padding-bottom:120px;
 
padding-bottom:120px;
 
}
 
}
Line 6,768: Line 6,767:
 
text-align:center;
 
text-align:center;
 
font-size:1em;  
 
font-size:1em;  
−
padding-bottom: 100px;
+
padding-bottom:100px;
−
color:#ff954d;
+
color:rgb(88,73,63);
 
}
 
}
 
/* the pull out menu */
 
/* the pull out menu */
Line 6,779: Line 6,778:
 
/* style for menu */
 
/* style for menu */
 
.top-nav ul li span,ul li div a{
 
.top-nav ul li span,ul li div a{
−
color:#ff954d;
+
color:rgb(88,73,63);
 
display:block;
 
display:block;
−
width:85px;
+
width:90px;
 
min-height:2em;
 
min-height:2em;
 
line-height:2em;
 
line-height:2em;
 
text-align:center;
 
text-align:center;
 +
}
 +
.top-nav ul li div a{
 +
width:80px;
 +
 
}
 
}
 
/* menu when you hover */
 
/* menu when you hover */
 
.top-nav ul li .hover{
 
.top-nav ul li .hover{
−
background:rgba(255,244,102,0.5);
+
background:rgb(118,191,141);
 
}
 
}
 
/* sub menu when you hover */
 
/* sub menu when you hover */
 
.top-nav ul li div{
 
.top-nav ul li div{
 
font-size:0.9em;
 
font-size:0.9em;
−
width:5%;
+
width:80px;
 
display:none;
 
display:none;
 
position:relative;
 
position:relative;
Line 6,801: Line 6,804:
 
/* link style */
 
/* link style */
 
.top-nav ul li div a{
 
.top-nav ul li div a{
−
background: rgba(255,244,102,0.5);
+
background:rgb(118,191,141);
−
color:#ff954d;
+
color:rgb(88,73,63);
 
}
 
}
 
/* submenu link style */
 
/* submenu link style */
 
.top-nav ul li div a:hover{
 
.top-nav ul li div a:hover{
−
color:#ff954d;
+
color:rgb(88,73,63);
−
background:#bdff7b;
+
background:rgb(118,191,141);
 
}
 
}
−
/* special for team */
+
/* special  */
 
.top-nav #active{
 
.top-nav #active{
−
background:rgba(255,244,102,0.5)
+
background:rgb(118,191,141);
 
}
 
}
  
Line 6,821: Line 6,824:
 
position:absolute;
 
position:absolute;
 
bottom:15px;
 
bottom:15px;
 +
left:250px;
 
}
 
}
  
Line 6,828: Line 6,832:
 
/* the purple colomn at middle */
 
/* the purple colomn at middle */
 
.rolldown{
 
.rolldown{
−
display:inline;
+
display:inline-block;
−
z-index: 200;
+
z-index:200;
−
position:absolute;;
+
position:absolute;
 +
left:250px;
 +
width:800px;
 
background:rgba(125, 63, 152, 0.4);
 
background:rgba(125, 63, 152, 0.4);
−
min-height:2000px;
+
min-height:1800px;
−
padding-right:-15px;
+
 
}
 
}
  
 
.header img{
 
.header img{
−
max-width: 100%;
+
max-width: 800px;
 
     height: auto;
 
     height: auto;
 
}
 
}
Line 6,843: Line 6,848:
 
.responsive div.img {
 
.responsive div.img {
 
     margin: 5px;
 
     margin: 5px;
−
    border: 1px solid #ccc;
+
border:8px solid rgb(123,83,142);
 
     float: left;
 
     float: left;
 
     width: 180px;
 
     width: 180px;
Line 6,849: Line 6,854:
  
 
.responsive div.img:hover {
 
.responsive div.img:hover {
−
     border: 1px solid #777;
+
      
 +
border:8px solid rgb(123,83,133);
 
}
 
}
  
Line 6,855: Line 6,861:
 
     width: 100%;
 
     width: 100%;
 
     height: auto;
 
     height: auto;
 +
background-color:#fff;
 
}
 
}
  
Line 6,860: Line 6,867:
 
     padding: 15px;
 
     padding: 15px;
 
     text-align: center;
 
     text-align: center;
 +
color:rgb(88,73,63);
 +
background-color:rgb(215,196,221);
 
}
 
}
 
.footer{
 
.footer{
−
z-index:99999;
+
z-index:200;
 
background:#fff2e6;
 
background:#fff2e6;
 
min-height:200px;
 
min-height:200px;
−
position:absolute;
+
position:fixed;
−
bottom:0;
+
top:2000px;
 
width:100%;
 
width:100%;
 
margin:0 0 0 0;
 
margin:0 0 0 0;
 
}
 
}
−
.fixed{
+
 
−
position:fixed;
+
−
}
+
−
.center{
+
−
text-align:center;
+
−
}
+
  
 
</style>
 
</style>
Line 6,885: Line 6,889:
  
 
<div class="container">  
 
<div class="container">  
−
<div class="row">
+
−
<div class="top-nav col-md-2 column">
+
<div class="top-nav">
 
<ul>
 
<ul>
 
<li>
 
<li>
Line 6,934: Line 6,938:
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a>
 
<a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a>
 +
<div>
 +
</div>
 
</li>
 
</li>
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:GreatBay_China/Safety"><span>Safety</span></a>
 
<a href="https://2018.igem.org/Team:GreatBay_China/Safety"><span>Safety</span></a>
 +
<div>
 +
</div>
 
</li>
 
</li>
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:GreatBay_China/Model"><span>Model</span></a>
 
<a href="https://2018.igem.org/Team:GreatBay_China/Model"><span>Model</span></a>
 
</li>
 
</li>
 +
<div>
 +
</div>
 
<li id="active">
 
<li id="active">
 
<a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
 
<a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
Line 6,949: Line 6,959:
 
 
 
 
−
<div class="rolldown col-md-8 col-md-offset-2 column">
+
<div class="rolldown">
 
<div class="container">
 
<div class="container">
 
 
 
<div class="row">
 
<div class="row">
−
<div class="header col-md-8">
+
<div class="header">
 
<img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 
<img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="row" >
+
<div class="row" style="margin:30px;" >
 
<span style="height:250px"></span>
 
<span style="height:250px"></span>
 +
 
<video src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--video1.mov" type="video/mov" height="300" width="66.67%" controls>
 
<video src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--video1.mov" type="video/mov" height="300" width="66.67%" controls>
 
 
Line 6,964: Line 6,975:
 
<div class="row">
 
<div class="row">
 
<span style="height:250px"></span>
 
<span style="height:250px"></span>
−
<div class="jumbotron col-md-8">
+
<div class="jumbotron">
 
<h2>Abstract</h2>
 
<h2>Abstract</h2>
 
<h4>
 
<h4>
Line 6,972: Line 6,983:
 
</div>
 
</div>
  
−
 
+
<div class="row ">
−
<div class="row">
+
<div class="responsive ">
−
<div class="responsive">
+
 
   <div class="img ">
 
   <div class="img ">
 
     <a target="_blank" href="https://2018.igem.org/Team:GreatBay_China/Project">
 
     <a target="_blank" href="https://2018.igem.org/Team:GreatBay_China/Project">
Line 7,012: Line 7,022:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
−
<div class="row">
+
<div class="row">
 
<div class="responsive">
 
<div class="responsive">
 
   <div class="img ">
 
   <div class="img ">
Line 7,058: Line 7,069:
 
 
 
</div>
 
</div>
−
<div class="backtop col-md-2 col-md-offset-10 column">
+
</div>
−
<div class="backt">
+
−
<h6>hakjkj</h6>
+
−
</div>
+
−
</div>
+
 
 
−
</div>
+
<div class="footer">
−
<div class="row">
+
−
<div class="footer col-md-12 column">
+
 
<div class="logo"><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg"/></div>
 
<div class="logo"><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg"/></div>
 
</div>
 
</div>
−
</div>
+
 
−
</div>
+
  
  

Revision as of 05:40, 3 October 2018

GBC-Home

Abstract

Nepetalactone is the active ingredient in catnip, a feline attractant, and a potential green pesticide. It has a common precursor, nepetalactol, with monoterpene indole alkaloids (MIAs) which is a group of plant-derived compounds of great therapeutic value, such as vincristine (an anti-cancer drug). We aim to synthesize nepetalactol through a mutualistic division of labour between E. coli and yeast. Besides, we design, characterize, and use a library of transcription activator-like effectors (TALE) stabilized promoters to regulate the heterologous gene expression in E. coli. Our applied design conceives the future application of nepetalactone on stray cat control, which we consider as an opportunity for public engagement and education.

Project
Metabolic engineering can help solve social issues! We envision to apply nepetalactone in stray cats rescue by employing VSD, making the use of synthetic biology readily comprehensible to the public.
Safety
Safety has been a crucial concern throughout our project. See our creative approaches to lab safety and biosecurity on Safety page.
Parts
We have fantastic parts and we want to share them with the entire iGEM community! Explore our basic parts, composite parts and a brand
Lab
See how we have been working in the lab since May! We managed to achieve high yield of geraniol and successful co-culture in the end.
HP
Apart from the lab, we reached out to the community in many ways. We have met lovely people and here is our stories.
Model
Modeling tools aid in the rational design and make the engineered system predictable. Visit this page to take a closer look.
Team
GreatBay_China 2018 consists of 13 students and 7 high schools, 1 instructor, 5 advisors and 2 PIs. Get to know about these lovely people! Also see attributions and collaborations here.
Judging
This is a special page to help judges on evaluating the project. Let us show you why we deserve medals and awards.