Difference between revisions of "Team:Tongji China"

Line 1: Line 1:
{{Tongji_China}}
+
<!-- This document, originally from getmdl.io, was modified -->
<html>
+
  
 +
<!--
 +
  Material Design Lite
 +
  Copyright 2015 Google Inc. All rights reserved.
  
<div class="column full_size" >
+
  Licensed under the Apache License, Version 2.0 (the "License");
<img src="https://static.igem.org/mediawiki/2017/5/50/T--Tongji_China--TEAM_LOGO0629.jpg">
+
  you may not use this file except in compliance with the License.
</div>
+
  You may obtain a copy of the License at
<p> DESCRIPTION:</p>
+
<h1>To control the pest population by altering the mate tendency </h1>
+
<p>The occurrence of Aedes aegypti, Culex quinquefasciatus, and mosquitoes of the genus Anopheles potentiate the spread of several diseases, such as dengue, Zika, chikungunya, urban yellow fever, filariasis, and malaria, a situation currently existing in Brazil and in Latin America. Mosquitoes caused about 725,000 death/year because of malaria.<br>
+
It is reported that pharmacological manipulation of dopamine could alter their sexual behavior.  We want to regulate and control <i>ple</i> with the help of some temperature-sensitive promoter so that in summer, when the most pest thrived, the gene <i>ple</i> will express and then male–male Courtship behavior appears, which may decrease the number of pest.<br>
+
This method has three advantage. Firstly it cause less impact on the ecosystem. Secondly it is heritable and continuable. finally it activated in summer, When pests thrived.<br>
+
We use Drosophila melanogaster as model organism because it belongs to diptera, the same as Mosquitoes. And there are many sophisticated ways to regulate its expression of gene. We use UAS/GAL4 system, a very common methods, to regulate <i>ple</i>.
+
</p>
+
  
 +
      https://www.apache.org/licenses/LICENSE-2.0
  
<div class="column full_size" >
+
  Unless required by applicable law or agreed to in writing, software
 +
  distributed under the License is distributed on an "AS IS" BASIS,
 +
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 +
  See the License for the specific language governing permissions and
 +
  limitations under the License
 +
-->
  
</div>  
+
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="description" content="2017 Tongji iGEM team wiki">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 +
    <title>Tongji iGEM</title>
  
<div class="clear"></div>
+
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
  
<div class="column half_size" >
+
    <!-- Page styles -->
<h5>Before you start: </h5>
+
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS?action=raw&ctype=text/css">
<p> Please read the following pages:</p>
+
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_2?action=raw&ctype=text/css">
<ul>
+
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_3?action=raw&ctype=text/css">
<li>  <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
    <style>
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
    #view-source {
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
      position: fixed;
</ul>
+
      display: block;
</div>
+
      right: 0;
 +
      bottom: 0;
 +
      margin-right: 40px;
 +
      margin-bottom: 40px;
 +
      z-index: 900;
 +
    }
  
<div class="column half_size" >
+
    </style>
<div class="highlight">
+
  </head>
<h5> Styling your wiki </h5>
+
  <body>
<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>
+
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<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>
+
</div>
+
  
<div class="column full_size" >
+
      <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
<h5> Wiki template information </h5>
+
        <div class="mdl-layout__header-row">
<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://2017.igem.org/Judging/Pages_for_Awards">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>
+
          <span class="android-title mdl-layout-title">
 +
            <div class="logo-font">TongJi iGEM</div>
 +
            <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
 +
          </span>
 +
          <!-- Add spacer, to align navigation to the right in desktop -->
 +
          <div class="android-header-spacer mdl-layout-spacer"></div>
 +
          <!-- <div class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
 +
            <label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
 +
              <i class="material-icons">search</i>
 +
            </label>
 +
            <div class="mdl-textfield__expandable-holder">
 +
              <input class="mdl-textfield__input" type="text" id="search-field">
 +
            </div>
 +
          </div> -->
 +
          <!-- Navigation -->
 +
          <div class="android-navigation-container">
 +
            <nav class="android-navigation mdl-navigation">
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_index.html">Home</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_description.html">Project</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_team.html">Team</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_results.html">Results</a>
 +
              <!-- <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Auto</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">One</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Play</a> -->
 +
            </nav>
 +
          </div>
 +
          <span class="android-mobile-title mdl-layout-title">
 +
            <div class="logo-font">TongJi iGEM</div>
 +
            <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
 +
          </span>
 +
          <!-- <button class="android-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" id="more-button">
 +
            <i class="material-icons">more_vert</i>
 +
          </button>
 +
          <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button">
 +
            <li disabled class="mdl-menu__item">Design</li>
 +
            <li disabled class="mdl-menu__item">Experiments</li>
 +
            <li disabled class="mdl-menu__item">Notebook</li>
 +
            <li disabled class="mdl-menu__item">Parts</li>
 +
          </ul> -->
 +
        </div>
 +
      </div>
  
</div>  
+
      <div class="android-drawer mdl-layout__drawer">
 +
        <!-- <span class="mdl-layout-title" style="color:#ffffff; background: #EFEFEF;">
 +
          <img class="android-logo-image" style="height: 96px; left: 50px;" src="2017tongji_images/2017tongji_logo1.png">
 +
        </span> -->
 +
        <nav class="mdl-navigation">
 +
          <a class="mdl-navigation__link" href="2017tongji_page_index.html">Home</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_description.html">Project</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_team.html">Team</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_results.html">Results</a>
 +
          <!-- <a class="mdl-navigation__link" href="">Auto</a>
 +
          <a class="mdl-navigation__link" href="">One</a>
 +
          <a class="mdl-navigation__link" href="">Play</a> -->
 +
          <div class="android-drawer-separator"></div>
 +
          <span class="mdl-navigation__link" href="">Methods</span>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_notebook.html">Notebook</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_design.html">Design</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_experiments.html">Experiments</a>
 +
          <!-- <a class="mdl-navigation__link" href="">Unavailable info</a> -->
 +
          <a class="mdl-navigation__link" href="2017tongji_page_model.html">Model</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_demonstrate.html">Demonstrate</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_improve.html">Improve</a>
 +
          <div class="android-drawer-separator"></div>
 +
          <span class="mdl-navigation__link" href="">Resources</span>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_parts.html">Parts</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_human_practices.html">Human Practices</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_safety.html">Safety</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_interlab.html">InterLab</a>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_collaborations.html">Collaborations</a>
 +
          <div class="android-drawer-separator"></div>
 +
          <a class="mdl-navigation__link" href="2017tongji_page_attributions.html">Attributions</a>
 +
        </nav>
 +
      </div>
  
 +
      <div class="android-content mdl-layout__content">
 +
        <a name="top"></a>
 +
        <div class="android-be-together-section mdl-typography--text-center">
 +
          <div class="logo-font android-slogan" style="color:#ffffff;">2017 Tongji iGEM Team</div>
 +
          <div class="logo-font android-sub-slogan" style="color:#ffffff;">welcome to our wiki, here you'll find all the info you need on our project</div>
 +
          <!-- <div class="logo-font android-create-character">
 +
            <a href=""><img src="2017tongji_images/andy.png"> discover more</a>
 +
          </div> -->
  
 +
          <a href="#screens">
 +
            <button class="android-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
 +
              <i class="material-icons">expand_more</i>
 +
            </button>
 +
          </a>
 +
        </div>
 +
        <div class="android-screen-section mdl-typography--text-center">
 +
          <a name="screens"></a>
 +
          <div class="mdl-typography--display-1-color-contrast">This website should work on any device!</div>
 +
          <div class="android-screens">
 +
            <div class="android-wear android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/wear-silver-on.png">
 +
                <img class="android-screen-image" src="2017tongji_images/wear-black-on.png">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Home</a>
 +
            </div>
 +
            <div class="android-phone android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/nexus6-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Project</a>
 +
            </div>
 +
            <div class="android-tablet android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/nexus9-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Outreach</a>
 +
            </div>
 +
            <div class="android-tv android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/tv-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Safety</a>
 +
            </div>
 +
            <div class="android-auto android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/auto-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase mdl-typography--text-left" href="">More...</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="android-wear-section">
 +
          <div class="android-wear-band">
 +
            <div class="android-wear-band-text">
 +
              <div class="mdl-typography--display-2 mdl-typography--font-thin">Our team worked on </div>
 +
              <p class="mdl-typography--headline mdl-typography--font-thin">
 +
                pictures that are alive, litteraly.
 +
              </p>
 +
              <p>
 +
                <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="">
 +
                  See how we did it&nbsp;<i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="android-customized-section">
 +
          <div class="android-customized-section-text">
 +
            <div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">We would like to thanks those who helped us</div>
 +
            <p class="mdl-typography--font-light">
 +
              Like our fantastic advisors, some other people and maybe even a couple of companies!
 +
              <br>
 +
              <a href="" class="android-link mdl-typography--font-light">Find out about our team and our friends</a>
 +
            </p>
 +
          </div>
 +
          <div class="android-customized-section-image"></div>
 +
        </div>
 +
        <div class="android-more-section">
 +
          <div class="android-section-title mdl-typography--display-1-color-contrast">Here are the most important links</div>
 +
          <div class="android-card-container mdl-grid">
 +
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 +
              <div class="mdl-card__media">
 +
                <img src="2017tongji_images/more-from-1.png">
 +
              </div>
 +
              <div class="mdl-card__title">
 +
                <h4 class="mdl-card__title-text">Some kind of page 1</h4>
 +
              </div>
 +
              <div class="mdl-card__supporting-text">
 +
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 1</span>
 +
              </div>
 +
              <div class="mdl-card__actions">
 +
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 +
                  Call to action 1
 +
                  <i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </div>
 +
            </div>
  
 +
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 +
              <div class="mdl-card__media">
 +
                <img src="2017tongji_images/more-from-4.png">
 +
              </div>
 +
              <div class="mdl-card__title">
 +
                <h4 class="mdl-card__title-text">Some kind of page 2</h4>
 +
              </div>
 +
              <div class="mdl-card__supporting-text">
 +
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 2</span>
 +
              </div>
 +
              <div class="mdl-card__actions">
 +
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 +
                  Call to action 2
 +
                  <i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </div>
 +
            </div>
  
<div class="column half_size" >
+
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
<h5> Editing your wiki </h5>
+
              <div class="mdl-card__media">
<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>  
+
                <img src="2017tongji_images/more-from-2.png">
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
              </div>
 +
              <div class="mdl-card__title">
 +
                <h4 class="mdl-card__title-text">Some kind of page 3</h4>
 +
              </div>
 +
              <div class="mdl-card__supporting-text">
 +
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 3</span>
 +
              </div>
 +
              <div class="mdl-card__actions">
 +
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 +
                  Call to action 3
 +
                  <i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </div>
 +
            </div>
  
</div>
+
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 
+
              <div class="mdl-card__media">
 
+
                <img src="2017tongji_images/more-from-3.png">
<div class="column half_size" >
+
              </div>
<h5>Tips</h5>
+
              <div class="mdl-card__title">
<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>
+
                <h4 class="mdl-card__title-text">Some kind of page 4</h4>
<ul>
+
              </div>
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
              <div class="mdl-card__supporting-text">
<li>Be clear about what you are doing and how you plan to do this.</li>
+
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 4</span>
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
              </div>
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
              <div class="mdl-card__actions">
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
<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://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
+
                  Call to action 3
<li>Have lots of fun! </li>
+
                  <i class="material-icons">chevron_right</i>
</ul>  
+
                </a>
</div>
+
              </div>
 
+
            </div>
 
+
          </div>
<div class="column half_size" >
+
        </div>
<h5>Inspiration</h5>
+
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<ul>
+
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
</ul>
+
</div>
+
 
+
<div class="column half_size" >
+
<h5> Uploading pictures and files </h5>
+
<p> You can upload your pictures and files to the iGEM 2017 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 />
+
When you upload, set the "Destination Filename" to <br><code>T--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!)<br><br>
+
 
+
<a href="https://2017.igem.org/Special:Upload">
+
UPLOAD FILES
+
</a>
+
</p>
+
</div>
+
  
 +
        <footer class="android-footer mdl-mega-footer">
 +
          <div class="mdl-mega-footer--top-section">
 +
            <div class="mdl-mega-footer--left-section">
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
              &nbsp;
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
              &nbsp;
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
            </div>
 +
            <div class="mdl-mega-footer--right-section">
 +
              <a class="mdl-typography--font-light" href="#top">
 +
                Back to Top
 +
                <i class="material-icons">expand_less</i>
 +
              </a>
 +
            </div>
 +
          </div>
  
 +
          <div class="mdl-mega-footer--middle-section">
 +
            <p class="mdl-typography--font-light">The empty squares above are for social media links</p>
 +
            <p class="mdl-typography--font-light">Some kind of footer message</p>
 +
          </div>
  
 +
          <div class="mdl-mega-footer--bottom-section">
 +
            <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
 +
              Look! It expands!
 +
              <i class="material-icons">arrow_drop_up</i>
 +
            </a>
 +
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
 +
              <li class="mdl-menu__item">First expanded option</li>
 +
              <li class="mdl-menu__item">more</li>
 +
              <li class="mdl-menu__item">even more</li>
 +
              <li class="mdl-menu__item">even even more</li>
 +
            </ul>
 +
            <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
 +
              Another expandable
 +
              <i class="material-icons">arrow_drop_up</i>
 +
            </a>
 +
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="developers-dropdown">
 +
              <li class="mdl-menu__item">Info</li>
 +
              <li class="mdl-menu__item">Info 2</li>
 +
              <li class="mdl-menu__item">More</li>
 +
              <li class="mdl-menu__item">More2</li>
 +
            </ul>
 +
            <a class="android-link mdl-typography--font-light" href="">Blog</a>
 +
            <a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>
 +
          </div>
  
 +
        </footer>
 +
      </div>
 +
    </div>
 +
    <!-- <a href="http://LINK_TO_PROJECT" target="_blank" id="view-source" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--accent mdl-color-text--accent-contrast">Project</a> -->
 +
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 00:36, 17 October 2017


Tongji iGEM

TongJi iGEM
TongJi iGEM
2017 Tongji iGEM Team
welcome to our wiki, here you'll find all the info you need on our project
This website should work on any device!
Our team worked on

pictures that are alive, litteraly.

See how we did it chevron_right

We would like to thanks those who helped us

Like our fantastic advisors, some other people and maybe even a couple of companies!
Find out about our team and our friends

Here are the most important links

Some kind of page 1

Description of the page 1

Some kind of page 2

Description of the page 2

Some kind of page 3

Description of the page 3

Some kind of page 4

Description of the page 4