Difference between revisions of "Team:Tongji China/Human Practices"

Latest revision as of 23:48, 1 November 2017

Tongji iGEM - Human Practices

Human Practices

As Synthetic Biology matures in a powerful and pervading technology, it's important to include the public in the research process to inform the decisions of scientists and companies.

Summary

Our efforts in human practices involve several aspects including biosafety, social activity and public education.

Since Ignis Fly is a project powered by genetically-modifying technology and Synthetic Biology methods, our work mainly focuses on the promotion of the knowledge of these topics and on surveying people's concern about them. Meanwhile, as we aim to use our project to control insect pest, we hope that people will understand the seriousness of pests and diseases transmitted by insects, for this reason we have carried out outreach and education work on the issue.

We have made friends with iGEM members and people from other groups, it is such a delight to have friends coming from afar. We also communicated with other schools, teams and community members to share our experience and stories while exploring Synthetic Biology.

We want to link more and more people from every group to synthetic biology and iGEM to enjoy this party!

Discover more about our Human Practices in the following sections:

Human Practices Silver

Discover more about how we helped other teams, visited an hospital and took part in a competition.

Go to Silver

Human Practices Gold

Discover more about how we shared our passion for Synthetic Biology, collaborated with a local FabLab and developed learning material.

Go to Gold

Education & Public Engagement

Discover more about how we engaged with the public.

Go to Engagement

Ignis Fly

Tongji_China iGEM 2017 Team
HP Silver

@@ Line 24: / Line 24: @@
      <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 - Human Practices Summary</title>
+     <title>Tongji iGEM - Human Practices</title>
      <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
@@ Line 66: / Line 66: @@
      .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;
      }
@@ Line 78: / Line 100: @@
        .demo-card-wide.mdl-card {
          width: 90%;
+      }
+      .imagelayout {
+        width: 80%;
        }
    	}
@@ Line 84: / Line 109: @@
        .demo-card-wide.mdl-card {
          width: 95%;
+      }
+      .imagelayout {
+        width: 100%;
        }
    	}
@@ Line 111: / Line 140: @@
          <div class="mdl-layout__header-row">
            <span class="android-title mdl-layout-title">
-             <div class="logo-font">TongJi iGEM</div>
+             <div class="logo-font">Tongji iGEM</div>
            </span>
            <!-- Add spacer, to align navigation to the right in desktop -->
@@ Line 134: / Line 163: @@
          <nav class="mdl-navigation">
            <!-- <span class="mdl-navigation__link" href="">Title</span> -->
-           <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China">HOME</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="https://2017.igem.org/Team:Tongji_China/Team">Team</a>
-          <div class="android-drawer-separator"></div>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Description">Description</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Design">Design</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Experiments">Experiment</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Model">Model</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Demonstrate">Demonstrate</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Notebook">Notebook</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Improve">Improve</a>
-          <div class="android-drawer-separator"></div>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Parts">Parts</a>
-          <div class="android-drawer-separator"></div>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Collaborations">Collaborations</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Human_Practices">Human Practices</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/HP/Silver">HP Silver</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/HP/Gold_Integrated">HP Gold</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Engagement">Education & Public Engagement</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/InterLab">InterLab</a>
-          <!-- <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Contribution">Contribution</a> -->
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Safety">Safety</a>
-          <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Tongji_China/Attributions">Attributions</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>
+<a class="mdl-navigation__link" style="margin-left:8px;"  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">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">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>
@@ Line 167: / Line 213: @@
          <a name="top"></a>
          <!-- Title and Subtitle -->
-         <div class="mdl-typography--text-center" style="margin-bottom:20%">
+         <div class="mdl-typography--text-center" style="margin-bottom:20%; text-align:center">
            <div class="logo-font android-slogan" style="color:#388E3C;">Human Practices</div>
-           <div class="logo-font android-sub-slogan" style="color:#757575">
+           <div class="logo-font android-sub-slogan" style="color:#757575; width:50%; text-align:center; margin: auto">
-             As Synthetic Biology matures in a powerful and pervading technology,<br>
+             As Synthetic Biology matures in a powerful and pervading technology, it's important to include the public in the research process to inform the decisions of scientists and companies.<br>
-            it's important to include the public in the research process to inform the decisions of scientists and companies.<br>
-            This is how we tried to do our part.<br>
              <i class="material-icons">expand_more</i>
            </div>
@@ Line 184: / Line 228: @@
            <div class="mdl-card__supporting-text" style="font-size: 115%">
              Our efforts in human practices involve several aspects including biosafety, social activity and public education.<br><br>
-             Since ‘Ignis Fly’ is a project powered by genetically-modifying technology and Synthetic Biology methods, our work mainly focuses on the promotion of the knowledge of these topcs and on surveying people's concern about them. Meanwhile, as we aim to use our project to control insect pest, we hope that people will understand the seriousness of pests and diseases transmitted by insects, for this reason we have carried out outreach and education work on the issue.<br><br>
+             Since <strong>Ignis Fly</strong> is a project powered by genetically-modifying technology and Synthetic Biology methods, our work mainly focuses on the promotion of the knowledge of these topics and on surveying people's concern about them. Meanwhile, as we aim to use our project to control insect pest, we hope that people will understand the seriousness of pests and diseases transmitted by insects, for this reason we have carried out outreach and education work on the issue.<br><br>
              We have made friends with iGEM members and people from other groups, it is such a delight to have friends coming from afar. We also communicated with other schools, teams and community members to share our experience and stories while exploring Synthetic Biology.<br><br>
              We want to link more and more people from every group to synthetic biology and iGEM to enjoy this party!
@@ Line 199: / Line 243: @@
          </div>
-         <!-- Links Silver & Gold -->
+         <!-- Links Silver, Gold & Engagement -->
          <div class="android-more-section">
            <div class="android-section-title mdl-typography--display-1-color-contrast">Discover more about our Human Practices in the following sections:</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" style="margin:auto; width:100%">
-               <div class="mdl-card__media" style="background:#C0C0C0; height: 5px">
+               <div class="mdl-card__media" style="background:#C0C0C0; height: 5px"></div>
-              </div>
                <div class="mdl-card__title">
                   <h4 class="mdl-card__title-text">Human Practices Silver</h4>
@@ Line 223: / Line 266: @@
              <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp" style="margin:auto; width:100%">
-               <div class="mdl-card__media" style="background:#FFD700; height: 5px">
+               <div class="mdl-card__media" style="background:#FFD700; height: 5px"></div>
-              </div>
                <div class="mdl-card__title">
                   <h4 class="mdl-card__title-text">Human Practices Gold</h4>
@@ Line 241: / Line 283: @@
              <div style="height: 10px; width:100%"></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" style="margin:auto; width:100%">
-              <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp" style="margin:auto; width:100%">
+              <!-- <div class="mdl-card__media" style="background:#C0C0C0; height: 5px"></div> -->
-                <div class="mdl-card__media" style="background:#C0C0C0; height: 5px">
+              <div class="mdl-card__title">
-                </div>
+                 <h4 class="mdl-card__title-text">Education & Public Engagement</h4>
-                <div class="mdl-card__title">
-                   <h4 class="mdl-card__title-text">Education & Public Engagement</h4>
-                </div>
-                <div class="mdl-card__supporting-text">
-                  <span class="mdl-typography--font-light mdl-typography--subhead">Discover more about how we engaged with the public.</span>
-                </div>
-                <div class="mdl-card__actions" style="text-align:right">
-                   <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Engagement">
-                     Go to Engagement
-                     <i class="material-icons">chevron_right</i>
-                   </a>
-                </div>
                </div>
+              <div class="mdl-card__supporting-text">
+                <span class="mdl-typography--font-light mdl-typography--subhead">Discover more about how we engaged with the public.</span>
+              </div>
+              <div class="mdl-card__actions" style="text-align:right">
+                 <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Engagement">
+                   Go to Engagement
+                   <i class="material-icons">chevron_right</i>
+                 </a>
+              </div>
+            </div>
            </div>
          </div>
@@ Line 266: / Line 306: @@
            <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>
+               <div class="mdl-typography--display-2 mdl-typography--font-thin">Ignis Fly</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
+               Tongji_China iGEM 2017 Team<br>
-              </p>
+               <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="https://2017.igem.org/Team:Tongji_China/HP/Silver">HP Silver<i class="material-icons">chevron_right</i>
-              <p>
+               </a>
-                <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>
@@ Line 279: / Line 316: @@
          </div>
-        <!-- Quick links -->
-        <div class="android-more-section">
-          <div class="android-section-title mdl-typography--display-1-color-contrast">Or follow these links for more awesomeness!</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">Team</h4>
-              </div>
-              <div class="mdl-card__supporting-text">
-                <span class="mdl-typography--font-light mdl-typography--subhead">Meet the people behind the project</span>
-              </div>
-              <div class="mdl-card__actions">
-                 <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">
-                   Say hi
-                   <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">Project</h4>
-              </div>
-              <div class="mdl-card__supporting-text">
-                <span class="mdl-typography--font-light mdl-typography--subhead">Here you can find the project details</span>
-              </div>
-              <div class="mdl-card__actions">
-                 <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Description">
-                   Discover more
-                   <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-2.png">
-              </div> -->
-              <div class="mdl-card__title">
-                 <h4 class="mdl-card__title-text">Parts</h4>
-              </div>
-              <div class="mdl-card__supporting-text">
-                <span class="mdl-typography--font-light mdl-typography--subhead">Parts are the heart of iGEM</span>
-              </div>
-              <div class="mdl-card__actions">
-                 <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Parts">
-                   Discover ours
-                   <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-3.png">
-              </div> -->
-              <div class="mdl-card__title">
-                 <h4 class="mdl-card__title-text">Attributions</h4>
-              </div>
-              <div class="mdl-card__supporting-text">
-                <span class="mdl-typography--font-light mdl-typography--subhead">Many people are involved in the project</span>
-              </div>
-              <div class="mdl-card__actions">
-                 <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
-                   Find out more
-                   <i class="material-icons">chevron_right</i>
-                 </a>
-              </div>
-            </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>