Difference between revisions of "Team:XMU-China"

 
(448 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{XMU-China}}
 
{{XMU-China}}
 
<html>
 
<html>
 +
<head>
 +
<link rel="apple-touch-icon" sizes="57x57"
 +
                  href="https://static.igem.org/mediawiki/2016/9/9d/T--XMU-China--icon-57x57_and_.png">
 +
            <link rel="apple-touch-icon" sizes="60x60"
 +
                  href="https://static.igem.org/mediawiki/2016/d/de/T--XMU-China--icon-60x60_and_.png">
 +
            <link rel="apple-touch-icon" sizes="72x72"
 +
                  href="https://static.igem.org/mediawiki/2016/a/a8/T--XMU-China--icon-72x72_and_.png">
 +
            <link rel="apple-touch-icon" sizes="76x76"
 +
                  href="https://static.igem.org/mediawiki/2016/2/22/T--XMU-China--icon-76x76_and_.png">
 +
            <link rel="apple-touch-icon" sizes="114x114"
 +
                  href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png">
 +
            <link rel="apple-touch-icon" sizes="120x120"
 +
                  href="https://static.igem.org/mediawiki/2016/7/79/T--XMU-China--icon-120x120_and_.png">
 +
            <link rel="apple-touch-icon" sizes="144x144"
 +
                  href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png">
 +
            <link rel="apple-touch-icon" sizes="152x152"
 +
                  href="https://static.igem.org/mediawiki/2016/c/c5/T--XMU-China--icon-152x152_and_.png">
 +
            <link rel="apple-touch-icon" sizes="180x180"
 +
                  href="https://static.igem.org/mediawiki/2016/7/7c/T--XMU-China--icon-180x180_and_.png">
 +
            <link rel="icon" type="image/png" sizes="192x192"
 +
                  href="https://static.igem.org/mediawiki/2016/b/bd/T--XMU-China--icon-192x192_and_.png">
 +
            <link rel="icon" type="image/png" sizes="32x32"
 +
                  href="https://static.igem.org/mediawiki/2016/4/46/T--XMU-China--icon-32x32_and_.png">
 +
            <link rel="icon" type="image/png"  sizes="96x96"
 +
                  href="https://static.igem.org/mediawiki/2016/1/1e/T--XMU-China--icon-96x96_and_.png">
 +
            <link rel="icon" type="image/png" sizes="16x16"
 +
                  href="https://static.igem.org/mediawiki/2016/6/6c/T--XMU-China--icon-16x16_and_.png">
 +
            <meta name="msapplication-TileImage"
 +
                  content="https://static.igem.org/mediawiki/2016/9/98/T--XMU-China--icon-114x114_and_.png">
 +
            <meta name="msapplication-TileColor" content="#ffffff">
 +
            <meta name="theme-color" content="#ffffff">
 +
<meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/jQueryJs?action=raw&amp;ctype=text/javascript"></script>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/iconCss?action=raw&amp;ctype=text/css" type="text/css">
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
<script src="https://2016.igem.org/Template:XMU-China/css/BootstrapJs?action=raw&amp;ctype=text/javascript"></script>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&amp;ctype=text/css" type="text/css">
  
−
<div class="column full_size" >
+
<!--modify-->
−
<img src="http://placehold.it/800x300/d3d3d3/f2f2f2">
+
<style type="text/css">
 +
body{
 +
  background:url(https://static.igem.org/mediawiki/2016/7/7b/T--XMU-China--background_and_.jpg);
 +
}
 +
@media (min-width:1024px){
 +
      #big{display:block;}
 +
      #medium{display:none;}
 +
      #small{display:none;}
 +
      .carousel-inner{height:100%;}
 +
        .wrapone{height:67%;}
 +
      video{width:42%; height:72%;margin-left:24%; margin-top:47px; border:5px solid #000000;}
 +
    }
 +
      @media (max-width: 767px){
 +
        #big{display:none;}
 +
        #medium{display:none;}
 +
      #small{display:block;}
 +
        .wrapone{height:33.1%;}
 +
      .carousel-inner{height:49.4%;}
 +
      .carousel-indicators{top:43%;}
 +
      #carousel-example-generic{margin-top:10px;}
 +
      video{width:41.5%; height:50%;margin-left:24%; margin-top:35px; border:5px solid #000000;}
 +
}
 +
@media screen and (min-width:768px) and (max-width:1023px){
 +
  #big{display:none;}
 +
        #medium{display:block;}
 +
      #small{display:none;}
 +
        .wrapone{height:40.3%;}
 +
      .carousel-inner{height:60%;}
 +
      .carousel-indicators{top:52%;}
 +
      video{width:43%; height:49%;margin-left:24%; margin-top:67px; border:5px solid #000000;}
 +
}
 +
</style>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonCss?action=raw&amp;ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/loaderCss?action=raw&amp;ctype=text/css" type="text/css">
 +
</head>
 +
 
 +
<body>
 +
<div id="alert-info" class="alert alert-info" role="alert" style="text-align:center;font-size:20px;line-height:20px;margin-bottom:0;margin-top:8px;display:none;">For best viewing experience, please use modern browser, such as Google Chrome and Safari.<br/><br/><a id="alert-info-close" ><button class="btn btn-info  btn-xs" type="button"><h4 style="margin-top:2px;">Close</h4></button> </a></div>
 +
 
 +
<div id="section-1" class="wrapone" >
 +
<img src="https://static.igem.org/mediawiki/2016/2/2f/T--XMU-China--main-igem_and_.png" style="margin-left:18%;padding-top:5%;" width="31%"/>
 +
<img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="margin-left:10%;padding-top:0;" width="27%" />
 
</div>
 
</div>
  
−
<div class="column full_size" >
+
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:67%;">
−
<h2> Brief Introduction </h2>
+
−
<p>The bacteria is one of the pathogen of humans. For many years, overusing of antibiotic contributes to antibiotic resistance of many bacteria. At present, drug-resistant bacteria are becoming a huge threaten to human’s life health, the development of new antibiotics can't catch its demanding .Focusing on this, our team uses the way of synthetic biology to detect and kill the drug-resistant bacteria.</p>
+
−
<p>On gram-positive bacterium, we choose the MRSA to study. We make use of the quorum-sensing system of gram-positive bacterium and a genetic switch based on cI and lacI genes, then we design a genetic circuit to detect MRSA and then kill it by producing a toxin, and we put our genetic circuit into the E.coli to produce a new E.coli that can detect MRSA specifically and then kill it. In our experiment, we use MSSA to study because MRSA is a second-level pathogenic bacteria. Now, our present work is connecting the plasmids.</p>
+
−
<p>In terms of gram-negative bacterium，Escherichia coli was selected and the engineering bacteria was designed to resist antibiotic resistance E. coli. After the engineering bacteria detects the group sense signal molecules of pathogen, siRNA which will silence the gene allowing a bacterium to be resistant to antibiotics is released. Meanwhile, special enzyme is emitted from the engineering bacteria to destroy the biofilm. At this stage we designed and synthesized siRNA, and the next step is to carry out the in vitro transcription experiment of siRNA.</p>
+
−
<h2> Welcome to iGEM 2016! </h2>
+
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
  
−
</div>  
+
<ol class="carousel-indicators" style="left:2%;margin:0 auto;height:50px;">
 +
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
</ol>
  
−
<div class="column half_size" >
+
<div class="carousel-inner" role="listbox" >
−
<h5>Before you start: </h5>
+
<div class="item active">
−
<p> Please read the following pages:</p>
+
  <img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div>
−
<ul>
+
−
<li> <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
−
</ul>
+
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
<div class="item">
−
<div class="highlight">
+
<img src="https://static.igem.org/mediawiki/2016/0/06/T--XMU-China--pic2_and_.jpg" /><div class="carousel-caption"></div>
−
<h5> Styling your wiki </h5>
+
</div>
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
 
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
<div class="item">
 +
<div  style="text-align:center; background-color:#dce0c7;height:105%;">
 +
<video controls="controls" src="https://static.igem.org/mediawiki/2016/1/1f/T--XMU-China--video_f_and_.mp4">
 +
  your browser don't support html5.
 +
  </video>
 +
</div>
 +
</div>
 +
<!-- Left and right controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div id="big" style="margin-top:15px;margin-bottom:5px;">
 +
<div class="row box1 ">
 +
<div class="col-md-2  link link-project">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
  
−
<div class="column full_size" >
+
  <div class="col-md-2 link link-interlab">
−
<h5> Wiki template information </h5>
+
        <span class="icon"></span>
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Parts</a>
 +
</div>  
  
−
</div>  
+
  <div class="col-md-2 link link-humanpractice">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
  
 +
  <div class="col-md-2 link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 +
</div>
  
 +
  <div class="col-md-2 link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 +
</div>
  
 +
<div class="col-md-2 link link-team">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
</div>
 +
</div>
 +
</div>
  
−
<div class="column half_size" >
+
<!--ipad-->
−
<h5> Editing your wiki </h5>
+
<div id="medium" style="height:51%;margin-top:-280px;" >
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
<div class="box1 ">
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> Click here to edit this page! </a></p>
+
<div class="row">
 +
<div class="col-xs-4  link link-project">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
  
 +
  <div class="col-xs-4 link link-interlab">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Parts</a>
 +
</div>
 +
 +
  <div class="col-xs-4 link link-humanpractice">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
 
</div>
 
</div>
 +
<div class="row">
 +
  <div class="col-xs-4 link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 +
</div>
  
 +
  <div class="col-xs-4 link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 +
</div>
  
−
<div class="column half_size" >
+
<div class="col-xs-4 link link-team">
−
<h5>Tips</h5>
+
        <span class="icon"></span>
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
−
<ul>
+
        <span class="line line-top"></span>
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
        <span class="line line-right"></span>
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
        <span class="line line-bottom"></span>
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
        <span class="line line-left"></span>
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
        Team</a>
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
</div>  
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
</div>
−
<li>Have lots of fun! </li>
+
</div>
−
</ul>  
+
 
</div>
 
</div>
  
  
−
<div class="column half_size" >
+
<!--iphone-->
−
<h5>Inspiration</h5>
+
<div id="small" >
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<div class="box1 " style="margin:20px auto;width:85%;margin-top:-160px;z-index:999;">
−
<ul>
+
<div class="row">
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<div class="col-xs-6  link link-project">
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
        <span class="icon"></span>
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
        <span class="line line-top"></span>
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
        <span class="line line-right"></span>
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
        <span class="line line-bottom"></span>
−
</ul>
+
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
 +
 
 +
  <div class="col-xs-6 link link-interlab">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Parts</a>
 +
</div>  
 
</div>
 
</div>
 +
<div class="row">
 +
  <div class="col-xs-6 link link-humanpractice">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
  
−
<div class="column half_size" >
+
  <div class="col-xs-6 link link-judging">
−
<h5> Uploading pictures and files </h5>
+
        <span class="icon"></span>
−
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
        <span class="line line-top"></span>
−
 
+
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 +
</div>
 +
</div>
 +
<div class="row">
 +
  <div class="col-xs-6 link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 +
</div>
  
−
<div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">   
+
<div class="col-xs-6 link link-team">
−
UPLOAD FILES
+
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
</div>
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
 +
 +
<div id="loader">
 +
<div class="spinner">
 +
  <div class="dot1"></div>
 +
  <div class="dot2"></div>
 
</div>
 
</div>
 +
</div>
 +
<script>
 +
window.onload = function(){
 +
    setTimeout("$('#loader').fadeOut('fast')",5000)
 +
};
 +
 +
function getOs() 
 +
{ 
 +
    var OsObject = ""; 
 +
   if(navigator.userAgent.indexOf("MSIE")>0) { 
 +
        return "MSIE"; 
 +
   } 
 +
   else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ 
 +
        return "Firefox"; 
 +
   } 
 +
   else if(isMozilla=navigator.userAgent.indexOf("Opera")>0){ //这个也被判断为chrome
 +
        return "Opera"; 
 +
   } 
 +
   else if(isFirefox=navigator.userAgent.indexOf("Chrome")>0){ 
 +
        return "Chrome"; 
 +
   } 
 +
   else if(isSafari=navigator.userAgent.indexOf("Safari")>0) { 
 +
        return "Safari"; 
 +
   }  
 +
   else if(isCamino=navigator.userAgent.indexOf("Camino")>0){ 
 +
        return "Camino"; 
 +
   } 
 +
   else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ 
 +
        return "Gecko"; 
 +
   }
 +
   else{
 +
        return "MSIE"
 +
    }
 +
} 
  
 +
var browser = getOs();
 +
if( browser == "MSIE" ){
 +
$("#alert-info").css("display","block");
 +
}
 +
$("#alert-info-close").click(function(){
 +
  $("#alert-info").fadeOut();
 +
});
 +
</script>
  
 +
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/CarouselJs?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/iconJs?action=raw&amp;ctype=text/javascript"></script>
  
  
Line 97: Line 383:
  
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 02:42, 20 October 2016