Team:Tongji-zh

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <!--make Bootstrap template (any outside servers) perfectly work in iGEM wiki system. How to? First you buy a server and upload your websites, and then copy my code below,...")
Line 1: Line 1:
-
<html>
+
<!-- <!DOCTYPE html> -->
-
<!--make Bootstrap template (any outside servers) perfectly work in iGEM wiki system. How to? First you buy a server and upload your websites, and then copy my code below, replace your servers address. Second, in every iGEM wiki page, put the similar code.(How to edit page? Replace your school name (and year ) in "https://2014.igem.org/wiki/index.php?title=Team:Tongji&action=edit" and put it in your browser) (and if you want to edit Tongji/Team, just add /Team in that address) Third, in every linkage, replace "href="xxx" by "onclick=window.parent.location.href="xxx"", if you have pdf file, please upload to iGEM and paste the address. If you have further question please feel free to ask me. Nelson's email: yuiuiuiuiui@163.com-->
+
<html lang="en">
 +
<!--Important:clear page-->
 +
<script>    $('head').empty(); </script>
 +
<!--End clear page-->
 +
<head>
 +
  <meta charset="utf-8">
 +
  <title>iGEM Tongji 2014</title>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 +
 +
  <!-- load css files -->
 +
  <link href="https://2014.igem.org/Team:Tongji/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link href="https://2014.igem.org/Team:Tongji/bootstrap-responsive_min_css?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link href="https://2014.igem.org/Team:Tongji/docs_css?action=raw&ctype=text/css" rel="stylesheet">
 +
  <style>
 +
  body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
 +
  </style>
 +
 +
  <style>
 +
 +
  /*Clear existing style*/
 +
 +
 +
  #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 +
    display:none;
 +
  }
 +
 +
  html, body {
 +
    width: auto !important;
 +
    overflow-x: hidden !important;
 +
    height: 100% !important;
 +
 +
  }
 +
  /*End claer*/
 +
 +
 +
 +
 +
    body {
 +
 +
      color: #5a5a5a;
 +
    }
 +
 +
 +
 +
    /* MARKETING CONTENT
 +
    -------------------------------------------------- */
 +
 +
    /* Center align the text within the three columns below the carousel */
 +
    .marketing .span4 {
 +
      text-align: center;
 +
    }
 +
    .marketing h2 {
 +
      font-weight: normal;
 +
    }
 +
    .marketing .span4 p {
 +
      margin-left: 10px;
 +
      margin-right: 10px;
 +
    }
 +
 +
 +
    /* Featurettes
 +
    ------------------------- */
 +
 +
    .featurette-divider {
 +
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
 +
    }
 +
    .featurette {
 +
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
 +
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
 +
    }
 +
    .featurette-image {
 +
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
 +
    }
 +
 +
    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
 +
    .featurette-image.pull-left {
 +
      margin-right: 40px;
 +
    }
 +
    .featurette-image.pull-right {
 +
      margin-left: 40px;
 +
    }
 +
 +
    /* Thin out the marketing headings */
 +
    .featurette-heading {
 +
      font-size: 70px;
 +
      font-weight: 300;
 +
      line-height: 1;
 +
      letter-spacing: -1px;
 +
    }
 +
 +
 +
    .marketing p.lead {
 +
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
      font-size: 30px;
 +
      line-height: 1.2;
 +
    }
 +
 +
 +
 +
    /* RESPONSIVE CSS
 +
    -------------------------------------------------- */
 +
 +
    @media (max-width: 979px) {
 +
 +
      .container.navbar-wrapper {
 +
        margin-bottom: 0;
 +
        width: auto;
 +
      }
 +
 +
 +
 +
      .featurette {
 +
        height: auto;
 +
        padding: 0;
 +
      }
 +
      .featurette-image.pull-left,
 +
      .featurette-image.pull-right {
 +
        display: block;
 +
        float: none;
 +
        max-width: 80%;
 +
        margin: 0 auto 20px;
 +
      }
 +
    }
 +
 +
 +
    @media (max-width: 767px) {
 +
 +
 +
      .marketing .span4 + .span4 {
 +
        margin-top: 40px;
 +
      }
 +
 +
      .featurette-heading {
 +
        font-size: 30px;
 +
      }
 +
      .featurette .lead {
 +
        font-size: 18px;
 +
        line-height: 1.5;
 +
      }
 +
      .marketing p.lead {
 +
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
        font-size: 18px;
 +
        line-height: 1.5;
 +
      }
 +
 +
    }
 +
 +
 +
 +
    </style>
 +
 +
 +
    <link href="https://2014.igem.org/Team:Tongji/prettify_css?action=raw&ctype=text/css" rel="stylesheet">
 +
 +
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
 +
    <!--[if lt IE 9]>
 +
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
 +
      <![endif]-->
 +
 +
 +
    </head>
 +
 +
    <body data-spy="scroll" data-target=".bs-docs-sidebar">
 +
 +
    <!-- Navbar
 +
    ================================================== -->
 +
    <div class="navbar navbar-inverse navbar-fixed-top">
 +
      <div class="navbar-inner">
 +
        <div class="container">
 +
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
 +
 +
 +
          <div class="nav-collapse collapse role="navigation>
 +
            <ul class="nav navbar-nav">
 +
              <li class="active">
 +
                <a  href="https://2014.igem.org/Team:Tongji">iGEM 同济 2014</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/project">项目介绍</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/human-practice">对外事务所</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/lab-archives">实验室档案馆</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/safety">安全保障</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/honors-room">荣誉室</a>
 +
              </li>
 +
 +
 +
 +
 +
              <li class="dropdown">
 +
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >语言 <b class="caret"></b></a>
 +
                <ul  class="dropdown-menu" >
 +
                  <li ><a  href="https://2014.igem.org/Team:Tongji"  target="_blank">English</a></li>
 +
                  <li role="presentation"><a href="https://2014.igem.org/Team:Tongji-zh">中文</a></li>
 +
                </ul>
 +
              </li>
 +
 +
                 
 +
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
 +
 +
 +
 +
 +
    <div class="container">
 +
 +
      <div class="marketing">
 +
        <hr class="soften">
 +
 +
        <h1>去色四天王</h1>
 +
        <p class="marketing-byline">M.  A.  X.  A.</p>
 +
 +
 +
 +
        <hr class="soften">
 +
 +
      </div>
 +
 +
    </div>
 +
 +
 +
 +
 +
    <div class="container">
 +
      <img  src="https://static.igem.org/mediawiki/2014/5/5d/Bottle.png">
 +
    </div>
 +
    <hr class="soften">
 +
    <!-- Marketing messaging and featurettes
 +
    ================================================== -->
 +
    <!-- Wrap the rest of the page in another container to center all the content. -->
 +
 +
    <div class="container marketing">
 +
 +
 +
 +
 +
 +
      <!-- START THE FEATURETTES -->
 +
 +
 +
 +
      <div class="featurette">
 +
        <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/a/a7/Browser-icon-chrome.png">
 +
 +
        <h2 class="featurette-heading">生态<span class="muted">友好</span></h2>
 +
        <p class="lead">比起传统工艺,采用了我们生物机器的新工艺将减少20%的含氯试剂使用量,并降低污水的AOX水平</p>
 +
      </div>
 +
 +
      <hr class="featurette-divider">
 +
 +
      <div class="featurette">
 +
        <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/c/c3/Browser-icon-firefox.png">
 +
        <h2 class="featurette-heading">协同<span class="muted">效应</span></h2>
 +
        <p class="lead">三种酶的组合使用效果胜过任何一个单独使用的效果</p>
 +
      </div>
 +
 +
      <hr class="featurette-divider">
 +
 +
      <div class="featurette">
 +
        <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/4/43/Browser-icon-safari.png">
 +
        <h2 class="featurette-heading">抗耐<span class="muted">高温</span></h2>
 +
        <p class="lead">由于取自嗜热微生物,我们的酶能在高至94.7°C的环境下工作,令人惊讶!</p>
 +
      </div>
 +
 +
      <hr class="featurette-divider">
 +
 +
      <!-- /END THE FEATURETTES -->
 +
 +
     
 +
 +
      <h1>新闻小报</h1>
 +
      <p class="marketing-byline">由厦门大学发起,搜集了多支队伍的新闻动态。我们也参与其中。</p>
 +
 +
 +
 +
     
 +
 +
      <!-- Three columns of text below the carousel -->
 +
      <div class="row">
 +
        <div class="span4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
 +
          <h2>新闻小报第一期</h2>
 +
          <p>从7月28日到8月10日</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/c/cc/IGEM_Newsletter_Issue_1.pdf">下载 &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
        <div class="span4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
 +
          <h2>新闻小报第二期</h2>
 +
          <p>从8月11日到8月24日</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/9/97/IGEM_Newsletter_Issue_2.pdf">下载 &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
        <div class="span4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
 +
          <h2>新闻小报第三期</h2>
 +
          <p>从8月25日到9月7日</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/4/4c/IGEM_Newsletter_Issue_3.pdf">下载 &raquo;</a></p>
 +
        </div>
 +
      </div>
 +
 +
 +
 +
 +
    </div>
-
<meta name="viewport" content="width=device-width, initial-scale=1">
 
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
-
<script>
 
      
      
-
  $('head').empty();
+
    <footer class="footer">
-
  $('body').empty().removeClass().css('margin','0');
+
      <div class="container">
-
 
+
        <p>同济大学, 2014</p>
-
  var iframe = $('<iframe src="http://yuiuiuiuiui.cloud66-162.78host.com/index-zh.html" style="border: 0; width: 100%;"></iframe>').css('height',$(window).height());
+
       
-
  $('body').html(iframe);
+
      </div>
 +
    </footer>
 +
 
 +
 
 +
    <!-- Le javascript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
   
 +
    <script src="https://2014.igem.org/Team:Tongji/jquery_min_js?action=raw"></script>
 +
    <script src="https://2014.igem.org/Team:Tongji/bootstrap_min_js?action=raw"></script>
 +
 
 +
    <script src="https://2014.igem.org/Team:Tongji/holder_min_js?action=raw"></script>
 +
    <script src="https://2014.igem.org/Team:Tongji/prettify_js?action=raw"></script>
-
  $(window).resize(function () {
+
     <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script>
-
     iframe.css('height',$(window).height());
+
-
  });
+
-
</script>
+
  </body>
-
</html>
+
  </html>

Revision as of 14:30, 13 October 2014

iGEM Tongji 2014


去色四天王



生态友好

比起传统工艺,采用了我们生物机器的新工艺将减少20%的含氯试剂使用量,并降低污水的AOX水平


协同效应

三种酶的组合使用效果胜过任何一个单独使用的效果


抗耐高温

由于取自嗜热微生物,我们的酶能在高至94.7°C的环境下工作,令人惊讶!


新闻小报

新闻小报第一期

从7月28日到8月10日

下载 »

新闻小报第二期

从8月11日到8月24日

下载 »

新闻小报第三期

从8月25日到9月7日

下载 »

同济大学, 2014