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>Ignis Fly </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
 +
-->
 +
{{Tongji_China/Header}}
 +
<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>  
+
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
  
−
<div class="clear"></div>
+
    <!-- Page styles -->
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_2?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_3?action=raw&ctype=text/css">
  
−
<div class="column half_size" >
+
    <style>
−
<h5>Before you start: </h5>
+
    #view-source {
−
<p> Please read the following pages:</p>
+
      position: fixed;
−
<ul>
+
      display: block;
−
<li>  <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
      right: 0;
−
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
      bottom: 0;
−
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
      margin-right: 40px;
−
</ul>
+
      margin-bottom: 40px;
−
</div>
+
      z-index: 900;
 +
    }
  
−
<div class="column half_size" >
+
    .demo-card-wide.mdl-card {
−
<div class="highlight">
+
      margin: auto;
−
<h5> Styling your wiki </h5>
+
      margin-top: 20px;
−
<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>
+
      align-items: center;
−
<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>
+
      width: 70%;
−
</div>
+
      border-radius:6px
−
</div>
+
    }
 +
    .demo-card-wide > .mdl-card__title {
 +
      color: #757575;
 +
      align-self: center;
 +
      /*height: 176px;*/
 +
    }
 +
    .demo-card-wide > .mdl-card__menu {
 +
      color: #757575;
 +
    }
  
−
<div class="column full_size" >
+
    .mdl-card__title-text {
−
<h5> Wiki template information </h5>
+
      padding-top: 20px;
−
<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>
+
    }
  
−
</div>
+
    .mdl-card__supporting-text {
 +
      line-height: 130%;
 +
    }
  
 +
    /*@-webkit-keyframes blinker {
 +
      from { opacity: 1.0; }
 +
      to { opacity: 0.0; }
 +
    }*/
  
 +
    .android-header .material-icons {
 +
      color: #388E3C !important;
 +
      /*-webkit-animation-name: blinker;
 +
      -webkit-animation-iteration-count: 5;
 +
      -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
 +
      -webkit-animation-duration: 1.5s;*/
 +
    }
  
 +
    .imagelayout{
 +
      width: 60%;
 +
    }
  
−
<div class="column half_size" >
+
    .chartopacity {
−
<h5> Editing your wiki </h5>
+
      opacity: 0.8;
−
<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>
+
    }
−
<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>
+
    .logolayout{
 +
      width: 22% !important;
 +
      margin: 1.5% !important;
 +
    }
  
 +
    @media only screen and (max-device-width: 1200px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 80%;
 +
        max-width: 1500px
 +
      }
 +
  }
  
−
<div class="column half_size" >
+
    @media only screen and (max-device-width: 900px) {
−
<h5>Tips</h5>
+
      .demo-card-wide.mdl-card {
−
<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>
+
        width: 90%;
−
<ul>
+
      }
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
      .imagelayout {
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
        width: 80%;
−
<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>
+
      .logolayout{
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
        width: 30% !important;
−
<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>
+
        margin: 3% !important;
−
<li>Have lots of fun! </li>
+
      }
−
</ul>
+
  }
−
</div>
+
  
 +
    @media only screen and (max-device-width: 600px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 95%;
 +
      }
  
−
<div class="column half_size" >
+
      .imagelayout {
−
<h5>Inspiration</h5>
+
        width: 100%;
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
      }
−
<ul>
+
      .logolayout{
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
        width: 45% !important;
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
        margin: 2% !important;
−
<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>
+
    </style>
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
+
    <script type="text/javascript">
−
<h5> Uploading pictures and files </h5>
+
    // Try to remove weird iGEM side menu and resize the remaining things
−
<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 />
+
    function closeMenuDiv(){
−
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>
+
      document.getElementById("sideMenu").style.display = "none";
 +
      bars_box_active = false;
 +
      document.getElementById('content').setAttribute("style","display:block;width:100%");
 +
      document.getElementById('content').style.width='100%';
 +
    }
 +
    window.setTimeout(closeMenuDiv,50);
 +
    window.setTimeout(closeMenuDiv,100);
 +
    window.setTimeout(closeMenuDiv,500);
 +
    window.setTimeout(closeMenuDiv,1000);
 +
    window.setTimeout(closeMenuDiv,5000);
 +
    window.setTimeout(closeMenuDiv,10000);
 +
    </script>
  
−
<a href="https://2017.igem.org/Special:Upload">
+
  </head>
−
UPLOAD FILES
+
  <body>
−
</a>
+
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view" style="background:#f9f9f9">
−
</p>
+
      <!-- Header -->
−
</div>
+
      <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
 +
        <div class="mdl-layout__header-row">
 +
          <span class="android-title mdl-layout-title">
 +
            <div class="logo-font">Tongji iGEM</div>
 +
          </span>
 +
          <!-- Add spacer, to align navigation to the right in desktop -->
 +
          <div class="android-header-spacer mdl-layout-spacer"></div>
 +
          <!-- Navigation -->
 +
          <div class="android-navigation-container">
 +
            <nav class="android-navigation mdl-navigation">
 +
              <!-- Links in the top right -->
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China">Home</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Description">Project</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">Team</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
 +
            </nav>
 +
          </div>
 +
          <span class="android-mobile-title mdl-layout-title">
 +
            <div class="logo-font">TongJi iGEM</div>
 +
          </span>
 +
        </div>
 +
      </div>
 +
      <!-- Drawer -->
 +
      <div class="android-drawer mdl-layout__drawer">
 +
        <nav class="mdl-navigation">
 +
          <!-- <span class="mdl-navigation__link" href="">Title</span> -->
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China">HOME</a>
 +
          <div class="android-drawer-separator"></div>
  
 +
          <a class="mdl-navigation__link" style="color: #388E3C">PROJECT</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Description">Description</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Design">Design</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Demonstrate">Demonstrate</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Record">Record</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
  
 +
          <a class="mdl-navigation__link" style="color: #388E3C">LAB</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Parts">Parts</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Experiments">Tests</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/InterLab">InterLab</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Process">Process</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Protocol">Protocol</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
  
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Model">MODEL</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
  
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Human_Practices">HP</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Silver">Silver</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Gold_Integrated">Gold</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Engagement">Engagement</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
  
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Safety">SAFETY</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
  
 +
          <a class="mdl-navigation__link" style="color: #388E3C">AWARDS</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Model">Model Award</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Judging_Form">Judging Form</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
  
 +
          <a class="mdl-navigation__link" style="color: #388E3C">TEAM</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Team">Members</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Collaborations">Collaboration</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Attributions">Attribution</a>
 +
          <div class="android-drawer-separator"></div>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
        </nav>
 +
      </div>
 +
      <a name="top"></a>
 +
 +
      <!-- HERE STARTS THE PAGE -->
 +
      <div class="android-content mdl-layout__content">
 +
        <a name="top"></a>
 +
        <!-- Title and Subtitle -->
 +
        <div class="mdl-typography--text-center" style="height:100%; background:url('https://static.igem.org/mediawiki/2017/9/9f/2017_tongji_wiki_image_homepage_backgroud2.png') center no-repeat; background-size:cover;">
 +
          <div class="logo-font android-slogan" style="color:#388E3C;">Ignis Fly</div>
 +
          <div class="logo-font android-sub-slogan" style="color:#757575;">
 +
            Welcome to our wiki!<br>
 +
            <i class="material-icons">expand_more</i>
 +
          </div>
 +
        </div>
 +
 +
        <!-- Video -->
 +
        <video width="100%" poster="LINK TO COVER IMAGE EDITME" controls>
 +
          <source src="https://static.igem.org/mediawiki/2017/5/52/2017tongji_video_home_introduction.mp4" type="video/mp4">
 +
          Your browser does not support the video tag.
 +
        </video>
 +
 +
        <!-- Description -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Description</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            ADD MORE INFORMATION
 +
            EDITME
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 +
        <!-- Description -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Description2</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            EVEN MORE INFORMATION
 +
            EDITME
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 +
        <!-- Logos -->
 +
        <div style="text-align: center">
 +
          <!-- One Logo -->
 +
          <div class="demo-card-wide mdl-card mdl-shadow--2dp logolayout" style="text-align:left; display:inline-block; vertical-align:top; min-height:0px">
 +
            <img src="LINK TO LOGO EDITME" alt="LOGO NAME EDITME" style="width:100%">
 +
          </div>
 +
          <!-- One Logo -->
 +
          <div class="demo-card-wide mdl-card mdl-shadow--2dp logolayout" style="text-align:left; display:inline-block; vertical-align:top; min-height:0px">
 +
            <img src="LINK TO LOGO EDITME" alt="LOGO NAME EDITME" style="width:100%">
 +
          </div>
 +
          <!-- One Logo -->
 +
          <div class="demo-card-wide mdl-card mdl-shadow--2dp logolayout" style="text-align:left; display:inline-block; vertical-align:top; min-height:0px">
 +
            <img src="LINK TO LOGO EDITME" alt="LOGO NAME EDITME" style="width:100%">
 +
          </div>
 +
          <!-- One Logo -->
 +
          <div class="demo-card-wide mdl-card mdl-shadow--2dp logolayout" style="text-align:left; display:inline-block; vertical-align:top; min-height:0px">
 +
            <img src="LINK TO LOGO EDITME" alt="LOGO NAME EDITME" style="width:100%">
 +
          </div>
 +
        </div>
 +
        <div style="clear:both"></div>
 +
 +
        <!-- HERE ENDS THE PAGE -->
 +
        <!-- Go back Home -->
 +
        <div class="android-wear-section" style="height:250px">
 +
          <div class="android-wear-band">
 +
            <div class="android-wear-band-text">
 +
              <div class="mdl-typography--display-2 mdl-typography--font-thin">That's it!</div>
 +
              <p class="mdl-typography--headline mdl-typography--font-thin" style="margin-bottom:0px">
 +
                This page has sadly ended, if you want you can go back
 +
              </p>
 +
              <p>
 +
                <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="">
 +
                  Home&nbsp;<i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </p>
 +
            </div>
 +
          </div>
 +
        </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" style="text-align:right">This page was adapted from a template from getmdl.io</p>
 +
          </div>
 +
 +
          <!-- <div class="mdl-mega-footer--bottom-section">
 +
            <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
 +
              iGEM quicklinks
 +
              <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" href="https://2017.igem.org/Main_Page">Home Page</li>
 +
              <li class="mdl-menu__item" href="https://twitter.com/iGEM">Twitter</li>
 +
              <li class="mdl-menu__item" href="https://www.instagram.com/igem_hq/">Instagram</li>
 +
              <li class="mdl-menu__item" href="https://www.facebook.com/iGEMFoundation/">Facebook</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" href="">Info</li>
 +
              <li class="mdl-menu__item" href="">Info 2</li>
 +
              <li class="mdl-menu__item" href="">More</li>
 +
              <li class="mdl-menu__item" href="">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>
 +
  </body>
 
</html>
 
</html>

Revision as of 22:06, 31 October 2017


Tongji iGEM
Tongji iGEM
TongJi iGEM
Ignis Fly
Welcome to our wiki!
expand_more

Description

ADD MORE INFORMATION EDITME

Description2

EVEN MORE INFORMATION EDITME
LOGO NAME EDITME
LOGO NAME EDITME
LOGO NAME EDITME
LOGO NAME EDITME
That's it!

This page has sadly ended, if you want you can go back

Home chevron_right