Difference between revisions of "Team:Tongji China/Attributions"

 
(33 intermediate revisions by 2 users not shown)
Line 17: Line 17:
 
   limitations under the License
 
   limitations under the License
 
-->
 
-->
{{Tongji_China}}
+
{{Tongji_China/Header}}
 
<html lang="en">
 
<html lang="en">
 
   <head>
 
   <head>
     <title>Tongji iGEM</title>
+
    <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 - Attribution</title>
 +
 
 +
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 +
 
 +
    <!-- 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">
 +
 
 +
    <style>
 +
    #view-source {
 +
      position: fixed;
 +
      display: block;
 +
      right: 0;
 +
      bottom: 0;
 +
      margin-right: 40px;
 +
      margin-bottom: 40px;
 +
      z-index: 900;
 +
    }
 +
 
 +
    .demo-card-wide.mdl-card {
 +
      margin: auto;
 +
      margin-top: 20px;
 +
      align-items: center;
 +
      width: 70%;
 +
      border-radius:6px
 +
    }
 +
    .demo-card-wide > .mdl-card__title {
 +
      color: #757575;
 +
      align-self: center;
 +
      /*height: 176px;*/
 +
    }
 +
    .demo-card-wide > .mdl-card__menu {
 +
      color: #757575;
 +
    }
 +
 
 +
    .mdl-card__title-text {
 +
      padding-top: 20px;
 +
    }
 +
 
 +
    .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%;
 +
      opacity: 0.8;
 +
    }
 +
 
 +
    .chartopacity {
 +
      opacity: 0.8;
 +
    }
 +
 
 +
    @media only screen and (max-device-width: 1200px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 80%;
 +
        max-width: 1500px
 +
      }
 +
  }
 +
 
 +
    @media only screen and (max-device-width: 900px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 90%;
 +
      }
 +
      .imagelayout {
 +
        width: 80%;
 +
      }
 +
  }
 +
 
 +
    @media only screen and (max-device-width: 600px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 95%;
 +
      }
 +
 
 +
      .imagelayout {
 +
        width: 100%;
 +
      }
 +
  }
 +
    </style>
 +
 
 +
    <script type="text/javascript">
 +
    // Try to remove weird iGEM side menu and resize the remaining things
 +
    function closeMenuDiv(){
 +
      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>
 +
 
 
   </head>
 
   </head>
 
   <body>
 
   <body>
     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+
     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view" style="background:#f9f9f9">
 
+
      <!-- Header -->
 
       <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
 
       <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
 
         <div class="mdl-layout__header-row">
 
         <div class="mdl-layout__header-row">
 
           <span class="android-title mdl-layout-title">
 
           <span class="android-title mdl-layout-title">
             <div class="logo-font">TongJi iGEM</div>
+
             <div class="logo-font">Tongji iGEM</div>
            <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
+
 
           </span>
 
           </span>
 
           <!-- Add spacer, to align navigation to the right in desktop -->
 
           <!-- Add spacer, to align navigation to the right in desktop -->
 
           <div class="android-header-spacer mdl-layout-spacer"></div>
 
           <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 -->
 
           <!-- Navigation -->
 
           <div class="android-navigation-container">
 
           <div class="android-navigation-container">
 
             <nav class="android-navigation mdl-navigation">
 
             <nav class="android-navigation mdl-navigation">
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_index.html">Home</a>
+
               <!-- Links in the top right -->
               <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="https://2017.igem.org/Team:Tongji_China">Home</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="https://2017.igem.org/Team:Tongji_China/Description">Project</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="https://2017.igem.org/Team:Tongji_China/Team">Team</a>
              <!-- <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Auto</a>
+
               <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Results">Results</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>
 
             </nav>
 
           </div>
 
           </div>
 
           <span class="android-mobile-title mdl-layout-title">
 
           <span class="android-mobile-title mdl-layout-title">
 
             <div class="logo-font">TongJi iGEM</div>
 
             <div class="logo-font">TongJi iGEM</div>
            <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
 
 
           </span>
 
           </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>
 
+
      <!-- Drawer -->
 
       <div class="android-drawer mdl-layout__drawer">
 
       <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">
 
         <nav class="mdl-navigation">
           <a class="mdl-navigation__link" href="2017tongji_page_index.html">Home</a>
+
           <!-- <span class="mdl-navigation__link" href="">Title</span> -->
          <a class="mdl-navigation__link" href="2017tongji_page_description.html">Project</a>
+
           <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China">HOME</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>
 
           <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" style="color: #388E3C">PROJECT</a>
           <a class="mdl-navigation__link" href="2017tongji_page_design.html">Design</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" href="2017tongji_page_experiments.html">Experiments</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" href="">Unavailable info</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" href="2017tongji_page_model.html">Model</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" href="2017tongji_page_demonstrate.html">Demonstrate</a>
+
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Record">Record</a>
           <a class="mdl-navigation__link" href="2017tongji_page_improve.html">Improve</a>
+
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Safety">Ssfety</a>
           <div class="android-drawer-separator"></div>
+
           <!-- <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" style="color: #388E3C">LAB</a>
           <a class="mdl-navigation__link" href="2017tongji_page_human_practices.html">Human Practices</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" href="2017tongji_page_safety.html">Safety</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" href="2017tongji_page_interlab.html">InterLab</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" href="2017tongji_page_collaborations.html">Collaborations</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">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>
           <a class="mdl-navigation__link" href="2017tongji_page_attributions.html">Attributions</a>
+
           <!-- <div class="android-drawer-separator"></div> -->
 
         </nav>
 
         </nav>
 
       </div>
 
       </div>
 +
      <a name="top"></a>
  
 +
      <!-- HERE STARTS THE PAGE -->
 
       <div class="android-content mdl-layout__content">
 
       <div class="android-content mdl-layout__content">
 
         <a name="top"></a>
 
         <a name="top"></a>
         <div class="android-be-together-section mdl-typography--text-center">
+
        <!-- Title and Subtitle -->
           <div class="logo-font android-slogan" style="color:#ffffff;">2017 Tongji iGEM Team</div>
+
         <div class="mdl-typography--text-center" style="margin-bottom:20%">
           <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-slogan" style="color:#388E3C;">Attributions</div>
          <!-- <div class="logo-font android-create-character">
+
           <div class="logo-font android-sub-slogan" style="color:#757575;">
            <a href=""><img src="2017tongji_images/andy.png"> discover more</a>
+
            Here are the amazing people who made this project possible.<br>
          </div> -->
+
             <i class="material-icons">expand_more</i>
 
+
          <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>
 
         </div>
         <div class="android-wear-section">
+
 
          <div class="android-wear-band">
+
         <!-- Team -->
            <div class="android-wear-band-text">
+
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
              <div class="mdl-typography--display-2 mdl-typography--font-thin">Our team worked on </div>
+
          <div class="mdl-card__title" style="text-align:center">
              <p class="mdl-typography--headline mdl-typography--font-thin">
+
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">The Team</h4>
                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>
+
           <div class="mdl-card__supporting-text" style="font-size: 115%">
        <div class="android-customized-section">
+
             <b style="font-size: 125%">Jianfeng Zhou - The team leader</b><br><br>
           <div class="android-customized-section-text">
+
            Built our team in January 2017<br>
            <div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">We would like to thanks those who helped us</div>
+
            Organized the team: intermediary between the team and the school<br>
             <p class="mdl-typography--font-light">
+
             Paperwork: introduction and abstract of the project, About Our Lab Form, About Our Project Form, Final Safety Form, Part Registry<br>
              Like our fantastic advisors, some other people and maybe even a couple of companies!
+
            Plasmids construction<br>
              <br>
+
            Human practice: gave science class in Tieling Middle School to help them learn more about iGEM and Synthetic Biology<br><br><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">
+
             <b style="font-size: 125%">Qian Zeng</b><br><br>
              <div class="mdl-card__media">
+
            Organized the team: intermediary between the team and the school<br>
                <img src="2017tongji_images/more-from-4.png">
+
            Plasmids Construction<br>
              </div>
+
            Human practice: made a presentation at Open Night Live, introducing our iGEM project and Synthetic Biology<br><br><br>
              <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="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
+
             <b style="font-size: 125%">Wei Zhu</b><br><br>
              <div class="mdl-card__media">
+
            Interlab experiments<br>
                <img src="2017tongji_images/more-from-2.png">
+
            Behavioral experiments: understand out the experimental data<br>
              </div>
+
            Kept in contact with other teams<br><br><br>
              <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 class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
+
             <b style="font-size: 125%">Cichen Zhang</b><br><br>
              <div class="mdl-card__media">
+
            Behavioral experiments: design, process and results<br>
                <img src="2017tongji_images/more-from-3.png">
+
            Kept in contact with other teams<br><br><br>
              </div>
+
 
              <div class="mdl-card__title">
+
            <b style="font-size: 125%">Chenyu Song</b><br><br>
                <h4 class="mdl-card__title-text">Some kind of page 4</h4>
+
            Modeling: initial modeling, data collection and the logic route of re-modeling<br><br><br>
              </div>
+
 
              <div class="mdl-card__supporting-text">
+
            <b style="font-size: 125%">Zhifei Shi</b><br><br>
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 4</span>
+
            Human practice: Biology courses and tool box designing<br>
              </div>
+
            Human practice: gave science class in Tieling Middle School to help them learn more about iGEM and Synthetic Biology<br>
              <div class="mdl-card__actions">
+
            Human practice: made a presentation at Open Night Live, introducing our iGEM project and Synthetic Biology.<br><br><br>
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
+
 
                  Call to action 3
+
            <b style="font-size: 125%">Ruimin Xu</b><br><br>
                  <i class="material-icons">chevron_right</i>
+
            Interecommunions: made a presentation on CCiC held in Fujian, showing our project and preliminary experimental results<br>
                </a>
+
            Designed our questionnaire and analyzed the results<br>
              </div>
+
            Travel arrangements<br><br><br>
             </div>
+
 
 +
            <b style="font-size: 125%">Huan Wu</b><br><br>
 +
            Human practice: gave a science class in Tieling Middle School to help them learn more about iGEM and Synthenic Biology<br>
 +
            Travel arrangement<br><br><br>
 +
 
 +
            <b style="font-size: 125%">Xinran Chen</b><br><br>
 +
            The art director: designed our logo, team suit, banner, video, poster and postcard<br><br><br>
 +
 
 +
             <b style="font-size: 125%">Giovanni Riva</b><br><br>
 +
            Wiki page maker
 
           </div>
 
           </div>
 +
          <div class="android-drawer-separator"></div>
 
         </div>
 
         </div>
  
         <footer class="android-footer mdl-mega-footer">
+
         <!-- Acknowledgement -->
          <div class="mdl-mega-footer--top-section">
+
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
            <div class="mdl-mega-footer--left-section">
+
          <div class="mdl-card__title" style="text-align:center">
              <button class="mdl-mega-footer--social-btn"></button>
+
             <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Acknowledgements</h4>
              &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>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            We want to thank all the professors, teachers and students who have offered us great help during our project.<br><br><br>
 +
 +
            <b style="font-size: 125%">General support</b><br><br>
 +
            First and foremost, we would like to show our deepest gratitude to our instructors: professor Changsheng Du and professor Lei Xue. Professor Du, a respectable, responsible and resourceful scholar, has provided us with the advices on the project’s idea and on the molecular experiments. As an experienced instructor of <i>Drosophila melanogaster</i>, Professor Xue helped us a lot on the behavioral experiments. He has also offered us many suggestions on our human practice activities.<br>
 +
            We also want to thank for our instructor Ye Leng who help us gain some financial support from our university and Jiayu Chen who is going to take us to the Jamboree!<br><br><br>
 +
 +
            <b style="font-size: 125%">Lab support</b><br><br>
 +
            We want to thank for all the labs which provided us with the experiment reagent, including Professor Fanglin Sun’s lab, Professor Shaorong Gao’s lab, Professor Lei Xue’s lab and Professor Changsheng Du’s lab. We definitely couldn’t finish our project without their kind help!<br><br><br>
 +
 +
            <b style="font-size: 125%">Funding support</b><br><br>
 +
            Thanks to Professor Jing Zhang, who is in charge of our project in school. She helped us a lot in buying experiment materials.<br>
 +
            Thanks to our college, Tongji University, they gave us enough funding to start our project.<br><br><br>
 +
 +
            <b style="font-size: 125%">Technique support</b><br><br>
 +
            Thanks to Li Wu and Xiang Ding for helping us solve the problem in the plasmids construction and behavioral test separately. Both of them were very patient in teaching us not only usages but also strategies.<br><br><br>
 +
 +
            <b style="font-size: 125%">Human practice support</b><br><br>
 +
            Thanks to Fablab Shanghai from Tongji Design & Innovation Institute for developing Biology & SynBio courses aiming at teenagers with our team. Their knowledge of machine manufacturing really help us make a simple biotool box demo. What’s more, they provide us a great community and school platform to put our courses into practice.<br><br><br>
 +
 +
            <b style="font-size: 125%">Presentation coach</b><br><br>
 +
            Professor Chao Zhang and professor Jing Zhang helped us on presentation coaching. Thanks for their patient instructions.<br><br><br>
 +
 +
            <b style="font-size: 125%">Multimedia support</b><br><br>
 +
            Thanks Qingyan Zeng for dubbing for our brief introduction video.<br><br><br>
 +
 +
            <b style="font-size: 125%">Material support</b><br><br>
 +
            Last but not least, in our project, we used some other labs’ plasmids and materials. Here we want to show our sincere thanks to Chunyang Ni (SYSU, UTSW) and 2017 XMU iGEM team. Thanks for your kindness!
  
          <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>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
  
          <div class="mdl-mega-footer--bottom-section">
+
        <!-- HERE ENDS THE PAGE -->
            <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
+
        <!-- Go back Home -->
              Look! It expands!
+
        <div class="android-wear-section" style="height:250px">
              <i class="material-icons">arrow_drop_up</i>
+
          <div class="android-wear-band">
             </a>
+
             <div class="android-wear-band-text">
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
+
               <div class="mdl-typography--display-2 mdl-typography--font-thin">Ignis Fly</div>
               <li class="mdl-menu__item">First expanded option</li>
+
               <p class="mdl-typography--headline mdl-typography--font-thin" style="margin-bottom:0px">
              <li class="mdl-menu__item">more</li>
+
              Tongji_China iGEM 2017 Team<br>
              <li class="mdl-menu__item">even more</li>
+
              <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="https://2017.igem.org/Team:Tongji_China/Description">Description<i class="material-icons">chevron_right</i>
               <li class="mdl-menu__item">even even more</li>
+
              </a>
            </ul>
+
              </p>
            <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
+
             </div>
              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>
 
           </div>
 +
        </div>
  
        </footer>
 
 
       </div>
 
       </div>
 
     </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>
 
   </body>
 
</html>
 
</html>

Latest revision as of 00:04, 2 November 2017


Tongji iGEM - Attribution
Tongji iGEM
TongJi iGEM
Attributions
Here are the amazing people who made this project possible.
expand_more

The Team

Jianfeng Zhou - The team leader

Built our team in January 2017
Organized the team: intermediary between the team and the school
Paperwork: introduction and abstract of the project, About Our Lab Form, About Our Project Form, Final Safety Form, Part Registry
Plasmids construction
Human practice: gave science class in Tieling Middle School to help them learn more about iGEM and Synthetic Biology


Qian Zeng

Organized the team: intermediary between the team and the school
Plasmids Construction
Human practice: made a presentation at Open Night Live, introducing our iGEM project and Synthetic Biology


Wei Zhu

Interlab experiments
Behavioral experiments: understand out the experimental data
Kept in contact with other teams


Cichen Zhang

Behavioral experiments: design, process and results
Kept in contact with other teams


Chenyu Song

Modeling: initial modeling, data collection and the logic route of re-modeling


Zhifei Shi

Human practice: Biology courses and tool box designing
Human practice: gave science class in Tieling Middle School to help them learn more about iGEM and Synthetic Biology
Human practice: made a presentation at Open Night Live, introducing our iGEM project and Synthetic Biology.


Ruimin Xu

Interecommunions: made a presentation on CCiC held in Fujian, showing our project and preliminary experimental results
Designed our questionnaire and analyzed the results
Travel arrangements


Huan Wu

Human practice: gave a science class in Tieling Middle School to help them learn more about iGEM and Synthenic Biology
Travel arrangement


Xinran Chen

The art director: designed our logo, team suit, banner, video, poster and postcard


Giovanni Riva

Wiki page maker

Acknowledgements

We want to thank all the professors, teachers and students who have offered us great help during our project.


General support

First and foremost, we would like to show our deepest gratitude to our instructors: professor Changsheng Du and professor Lei Xue. Professor Du, a respectable, responsible and resourceful scholar, has provided us with the advices on the project’s idea and on the molecular experiments. As an experienced instructor of Drosophila melanogaster, Professor Xue helped us a lot on the behavioral experiments. He has also offered us many suggestions on our human practice activities.
We also want to thank for our instructor Ye Leng who help us gain some financial support from our university and Jiayu Chen who is going to take us to the Jamboree!


Lab support

We want to thank for all the labs which provided us with the experiment reagent, including Professor Fanglin Sun’s lab, Professor Shaorong Gao’s lab, Professor Lei Xue’s lab and Professor Changsheng Du’s lab. We definitely couldn’t finish our project without their kind help!


Funding support

Thanks to Professor Jing Zhang, who is in charge of our project in school. She helped us a lot in buying experiment materials.
Thanks to our college, Tongji University, they gave us enough funding to start our project.


Technique support

Thanks to Li Wu and Xiang Ding for helping us solve the problem in the plasmids construction and behavioral test separately. Both of them were very patient in teaching us not only usages but also strategies.


Human practice support

Thanks to Fablab Shanghai from Tongji Design & Innovation Institute for developing Biology & SynBio courses aiming at teenagers with our team. Their knowledge of machine manufacturing really help us make a simple biotool box demo. What’s more, they provide us a great community and school platform to put our courses into practice.


Presentation coach

Professor Chao Zhang and professor Jing Zhang helped us on presentation coaching. Thanks for their patient instructions.


Multimedia support

Thanks Qingyan Zeng for dubbing for our brief introduction video.


Material support

Last but not least, in our project, we used some other labs’ plasmids and materials. Here we want to show our sincere thanks to Chunyang Ni (SYSU, UTSW) and 2017 XMU iGEM team. Thanks for your kindness!
Ignis Fly

Tongji_China iGEM 2017 Team
Descriptionchevron_right