Team:HUST-China/Modeling

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
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 *** -->
+
{{:Team:HUST-China/bootstrap/css/bootstrap.min.css}}
-
 
+
{{:Team:HUST-China/template/reset}}
 +
{{:Team:HUST-China/template/MathJax}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong>  have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<body>
 +
                    <div id="showcase" class="header">
 +
<div id="showcase-cont" class="pr mc h oflowh"  style="overflow: visible;">
 +
<div class="showcase-ones" style="display: none; position: relative; left: 0px; top: 0px;" style="left: 0px;">
 +
<img class="showcase-left" src="https://static.igem.org/mediawiki/2013/4/43/HUST-ig.png" style="left: 0px;"/>
 +
<img class="showcase-right" src="https://static.igem.org/mediawiki/2013/9/96/HUST-em.png" title="" />
 +
      </div>
 +
      <div class="showcase-ones" style="display: none; position: relative; left: 0px; top: 0px;" style="left: 0px;">
 +
<img class="showcase-left" src="https://static.igem.org/mediawiki/2013/6/6c/HUST-igem.png" title="" />
 +
<img class="showcase-right" src="https://static.igem.org/mediawiki/2013/0/09/HUST-2013.png" title="" />
 +
      </div>
 +
      <div class="showcase-ones" style="display: none; position: relative; left: 0px; top: 0px;" style="left: 0px;">
 +
<img class="showcase-left" src="https://static.igem.org/mediawiki/2013/3/39/HUST-igem2013.png" title="" />
 +
<img class="showcase-right" src="https://static.igem.org/mediawiki/2013/4/4a/HUST-hustchina.png" title="" />
 +
      </div>
 +
      <div class="showcase-ones" style="display: none; position: relative; left: 0px; top: 0px;" style="left: 0px;">
 +
<img class="showcase-left" src="./images/hustintro1.png" title="" />
 +
<img class="showcase-right" src="./images/hustintro2.png" title="" />
 +
      </div>
 +
      <div class="showcase-inner none" id="showcase-inner" style="display: block;">
 +
          <!--[if lte IE 8]>
 +
              <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" /><style>v\:* { behavior: url(#default#VML);}</style>
 +
                  <style>v\:roundrect{behavior:url(#default#VML);}</style>
 +
              <![endif]-->
 +
              <a id="showcase-prev" href="javascript:;"><b class="arrow_pre"></b></a>
 +
              <a id="showcase-next" href="javascript:;"><b class="arrow_next"></b></a>
 +
          </div>
 +
      </div>
 +
</div>
 +
              <div class="navbar navbar-inverse" id="mainNavBar" style="margin:0;">
 +
<div class="navbar-inner"
 +
style="border-bottom:4px dashed #f2f2f2;">
 +
<div class="nav-collapse collapse span9 offset1">
 +
  <ul class="nav">
 +
            <li>
 +
                <a href="https://2013.igem.org/Team:HUST-China">HOME</a>                
 +
              </li>
 +
              <li>
 +
                <a href="https://2013.igem.org/Team:HUST-China/Project">PROJECT</a>
 +
              </li>
 +
              <li>
 +
                <a href="https://2013.igem.org/Team:HUST-China/Results">RESULTS</a>
 +
              </li>
 +
              <li class="active">
 +
                <a href="https://2013.igem.org/Team:HUST-China/Modeling">MODELING</a>
 +
              </li>
 +
              <li>
 +
                <a href="https://2013.igem.org/Team:HUST-China/HumanPractice">HUMAN PRACTICE</a>
 +
              </li>
 +
              <li>
 +
                <a href="https://2013.igem.org/Team:HUST-China/Team">TEAM</a>
 +
              </li>
 +
              </ul>
 +
</div>
 +
     
 +
        </div>
 +
</div>
 +
               
 +
                <div class="main container" style="width:1000px;padding-bottom:20px">
 +
<div class="row" >
 +
<div class="span3 bs-docs-sidebar" id="navbar">
 +
    <ul class="nav nav-list bs-docs-sidenav">
 +
<!------------------------------------------Left side navigator start---------------------------------------------------->
 +
          <li class="active"><a href="#Part-1">Part 1</a></li>
 +
          <li><a href="#Part-2"></i>Part 2</a></li>
 +
                                        <li><a href="#Part-3"></i>Part 3</a></li>
 +
                                        <li><a href="#Future-Works"></i>Future Works</a></li>
 +
                                        <li><a href="#Judging-Criteria"></i>Judging Criteria</a></li>
 +
<!------------------------------------------Left side navigator end---------------------------------------------------->
 +
            </ul>
 +
  </div>
 +
    <div class="span9" style="padding-left:20px">
 +
              <div id="scrollspy">
 +
<!----------------------------------------------Main content start------------------------------------------------------>
 +
            <div id="Part-1">
 +
            <h1 class="page-header"><strong>Part 1</strong>
 +
            <div style="font-size:28px" >The standardization of four genes</div></h1>
 +
            <p>
 +
 +
            </p>
 +
            <div class="row-fluid">
 +
            <div class="span6">
 +
              <p>
 +
<a href="https://static.igem.org/mediawiki/2013/6/6c/HUST-project-figure2.png" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2013/6/6c/HUST-project-figure2.png" width="343px"/></a></p>
 +
              <p class="small">Figure 2 : The 2118CA vector </p>
 +
            </div>
 +
            <div class="span6">
 +
              <p>
 +
<a href="https://static.igem.org/mediawiki/2013/a/ad/HUST-project-figure3.png" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2013/a/ad/HUST-project-figure3.png" width="343px"/></a></p>
 +
              <p class="small">Figure 3 : The psb1C3 vector</p>
 +
            </div>
 +
        </div>
 +
            </div>
 +
            <div  id="Part-2">
 +
            <h1 class="page-header"><strong>Part 2</strong>
 +
            <div style="font-size:28px">The construction of the biological oscillator</div></h1>
 +
            <p>
 +
            <div style="float:right;">
 +
            </div>
 +
           
 +
<em  style="font-size:11px;color:rgb(15, 7, 107)">
 +
<strong >Reference:</strong>
 +
</em>
 +
            </p>
 +
            </div>
 +
            <div id="Part-3">
 +
            <h1 class="page-header"><strong>Part 3</strong>
 +
            <div style="font-size:28px">The output evaluation of the propionate before and after the genes regulation</div></h1>
 +
            <p>
 +
                <dl class="dl-horizontal">
 +
<dt>Flow rate:</dt><dd> 0.8ml/min</dd>
 +
        <dt>Mobile phase:</dt><dd> methanol : 0.005%KH2PO4(pH2.7)=0.1:0.9</dd>
 +
        <dt>Wavelength:</dt><dd> 215nm</dd>
 +
    </dl>
 +
</p>
 +
            </div>
 +
<!----------------------------------------------Main content end------------------------------------------------------>
 +
              </div>
 +
                      </div>
 +
    </div>
 +
</div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
                <div class="modal-footer footer">
-
!align="center"|[[Team:HUST-China|Home]]
+
<div style="margin:0 auto 40px;width:530px;text-align:left">
-
!align="center"|[[Team:HUST-China/Team|Team]]
+
<strong>Acknowledgement</strong>
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=HUST-China Official Team Profile]
+
<p>
-
!align="center"|[[Team:HUST-China/Project|Project]]
+
<span style="display:inline-block;float:left">
-
!align="center"|[[Team:HUST-China/Parts|Parts Submitted to the Registry]]
+
<a href="http://life.hust.edu.cn" target="_blank" title="Life Science and Technology of HUST"><img src="https://static.igem.org/mediawiki/2013/a/a5/HUST-life.png" width="100px" height="100px"/></a>
-
!align="center"|[[Team:HUST-China/Modeling|Modeling]]
+
</span>
-
!align="center"|[[Team:HUST-China/Notebook|Notebook]]
+
<span style="display:inline-block;float:right">
-
!align="center"|[[Team:HUST-China/Safety|Safety]]
+
<a href="http://qiming.hust.edu.cn" target="_blank" title="Qiming College of Huazhong University of Science and Technology"><img src="https://static.igem.org/mediawiki/2013/4/46/HUST-qiming.png" /></a>
-
!align="center"|[[Team:HUST-China/Attributions|Attributions]]
+
</span>
-
|}
+
</p>
 +
</div>
 +
<div class="clearfix"></div>
 +
<div>
 +
CopyRight &copy;<a href="https://2013.igem.org">2013.igem.org</a>&nbsp;All Rights Reserved!
 +
</div>
 +
<div>Powered by the iGEM team comes from HuaZhong University of Science and Techology&nbsp;
 +
<a href="http://www.hust.edu.cn" target="_blank" title="HUST-China">HUST-China</a>
 +
</div>
 +
</div>
 +
<div id="up" style="display:none;"><a href="javascript:;"></a></div>
 +
<script>
 +
$(function(){
 +
    $(window).scroll(function(){
 +
    var scroll = $(document).scrollTop();
 +
    var navli = $("#navbar .nav li");
 +
var part1= $("#Part-1").outerHeight();
 +
                                var part2= $("#Part-2").outerHeight();
 +
                                var part3= $("#Part-3").outerHeight();
 +
var futurework= $("#Future-Work").outerHeight();
 +
                                var judge= $("#Judging-Criteria").outerHeight();
 +
if(scroll > 454){
 +
                                        $("#up").slideDown("ease-out");
 +
                                        $("#mainNavBar").addClass("navbar-fixed-top");
 +
$(".bs-docs-sidenav").removeClass("affix-top").addClass("affix");
 +
if (scroll < 454 + part1){
 +
navli.removeClass("active").eq(0).addClass("active");
 +
}else if (!(scroll < 454 + part1|| scroll > 454 + part1+ part2)){
 +
navli.removeClass("active").eq(1).addClass("active");
 +
}else if (!(scroll < 454 + part1 + part2 || scroll > 454 + part1+ part2 + part3)){
 +
navli.removeClass("active").eq(2).addClass("active");
 +
}else if (!(scroll < 454 + part1 + part2 + part3 || scroll > 454 + part1+ part2 + part3 + futurework)){
 +
navli.removeClass("active").eq(3).addClass("active");
 +
}else if (!(scroll < 454 + part1 + part2 + part3  + futurework || scroll > 454 + part1+ part2 + part3 + judge)){
 +
navli.removeClass("active").eq(4).addClass("active");
 +
}
 +
}else{
 +
                                        $("#up").slideUp("ease-in");
 +
                                        $("#mainNavBar").removeClass("navbar-fixed-top");
 +
$(".bs-docs-sidenav").removeClass("affix").addClass("affix-top");
 +
navli.removeClass("active").eq(0).addClass("active");
 +
}
 +
});
 +
$("#up").click(pageScroll);
 +
$.backstretch("https://static.igem.org/mediawiki/2013/6/6f/HUST-bghust.png");
 +
    });
-
If you choose to include a '''Modeling''' page, please write about your modeling adventures here.  This is not necessary but it may be a nice list to include.
+
    function pageScroll() {
 +
    var top = $(document).scrollTop();
 +
window.scrollBy(0,-25);
 +
scrolldelay = setTimeout('pageScroll()',3);
 +
if (top == 0) clearTimeout(scrolldelay);
 +
}
 +
</script>

Revision as of 02:48, 26 September 2013

Team:HUST-China/template/MathJax

Part 1
The standardization of four genes

Figure 2 : The 2118CA vector

Figure 3 : The psb1C3 vector

Part 2
The construction of the biological oscillator

Reference:

Part 3
The output evaluation of the propionate before and after the genes regulation

Flow rate:
0.8ml/min
Mobile phase:
methanol : 0.005%KH2PO4(pH2.7)=0.1:0.9
Wavelength:
215nm

Acknowledgement

CopyRight ©2013.igem.org All Rights Reserved!
Powered by the iGEM team comes from HuaZhong University of Science and Techology  HUST-China

Retrieved from "http://2013.igem.org/Team:HUST-China/Modeling"