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

Line 1: Line 1:
−
<!-- This document, originally from getmdl.io, was modified -->
 
  
−
 
−
<!doctype html>
 
−
<!--
 
−
  Material Design Lite
 
−
  Copyright 2015 Google Inc. All rights reserved.
 
−
 
−
  Licensed under the Apache License, Version 2.0 (the "License");
 
−
  you may not use this file except in compliance with the License.
 
−
  You may obtain a copy of the License at
 
−
 
−
      https://www.apache.org/licenses/LICENSE-2.0
 
−
 
−
  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
 
−
-->
 
−
 
−
<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>
 
−
 
−
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 
−
 
−
    <!-- Page styles -->
 
−
    <!-- <link rel="stylesheet" href="2017tongji_fonts.css">
 
−
    <link rel="stylesheet" href="2017tongji_materialicons.css">
 
−
    <link rel="stylesheet" href="2017tongji_mdl_material.min.css">
 
−
    <link rel="stylesheet" href="2017tongji_styles.css"> -->
 
−
    <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;
 
−
    }
 
−
    /* fallback */
 
−
    @font-face {
 
−
      font-family: 'Material Icons';
 
−
      font-style: normal;
 
−
      font-weight: 400;
 
−
      src: local('Material Icons'), local('MaterialIcons-Regular'), url('https://static.igem.org/mediawiki/2017/2/22/2017tongji_MaterialIcons-Regular.woff') format('woff');
 
−
    }
 
−
 
−
    .material-icons {
 
−
      font-family: 'Material Icons';
 
−
      font-weight: normal;
 
−
      font-style: normal;
 
−
      font-size: 24px;
 
−
      line-height: 1;
 
−
      letter-spacing: normal;
 
−
      text-transform: none;
 
−
      display: inline-block;
 
−
      white-space: nowrap;
 
−
      word-wrap: normal;
 
−
      direction: ltr;
 
−
      -webkit-font-feature-settings: 'liga';
 
−
      -webkit-font-smoothing: antialiased;
 
−
    }
 
−
    </style>
 
−
  </head>
 
 
   <body>
 
   <body>
−
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 
−
 
−
      <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>
 
−
            <!-- <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 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">
 
       <div class="android-content mdl-layout__content">
 
         <a name="top"></a>
 
         <a name="top"></a>

Revision as of 00:11, 17 October 2017

 <body>

       <a name="top"></a>
2017 Tongji iGEM Team
welcome to our wiki, here you'll find all the info you need on our project
         <a href="#screens">
           <button class="android-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
             expand_more
           </button>
         </a>

         <a name="screens"></a>
This website should work on any device!
             <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>

             <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>

             <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>

             <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>

             <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>
Our team worked on

pictures that are alive, litteraly.

<a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href=""> See how we did it chevron_right </a>

We would like to thanks those who helped us

Like our fantastic advisors, some other people and maybe even a couple of companies!
<a href="" class="android-link mdl-typography--font-light">Find out about our team and our friends</a>

Here are the most important links
               <img src="2017tongji_images/more-from-1.png">

Some kind of page 1

               Description of the page 1

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 1
                  chevron_right
                </a>

               <img src="2017tongji_images/more-from-4.png">

Some kind of page 2

               Description of the page 2

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 2
                  chevron_right
                </a>

               <img src="2017tongji_images/more-from-2.png">

Some kind of page 3

               Description of the page 3

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 3
                  chevron_right
                </a>

               <img src="2017tongji_images/more-from-3.png">

Some kind of page 4

               Description of the page 4

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 3
                  chevron_right
                </a>

       <footer class="android-footer mdl-mega-footer">

             <button class="mdl-mega-footer--social-btn"></button>
              
             <button class="mdl-mega-footer--social-btn"></button>
              
             <button class="mdl-mega-footer--social-btn"></button>

             <a class="mdl-typography--font-light" href="#top">
               Back to Top
               expand_less
             </a>

The empty squares above are for social media links

Some kind of footer message

           <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
             Look! It expands!
             arrow_drop_up
           </a>
  • First expanded option
  • more
  • even more
  • even even more
           <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
             Another expandable
             arrow_drop_up
           </a>
  • Info
  • Info 2
  • More
  • More2
           <a class="android-link mdl-typography--font-light" href="">Blog</a>
           <a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>

       </footer>

   </div>
   <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 </body>

</html>