Team:Tongji

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!-- <!DOCTYPE html> -->
 +
<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">
-
<html>
 
-
<!--main content -->
+
  <!-- load css files -->
-
<table width="70%" align="center">
+
  <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>
-
<!--welcome box -->
+
  /*Clear existing style*/
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Tongji&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
+
  #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
-
<td align="center" colspan="3">
+
    display:none;
 +
  }
-
<table  width="100%">
+
  html, body {
-
<tr heigth="15px"></tr>
+
    width: auto !important;
-
<tr heigth="75px">
+
    /*overflow-x: hidden !important;*/
 +
    height: 100% !important;
 +
  }
 +
  /*End claer*/
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      #Big{display: block;}
-
<a href="https://2014.igem.org/Team:Tongji"style="color:#000000">Home </a> </td>
+
      #Small{display: none;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Tongji/Team"style="color:#000000"> Team </a> </td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    body {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Tongji"style="color:#000000"> Official Team Profile </a></td>
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      color: #5a5a5a;
-
<a href="https://2014.igem.org/Team:Tongji/Project"style="color:#000000"> Project</a></td>
+
    }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Tongji/Parts"style="color:#000000"> Parts</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Tongji/Modeling"style="color:#000000"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
    /* MARKETING CONTENT
-
<a href="https://2014.igem.org/Team:Tongji/Notebook"style="color:#000000"> Notebook</a></td>
+
    -------------------------------------------------- */
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    /* Center align the text within the three columns below the carousel */
-
<a href="https://2014.igem.org/Team:Tongji/Safety"style=" color:#000000"> Safety </a></td>
+
    .marketing .span4 {
 +
      text-align: center;
 +
    }
 +
    .marketing h2 {
 +
      font-weight: normal;
 +
    }
 +
    .marketing .span4 p {
 +
      margin-left: 10px;
 +
      margin-right: 10px;
 +
    }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Tongji/Attributions"style="color:#000000"> Attributions </a></td>
 
 +
    /* Featurettes
 +
    ------------------------- */
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
    .featurette-divider {
-
</tr>
+
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
-
</table>
+
    }
 +
    .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. */
 +
    }
-
<!--end navigation menu -->
+
    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
-
</tr>
+
    .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;
 +
    }
-
</tr>
 
-
 
 +
    .marketing p.lead {
 +
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
      font-size: 30px;
 +
      line-height: 1.2;
 +
    }
-
</td>
+
    /* RESPONSIVE CSS
 +
    -------------------------------------------------- */
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
    @media (max-width: 979px) {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
      .container.navbar-wrapper {
 +
        margin-bottom: 0;
 +
        width: auto;
 +
      }
-
<!--requirements section -->
 
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
 
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
 
-
<!-- Links to other team pages -->
+
      .featurette {
-
<ul>
+
        height: auto;
-
<li><a href="https://2014.igem.org/Team:Tongji">Home</a> </li>
+
        padding: 0;
-
<li><a href="https://2014.igem.org/Team:Tongji/Team">Team</a> </li>
+
      }
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Tongji">Official Team Profile</a> </li>
+
      .featurette-image.pull-left,
-
<li><a href="https://2014.igem.org/Team:Tongji/Project">Project</a> </li>
+
      .featurette-image.pull-right {
-
<li><a href="https://2014.igem.org/Team:Tongji/Parts">Parts</a> </li>
+
        display: block;
-
<li><a href="https://2014.igem.org/Team:Tongji/Modeling">Modeling</a> </li>
+
        float: none;
-
<li><a href="https://2014.igem.org/Team:Tongji/Notebook">Notebook</a> </li>
+
        max-width: 80%;
-
<li><a href="https://2014.igem.org/Team:Tongji/Safety">Safety</a> </li>
+
        margin: 0 auto 20px;
-
<li><a href="https://2014.igem.org/Team:Tongji/Attributions">Attributions</a> </li>
+
      }
 +
    }
-
</ul>
 
-
</td>
+
    @media (max-width: 767px) {
-
<td > </td>
+
      #Big{display: none;}
-
<td width="45%">
+
      #Small{display: block}
-
<p>There are a few wiki requirements teams must follow:</p>
 
-
<ul>
 
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
 
-
<li>All pages must be created under the team’s name space.</li>
 
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
 
-
<li>Do not use flash in wiki code. </li>
 
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
 
-
</ul>
 
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
 
-
</td>
+
      .marketing .span4 + .span4 {
-
</tr>
+
        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;
 +
      }
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
    }
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
<!--tips  -->
 
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
 
-
<tr>
+
    </style>
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
 
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
 
-
</ul>
 
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
    <link href="https://2014.igem.org/Team:Tongji/prettify_css?action=raw&ctype=text/css" rel="stylesheet">
-
</td>
+
-
<td> </td>
+
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
-
<td width="45%">  
+
    <!--[if lt IE 9]>
 +
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
 +
      <![endif]-->
-
<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>
 
-
<ul>
+
    </head>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
 
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
    <body data-spy="scroll" data-target=".bs-docs-sidebar">
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
 
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
    <!-- Navbar
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
    ================================================== -->
-
<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="">iGEM 2013 calendar</a> </li>
+
    <div class="navbar navbar-inverse navbar-fixed-top">
-
<li>Have lots of fun! </li>
+
      <div class="navbar-inner">
-
</ul>
+
        <div class="container">
-
</br>
+
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-
</td>
+
            <span class="icon-bar"></span>
-
</tr>
+
            <span class="icon-bar"></span>
-
</table>
+
            <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 Tongji 2014</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/project">Project</a>
 +
              </li>
 +
              <li class="">
 +
                <a href="https://2014.igem.org/Team:Tongji/human-practice">Human Practice</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/lab-archives">Lab Archives</a>
 +
              </li>
 +
              <li class="">
 +
                <a href="https://2014.igem.org/Team:Tongji/safety">Safety</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/honors-room">Honors Room</a>
 +
              </li>
 +
 
 +
 
 +
 
 +
 
 +
              <li class="dropdown">
 +
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >Language <b class="caret"></b></a>
 +
                <ul  class="dropdown-menu" >
 +
                  <li ><a  href="https://2014.igem.org/Team:Tongji"  >English</a></li>
 +
                  <li role="presentation"><a href="https://2014.igem.org/Team:Tongji-zh">中文</a></li>
 +
                </ul>
 +
              </li>
 +
 
 +
              <li class="dropdown">
 +
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >iGEM Bar <b class="caret"></b></a>
 +
                <ul  class="dropdown-menu " >
 +
                  <li ><a  href="/wiki/index.php?title=Talk:Team:Tongji&amp;action=edit&amp;redlink=1">Discussion</a></li>
 +
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=edit">Edit</a></li>
 +
                  <li ><a href="/wiki/index.php?title=Team:Tongji&amp;action=history">History</a></li>
 +
                  <li ><a  href="/Special:MovePage/Team:Tongji">Move</a></li>
 +
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=watch">Watch</a></li>
 +
                  <li class="divider"></li>
 +
                  <li ><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Tongji">Login</a></li>
 +
                  <li ><a href="https://igem.org/User_Information">Account</a></li>
 +
                  <li class="divider"></li>
 +
                  <li><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/d6/Igemlogo_officiallogo-small.png"></a></li>
 +
                </ul>
 +
              </li>             
 +
 
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <div class="container">
 +
 
 +
      <div class="marketing">
 +
        <hr class="soften">
 +
 
 +
        <h1>Decolor Four</h1>
 +
        <p class="marketing-byline">M.  A.  X.  A.</p>
 +
 
 +
 
 +
 
 +
        <hr class="soften">
 +
 
 +
      </div>
 +
 
 +
    </div>
 +
 
 +
 
 +
    <div class="container" id="Big">
 +
      <img  src="https://static.igem.org/mediawiki/2014/5/5d/Bottle.png">
 +
    </div>
 +
 
 +
<div class="row" id="Small">
 +
  <div class="span6">
 +
    <img src="https://static.igem.org/mediawiki/2014/7/75/Bottle-left.png">
 +
  </div>
 +
  <div class="span6">
 +
    <img src="https://static.igem.org/mediawiki/2014/6/67/Bottle-right.png">
 +
  </div>
 +
</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">Eco <span class="muted">Friendly</span></h2>
 +
        <p class="lead">New process needs 20% less chloride detergent than traditional process, and lowers AOX levels of waste.</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">Synergy<span class="muted"></span></h2>
 +
        <p class="lead">A combination of three enzymes work better than each single one. </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">Hot <span class="muted">Resistance</span></h2>
 +
        <p class="lead">Since coming from a thermophilic organism, these three enzymes can work even in 94.7°C!</p>
 +
      </div>
 +
 
 +
      <hr class="featurette-divider">
 +
 
 +
      <!-- /END THE FEATURETTES -->
 +
 
 +
     
 +
 
 +
      <h1>NewsLetters</h1>
 +
      <p class="marketing-byline">Initiated By Xiamen University, providing news of different iGEM teams. We are inside as well.</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>Newsletter 1st</h2>
 +
          <p>From 28th JUL. to 10th AUG.</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/c/cc/IGEM_Newsletter_Issue_1.pdf">Download &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
        <div class="span4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
 +
          <h2>Newsletter 2nd</h2>
 +
          <p>From 11th AUG. to 24th AUG.</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/9/97/IGEM_Newsletter_Issue_2.pdf">Download &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
        <div class="span4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
 +
          <h2>Newsletter 3rd</h2>
 +
          <p>From 25th AUG. to 7th SEP.</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/4/4c/IGEM_Newsletter_Issue_3.pdf">Download &raquo;</a></p>
 +
        </div>
 +
      </div>
 +
 
 +
<hr class="featurette-divider">
 +
<div class="row">
 +
  <div class="span6">
 +
    <img src="https://static.igem.org/mediawiki/2014/6/6a/Tongji-logo.png">
 +
  </div>
 +
  <div class="span6">
 +
    <img src="https://static.igem.org/mediawiki/2014/1/13/Igem-2014-logo.png">
 +
  </div>
 +
</div>
 +
 
 +
 
 +
    </div>
 +
 
 +
   
 +
    <footer class="footer">
 +
      <div class="container">
 +
        <p>Tongji University, 2014</p>
 +
       
 +
      </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>
 +
 
 +
    <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script>
 +
 
 +
  </body>
 +
  </html>

Latest revision as of 17:42, 14 October 2014

iGEM Tongji 2014

Decolor Four

M. A. X. A.

Eco Friendly

New process needs 20% less chloride detergent than traditional process, and lowers AOX levels of waste.

Synergy

A combination of three enzymes work better than each single one.

Hot Resistance

Since coming from a thermophilic organism, these three enzymes can work even in 94.7°C!

NewsLetters

Initiated By Xiamen University, providing news of different iGEM teams. We are inside as well.

Newsletter 1st

From 28th JUL. to 10th AUG.

Download »

Newsletter 2nd

From 11th AUG. to 24th AUG.

Download »

Newsletter 3rd

From 25th AUG. to 7th SEP.

Download »

Tongji University, 2014

Retrieved from "http://2014.igem.org/Team:Tongji"