Latest revision as of 03:55, 28 October 2020

Safety

Overview

When we had already chosen to develop a project that aimed to diagnose HER2 positive breast cancer, we soon realized that MagHER2some was designed for patients in urgent conditions, and we should take strict safety measures to ensure our final product is qualified. To aviod provoking tensions between doctor-patient relationships and make MagHER2some as a accountable product to users and the whole society, we considered and evaluated each safety and ethical issues that might happen in real world.

ZJU-China 2019 was developed a project focusing on female physical problems, either. The comprehensive discussion on bioethics and safety that they conducted last year provided useful guidance to us. As they mentioned before, it was of high importance for us to concentrate on self-monitoring and ethical counseling. For this reason, we considered about possible risks respecting laboratory, environment, clinical application and society.

Browse following contents of this page for more safety & ethics details. You can also move to Human Practice Page to figure out how we conducted our Human Practice activities with our consideration of safety and ethics.

Laboratory Safety

Working with living modified organisms is always risky. All standard precautions must be taken. Before starting to work in the lab, every member of our team was required to attend the laboratory safety lesson and take a biosafety examination. Moreover, we have received extensive guidance and supervision regarding all our activities took place in our laboratory, including study, discussion and equipment usage by our team PI, Prof. Ming Chen and experimental instructor, Associate Prof. Fan Yang to ensure the laboratory safety.

Wearing safety：Everyone wears protective lab coats, gloves and safety glasses before laboratory activities. Besides, due to the epidemic situation of COVID-19, everyone must wear a mask as in the lab.

Figure 1. Drawer specially for gloves and masks.

Figure 2. Door hanging our protective lab coats.

Storage safety: The chemical and biological reagents are stored in the proper place and suitable temperature. Hazardous or corrosive chemicals are stored separately.

Figure 3–5. Storage for chemical and biological reagents, students should record every time when using chemicals.

Fire and electricity safety: The temperature of the heater should not be set over 50℃ and the there must be at least one student in the lab when the heater is working. And the power should be turned off before the last one leaves the lab every day.

Figure 6. Power switch and heater.

Safety Apparatus: Our iGEM lab is equipped with safety apparatus such as fire extinguishers, emergency showers, eyewash stations, and first aid kits in case of dire situations.

Figure 7&8. The fire blanket and the fire extinguisher.

Figure 9&10. The eyewash equipment and the emergency shower.

Figure 11. The first-aid case.

Waste disposal safety:

Figure 12. Flow chart of waste disposal.

Figure 13&14. Garbage classification.

New safety measures under the epidemic situation of COVID-19: Due to the epidemic situation of COVID-19, all laboratories of Zhejiang University had strengthened the measures to prevent and control the virus. QR scanning and registration signing every day provided double entry records to track the members of ZJU-iGEM. And as we mentioned above, masks must be worn when in the lab.

Figure 15-17. QR canning and signing for lab entry record.

Insurance of Biosafety

As iGEM committee emphasized, we have paid great attention to the possible risks of MagHER2some during our entire process of iGEM. And we have complied with relevant regulations and completed the filling of safety forms and animal use form carfully a month earlier.

In this page, the main safety issues of our project design are discussed below.

Cell-free system

The production and release of genetically modified organisms (GMOs) are controversial topics within present scientific community^[1], thus we also considered about the possibility risks may cause by two chassis organisms, Magnetospirillum gryphiswaldense and E.coli SHuffle^® and other organisms used in MagHER2some. In accordance with iGEM safety rules and standards, we do not plan to release any GMOs actively in any cases to strictly aviod possible ecological disorders happening. Moreover, in accordance with iGEM safety rules and standards, our final product is based on native magnetosome and created a cell-free system instead of alive bacteria. This design not only meets "no-release" principle perfectly, but also minimizes possible cytotoxicity and immunotoxicity caused by bacteria when our novel MRI contrast agent is injected into our users. What needs to be added here is that the biotools we implemented on MagHER2some are all protein and without any nucleic acid, which means MagHER2some is totally nonhazardous and unable to express any gene in all circumstances, especially when it is released into environment by accdient or injected into patients' circulatory system.

BioBricks

A. Magnetosome

The main reason why we chose magnetosomes as the most basic BioBricks is that they have been proven to be highly biocompatible^[2]. It has been reported that chemical toxicity of magnetosome from iron ions is negligible^[3][4] due to the insolubility of Fe₃O₄. Therefore, the primary safety issues of magnetosome may be relevant to (a) their nanoscale size, which leads to embolism, blockage, and deposition in the body and (b) impurities, particularly proteins, nucleic acids, and polysaccharides associated with magnetosome extracted from bacterial cells, resulting in immunotoxicity.

As we had a further understanding of those studies related to the biocompatibility of magnetosomes, we found out that the existing studies have shown the body tissue distribution and host tissue elimination following administration of magnetosomes into the vascular system^[5] and in vitro cytotoxicity for mouse fibroblasts^[6].

It has been observed that magnetosomes displayed targeted distribution in Sprague DawleySD rat liver except other organs, suggesting that magnetosomes may avoid incurring organ congestion or infarction in vivo relyed on the lower likelihood of congregation than other nanoparticles.

Purified and sterilized magnetosomes were found to be nontoxic to mouse fibroblasts in vitro. Moreover, another research shows that the injection of 1 mg magnetosomes did not increase the body temperature of rabbits during the pyrogen test, which showed antigens or pyrogens free with magnetosome administration^[7].

B. ZZ domain

ZZ domain is a homologous immunoglobulin (Ig)-binding domain which belongs to Staphy- lococcus aureus protein A (SpA). According to our biological engineering, we created a recombinant protein mamC-ZZ which was able to bind to the fragment crystallizable (Fc) region of single chain antibody fragment (scFv) tightly. ZZ domain is a reactive antibody-binding BioBricks, and SpA to which ZZ domain belongs is widely used in clinical application^[8][9], referring to a conclusion that ZZ domain is safe enough to be used as a BioBricks.

C. Single chain antibody fragment (scFv)

Single chain antibody fragment (scFv) is the most significant important part of our biological engineering design that determines diagnostic efficiency and imaging results of MagHER2some. Accordingly, we chose a certain kind of scFv modified from a widely used breast cancer medicine Trastuzumab, which had the ability to bind with high affinity to the extracellular domain of HER2 in a high affinity way. Trastuzumab is a relatively safe and usually well-tolerated drug^[10]. As a monoclonaln antibody, trastuzumab is not modulated by the classic routes of drug elimination^[11]. Its clearance does not appear to occur or excretion and liver metabolism as conventional drugs, but in an analogue mechanism relating to the homeostatic regulation of endogenous immunoglobulin G^[12]. Thus, problem such as drug–drug interactions and interference with unwanted targets (frequently one of the main causes of drugs' 'adverse effects') is unlikely.

D. Final Product: reflects biosafety as a whole
Those studies that mentioned above are all strong evidence which ensure all BioBricks of MagHER2some to be safe enough. However, there is still a long term exploration for us to implement our biological engineering into a reliable final product.

Interacrtion between BioBricks: We carried out a series of predicted protein three-dimensional structures about the results of the interaction between recombinant protein mamC-ZZ and Trastuzumab. No evidence showed that there had any effective domain been changed or blocked because of interaction, referred MagHER2some to a therapeutic beneficial product.

Suitable Nanoscale: We decided to control the size of MagHER2some in a appopriate range (15–35 nm), which not only prevented that MagHER2some would be removed by reticuloendothelial system, but also ensured that MagHER2some can be excreted into urine and feces .

Further Clinical Trials: What need to be mentioned again is that we still need a long term exploration on biosafety. We will conduct further clinical trials of MagHER2some and launch the corresponding drug instruction. You can see more clinical trials design here at LINK.

Finally, we plan to optimize the producing procedure of the final products, which will be designed into nonhazardous materials and harmless reagents.

Bioethics

We have controlled possible risks from two perspectives: the laboratory safety and the biological engineering safety. However, there are still many potential ethical risks need to be prejudged.

"Discussions of bioethical challenges take place in the media, in the academy, in classrooms, but also in labs, offices, and hospital wards." Problem in bioethics is not just for us. From another perspective, bioethics can be considered in terms of human, animals (experimental organisms) and the environment.

All ethical safety considerations of MagHER2some are discussed as below.

During iGEM

Use of Experimental Animal: As the very beginning step of bioethics consideration, we have carried on the comprehensive discussion about this part through our animal use form.

Moreover, we were reminded that some contents of our animal use form still needed to be improved, because most of the in vitro experiments of MagHER2some had not yet been obtained at that time. Now, in order to supply and clarify the contents of animal work, we have redesigned the animal experiments based on the results obtained from in vitro experiments, and focused on animal welfare more detailly. Please see the file below for details.
Improved Animal Experiment Plan.pdf

Commercial Matters: We are devoted to bring MagHER2some into medical market, and hope it can benefit both doctors and patients. More commercial risks at HERE.

Public Engagement: We believe that our sponsors, taxpayers have the right to know and to participate in, you can see how the public participated in our projects through our promotion activities in cooperation with museum and the Red Cross at LINK, and how our project is responsible for the public such as protecting the personal portrait right of patients.

After iGEM

Patent and Intellectual Property Protection: We plan to patent MagHER2some after iGEM. Therefore, we have already consulted a law firm for relevant issues.

Strict Supplement: Considering biosequrity, we only provide the final products to certified medical institutions. In this way, the possibility of human error which people may misuse or abuse our products, will be minimized.

Product Instructions: In terms of a thorough biosafety guarantee, we are going to undertake further clinical trials and upload a informative instructions to illustrate the right execution to each doctor who will use MagHER2some in future. More details of clinical trials at HERE.

Always be Responsible

We are ready to use MagHER2some as a product to prepare for future commercialization and to face various challenges that may come out in the real world. In terms of ethics, China is different from foreign countries. Similar to many Chinese iGEM teams, we do not have systematic bioethics learning before entering the laboratory. This is also a reason that we did not achieve a thoroughly ethical consideration of experimental animals before.

However, once MagHER2some is in clinical trials involving human, a new set of challenges which are from ensuring informed consent to protecting vulnerable research participants to guarantee their participation will arise, which is voluntary and informed. That means we need to take more strict ethical measures. Even though the further clinical trials are only in design stage, we still need to ensure whether the plan is ethical enough.

Once again, there is still a long term exploration for us to see the benefits of MagHER2some. As an iGEM team, we need to pay more attention to self-monitoring, raise awareness of ethical counseling and ask boldly before we achieve our goal.

References

[1]. Ledford H. CRISPR conundrum: strict European court ruling leaves food-testing labs without a plan[J]. Nature, 2019, 572(7767): 15-16.

[2]. Sun J, Li Y, Liang XJ, Wang PC. Bacterial Magnetosome: A Novel Biogenetic Magnetic Targeted Drug Carrier with Potential Multifunctions. J Nanomater. 2011;2011(2011):469031-469043.

[3]. Häfeli UO, Pauer GJ. In vitro and in vivo toxicity of magnetic microspheres. Journal of Magnetism and Magnetic Materials. 1999;vol. 194(no. 1):76–82.

[4]. Wagner V, Dullaart A, Bock AK, Zweck A. The emerging nanomedicine landscape. Nature Biotechnology. 2006;vol. 24(no. 10):1211–1217.

[5]. Sun JB, Wang ZL, Duan JH, Ren J, Yang XD, Dai SL, Li Y. Targeted distribution of bacterial magnetosomes isolated from Magnetospirillum gryphiswaldense MSR-1 in healthy Sprague-Dawley rats. J Nanosci Nanotechnol. 2009 Mar;9(3):1881-5.

[6]. Xiang L, Wei J, Jianbo S, Guili W, Feng G, Ying L. Purified and sterilized magnetosomes from Magnetospirillum gryphiswaldense MSR-1 were not toxic to mouse fibroblasts in vitro. Lett Appl Microbiol. 2007 Jul;45(1):75-81.

[7]. Sun J, Tang T, Duan J, Xu PX, Wang Z, Zhang Y, Wu L, Li Y. Biocompatibility of bacterial magnetosomes: acute toxicity, immunotoxicity and cytotoxicity. Nanotoxicology. 2010 Sep;4(3):271-83.

[8]. Navegantes, K. C., Gomes, R. S., Pereira, P. A. T., Czaikoski, P. G., Azevedo, C. H. M., and Monteiro, M. C. (2017) J. Transl. Med. 15, 36.

[9]. Idowu, O., and Heading, K. (2018) J. Small Anim. Pract. 59, 183–187.

[10]. Senkus E, Kyriakides S, Penault-Llorca F, Poortmans P, Thompson A, Zackrisson S, et al. Primary breast cancer: ESMO Clinical Practice Guidelines for diagnosis, treatment and follow-up. Ann Oncol. 2013;24(Suppl 6):7–23.

[11]. European Medicines Agency. Summary of product characteristics: Herceptin.http://www.ema.europa.eu/docs/en_GB/document_library/EPAR_-_Product_Information/human/000278/WC500074922.pdf. Accessed 9 Feb 2016.

[12]. Azanza J-R, Sádaba B, Gómez-Guiu A. Monoclonal antibodies: pharmacokinetics as a basis for new dosage regimens? J Oncol Pharm Pract. 2015;21:370–6.

[13]. Sun JB, Wang ZL, Duan JH, Ren J, Yang XD, Dai SL, Li Y. Targeted distribution of bacterial magnetosomes isolated from Magnetospirillum gryphiswaldense MSR-1 in healthy Sprague-Dawley rats. J Nanosci Nanotechnol. 2009 Mar;9(3):1881-5.

[14]. Meseret Amde, Jing-fu Liu, Zhi-Qiang Tan, Deribachew Bekana, Transformation and bioavailability of metal oxide nanoparticles in aquatic and terrestrial environments. A review. Environmental Pollution. 2017;vol. 230:250-267.

aannnaaaaannnnnnnnnnnnn

aannnnnnnnn

@@ Line 3: / Line 3: @@
 <style>
      /* CLEAR DEFAULT SETTINGS **************************************************/
-     #sideMenu, #top_title, .patrollink, #firstHeading,  #home_logo, #sideMenu { display:none; }
+     #sideMenu,
-     #content { padding-left:0px;width:100%; margin-top:10px; padding-top:0px;padding-bottom:0px;margin-bottom:-10px;margin-right:0px; margin-left:0px;border:none;}
+    #top_title,
-    body, html {background-image: url('https://static.igem.org/mediawiki/2020/9/9e/T--ZJU-China--wiki_back2.png'); width: 100%; height: 100%;}
+    .patrollink,
-    #top {display:none;}
+    #firstHeading,
+    #home_logo,
+    #sideMenu {
+        display: none;
+     }
-    #bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
-     #bodyContent p{font-size:large;}
+    #content {
-     #bodyContent h1,h2,h3,h4,h5,h6 {font-family:'Nunito', sans-serif;}
+        padding-left: 0px;
-     #bodyContent ul {margin: 0 0 0 0;list-style-image:url();}
+        width: 100%;
-</style>
+        margin-top: 10px;
+        padding-top: 0px;
+        padding-bottom: 0px;
+        padding-right:0px;!important
+        margin-bottom: -10px;
+        margin-right: 0px;
+        margin-left: 0px;
+        border: none;
+        background-image: url('https://static.igem.org/mediawiki/2020/8/89/T--ZJU-China--wiki_index_backpage.png');
+    }
+    body,
+    html {
+        background-image: url('https://static.igem.org/mediawiki/2020/8/89/T--ZJU-China--wiki_index_backpage.png');
+        width: 100%;
+        height: 100%;
+    }
+    #top {
+        display: none;
+    }
+    #bodyContent a[href ^="https://"],
+    .link-https {
+        padding-right: 0px;
+    }
+    #bodyContent a:visited {
+        color: black;
+    }
+     #bodyContent p {
+        font-size: large;
+    }
+     #bodyContent h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        font-family: 'Nunito', sans-serif;
+    }
+     #bodyContent ul {
+        margin: 0 0 0 0;
+        list-style-image: url();
+    }
+#preloader{
+	display: flex;
+        justify-content:center;
+        align-items: center;
+    }
+    #loader img{
+        width: auto;!important
+	height: auto;!important
+	max-width: 80%;
+	max-height: 80%;
+    }
+ @media only screen and (max-width: 768px) {
+        .navigation ul {
+        display: none !important;
+    }
+}
+#bodyContent .dropdown-list li a:hover {
+    background-color: rgb(199, 195, 195);
+}
+ #bodyContent .dropdown-list li a:visited{
+     color:black;
+    }
+#bodyContent .dropdown-list li a:hover{
+     color:#2989d8;
+ }
+#bodyContent .navigation ul li a:hover{
+     color:#ffffff;
+ }
+#bodyContent .outerlink {
+  color:#0a8aff;
+}
+#bodyContent .outerlink a:visited {
+  color:#0a8aff;
+}
+#globalWrapper {
+padding-bottom:0;
+}
+#swapper{
+        position: relative;
+        height: auto;
+    }
+ #footer{
+        position:absolute;
+        bottom:0;
+        height:40px;
+    }
+ #mcontent{
+        padding-bottom: 40px;
+    }
+	</style>
 <head>
@@ Line 29: / Line 150: @@
      <!-- Custom styles for this template -->
      <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/CSS&action=raw&ctype=text/css" />
      <!-- <link href="assets/css/style.css" rel="stylesheet"> -->
-     <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/CSS/barcss/site&action=raw&ctype=text/css" />
+     <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/CSS/barcss/site.css&action=raw&ctype=text/css" />
      <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/CSS/barcss/jquery&action=raw&ctype=text/css" />
      <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
      <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/JS/barjs/jquery&action=raw&ctype=text/javascript"></script>
      <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/JS/barjs/code&action=raw&ctype=text/javascript"></script>
@@ Line 48: / Line 169: @@
      <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/JS/barjs/main&action=raw&ctype=text/javascript"></script>
@@ Line 57: / Line 178: @@
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
-<style>
+    <style>
-p{
+        p {
-    font_size:40px;
+            font_size: 40px;
-}
+        }
+    </style>
-</style>
@@ Line 68: / Line 188: @@
 </head>
-<body style="background-image: url('https://static.igem.org/mediawiki/2020/9/9e/T--ZJU-China--wiki_back2.png');">
+<body style="background-image: url('https://static.igem.org/mediawiki/2020/8/89/T--ZJU-China--wiki_index_backpage.png');">
-<!-- Pre Loader Area start -->
+    <!-- Pre Loader Area start -->
-<div id="preloader">
+<div id="preloader" style="text-align:center;margin: 0 auto;">
-    <div class="loader"></div>
-</div>
-<!-- Pre Loader Area End -->
-<div class="navigation">
-    <ul>
-        <li>
-            <a href="#Cloning" style="background-color: #f6b37f;" class="nav-active rounded"><span>Overview</span></a>
-        </li>
-        <li>
-            <a href="#about"  style="background-color: #7ecef4;" class="rounded"><span>Laboratory Safety</span></a>
-        </li>
-        <li>
-            <a href="#services" style="background-color: #f19ec2;" class="rounded"><span>Insurance of Biosafety</span></a>
-        </li>
-        <li>
-            <a href="#showcase" style="background-color:#eb6877;"class="rounded"><span>Bioethics</span></a>
-        </li>
-        <li>
-            <a href="#respon" style="background-color:#d197f7;"class="rounded"><span>Always be Responsible</span></a>
-        </li>
-        <li>
-            <a href="#our-team" style="background-color: #cce198" class="rounded"><span>Reference</span></a>
-        </li>
+        <img  style="width: auto;height: auto;max-width: 30%;max-height: 30%;" src="https://static.igem.org/mediawiki/2020/6/6b/T--ZJU-China--wiki_loading.gif">
-     </ul>
+     </div>
-</div>
+    <!-- Pre Loader Area End -->
+    <div class="navigation">
+        <ul>
+            <li>
+                <a href="#Cloning" style="background-color: #f6b37f;"
+                    class="nav-active rounded"><span>Overview</span></a>
+            </li>
+            <li>
+                <a href="#about" style="background-color: #7ecef4;" class="rounded"><span>Laboratory Safety</span></a>
+            </li>
+            <li>
+                <a href="#services" style="background-color: #f19ec2;" class="rounded"><span>Insurance of
+                        Biosafety</span></a>
+            </li>
+            <li>
+                <a href="#showcase" style="background-color:#eb6877;" class="rounded"><span>Bioethics</span></a>
+            </li>
+            <li>
+                <a href="#respon" style="background-color:#d197f7;" class="rounded"><span>Always be
+                        Responsible</span></a>
+            </li>
+            <li>
+                <a href="#references" style="background-color: #cce198" class="rounded"><span>References</span></a>
+            </li>
+        </ul>
+    </div>
+<!--Main Menu/ Mobile Menu Section-->
 <section class="menu-section-area" >
      <!-- Navigation -->
-     <nav class="navbar navbar-expand-lg fixed-top d-none d-sm-none d-md-block d-lg-block d-xl-block" id="mainNav" style="background-image: url('https://static.igem.org/mediawiki/2020/b/b9/T--ZJU-China--wiki_navback2.png');" >
+     <nav class="navbar navbar-expand-lg fixed-top d-none d-sm-none d-md-block d-lg-block d-xl-block" id="mainNav" style="background-color:white;" >
          <div class="container">
-             <a class="navbar-brand" href="index.html" style="left:-10%;margin:-20px"><img src="https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--temt.png" class="img-fluid" width="150px" ></a>
+             <a class="navbar-brand" href="https://2020.igem.org/Team:ZJU-China" style="left:-10%;margin-top:-18px;margin-bottom:-26px;margin-left:-18px;margin-right:-18px;"><img src="https://static.igem.org/mediawiki/2020/d/dd/T--ZJU-China--wiki_logo_new.png" class="img-fluid" width="150px" ></a>
              <div class="collapse navbar-collapse" id="navbarResponsive" >
                  <ul class="navbar-nav text-capitalize ml-auto">
                      <li class="nav-item dropdown-box" style="background-color:pink;;opacity: 0.9;">
-                         <a class="nav-link js-scroll-trigger" href="index.html">Home</a>
+                         <a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:ZJU-China">Home</a>
                      </li>
@@ Line 118: / Line 245: @@
                          <a class="nav-link" href="#">Team</a>
                          <ul class="dropdown-list" >
-                             <li><a href="team.html">Team Members</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Team">Members</a></li>
-                             <li><a href="domain.html">Attributions</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Attributions">Attributions</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Medals">Medals</a></li>
@@ Line 127: / Line 255: @@
                          <a class="nav-link" href="#">Project</a>
                          <ul class="dropdown-list">
-                             <li><a href="domain.html">Description</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Description">Description</a></li>
-                             <li><a href="background.html">Background</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Background">Background</a></li>
-                             <li><a href="domain.html">Design</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Design">Design</a></li>
-                             <li><a href="experiment.html">Experiment</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Magnetosome">Magnetosome</a></li>
-                             <li><a href="hosting.html">Result</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Experiments">Experiments</a></li>
-                             <li><a href="hosting.html">Demonstrate</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Results">Results</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Future">Future</a></li>
                          </ul>
                      </li>
                      <li class="nav-item dropdown-box" style="background-color:dodgerblue;opacity: 0.9;">
-                         <a class="nav-link" href="#">Modeling</a>
+                         <a class="nav-link" href="#">Model</a>
                          <ul class="dropdown-list">
-                            <li><a href="services.html">Overview</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Model">Model</a></li>
-                             <li><a href="services-classic.html">xxx Model</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Engineering">Engineering</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Proof_Of_Concept">Proof of Concept</a></li>
                          </ul>
@@ Line 146: / Line 277: @@
                          <a class="nav-link" href="#">Parts</a>
                          <ul class="dropdown-list">
-                             <li><a href="about.html">Measurement</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Contribution">Contribution</a></li>
-                             <li><a href="pricing-table.html">Improvement</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Improve">Improve</a></li>
-                             <li><a href="login.html">New Parts</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Newparts">New Parts</a></li>
                          </ul>
@@ Line 155: / Line 286: @@
                          <a class="nav-link" href="#">Human</a>
                          <ul class="dropdown-list">
-                             <li><a href="safety.html">Safety</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Human_Practices">Human Practices</a></li>
-                             <li><a href="blog-classic.html">Human Practice</a></li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Education">Education</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Collaborations">Collaborations</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Partnership">Partnership</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Safety">Safety</a></li>
-                        </ul>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Implementation">Implementation</a></li>
-                    </li>
+                             <li><a href="https://2020.igem.org/Team:ZJU-China/Entrepreneurship">Entrepreneurship</a></li>
-                    <li class="nav-item dropdown-box" style="background-color:orchid;opacity: 0.9;">
-                        <a class="nav-link" href="#">Application</a>
-                        <ul class="dropdown-list">
-                            <li><a href="blog-grid.html">Hardware</a></li>
-                             <li><a href="blog-classic.html">Software</a></li>
                          </ul>
                      </li>
                  </ul>
@@ Line 177: / Line 309: @@
      <!-- Mobile Menu Start -->
      <nav class="mobile_menu hidden d-none">
-         <a href="index.html"><img class="mobile-logo" src="https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--temt.png" alt="Logo"></a>
+         <a href="https://2020.igem.org/Team:ZJU-China"><img class="mobile-logo" src="https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--temt.png" alt="Logo"></a>
          <ul class="nav navbar-nav navbar-right menu">
              <li class="dropdown active">
@@ Line 186: / Line 318: @@
                  <a>Team</a>
                  <ul class="sub_menu">
-                     <li><a href="team.html">Team Members</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Team">Members</a></li>
-                     <li><a href="domain.html">Attributions</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Attributions">Attributions</a></li>
+                    <li><a href="https://2020.igem.org/Team:ZJU-China/Medals">Medals</a></li>
                  </ul>
              </li>
@@ Line 193: / Line 327: @@
                  <a>Project</a>
                  <ul class="sub_menu">
-                     <li><a href="domain.html">Description</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Description">Description</a></li>
-                    <li><a href="background.html">Background</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Background">Background</a></li>
-                    <li><a href="domain.html">Design</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Design">Design</a></li>
-                    <li><a href="domain.html">Experiment</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Magnetosome">Magnetosome</a></li>
-                    <li><a href="domain.html">Result</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Experiments">Experiments</a></li>
-                    <li><a href="domain.html">Demonstrate</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Results">Results</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Future">Future</a></li>
                  </ul>
              </li>
              <li class="dropdown">
-                 <a>Modeling</a>
+                 <a>Model</a>
                  <ul class="sub_menu">
-                    <li><a href="domain.html">Overview</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Model">Model</a></li>
-                    <li><a href="domain.html">xxx Model</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Engineering">Engineering</a></li>
+                            <li><a href="https://2020.igem.org/Team:ZJU-China/Proof_Of_Concept">Proof of Concept</a></li>
                  </ul>
              </li>
@@ Line 211: / Line 348: @@
                  <a>Parts</a>
                  <ul class="sub_menu">
-                     <li><a href="domain.html">Measurement</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Contribution">Contribution</a></li>
-                     <li><a href="domain.html">Improvement</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Improve">Improve</a></li>
-                     <li><a href="domain.html">New Parts</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Newparts">New Parts</a></li>
                  </ul>
              </li>
@@ Line 219: / Line 357: @@
                  <a>Human</a>
                  <ul class="sub_menu">
-                     <li><a href="safety.html">Safety</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Human_Practices">Human Practices</a></li>
-                     <li><a href="blog-classic.html">Human Practice</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Education">Education</a></li>
-                </ul>
+                    <li><a href="https://2020.igem.org/Team:ZJU-China/Collaborations">Collaborations</a></li>
-            </li>
+                    <li><a href="https://2020.igem.org/Team:ZJU-China/Partnership">Partnership</a></li>
-            <li class="dropdown">
+                    <li><a href="https://2020.igem.org/Team:ZJU-China/Safety">Safety</a></li>
-                <a>Application</a>
-                <ul class="sub_menu">
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Implementation">Implementation</a></li>
-                     <li><a href="blog-grid.html">Hardware</a></li>
+                     <li><a href="https://2020.igem.org/Team:ZJU-China/Entrepreneurship">Entrepreneurship</a></li>
-                     <li><a href="blog-classic.html">Software</a></li>
                  </ul>
              </li>
          </ul>
@@ Line 237: / Line 376: @@
 <!--Main Menu/ Mobile Menu Section-->
-<div class="pagename">
+<div id="swrapper">
-    <h1>Safety</h1>
+<div id="mcontent" >
-</div>
-<div id="scrollable">
+    <div class="pagename">
+        <h1>Safety</h1>
+    </div>
+     <div id="scrollable">
-         <div class="pagestyle" style="background-image: url('https://static.igem.org/mediawiki/2020/c/cd/T--ZJU-China--wiki_navback.jpg');top:120px;">
-<div  class="section Cloning" id="Cloning">
+         <div class="pagestyle"
+            style="background-image: url('https://static.igem.org/mediawiki/2020/c/cd/T--ZJU-China--wiki_navback.jpg');">
+            <div class="section Cloning" id="Cloning">
                  <div class="container1">
-                <h2>Overview</h2>
+                    <h2>Overview</h2>
-                <p>
+                    <p>
-                    When we had already chosen to develop a project that aims to diagnose HER2 positive breast cancer, we soon realized that Mag-HER2-someMagHER2some is designed for patients in urgent conditions, and we should take strict safety measures to ensure our final product is qualified. To aviod provoking tensions between doctor-patient relationships and make MagHER2some as a accountable product to users and the whole society, we considered and evaluated each safety and ethical issue that might happen in real world.
+                        When we had already chosen to develop a project that aimed to diagnose HER2 positive breast
-                    ZJU-China 2019 was developed a project focus on female physical problems, either. The comprehensive discussion on bioethics and safety that they conducted last ye,,...ar provides useful guidance to us. As they mentioned before, it is of high importance for us to concentrate on self-monitoring and ethical counseling. For this reason, we considered about possible risks respecting laboratory, environment, clinical application, and society.
+                        cancer, we soon realized that MagHER2some was designed for patients in urgent
-                    Browse following contents of this page for more safety & ethics details. You can also move to Human Practice Page to figure out how we conducted our Human Practices activities with our consideration of safety and ethics.
+                        conditions, and we should take strict safety measures to ensure our final product is qualified.
-                </p>
+                        To aviod provoking tensions between doctor-patient relationships and make
-                <br>
+                        MagHER2some as a accountable product to users and the whole society, we considered and evaluated
-                <br>
+                        each safety and ethical issues that might happen in real world.
+                        <br>
+                        <br>
+                        ZJU-China 2019 was developed a project focusing on female physical problems, either. The
+                        comprehensive discussion on bioethics and safety that they conducted last year provided
+                        useful guidance to us. As they mentioned before, it was of high importance for us to concentrate
+                        on self-monitoring and ethical counseling. For this reason, we considered about
+                        possible risks respecting laboratory, environment, clinical application and society.
+                        <br>
+                        <br>
+                        Browse following contents of this page for more safety & ethics details. You can also move to
+                        Human Practice Page to figure out how we conducted our Human Practice activities
+                        with our consideration of safety and ethics.
+                    </p>
+                    <br>
+                    <br>
                  </div>
              </div>
-             <div  class="section about" id="about">
+             <div class="section about" id="about">
                  <div class="container1">
-                        <h2>Laboratory Safety</h2>
-                        <p>
-                            Working with living modified organisms is always risky. All standard precautions must be taken. Before starting to work in the lab, every member of our team was required to attend the laboratory safety lesson and take a biosafety examination. Moreover, we have received extensive guidance and supervision regarding all our activities took place in our laboratory, including study, discussion and equipment usage by our team PI, Prof. Ming Chen and experimental instructor, Associate Prof. Fan Yang to ensure the laboratory safety.
-                        </p>
-                        <br>
+                    <h2>Laboratory Safety</h2>
+                    <p>
+                         Working with living modified organisms is always risky. All standard precautions must be taken.
+                        Before starting to work in the lab, every member of our team was required to
+                        attend the laboratory safety lesson and take a biosafety examination. Moreover, we have received
+                        extensive guidance and supervision regarding all our activities took place in
+                        our laboratory, including study, discussion and equipment usage by our team PI, Prof. Ming Chen
+                        and experimental instructor, Associate Prof. Fan Yang to ensure the laboratory
+                        safety.
+                    </p>
+                    <br>
+                    <p>
-                        <p>
+                        <b>Wearing safety：</b>Everyone wears protective lab coats, gloves and safety glasses before
-                            <b>Wearing safety：</b>Everyone wears protective lab coats, enclosed leather shoes, gloves and safety glasses before laboratory activities.
+                        laboratory activities. Besides, due to the epidemic situation of COVID-19, everyone
-                         </p>
+                         must wear a mask as in the lab.
-                         <p>
+                    </p>
-                             <b>Storage safety:</b>The chemical and biological reagents are stored in the proper place and suitable temperature. Hazardous or corrosive chemicals are stored separately.
+                    <br>
-                        </p>
+                    <br>
+                    <div class="imgbox">
+                         <img src="https://static.igem.org/mediawiki/2020/f/f7/T--ZJU-China--Safety_fig1.png" alt=""
+                            style="max-width: 55%;">
+                        <h6>Figure 1. Drawer specially for gloves and masks.</h6>
+                    </div>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/d/db/T--ZJU-China--Safety_fig2.png" alt=""
+                             style="max-width: 55%;">
+                        <h6>Figure 2. Door hanging our protective lab coats.</h6>
+                    </div>
+                    <p>
+                        <b>Storage safety: </b>The chemical and biological reagents are stored in the proper place and
+                        suitable temperature. Hazardous or corrosive chemicals are stored separately.
+                    </p>
+                    <br>
+                    <br>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/5/5d/T--ZJU-China--Safety_fig.3-5.png" alt="">
+                        <h6>Figure 3–5. Storage for chemical and biological reagents, students should record every time
+                            when using chemicals.</h6>
+                    </div>
-                        <p>
+                    <p><b>Fire and electricity safety:</b> The temperature of the heater should not be set over 50℃ and
-                            <b>Safety Apparatus:</b> Our iGEM lab is equipped with safety apparatus such as fire extinguishers, emergency showers, eyewash stations, and first aid kits in case of dire situations.
+                        the there must be at least one student in the lab when the heater is working.
-                         </p>
+                         And the power should be turned off before the last one leaves the lab every day.</p>
+                    <br><br>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/7/70/T--ZJU-China--Safety_fig6.png" alt=""
+                            style="max-width: 70%;">
+                        <h6>Figure 6. Power switch and heater.</h6>
+                    </div>
-                         <p>
-                             <b>Waste disposal safety: </b>
-                         </p>
+                    <p>
+                         <b>Safety Apparatus:</b> Our iGEM lab is equipped with safety apparatus such as fire
+                        extinguishers, emergency showers, eyewash stations, and first aid kits in case of dire
-                 </div>
+                        situations.
+                    </p>
+                    <br><br>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/1/1e/T--ZJU-China--Safety_fig7-8.png" alt="">
+                        <h6>Figure 7&8. The fire blanket and the fire extinguisher.</h6>
+                    </div>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/4/4e/T--ZJU-China--Safety_fig9-10.png" alt="">
+                        <h6>Figure 9&10. The eyewash equipment and the emergency shower.</h6>
+                    </div>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/a/ae/T--ZJU-China--Safety_fig11.png" alt=""
+                             style="max-width: 55%;">
+                        <h6>Figure 11. The first-aid case.</h6>
+                    </div>
+                    <p>
+                        <b>Waste disposal safety: </b>
+                    </p>
+                    <br><br>
+                    <div class="imgbox">
+                         <img src="https://static.igem.org/mediawiki/2020/2/27/T--ZJU-China--Safety_fig12.png" alt=""
+                            style="max-width: 55%;">
+                        <h6>Figure 12. Flow chart of waste disposal.</h6>
+                    </div>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/1/1c/T--ZJU-China--Safety_fig13-14.png" alt="">
+                        <h6>Figure 13&14. Garbage classification.</h6>
+                    </div>
+                    <p>
+                         <b>New safety measures under the epidemic situation of COVID-19:</b> Due to the epidemic
+                        situation of COVID-19, all laboratories of Zhejiang University had strengthened the
+                        measures to prevent and control the virus. QR scanning and registration signing every day
+                        provided double entry records to track the members of ZJU-iGEM. And as we mentioned above,
+                        masks must be worn when in the lab.
+                    </p>
+                    <br>
+                    <br>
+                    <div class="imgbox">
+                        <img src="https://static.igem.org/mediawiki/2020/d/d3/T--ZJU-China--Safety_fig15-17.png" alt="">
+                        <h6>Figure 15-17. QR canning and signing for lab entry record.</h6>
+                    </div>
+                 </div>
              </div>
-             <div  class="section services" id="services">
+             <div class="section services" id="services">
                  <div class="container1">
                      <h2>Insurance of Biosafety</h2>
@@ Line 299: / Line 530: @@
                      <br>
                      <p>
-                         As iGEM committee emphasized, we have paid great attention to the possible risks of MagHER2some during our entire process of iGEM. And we have complied with relevant regulations and completed the filling of safety forms and animal use form carfully a month earlier.
+                         As iGEM committee emphasized, we have paid great attention to the possible risks of MagHER2some
+                        during our entire process of iGEM. And we have complied with relevant
+                        regulations and completed the filling of safety forms and animal use form carfully a month
+                        earlier.
                      </p>
+                    <br>
                      <p>
                          In this page, the main safety issues of our project design are discussed below.
@@ Line 307: / Line 542: @@
                      <h3>Cell-free system</h3>
                      <p>
-                         The production and release of genetically modified organisms (GMOs) are controversial topics within present scientific community<a href="#our-team"><sup>[1]</sup></a>, thus we also considered about the possibility risks may cause by two chassis organisms <i>>Magnetospirillum gryphiswaldense</i> and <i>SHuffle<sup>®</sup> E.coli</i> and other organisms used in MagHER2some. In accordance with iGEM’s safety rules and standards, we do not plan to release any GMOs actively in any cases to strictly aviod possible ecological disorders happening.
+                         The production and release of genetically modified organisms (GMOs) are controversial topics
-                         Moreover, in accordance with iGEM’s safety rules and standards, our final product is based on native magnetosome and created a cell-free system instead of live bacteria. This design not only meets “no-release” principle perfectly, but also minimizes possible cytotoxicity and immunotoxicity caused by bacteria when our novel MRI contrast agent is injected into our users.
+                        within present scientific community<a href="#references"><sup>[1]</sup></a>, thus we
-                         What needs to be added here is the biotools we implemented on MagHER2some are all protein and without any nucleic acid, which means MagHER2some is totally nonhazardous and unable to express any gene in all circumstances, especially when it is released into environment by accdient or injected into patients' circulatory system.
+                        also considered about the possibility risks may cause by two chassis organisms,
+                        <i>Magnetospirillum gryphiswaldense</i> and <i>E.coli</i> SHuffle<sup>®</sup> and other
+                        organisms used in MagHER2some. In accordance with iGEM safety rules and standards, we do not
+                        plan to release any GMOs actively in any cases to strictly aviod possible
+                        ecological disorders happening.
+                         Moreover, in accordance with iGEM safety rules and standards, our final product is based on
+                        native magnetosome and created a cell-free system instead of alive bacteria. This
+                        design not only meets "no-release" principle perfectly, but also minimizes possible cytotoxicity
+                        and immunotoxicity caused by bacteria when our novel MRI contrast agent is
+                        injected into our users.
+                         What needs to be added here is that the biotools we implemented on MagHER2some are all protein
+                        and without any nucleic acid, which means MagHER2some is totally nonhazardous and
+                        unable to express any gene in all circumstances, especially when it is released into environment
+                        by accdient or injected into patients' circulatory system.
                      </p>
                      <br>
@@ Line 318: / Line 566: @@
                      </p>
                      <p>
-                         The main reason why we chose magnetosome as the most basic BioBricks is that it have been proven to be highly biocompatible<a href="#our-team"><sup>[2]</sup></a>. It has been reported that chemical toxicity of magnetosome from iron ions is negligible negligible<a href="our-team"><sup>[3][4]</sup></a> due to the insolubility of Fe3O4. Therefore, the primary safety issues of magnetosome may be relevant to (a) their nanoscale size, which leads to embolism, blockage, and deposition in the body and (b) impurities, particularly proteins, nucleic acids, and polysaccharides associated with magnetosome extracted from bacterial cells, resulting in immunotoxicity.
+                         The main reason why we chose magnetosomes as the most basic BioBricks is that they have been
+                        proven to be highly biocompatible<a href="#references"><sup>[2]</sup></a>. It has been
+                        reported that chemical toxicity of magnetosome from iron ions is negligible<a
+                            href="#references"><sup>[3][4]</sup></a> due to the insolubility of
+                        Fe<sub>3</sub>O<sub>4</sub>. Therefore, the
+                        primary safety issues of magnetosome may be relevant to (a) their nanoscale size, which leads to
+                        embolism, blockage, and deposition in the body and (b) impurities, particularly
+                        proteins, nucleic acids, and polysaccharides associated with magnetosome extracted from
+                        bacterial cells, resulting in immunotoxicity.
                      </p>
+                    <br>
                      <p>
-                         As we had a further understanding of those studies related to the biocompatibility of magnetosome, we found out that existing studies have shown the body tissue distribution and host tissue elimination following administration of magnetosome into the vascular system <a href="#our-team"><sup>[5]</sup></a> and in vitro cytotoxicity for mouse fibroblasts<a href="#our-team"><sup>[6]</sup></a>.
+                         As we had a further understanding of those studies related to the biocompatibility of
+                        magnetosomes, we found out that the existing studies have shown the body tissue distribution
+                        and host tissue elimination following administration of magnetosomes into the vascular system<a
+                            href="#references"><sup>[5]</sup></a> and <i>in vitro</i> cytotoxicity for mouse
+                        fibroblasts<a href="#references"><sup>[6]</sup></a>.
                      </p>
+                    <br>
                      <p>
-                         It has been observed that magnetosome displayed targeted distribution in Sprague DawleySD rat liver except other organs, suggesting that magnetosome may avoid incurring organ congestion or infarction in vivo rely on the lower likelihood of congregation than other nanoparticles.
+                         It has been observed that magnetosomes displayed targeted distribution in Sprague DawleySD rat
+                        liver except other organs, suggesting that magnetosomes may avoid incurring organ
+                        congestion or infarction <i>in vivo</i> relyed on the lower likelihood of congregation than
+                        other nanoparticles.
                      </p>
+                    <br>
                      <p>
-                         Purified and sterilized magnetosomes were found to be nontoxic to mouse fibroblasts in vitro. Moreover, another research shows that the injection of 1 mg magnetosome did not increase body temperature of rabbits during the pyrogen test, which showed antigens or pyrogens free with magnetosome administration <a href="#our-team"><sup>[7]</sup></a>.
+                         Purified and sterilized magnetosomes were found to be nontoxic to mouse fibroblasts <i>in
+                            vitro</i>. Moreover, another research shows that the injection of 1 mg magnetosomes did not
+                        increase the body temperature of rabbits during the pyrogen test, which showed antigens or
+                        pyrogens free with magnetosome administration<a href="#references"><sup>[7]</sup></a>.
                      </p>
                      <br>
                      <p>
                          <b>B. ZZ domain</b>
                      </p>
                      <p>
-                    ZZ domain is a homologous immunoglobulin (Ig)-binding domain which belongs to <i>Staphy- lococcus aureus</i> protein A (SpA). According to our biological engineering, we created a recombinant protein mamC-ZZ which is able to bind to the fragment crystallizable (Fc) region of single chain antibody fragment (scFv) tightly. ZZ domain is a reactive antibody-binding BioBricks, and SpA which ZZ domain belongs to is widely used in clinical application<a href="#our-team"><sup>[8][9]</sup></a>, refers to a conclusion that ZZ domain is safe enough to be used as a BioBricks.
+                        ZZ domain is a homologous immunoglobulin (Ig)-binding domain which belongs to <i>Staphy-
+                            lococcus aureus</i> protein A (SpA). According to our biological engineering, we
+                        created a recombinant protein mamC-ZZ which was able to bind to the fragment crystallizable (Fc)
+                        region of single chain antibody fragment (scFv) tightly. ZZ domain is a reactive
+                        antibody-binding BioBricks, and SpA to which ZZ domain belongs is widely used in clinical
+                        application<a href="#references"><sup>[8][9]</sup></a>, referring to a conclusion that ZZ
+                        domain is safe enough to be used as a BioBricks.
                      <p></p>
                      <br>
                      <p>
-                         <b>C. single chain antibody fragment (scFv)</b>
+                         <b>C. Single chain antibody fragment (scFv)</b>
                      </p>
                      <p>
-                         Single chain antibody fragment (scFv) is the most significant important part of our biological engineering design that determines diagnostic efficiency and imaging results of Mag-HER2-someMagHER2some. Accordingly, we chose a certain kind of scFv called modified from a widely use breast cancer medicine Trastuzumab, which has the ability to  that binds with high affinity to the extracellular domain of HER2 in a high affinity way. Trastuzumab is a relatively safe and usually well-tolerated drug<a href="#our-team"><sup>[10]</sup></a>. As a monoclonaln antibody, trastuzumab is not modulate by the classic routes of drug elimination<a href="#our-team"><sup>[11]</sup></a>. Its clearance does not appear to occur by excretion and liver metabolism as in conventional drugs, but rather by an analogue mechanism relating to the homeostatic regulation of endogenous immunoglobulin G<a href="#our-team"><sup>[12]</sup></a>. Thus, problems such as drug-drug interactions and interference with unwanted targets (frequently one of the main causes of drugs’ ‘adverse effects’) are unlikely.
+                         Single chain antibody fragment (scFv) is the most significant important part of our biological
+                        engineering design that determines diagnostic efficiency and imaging results of
+                        MagHER2some. Accordingly, we chose a certain kind of scFv modified from a widely used breast
+                        cancer medicine Trastuzumab, which had the ability to bind
+                        with high affinity to the extracellular domain of HER2 in a high affinity way. Trastuzumab is a
+                        relatively safe and usually well-tolerated drug<a href="#references"><sup>[10]</sup></a>. As a
+                        monoclonaln antibody, trastuzumab is not modulated by the classic routes of drug elimination<a
+                            href="#references"><sup>[11]</sup></a>. Its clearance does not appear to occur or excretion
+                        and liver metabolism as conventional drugs, but in an analogue mechanism
+                        relating to the homeostatic regulation of endogenous immunoglobulin G<a
+                            href="#references"><sup>[12]</sup></a>. Thus, problem such as drug–drug interactions and
+                        interference
+                        with unwanted targets (frequently one of the main causes of drugs' 'adverse effects') is
+                        unlikely.
                      </p>
                      <br>
                      <p>
-                         <b>Final Product: reflects biosafety as a whole </b>
+                         <b>D. Final Product: reflects biosafety as a whole </b>
                          <br>
-                         Those studies that mentioned above are all strong evidence which ensure all BioBricks of MagHER2some to be safe enough. However, there is still a long term exploration for us to implement our biological engineering into a reliable final product.
+                         Those studies that mentioned above are all strong evidence which ensure all BioBricks of
+                        MagHER2some to be safe enough. However, there is still a long term exploration for us
+                        to implement our biological engineering into a reliable final product.
                      </p>
                      <br>
                      <p>
-                         <b>Interacrtion between BioBricks:</b>We carried out a series of protein three-dimensional structure prediction about the result of the interaction between recombinant protein mamC-ZZ and Trastuzumab. No evidence shows that any effective domain has been changed or blocked because of interaction, refered MagHER2some to a therapeutic beneficial product.
+                         <b>Interacrtion between BioBricks: </b>We carried out a series of predicted protein
+                        three-dimensional structures about the results of the interaction between recombinant protein
+                        mamC-ZZ and Trastuzumab. No evidence showed that there had any effective domain been changed or
+                        blocked because of interaction, referred MagHER2some to a therapeutic beneficial
+                        product.
                      </p>
                      <br>
@@ Line 363: / Line 657: @@
                      <p>
                          <b>Suitable Nanoscale: </b>
-                         We decided to control the size of MagHER2some into a appopriate range (15~35 nm), which not only prevents that MagHER2some would be removed by reticuloendothelial system, but also ensure that MagHER2some can be excreted into urine and feces <a href="#our-team"><sup>[13][14]</sup></a>.
+                         We decided to control the size of MagHER2some in a appopriate range (15–35 nm), which not only
+                        prevented that MagHER2some would be removed by reticuloendothelial system, but
+                        also ensured that MagHER2some can be excreted into urine and feces <a
+                            href="#references"><sup[13][14]</sup></a>.
                      </p>
                      <br>
@@ Line 371: / Line 668: @@
                              Further Clinical Trials:
                          </b>
-                         What needed to be mentioned again is we still need a long term exploration on biosafety. We will conduct further clinical trials of MagHER2some, and launch the corresponding drug instruction.You can see more clinical trials design here at Link.
+                         What need to be mentioned again is that we still need a long term exploration on biosafety. We
+                        will conduct further clinical trials of MagHER2some and launch the corresponding
+                        drug instruction. You can see more clinical trials design here at <a
+                            href="https://2020.igem.org/Team:ZJU-China/Implementation#technical_support"
+                            class="outerlink" style="color:#0a8aff;">LINK</a>.
+                            <br>
                      </p>
                      <p>
-                         Finally, we planning to optimize the producing procedure of the final products, which is designed with nonhazardous materials and harmless reagents.
+                         Finally, we plan to optimize the producing procedure of the final products, which will be
+                        designed into nonhazardous materials and harmless reagents.
                      </p>
@@ Line 382: / Line 685: @@
                  </div>
              </div>
              <div class="section showcase" id="showcase">
                  <div class="container1">
                      <h2>Bioethics</h2>
                      <p>
-                         We have controlled possible risks from two perspective: laboratory safety and biological engineering safety. However, there are still many potential ethical risks need to be pre-judged.
+                         We have controlled possible risks from two perspectives: the laboratory safety and the
+                        biological
+                        engineering safety. However, there are still many potential ethical risks need to be
+                        prejudged.
                      </p>
+                    <br>
                      <p>
-                         “Discussions of bioethical challenges take place in the media, in the academy, in classrooms, but also in labs, offices, and hospital wards.” Questions in bioethics are not just for us. From another perspective, bioethics can be considered in terms of people, animals (experimental objects) and the environment.
+                         "Discussions of bioethical challenges take place in the media, in the academy, in classrooms,
+                        but also in labs, offices, and hospital wards." Problem in bioethics is not
+                        just for us. From another perspective, bioethics can be considered in terms of human, animals
+                        (experimental organisms) and the environment.
                      </p>
+                    <br>
                      <p>
-                         All ethical safety considerations of Mag-HER2-someMagHER2some are discussed as below.
+                         All ethical safety considerations of MagHER2some are discussed as below.
                      </p>
                      <br>
@@ Line 403: / Line 714: @@
                      <br>
                      <p>
-                         <b>Experimental Animal Use:</b>
+                         <b>Use of Experimental Animal:</b>
-                         As the very beginning step of bioethics consideration, we have carried on the comprehensive discussion about this part through our animal use form. Click here.
+                         As the very beginning step of bioethics consideration, we have carried on the comprehensive
+                        discussion about this part through our animal use form.
                      </p>
+                     <br>
                      <p>
-                         Moreover, we have been reminded that some contents of our animal use form still need to be improved, because most of the in vitro experiments on Mag-HER2-someMagHER2some have not yet been obtained at that time. Now, in order to supplement and clarify the contents of animal work, we have redesigned the animal experiments based on the results obtained from in vitro experiments, and focus on more details of animal welfare. Please see the file below for details.
+                         Moreover, we were reminded that some contents of our animal use form still needed to be
+                        improved, because most of the <i>in vitro</i> experiments of MagHER2some had
+                        not yet been obtained at that time. Now, in order to supply and clarify the contents of
+                        animal work, we have redesigned the animal experiments based on the results obtained
+                        from <i>in vitro</i> experiments, and focused on animal welfare more detailly. Please see the
+                        file below for details.
+                        <br>
+                        <a href="https://static.igem.org/mediawiki/2020/b/bf/T--ZJU-China--Improved_animal_experiment_plan.pdf"
+                            class="outerlink" style="color:#0a8aff;">Improved Animal Experiment Plan.pdf</a>
                      </p>
+                     <br>
                      <p>
-                         <b>Commercial Matters:</b> We are devoted to bring MagHER2some into medical market, and hope it that can really benefit to no matter doctors or patients. More commercial risks at here. （商业企划书wiki）
+                         <b>Commercial Matters:</b> We are devoted to bring MagHER2some into medical market, and hope it
+                        can benefit both doctors and patients. More commercial risks
+                        at <a href="https://2020.igem.org/Team:ZJU-China/Implementation" class="outerlink" style="color:#0a8aff;">HERE</a>.
                      </p>
+                    <br>
                      <p>
-                         <b>Public Engagement:</b> We believe that a scientific research, our sponsors – taxpayers have the right to know and participate, you can see how the public participated in our projects on Link, and how our projects are responsible for the public, such as protecting the personal portrait right of patients.
+                         <b>Public Engagement:</b> We believe that our sponsors, taxpayers have
+                        the right to know and to participate in, you can see how the public participated in our
+                        projects  through our promotion activities in cooperation with museum and the Red Cross at <a href="https://2020.igem.org/Team:ZJU-China/Education" class="outerlink" style="color:#0a8aff;">LINK</a>,
+                        and how our project is responsible for the public such as protecting
+                        the personal portrait right of patients.
                      </p>
                      <br>
@@ Line 422: / Line 751: @@
                      <h3>After iGEM</h3>
-                        <br>
+                    <br>
-                        <br>
+                    <br>
                      <p>
                          <b>Patent and Intellectual Property Protection:</b>
-                          We plan to patent Mag-HER2-someMagHER2some after iGEM. Therefore, we have already consulted a law firm for relevant issues.
+                         We plan to patent MagHER2some after iGEM. Therefore, we have already consulted a
+                        law firm for relevant issues.
                      </p>
+                    <br>
                      <p>
-                         <b>Strictly Supplement:</b>
+                         <b>Strict Supplement:</b>
-                         Considering biosecurity, we only provide the final products to certified medical institutions only. In this way, the possibility of human error, which people misuse or abuse our products, is minimized.
+                        Considering biosequrity, we only provide the final products to certified medical institutions.
+                        In this way, the possibility of human error which people may misuse or abuse
+                        our products, will be minimized.
                      </p>
+                    <br>
                      <p>
                          <b>Product Instructions:</b>
-                         In terms of a thorough biosafety guarantee, we are going to undertake further clinical trials and upload a informative instructions to illustrate the right execution to every doctor who will use MagHER2some in future. More details of clinical trials at here.
+                        In terms of a thorough biosafety guarantee, we are going to undertake further clinical trials
+                        and upload a informative instructions to illustrate the right execution to each
+                        doctor who will use MagHER2some in future. More details of clinical trials at <a
+                            href="https://2020.igem.org/Team:ZJU-China/Implementation" class="outerlink" style="color:#0a8aff;">HERE</a>.
                      </p>
                  </div>
              </div>
@@ Line 450: / Line 787: @@
                      <h2>Always be Responsible</h2>
                      <p>
-                         We are ready to use Mag-HER2-someMagHER2some as a product to prepare for future commercialization and to face various challenges that may come from anyone or anywhere in the real world. In terms of ethics, China is different from foreign countries. As many Chinese iGEM teams, we do not have systematic bioethics learning before entering the laboratory. This is also a reason that we do not achieved a thoroughly ethical consideration of experimental animals before.
+                         We are ready to use MagHER2some as a product to prepare for future
+                        commercialization and to face various challenges that may come out in the
+                        real world. In terms of ethics, China is different from foreign countries. Similar to many
+                        Chinese iGEM
+                        teams, we do not have systematic bioethics learning before entering the
+                        laboratory. This is also a reason that we did not achieve a thoroughly ethical consideration of
+                        experimental animals before.
                      </p>
+                    <br>
                      <p>
-                         However, once MagHER2some is in clinical trials involving human subjects, a new set of challenges arise, from ensuring informed consent, to protecting vulnerable research participants to guarantee their participation is voluntary and informed. That means we need take a much more strict ethical measure. Even though the further clinical trials only stay in design stage, we still need to ensure whether the plan is ethical enough.
+                         However, once MagHER2some is in clinical trials involving human, a new set of
+                        challenges which are from ensuring informed consent to protecting vulnerable research
+                        participants to guarantee their participation will arise, which is voluntary and informed. That
+                        means we need to take more strict ethical measures. Even though the further clinical trials are
+                        only in design stage, we still need to ensure whether the plan is ethical enough.
                      </p>
+                    <br>
                      <p>
-                         Once again, there is still a long term exploration for us to see the benefits of MagHER2some. As an iGEM team, we need to pay more attention to self-monitoring, raise awareness of ethical counseling, and boldly ask before we achieve our goal.
+                         Once again, there is still a long term exploration for us to see the benefits of MagHER2some. As
+                        an iGEM team, we need to pay more attention to self-monitoring, raise awareness
+                        of ethical counseling and ask boldly before we achieve our goal.
                      </p>
                      <br>
                      <br>
                  </div>
              </div>
-             <div class="section our-team" id="our-team">
+             <div class="section our-team" id="references">
                  <div class="container1">
-                     <h2>Reference</h2>
+                     <h2>References</h2>
                      <p>
-                         [1] Ledford H. CRISPR conundrum: strict European court ruling leaves food-testing labs without a plan[J]. Nature, 2019, 572(7767): 15-16.
+                         [1]. Ledford H. CRISPR conundrum: strict European court ruling leaves food-testing labs without a
+                        plan[J]. <i>Nature, 2019</i>, 572(7767): 15-16.
                      </p>
                      <p>
-                         [2] Sun J, Li Y, Liang XJ, Wang PC. Bacterial Magnetosome: A Novel Biogenetic Magnetic Targeted Drug Carrier with Potential Multifunctions. J Nanomater. 2011;2011(2011):469031-469043.
+                         [2]. Sun J, Li Y, Liang XJ, Wang PC. Bacterial Magnetosome: A Novel Biogenetic Magnetic Targeted
+                        Drug Carrier with Potential Multifunctions. <i>J Nanomater.
+</i>;2011(2011):469031-469043.
                      </p>
                      <p>
-                         [3] Häfeli UO, Pauer GJ. In vitro and in vivo toxicity of magnetic microspheres. Journal of Magnetism and Magnetic Materials. 1999;vol. 194(no. 1):76–82.
+                         [3]. Häfeli UO, Pauer GJ. <i>In vitro</i> and <i>in vivo</i> toxicity of magnetic microspheres.
+                        <i>Journal of Magnetism and Magnetic Materials. 1999</i>;vol. 194(no. 1):76–82.
                      </p>
                      <p>
-                         [4] Wagner V, Dullaart A, Bock AK, Zweck A. The emerging nanomedicine landscape. Nature Biotechnology. 2006;vol. 24(no. 10):1211–1217.
+                         [4]. Wagner V, Dullaart A, Bock AK, Zweck A. The emerging nanomedicine landscape. <i>Nature
+                        Biotechnology.</i> 2006;vol. 24(no. 10):1211–1217.
                      </p>
                      <p>
-                         [5] Sun JB, Wang ZL, Duan JH, Ren J, Yang XD, Dai SL, Li Y. Targeted distribution of bacterial magnetosomes isolated from Magnetospirillum gryphiswaldense MSR-1 in healthy Sprague-Dawley rats. J Nanosci Nanotechnol. 2009 Mar;9(3):1881-5.
+                         [5]. Sun JB, Wang ZL, Duan JH, Ren J, Yang XD, Dai SL, Li Y. Targeted distribution of bacterial
+                        magnetosomes isolated from <i>Magnetospirillum gryphiswaldense</i> MSR-1 in healthy
+                        Sprague-Dawley rats. <i>J Nanosci Nanotechnol. 2009</i> Mar;9(3):1881-5.
                      </p>
                      <p>
-                         [6] Xiang L, Wei J, Jianbo S, Guili W, Feng G, Ying L. Purified and sterilized magnetosomes from Magnetospirillum gryphiswaldense MSR-1 were not toxic to mouse fibroblasts in vitro. Lett Appl Microbiol. 2007 Jul;45(1):75-81.
+                         [6]. Xiang L, Wei J, Jianbo S, Guili W, Feng G, Ying L. Purified and sterilized magnetosomes from
+                        <i>Magnetospirillum gryphiswaldense</i> MSR-1 were not toxic to mouse fibroblasts in
+                        vitro. <i>Lett Appl Microbiol. 2007</i> Jul;45(1):75-81.
                      </p>
                      <p>
-                         [7] Sun J, Tang T, Duan J, Xu PX, Wang Z, Zhang Y, Wu L, Li Y. Biocompatibility of bacterial magnetosomes: acute toxicity, immunotoxicity and cytotoxicity. Nanotoxicology. 2010 Sep;4(3):271-83.
+                         [7]. Sun J, Tang T, Duan J, Xu PX, Wang Z, Zhang Y, Wu L, Li Y. Biocompatibility of bacterial
+                        magnetosomes: acute toxicity, immunotoxicity and cytotoxicity. <i>Nanotoxicology. 2010</i>
+                        Sep;4(3):271-83.
                      </p>
                      <p>
-                         [8] Navegantes, K. C., Gomes, R. S., Pereira, P. A. T., Czaikoski, P. G., Azevedo, C. H. M., and Monteiro, M. C. (2017) J. Transl. Med. 15, 36.
+                         [8]. Navegantes, K. C., Gomes, R. S., Pereira, P. A. T., Czaikoski, P. G., Azevedo, C. H. M., and
+                        Monteiro, M. C. (2017) J. <i>Transl. Med. 15</i>, 36.
                      </p>
                      <p>
-                         [9] Idowu, O., and Heading, K. (2018) J. Small Anim. Pract. 59, 183–187.
+                         [9]. Idowu, O., and Heading, K. (2018) J. Small Anim. <i>Pract. 59</i>, 183–187.
                      </p>
                      <p>
-                         [10] Senkus E, Kyriakides S, Penault-Llorca F, Poortmans P, Thompson A, Zackrisson S, et al. Primary breast cancer: ESMO Clinical Practice Guidelines for diagnosis, treatment and follow-up. Ann Oncol. 2013;24(Suppl 6):7–23.
+                         [10]. Senkus E, Kyriakides S, Penault-Llorca F, Poortmans P, Thompson A, Zackrisson S, et al.
+                        Primary breast cancer: ESMO Clinical Practice Guidelines for diagnosis, treatment
+                        and follow-up. <i>Ann Oncol. 2013</i>;24(Suppl 6):7–23.
                      </p>
                      <p>
-                         [11] European Medicines Agency. Summary of product characteristics: Herceptin.http://www.ema.europa.eu/docs/en_GB/document_library/EPAR_-_Product_Information/human/000278/WC500074922.pdf. Accessed 9 Feb 2016.
+                         [11]. European Medicines Agency. Summary of product characteristics:
+                        Herceptin.http://www.ema.europa.eu/docs/en_GB/document_library/EPAR_-_Product_Information/human/000278/WC500074922.pdf.
+                        Accessed 9 Feb 2016.
                      </p>
                      <p>
-                         [12] Azanza J-R, Sádaba B, Gómez-Guiu A. Monoclonal antibodies: pharmacokinetics as a basis for new dosage regimens? J Oncol Pharm Pract. 2015;21:370–6.
+                         [12]. Azanza J-R, Sádaba B, Gómez-Guiu A. Monoclonal antibodies: pharmacokinetics as a basis for
+                        new dosage regimens? <i>J Oncol Pharm Pract. 2015<i/>;21:370–6.
                      </p>
                      <p>
-                         [13] Sun JB, Wang ZL, Duan JH, Ren J, Yang XD, Dai SL, Li Y. Targeted distribution of bacterial magnetosomes isolated from Magnetospirillum gryphiswaldense MSR-1 in healthy Sprague-Dawley rats. J Nanosci Nanotechnol. 2009 Mar;9(3):1881-5.
+                         [13]. Sun JB, Wang ZL, Duan JH, Ren J, Yang XD, Dai SL, Li Y. Targeted distribution of bacterial
+                        magnetosomes isolated from Magnetospirillum gryphiswaldense MSR-1 in healthy
+                        Sprague-Dawley rats. <i>J Nanosci Nanotechnol. 2009</i> Mar;9(3):1881-5.
                      </p>
                      <p>
-                         [14] [14]Meseret Amde, Jing-fu Liu, Zhi-Qiang Tan, Deribachew Bekana, Transformation and bioavailability of metal oxide nanoparticles in aquatic and terrestrial environments. A review. Environmental Pollution. 2017;vol. 230:250-267.
+                         [14]. Meseret Amde, Jing-fu Liu, Zhi-Qiang Tan, Deribachew Bekana, Transformation and
+                        bioavailability of metal oxide nanoparticles in aquatic and terrestrial environments. A
+                        review. <i>Environmental Pollution. 2017</i>;vol. 230:250-267.
                      </p>
                      <br>
                      <br>
-                 </div>
+<br>
+<br>
+<br>
+                 </div>
              </div>
          </div>
+    </div>
 </div>
-<div class="top-arrow">
+<div class="footer" style="background-image: url('https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--wiki_index_foot.png');background-size:100% 100%;">
-     <a href="#" id="scroll" style="display:block ;"><i class="fa fa-angle-up" style="font-size:36px;color:pink"></i></a>
+     <div style="display:inline-block;height:180px;margin-left:25%;padding-top:130px;text-align:left;">
+        <a href="http://www.zju.edu.cn/" target="_blank" style="color:red;opacity:0;font-size:15px;z-index: 99999;width:20%">aannnaaaaannnnnnnnnnnnn</a>
+    </div>
+    <div style="display:inline-block;height:180px;margin-left:15%;margin-right:10%;padding-top:130px;text-align:center;">
+        <a href="mailto:liangqiyu22@zju.edu.cn" target="_blank" style="color:red;opacity:0;font-size:15px;z-index: 99999;width:20%">aannnnnnnnn</a>
+    </div>
 </div>
+</div>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsjquerymin&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jspropermin&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsboot&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsowl&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jseasing&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jstype&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsq1&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jswow&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsaos&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsway&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jscounter&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsven&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jssel&action=raw&ctype=text/javascript"></script>
+    <div class="top-arrow">
+        <a href="#" id="scroll" style="display:block ;"><img src="https://static.igem.org/mediawiki/2020/e/ea/T--ZJU-China--wiki_gifff.gif" style="position: absolute;bottom:10%;right:0%;width:140%;"></img></a>
+    </div>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsmenu&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jscustom1&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsjquerymin&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jspropermin&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsboot&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsowl&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jseasing&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jstype&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsq1&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jswow&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsaos&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsway&action=raw&ctype=text/javascript"></script>
-<script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jscounter&action=raw&ctype=text/javascript"></script>
-$document.ready(function(){
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsven&action=raw&ctype=text/javascript"></script>
- $("#HQ_page").attr('id',");
-});
-</script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jssel&action=raw&ctype=text/javascript"></script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jsmenu&action=raw&ctype=text/javascript"></script>
-<script>
+    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/jscustom1&action=raw&ctype=text/javascript"></script>
-    var typed = new Typed('#typed', {
-        stringsElement: '#typed-strings',
-        typeSpeed: 100,
-        backSpeed: 100,
-        loop: true,
-        smartBackspace: true,
-    });
-</script>
-<script>
-    function topMao(target){
-    $('html, body').animate({scrollTop: $(target).offset().top - 170}, 500);//130为锚点到距顶部的距离，500为执行时间
-    return true;
-}
-</script>
-<script>
-    var topBegin=$("#accordion").offset().top;  //获取导航栏（class='positionMiddleNav'）离视口的高度
-　　　　$(window).scroll(function(){  //scroll事件
-　　　　　　var win_top=$(this).scrollTop(); //获取滚动条位置
-　　　　　　var _top=$("#accordion").offset().top; //获取当前导航栏距视口高度
-　　　　　　 console.log(win_top , 'aa');
-              console.log(_top , 'cc');
-　　　　　　if(win_top>=_top-150){
-　　　　　　　$("#accordion").css({position: "fixed",top:"10em"});
-　　　　　　}
-　　　　　　if(win_top<topBegin){ //因为导航栏距视口高度在定位发生后是变化的 ，
-　　　　　　//所以当导航栏回到原位置时保持先前状态需要将滚动条位置与最先前的导航栏位置进行对比
-　　　　　　　$("#accordion").css({position: "absolute"});
-　　　　　　}
-　　　　})
-</script>
-<script>
-     function displaywindowsize(){
-         var w = document.documentElement.clientWidth;
+     <script>
-         var h = document.documentElement.clientHeight;
+         var typed = new Typed('#typed', {
-        if(w<1100&&w>800){
+            stringsElement: '#typed-strings',
+            typeSpeed: 100,
-             $("#accordion").css({left:"2%"});
+            backSpeed: 100,
-            $("#accordion").css({display:"block"});
+            loop: true,
+            smartBackspace: true,
+         });
+    </script>
+    <script>
+        function topMao(target) {
+             $('html, body').animate({ scrollTop: $(target).offset().top - 170 }, 500);//130为锚点到距顶部的距离，500为执行时间
+            return true;
          }
-         else if(w<800){
+    </script>
-             $("#accordion").css({display:"none"});
+    <script>
+         var topBegin = $("#accordion").offset().top;  //获取导航栏（class='positionMiddleNav'）离视口的高度
+        $(window).scroll(function () {  //scroll事件
+            var win_top = $(this).scrollTop(); //获取滚动条位置
+            var _top = $("#accordion").offset().top; //获取当前导航栏距视口高度
+            console.log(win_top, 'aa');
+            console.log(_top, 'cc');
+            if (win_top >= _top - 150) {
+                $("#accordion").css({ position: "fixed", top: "10em" });
+            }
+            if (win_top < topBegin) { //因为导航栏距视口高度在定位发生后是变化的 ，
+                //所以当导航栏回到原位置时保持先前状态需要将滚动条位置与最先前的导航栏位置进行对比
+                $("#accordion").css({ position: "absolute" });
+            }
+        })
+    </script>
+    <script>
+        function displaywindowsize() {
+            var w = document.documentElement.clientWidth;
+            var h = document.documentElement.clientHeight;
+            if (w < 1100 && w > 800) {
+                $("#accordion").css({ left: "2%" });
+                $("#accordion").css({ display: "block" });
+             }
+            else if (w < 800) {
+                $("#accordion").css({ display: "none" });
+            }
+            else {
+                $("#accordion").css({ left: "10%" });
+                $("#accordion").css({ display: "block" });
+            }
          }
-        else{
-            $("#accordion").css({left:"10%"});
-            $("#accordion").css({display:"block"});
-        }
-    }
-    window.addEventListener("resize",displaywindowsize);
+        window.addEventListener("resize", displaywindowsize);
-    displaywindowsize();
+        displaywindowsize();
-</script>
+    </script>

Difference between revisions of "Team:ZJU-China/Safety"