Difference between revisions of "Team:Amoy"

 
(261 intermediate revisions by 3 users not shown)
Line 2: Line 2:
  
 
<head>
 
<head>
 +
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 
<title>Aomy</title>
 
<title>Aomy</title>
  
<style type="text/css">
+
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
  
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&amp;ctype=text/css" />
{
+
margin: 0;
+
padding: 0;
+
font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;
+
font-size: 100%;
+
}
+
  
html,body
+
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/ScrollStyle?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
{
+
color: #333
+
}
+
  
body
+
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&amp;ctype=text/css" type="text/css" />
{
+
background: #fff;
+
}
+
  
ul,ol,li
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&amp;ctype=text/css" />
{
+
list-style: none;
+
}
+
  
a:link, a:visited
+
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&amp;ctype=text/javascript"></script>
{
+
</head>
color: #333;  
+
text-decoration: none;
+
}
+
  
a:hover
+
<body>
{
+
color: #12b7f5;
+
}
+
  
img
+
<!-- up -->
{
+
border: none;
+
}
+
  
em
+
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
{
+
font-style: normal;
+
}
+
  
h1,h2,h3,h4,h5
+
<script>
{  
+
$(function(){
font-weight: normal;
+
$(window).scroll(function(){
}
+
var _top = $(window).scrollTop();
 +
if(_top>300){
 +
$('.lanrenzhijia_top').fadeIn(600);
 +
}else{
 +
$('.lanrenzhijia_top').fadeOut(600);
 +
}
 +
});
 +
$(".lanrenzhijia_top").click(function(){
 +
$("html,body").animate({scrollTop:0},400);
 +
});
 +
});
 +
</script>
  
.clearfloat:after
 
{
 
content: '.';
 
display: block;
 
overflow: hidden;
 
visibility: hidden;
 
font-size: 0;
 
line-height: 0;
 
width: 0;
 
height: 0;
 
}
 
  
.clearfloat
+
<!-- skip -->
{
+
zoom: 1;
+
}
+
  
.max1600
+
<a class="down" href="javascript:;">
{
+
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
max-width: 1600px;  
+
<p style="color: #fff">Skip</p>
min-width: 1007px;  
+
</div>
margin: 0 auto;
+
</a>
}
+
  
.topbar
+
<script>
{  
+
$(function(){
position: absolute;
+
$(".down").click(function(){
left: 0;
+
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
top: 0;  
+
});
width:100%;  
+
});
height:150px;  
+
</script>
z-index: 900;
+
}
+
  
.toppic
+
<!--Scroll-->
{
+
max-width: 1170px;
+
min-width: 980px;
+
width: 80%;
+
height: 75px;
+
margin: 0 auto;
+
}
+
  
.toppic a:link, .toppic a:visited
+
<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
{
+
<div class="holder">
color: #fff;
+
}
+
  
.topicfixed
+
<div id="wowslider-container">
{
+
position: fixed;
+
left: 0;
+
top: 0;
+
background: #fff;
+
border-bottom: 1px solid #f1f1f1;
+
}
+
  
.topicfixed a:link, .topicfixed a:visited
+
<!--Scroll pic-->
{  
+
<div class="ws_images">
color: #333;
+
<ul>
 +
<li><a href="#menu" id="ClickSkip"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
 +
<li><a><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
 +
<li><a><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
 +
</ul>
 +
</div>
 +
 
 +
<script>
 +
$(function(){
 +
$("#ClickSkip").click(function(){
 +
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
 +
});
 +
});
 +
</script>
 +
 
 +
<!--little pic-->
 +
<div class="ws_bullets">
 +
<div>
 +
<a><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
 +
<a><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
 +
<a><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<!--Main Content-->
 +
 
 +
<div class="content">
 +
 
 +
<!--title_circuits-->
 +
<div style="padding-top: 10px; padding-bottom: 10px;">
 +
<img style="width: 80%; margin-left: 10%;" src="https://static.igem.org/mediawiki/2015/1/14/Amoy-Home_Title_pic1.png"/>
 +
</div>
 +
 
 +
<!--bg_circuits-->
 +
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 +
<div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;">
 +
</div>
 +
 
 +
<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
 +
<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/e/ec/AMOY_album_video_2.0.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video>
 +
<button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<script type="text/javascript">
 +
document.getElementById("video_button").onclick=function(){
 +
  document.getElementById("video_out").style.display="inline-block";
 +
  document.getElementById("video_back").style.display="inline-block";
 
}
 
}
 +
</script>
  
.topside
+
<script type="text/javascript">
{  
+
document.getElementById("video_back").onclick=function(){
float: left;  
+
  document.getElementById("video_out").style.display="none";
width: 59%;
+
  document.getElementById("video_back").style.display="none";
 
}
 
}
 +
</script>
  
/* banner */
+
<!--title_result-->
.crossbanenr{ width: 100%; height: 778px;}
+
<div style="background: #fff; width: 100%; overflow: hidden">
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;}
+
<a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a>
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
+
<img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/7/78/Amoy-Home_Title_pic31.png" />
.crossbanenr li:first-child{ display: block;}
+
</div>
.crossbanenr li.current{ z-index: 2;}
+
.crossbanenr li.pcqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
.crossbanenr li.mbqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
.crossbanenr li.padqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
.crossbanenr li.watchbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
  
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
+
<!--bg_experiment-->
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;}
+
<div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
+
</div>
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(https://static.igem.org/mediawiki/2015/3/33/Btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
+
<!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg-->
.bntxt a:link, .bntxt a:visited{ color: #fff;}
+
.bntxt a.bnzc{ background-position: 0 0;}
+
.bntxt a.bnzc:hover{ background-position: 0 -77px;}
+
.bntxt a.bnxz{ background-position: 0 0;}
+
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
+
  
.pcqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
<!--title_experiment-->
.mbqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
.padqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
.watchbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
  
.circle{ position: relative; width: 100%; height: 52px; margin-top: -52px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/linearbot.png) repeat-x left top; text-align: center; z-index: 5;}
+
<div style="background: #fff; width: 100%; height: 524px; ">
.circle span{ margin: 0 5px; padding: 2px 5px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/nav.png) no-repeat center center; cursor: pointer;}
+
<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
.circle span.on{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/navcur.png);} */
+
<div style="position: absolute; right: 3%; width: 41.66667%;">
 +
<a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a>
 +
</div>
 +
<div>
 +
<img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" />
 +
</div>
 +
</div>
 +
</div>
  
.content{ width: 100%;}
+
<!--bg_result-->
.content h1{ width: 100%; height: 0; overflow: hidden; padding-top: 280px; background: #fff url(https://static.igem.org/mediawiki/2015/2/24/T1.png) no-repeat center top;}
+
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg33.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
.activebg{ position: relative; width: 100%; height: 600px; background: #fff; background-attachment: fixed;background-position: center 0; background-repeat: no-repeat;}
+
</div>
  
 +
<!--main_menu-->
 +
<div id="menu" style="background: #fff; width: 100%; overflow: hidden">
 +
<img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" />
 +
<!--pic-->
  
  
 +
<!--menu_pic-->
  
 +
<div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;">
 +
            <div class="content-container">
 +
                <div id="portfolio-content" class="center-text">
 +
                    <div class="portfolio-page" id="page-1">
  
</style>
+
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Team</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
</head>
+
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Project</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Notebook</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
<body>
+
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab">
 +
                                <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Interlab</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
<div class="crossbanenr">
 
    <ul id="crossbanenr">
 
       
 
        <li class="pcqqbg">
 
            <div class="bncont">
 
                <div class="bntxt">
 
                    <h2>Amoy China</h2>
 
                    <a class="bnxz" href="http://www.xmu.edu.cn/" target="_blank">下载</a>
 
                </div>
 
            </div>
 
        </li>
 
  
    </ul>
+
                        <div class="portfolio-group">
</div>
+
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter">
 +
                                <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                                             
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practices">
 +
                                <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Practice</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
<div class="content">
+
                        <div class="portfolio-group">
    <h1>I'm Amoy, this is my gene circuits</h1>
+
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging">
    <div class="qfigure qcall">
+
                                <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" />
        <div class="qw960">
+
                                <div class="detail">
            <div class="txtwrap">
+
                                    <h1 class="funch">Judging</h1>
                <h2>This is my project description.</h2>
+
                                </div>
                <p>L-tert-leucine is an important and attractive chiral building block. Owning to its bulky and hydrophobic tert-butyl side chain, this unnatural amino acid is widely used as chiral auxiliaries and catalysts in asymmetric synthesis in developing chiral pharmaceutically active chemicals. Many methods, such as strecker synthesis, amidocarbonylation and acetamidomolonic ester synthesis, have been used in  L-tert-leucine synthesis, but products are usually racemic. In order to solve the problem, scientists developed enzymatic reductive amination to product L-tert-leucine by using leucine dehydrogenase and formate dehydrogenase. This technology greatly improve the yield and excellent enantiomeric excess of L-tert-leucine.</p>
+
                            </a>
<p>Initially, they used isolated enzymes, which can be disadvantageous for the reason that enzymes are  always destabilized in the isolation and purification process. What's more, the cofactor-NADH is rather an expensive raw material, which will enhance the cost of L-tert-leucine production. So scientists introduced whole-cell biocatalysts to L-tert-leucine production. Whole-cell biocatalysts could stabilize enzymes and reduce the addition level of cofactor NADH.</p>
+
                        </div>
<p>However, owing to different strength of leucine dehydrogenase and formate dehydrogenase, the NADH consumption rate does not equal to its regeneration. Therefore, it is necessary to add excess NADH. Many different methods have been used, but none of them made difference. Because the criminal is different strength of enzymes, we want to regulate the efficiency of ribosome binding site (RBS) to control the strength of leucine dehydrogenase. With the help of mathematical modeling, we will get the most suitable efficiency of RBS of leucine dehydrogenase. As a result, the addition of excess NADH could be decreased.</p>
+
 
            </div>
+
                        <div class="portfolio-group">
            <div class="qcallAnimate">
+
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety">
                <div class="qcallWrap">
+
                                <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" />
                    <div class="qcallbtn"></div>
+
                                <div class="detail">
                    <div class="pic1"></div>
+
                                    <h1 class="funch">Safety</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
                    </div>
 
                 </div>
 
                 </div>
 +
 
             </div>
 
             </div>
 +
 
         </div>
 
         </div>
    </div>
+
 
   
+
</div>
 
</div>
 
</div>
  
 +
<!--end content-->
 +
</div>
 +
 +
<!--footer-->
 +
<div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;">
 +
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 +
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
 +
<p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p>
 +
<p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email:  </strong>igemxmu@gmail.com</p>
 +
<p style="font-size: 14px; color: #fff;"><strong>Website:  </strong><a href="https://2015.igem.org/Team:Amoy" target="_blank" style="color: #fff;">2015.igem.org/Team:Amoy</a></p>
 +
<p style="font-size: 14px; color: #fff;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 +
</div>
 +
<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a>
 +
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
 +
<a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 +
<a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 +
</div>
  
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:33, 19 September 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery

CONTACT US

Email: igemxmu@gmail.com

Website: 2015.igem.org/Team:Amoy

Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005