diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..85992fcfd91b2313b24fe4ab627974de72304823 100755
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -93,98 +93,83 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
+
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/collaborations.html b/wiki/pages/collaborations.html
index 9c337a7b9c498ecc36ec9624dce9fd2680ba0f33..f2a7433653f2de722a6da7f4c60108fed495864d 100755
--- a/wiki/pages/collaborations.html
+++ b/wiki/pages/collaborations.html
@@ -93,130 +93,112 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Assistance during experiment with LZU-HS-Pro-A</a></li>
- <li><a class="icon icon-location" href="#part2">Assistance during experiment with LZU-HS-China-A</a></li>
- <li><a class="icon icon-study" href="#part3">Articles revise and improvement</a></li>
- <li><a class="icon icon-photo" href="#part4">Research and selection based on anchor protein used in cell surface display</a></li>
- <li><a class="icon icon-wallet" href="#part5">Projects popularization</a></li>
- <li><a class="icon icon-wallet" href="#part6">Information collection and preparation for synthetic biology education</a></li>
- </ul>
- </nav>
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+
<div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
<span id="part1" style="font-size: 3rem;">Assistance during experiment with LZU-HS-Pro-A</span>
<div class="title2">
- At the beginning of the experiment, team LZU-HS-Pro-A helped us prepare consumables, such as ddH2O, 0.1M CaCl2, and a liquid culture medium. Since our experiments are similar in several parts, we can save time by reducing repetitive procedures. Similarly, they had our plasmid extraction done, so we did not have to spend extra time there. During the experiment, the problem they faced is the lack of materials. They had an inefficient AMP to make AMP antibiotic mother solution, and they were stuck due to this limitation. At that time, our team gave them the excess AMP that we own to help them continue. We try our best to solve all the issues we met and try to experiment as effectively as possible.
+   At the beginning of the experiment, team LZU-HS-Pro-A helped us prepare consumables, such as ddH2O, 0.1M CaCl2, and a liquid culture medium. Since our experiments are similar in several parts, we can save time by reducing repetitive procedures. Similarly, they had our plasmid extraction done, so we did not have to spend extra time there. During the experiment, the problem they faced is the lack of materials. They had an inefficient AMP to make AMP antibiotic mother solution, and they were stuck due to this limitation. At that time, our team gave them the excess AMP that we own to help them continue. We try our best to solve all the issues we met and try to experiment as effectively as possible.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part2" style="font-size: 3rem;">Assistance during experiment with LZU-HS-China-A</span>
<div class="title2">
- We conducted the experiment in the same laboratory with LZU-HS-China-A as well. Firstly, we reminded each other about safety during the experiment. When using the clean bench, we needed to spray alcohol on the item that has to enter. Plus, when conducting electrophoresis, we must wear second gloves, to protect us from harmful chemicals. Then, when balancing the centrifuge, we checked each other’s balance again for safety concerns. Lastly, we shared the conference room, and we communicated the experience that helped us more familiar with the experimental apparatus, and also raised our awareness of safety.
+   We conducted the experiment in the same laboratory with LZU-HS-China-A as well. Firstly, we reminded each other about safety during the experiment. When using the clean bench, we needed to spray alcohol on the item that has to enter. Plus, when conducting electrophoresis, we must wear second gloves, to protect us from harmful chemicals. Then, when balancing the centrifuge, we checked each other’s balance again for safety concerns. Lastly, we shared the conference room, and we communicated the experience that helped us more familiar with the experimental apparatus, and also raised our awareness of safety.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part3" style="font-size: 3rem;">Articles revise and improvement</span>
<div class="title2">
- Since English is a second language for us, we need to edit and correct our articles carefully to reduce the number of grammatical mistakes. Therefore, our team collaborated with team LZU-HS-China-A, to double-check and fix the language problems. We swapped our articles, and after reading meticulously, we pointed out all the mistakes we made, and tried our best to amend them. After this collaboration, we believe the quality of our content has been hugely improved.
+   Since English is a second language for us, we need to edit and correct our articles carefully to reduce the number of grammatical mistakes. Therefore, our team collaborated with team LZU-HS-China-A, to double-check and fix the language problems. We swapped our articles, and after reading meticulously, we pointed out all the mistakes we made, and tried our best to amend them. After this collaboration, we believe the quality of our content has been hugely improved.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part4" style="font-size: 3rem;">Research and selection based on anchor protein used in cell surface display</span>
<div class="title2">
- Firstly, and most importantly, since we both use cell surface display technology in our projects, we can help each other technically. In the earlier phase, the problem we faced was choosing a proper anchor protein, which is an essential protein used in cell surface display technology. This is a critical section of the projects for our three teams, but we have no idea which kind of protein can be used, so during our first online meeting, we set up a detailed plan for our projects’ future progress.
+   Firstly, and most importantly, since we both use cell surface display technology in our projects, we can help each other technically. In the earlier phase, the problem we faced was choosing a proper anchor protein, which is an essential protein used in cell surface display technology. This is a critical section of the projects for our three teams, but we have no idea which kind of protein can be used, so during our first online meeting, we set up a detailed plan for our projects’ future progress.
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/collaboration/pic1.jpg" alt="">
<div>Evidence of online meeting</div>
</div>
- <div class="title2">We initially did some research based on the properties required for anchor proteins. By exchanging useful papers, then giving presentations to obtain a clearer understanding of anchor protein, we get the following information:</div>
+ <div class="title2">  We initially did some research based on the properties required for anchor proteins. By exchanging useful papers, then giving presentations to obtain a clearer understanding of anchor protein, we get the following information:</div>
<div class="title2" style="font-weight: bold">-Properties required for anchor proteins</div>
<div class="title2">
<div>1. Having signal peptide sequences or transport signals that guide the fusion protein across the cell membrane</div>
@@ -240,8 +222,8 @@
</div>
<div class="title2" style="font-weight: bold;">-Cell surface display mechanism</div>
<div class="title2">
- <div>Ice-nucleation protein is frequently used in cell surface anchors for protein display in Gram-Negative bacteria. The bacterial surface display has been widely applied in scientific research and the science industry. Various functional peptides, recombinant vaccines, and catalytic enzymes could be displayed on bacterial surfaces through appropriate surface anchors, which facilitated their further engineering and applications for certain purposes.</div>
- <div>The hydrophobicity of the nitrogen terminal is fused with the phospholipid bimolecular membrane to fix the linked enzyme on the cell membrane, and the hydrophilicity of the carbon terminal is exposed outside the cell membrane to connect with the acting enzyme so that the enzyme can be effectively expressed outside the cell membrane.</div>
+ <div>  Ice-nucleation protein is frequently used in cell surface anchors for protein display in Gram-Negative bacteria. The bacterial surface display has been widely applied in scientific research and the science industry. Various functional peptides, recombinant vaccines, and catalytic enzymes could be displayed on bacterial surfaces through appropriate surface anchors, which facilitated their further engineering and applications for certain purposes.</div>
+ <div>  The hydrophobicity of the nitrogen terminal is fused with the phospholipid bimolecular membrane to fix the linked enzyme on the cell membrane, and the hydrophilicity of the carbon terminal is exposed outside the cell membrane to connect with the acting enzyme so that the enzyme can be effectively expressed outside the cell membrane.</div>
</div>
<div class="img2">
<div class="img">
@@ -259,24 +241,24 @@
<div>Evidence of discussion and presentation</div>
</div>
<div class="title2">
- In the end, by experiments, the efficacious result proves that our discussion and collaboration are successful and vital. During this experience, collaboration allowed us to work more effectively by urging and encouraging each other. Also, we were able to interact with our ideas and brainstorm together, which is particularly beneficial for our projects’ promotion.
+   In the end, by experiments, the efficacious result proves that our discussion and collaboration are successful and vital. During this experience, collaboration allowed us to work more effectively by urging and encouraging each other. Also, we were able to interact with our ideas and brainstorm together, which is particularly beneficial for our projects’ promotion.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part5" style="font-size: 3rem;">Projects popularization</span>
<div class="title2">
- <div>During the middle stage of iGEM, another aspect of collaborating is publicizing our projects. In order to obtain more valid data for integrated human practice, we had to popularize our questionnaire and project introduction. However, due to the fact that these specialized topics are not that straightforward for people to understand, our WeChat official accounts have limited figures for pageviews, which is not conducive for us to appeal to more people, and raise their awareness of environmental issues (etc.) involved in our projects.</div>
- <div>Thus, after holding an online meeting, we decided to let more people know us by promoting each other’s projects. We achieved this goal in two methods. Firstly, we summarized others’ project descriptions, make them less complicated, and published them in our account. During the discussion, we thought simplifying is a useful way to make our articles more readable. Plus, although we only have a small number of followers, the sum of followers of our three teams is still relatively sizable. </div>
+ <div>  During the middle stage of iGEM, another aspect of collaborating is publicizing our projects. In order to obtain more valid data for integrated human practice, we had to popularize our questionnaire and project introduction. However, due to the fact that these specialized topics are not that straightforward for people to understand, our WeChat official accounts have limited figures for pageviews, which is not conducive for us to appeal to more people, and raise their awareness of environmental issues (etc.) involved in our projects.</div>
+ <div>  Thus, after holding an online meeting, we decided to let more people know us by promoting each other’s projects. We achieved this goal in two methods. Firstly, we summarized others’ project descriptions, make them less complicated, and published them in our account. During the discussion, we thought simplifying is a useful way to make our articles more readable. Plus, although we only have a small number of followers, the sum of followers of our three teams is still relatively sizable. </div>
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/collaboration/pic6.png" alt="">
</div>
- <div class="title2">We can see remarkable progress in pageviews after collaboration, and we firmly believe that by our influence, more people are willing to consider these crucial issues. This significant increase also reveals our efficient collaboration, when facing a problem, that we can achieve our targets using a simple but useful method. </div>
+ <div class="title2">  We can see remarkable progress in pageviews after collaboration, and we firmly believe that by our influence, more people are willing to consider these crucial issues. This significant increase also reveals our efficient collaboration, when facing a problem, that we can achieve our targets using a simple but useful method. </div>
</div>
<div class="text_block" style="margin-bottom: 3rem;">
<span id="part6" style="font-size: 3rem;">Information collection and preparation for synthetic biology education</span>
- <div class="title2">After some time, when preparing for the section on education, we cooperated again for better performance on what we can contribute to the public and synthetic biology. We firstly divided the workload via online meetings, in which our team was in charge of presenting, LZU-HS-China-A for slides and poster creation, also online lecture, and LZU-HS-China-C for related content preparation. This work division was based on our advantages of owning a proper venue for education, outstanding design skills from LZU-HS-China-A, and LZU-HS-China-C who are good at information collecting.</div>
+ <div class="title2">  After some time, when preparing for the section on education, we cooperated again for better performance on what we can contribute to the public and synthetic biology. We firstly divided the workload via online meetings, in which our team was in charge of presenting, LZU-HS-China-A for slides and poster creation, also online lecture, and LZU-HS-China-C for related content preparation. This work division was based on our advantages of owning a proper venue for education, outstanding design skills from LZU-HS-China-A, and LZU-HS-China-C who are good at information collecting.</div>
<div class="img2">
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/collaboration/pic7.jpg" alt="">
@@ -290,7 +272,7 @@
<div>Evidence of giving out posters and presenting</div>
</div>
<div class="title2">
- We accomplished this section together, not only for better effectiveness but also to allow our three teams to bring out our diverse strengths, to make a greater performance. Moreover, more audiences are involved because we separately propagandize the lectures. These advantages can be only shown between team collaboration, therefore we are able to achieve a better job.
+   We accomplished this section together, not only for better effectiveness but also to allow our three teams to bring out our diverse strengths, to make a greater performance. Moreover, more audiences are involved because we separately propagandize the lectures. These advantages can be only shown between team collaboration, therefore we are able to achieve a better job.
</div>
</div>
</div>
diff --git a/wiki/pages/communication.html b/wiki/pages/communication.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..6bec6c2e545b92c26ea07b7719796714ec409db7 100755
--- a/wiki/pages/communication.html
+++ b/wiki/pages/communication.html
@@ -93,98 +93,80 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html
index 18d7bf02048e5d69fb907075d28b25363c2cf9d5..578a62daf4ccd61ef8fe08b9ed85b31f5fd627f6 100755
--- a/wiki/pages/contribution.html
+++ b/wiki/pages/contribution.html
@@ -93,107 +93,90 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- </ul>
- </nav>
-
-
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic2.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic2.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
<span id="part1" style="font-size: 3rem;">What we have done for future iGEM teams</span>
<div class="title2">
<div>
- Bisphenol, one of the most widely used industrial chemicals in the 21st century(1), is predicted to be utilized in 10 million tonnes by 2022(2) and has been the topic of 16,000 scientific studies, according to PubMed (1). However, no current iGEM teams are attempting to devise a detection instruction to this compound that threatens the health of billions of people worldwide. ICUnited has initiated attemps to tackle this massive problem by offering a novel method for BPA detection which features the use of biosensors, a device commonly ued to takle environmental problems in iGEM since 2006 (3).
+   Bisphenol, one of the most widely used industrial chemicals in the 21st century(1), is predicted to be utilized in 10 million tonnes by 2022(2) and has been the topic of 16,000 scientific studies, according to PubMed (1). However, no current iGEM teams are attempting to devise a detection instruction to this compound that threatens the health of billions of people worldwide. ICUnited has initiated attemps to tackle this massive problem by offering a novel method for BPA detection which features the use of biosensors, a device commonly ued to takle environmental problems in iGEM since 2006 (3).
</div>
- <div>We hope that our project will inspire future iGEM teams to create more efficient, effective, and convenient detection methods and even suitable substitues. It is believed that, with progressing research into BPA's health hazards, extensive detection methods invented, and possible subsitution found, the threat of BPA can utimately be eliminated. </div>
- <div>Moreover, our team built an enzyme based electrochemical biosensor, which feature cell-surface display, a technology that express target proteins on cell membrane . The high specificity, stability, and cost-effectiveness it displayed can be used for future teams while constructing biosensors. </div>
- <div>The enzyme we used is tyrosinase. "tyrosinase is an oxidase that oxidizes bisphenol A to catechol. After this, catechol can still be oxidized by bisphenol to o-quinone. O-quinone is an electrochemically active substance that generates electrical energy to detect BPA" (4). But this basic information alone does not reveal the true properties of this amazing chemical. But as our ICUnited team dug deeper, we found that. Tyrosinase can exhibit high reactivity and selectivity. When chemically attached to the electrodes, it becomes renewable with little loss. They are more effective and adaptable than any other substance. We think this finding will be A great tool for future teams to use in experiments related to BPA.</div>
- <div>Further information about this can be seen in our project description --- link.</div>
+ <div>  We hope that our project will inspire future iGEM teams to create more efficient, effective, and convenient detection methods and even suitable substitues. It is believed that, with progressing research into BPA's health hazards, extensive detection methods invented, and possible subsitution found, the threat of BPA can utimately be eliminated. </div>
+ <div>  Moreover, our team built an enzyme based electrochemical biosensor, which feature cell-surface display, a technology that express target proteins on cell membrane . The high specificity, stability, and cost-effectiveness it displayed can be used for future teams while constructing biosensors. </div>
+ <div>  The enzyme we used is tyrosinase. "tyrosinase is an oxidase that oxidizes bisphenol A to catechol. After this, catechol can still be oxidized by bisphenol to o-quinone. O-quinone is an electrochemically active substance that generates electrical energy to detect BPA" (4). But this basic information alone does not reveal the true properties of this amazing chemical. But as our ICUnited team dug deeper, we found that. Tyrosinase can exhibit high reactivity and selectivity. When chemically attached to the electrodes, it becomes renewable with little loss. They are more effective and adaptable than any other substance. We think this finding will be A great tool for future teams to use in experiments related to BPA.</div>
+ <div>  Further information about this can be seen in our project description --- link.</div>
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
@@ -204,9 +187,9 @@
</div>
<div class="title2">
<div style="font-weight: bold">Culturing Escherichia coli</div>
- <div>Growing E. coli strains is a time-consuming job. If one experimental operation fails, all previous operations need to be reperformed. In order to avoid such risks, our team divided the participants into two teams last afternoon and backed up all the E. coli used.</div>
+ <div>  Growing E. coli strains is a time-consuming job. If one experimental operation fails, all previous operations need to be reperformed. In order to avoid such risks, our team divided the participants into two teams last afternoon and backed up all the E. coli used.</div>
<div>
- The two experiments conducted by the two teams last afternoon
+   The two experiments conducted by the two teams last afternoon
ensured that the success of the experiment was not accidental. The multiple samples constructed provided more options for later application and gave us a better understanding of the necessary measures (such as aseptic procedures) for successful experiments. The best experimental results also give a higher probability of success for later extraction. The backup of E. coli provides a guarantee for failed experiments, greatly reducing the probability of re-completing all experiments and improving our efficiency.
</div>
</div>
@@ -215,41 +198,41 @@
</div>
<div class="title2">
<div style="font-weight: bold;">Team work & management </div>
- <div>iGEM is much more than conducting experiments, it involves teamwork within and outside teams. Team management is crucial for academic research and finishing projects that cannot be done by one alone, espeicially for our team which members have to collaborate online and a scale of merely 10 people. </div>
- <div>As you know, iGEM is an interdisciplinary competition that applies to engineering, art, biology, chemistry, math, and many other subjects. Our team pays attention to "taking advantage of the strengths", and is good at discovering the shining points of the team members. After scientific and detailed division of the work, the team members are properly assigned to each team member according to their own strengths, so that everyone has a suitable job. </div>
- <div>At the same time, our team focuses on teamwork and avoids working alone. After each team member has his or her own job, he or she will be assigned auxiliary jobs suitable for them. The auxiliary work is to help students in the main job to make breakthroughs and make progress together with the team, which greatly improves the efficiency and work quality of our team. </div>
+ <div>  iGEM is much more than conducting experiments, it involves teamwork within and outside teams. Team management is crucial for academic research and finishing projects that cannot be done by one alone, espeicially for our team which members have to collaborate online and a scale of merely 10 people. </div>
+ <div>  As you know, iGEM is an interdisciplinary competition that applies to engineering, art, biology, chemistry, math, and many other subjects. Our team pays attention to "taking advantage of the strengths", and is good at discovering the shining points of the team members. After scientific and detailed division of the work, the team members are properly assigned to each team member according to their own strengths, so that everyone has a suitable job. </div>
+ <div>  At the same time, our team focuses on teamwork and avoids working alone. After each team member has his or her own job, he or she will be assigned auxiliary jobs suitable for them. The auxiliary work is to help students in the main job to make breakthroughs and make progress together with the team, which greatly improves the efficiency and work quality of our team. </div>
</div>
<div class="title2" style="font-weight: bold;">
Team meetings
</div>
<div class="title2">
- We also suggest to divide each day into two or three modules, just like our team. After the experiment and exploration in each module, we will have a special discussion. During the meeting, the team memberswill have a spark of ideas and discover the latest and most creative ideas, which will help our experimental project succeed. Our team is proficient in the exploration of the problem, in the face of numerous problems, in the us after a long discussion and thinking still cannot find the answer, we will be a further communication with professionals that would be a thought of the collision, the blend of knowledge. We will understand the problem by internalization Take the results, thoughts and experience to explore into the future. Moreover, each night at 10 p.m. sharp our team will hold a meeting with all of our team members to review this week's work and make plans for the upcoming week.
+   We also suggest to divide each day into two or three modules, just like our team. After the experiment and exploration in each module, we will have a special discussion. During the meeting, the team memberswill have a spark of ideas and discover the latest and most creative ideas, which will help our experimental project succeed. Our team is proficient in the exploration of the problem, in the face of numerous problems, in the us after a long discussion and thinking still cannot find the answer, we will be a further communication with professionals that would be a thought of the collision, the blend of knowledge. We will understand the problem by internalization Take the results, thoughts and experience to explore into the future. Moreover, each night at 10 p.m. sharp our team will hold a meeting with all of our team members to review this week's work and make plans for the upcoming week.
</div>
<div class="title2" style="font-weight: bold;">
Achieving the best result
</div>
<div class="title2">
- Although our team appointed captain, dry team captain and wet team captain, but it is a team which everyone's idea and work done is valued. Leaders often hold offline discussions and online meetings to democratically listen to the opinions of all team members. Just as Jean La Lowell once said, "democracy makes everyone the master of his own", never autocracy makes every student happy to express their own opinion, express the inside of their heart, become the master of his own, and also stimulates the potential creativity of all the team members. This fits well with iGEM's theme of "finding the best in everyone and finding the creative potential in everyone" and is one of the key factors in our success.
+   Although our team appointed captain, dry team captain and wet team captain, but it is a team which everyone's idea and work done is valued. Leaders often hold offline discussions and online meetings to democratically listen to the opinions of all team members. Just as Jean La Lowell once said, "democracy makes everyone the master of his own", never autocracy makes every student happy to express their own opinion, express the inside of their heart, become the master of his own, and also stimulates the potential creativity of all the team members. This fits well with iGEM's theme of "finding the best in everyone and finding the creative potential in everyone" and is one of the key factors in our success.
</div>
<div class="title2" style="font-weight: bold;">
Useful software
</div>
<div class="title2">
- As a team accustomed to internet collaboration, we have utilized a variety of applications and websites to assist us. We believe this will also be useful for future teams too.
+   As a team accustomed to internet collaboration, we have utilized a variety of applications and websites to assist us. We believe this will also be useful for future teams too.
</div>
<div class="title2" style="font-weight: bold">
Shimo document
</div>
<div class="title2">
<div>https://shimo.im/recent</div>
- <div>We have created online documents that allows editing anywhere and anytime, by anyone. This is especially useful for our team members have to work online from different places. </div>
+ <div>  We have created online documents that allows editing anywhere and anytime, by anyone. This is especially useful for our team members have to work online from different places. </div>
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/contribution/pic1.png" alt="">
</div>
<div class="title2">
<div>https://www.notion.so/</div>
- <div>This website helps to synchronize everyone's work done and give suggestions. </div>
+ <div>  This website helps to synchronize everyone's work done and give suggestions. </div>
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/contribution/pic2.png" alt="">
@@ -267,14 +250,16 @@
</div>
<div class="title2" style="font-weight: bold;">Future possibility</div>
<div class="title2">
- <div>As a precedent for the instrumental use of tyrosinase for bisphenol testing, the team will present a realistic future scenario.</div>
+ <div>  As a precedent for the instrumental use of tyrosinase for bisphenol testing, the team will present a realistic future scenario.</div>
+ <div>
+   First of all, the topic of our team project is "Biosensor is an instrument that uses biological molecules (tyrosinase) to recognize specific chemical substances (bisphenol A). Electrochemistry converts the chemical properties of the analyte into an electrical signal and detects the concentration of the analyte by the strength of the signal." The main reason why we choose this topic is that in modern society, bisphenol A has become one of the most widely used industrial compounds in the world due to its colorless, transparent, durable, impact resistance and other excellent properties. It is often used in canned food, beverage packaging, milk bottles, water bottles, eyeglasses and other places closely related to people. So when people use water or food that has been exposed to BPA on A daily basis, the BPA that seeps into the food can enter the body. A small number doesn't make much difference to humans, but if the number increases, a number of potential risks will emerge, such as "decreased sperm count, decreased fertility, increased prostate growth...â€.
+ </div>
+ <div>  The supposedly perfect detection system has not been implemented worldwide, and the portable, cheap, and efficient instrument needed to detect bisphenol A has not been created. The team takes the important mission of world food safety as its own mission, and is determined to promote the effective and simple bisphenol A detection instrument worldwide. </div>
<div>
- First of all, the topic of our team project is "Biosensor is an instrument that uses biological molecules (tyrosinase) to recognize specific chemical substances (bisphenol A). Electrochemistry converts the chemical properties of the analyte into an electrical signal and detects the concentration of the analyte by the strength of the signal." The main reason why we choose this topic is that in modern society, bisphenol A has become one of the most widely used industrial compounds in the world due to its colorless, transparent, durable, impact resistance and other excellent properties. It is often used in canned food, beverage packaging, milk bottles, water bottles, eyeglasses and other places closely related to people. So when people use water or food that has been exposed to BPA on A daily basis, the BPA that seeps into the food can enter the body. A small number doesn't make much difference to humans, but if the number increases, a number of potential risks will emerge, such as "decreased sperm count, decreased fertility, increased prostate growth...â€.
+   As COVID-19 is raging, coronavirus testing is closely related to our lives. We have all seen the efficiency and effectiveness of coronavirus testing devices. In the future, with our team's unremitting efforts, we believe that detection of bisphenol A content in food can be as efficient and accurate as detection of novel coronavirus!!
</div>
- <div>The supposedly perfect detection system has not been implemented worldwide, and the portable, cheap, and efficient instrument needed to detect bisphenol A has not been created. The team takes the important mission of world food safety as its own mission, and is determined to promote the effective and simple bisphenol A detection instrument worldwide. </div>
<div>
- As COVID-19 is raging, coronavirus testing is closely related to our lives. We have all seen the efficiency and effectiveness of coronavirus testing devices. In the future, with our team's unremitting efforts, we believe that detection of bisphenol A content in food can be as efficient and accurate as detection of novel coronavirus!!
- Please wait in the near future, in your bisphenol a detection device will be printed with ICUinted badge!
+   Please wait in the near future, in your bisphenol a detection device will be printed with ICUinted badge!
</div>
</div>
</div>
diff --git a/wiki/pages/description.html b/wiki/pages/description.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..c6a7a27cb6c9953ef747f5c512f71c88eed0df69 100755
--- a/wiki/pages/description.html
+++ b/wiki/pages/description.html
@@ -92,99 +92,81 @@
</head>
<body>
-
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic2.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 7448a0fef27ec4b8c2572ace715b32f0c33ad05a..9a6a1143b4953aeae8e26692a8d215da8700a9ba 100755
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -98,102 +98,86 @@
</head>
<body scroll="no">
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic1.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic1.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
<span id="part1" style="font-size: 3rem;">Overview</span>
<div class="title2">
- In order to let more people in different ages and various field know about synthetic biology, our team hold several activities. In these activities, we not only introduce the knowledge about synthetic biology, but also the contents about our team project and IGEM. We hope that these effort we have made can improve the public awareness in synthetic biology.
+   In order to let more people in different ages and various field know about synthetic biology, our team hold several activities. In these activities, we not only introduce the knowledge about synthetic biology, but also the contents about our team project and IGEM. We hope that these effort we have made can improve the public awareness in synthetic biology.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
@@ -206,25 +190,25 @@
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic1.png" alt="">
</div>
<div class="title2">
- These articles included the introduction of both our team projects, IGEM, and synthetic biology. Even many details of experiment are shown in this account, like the knowledge about the main substance of our project ‘BPA’.
+   These articles included the introduction of both our team projects, IGEM, and synthetic biology. Even many details of experiment are shown in this account, like the knowledge about the main substance of our project ‘BPA’.
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic2.jpg" alt="">
</div>
<div class="title2">
- Parents, classmates, friends and teachers followed our WeChat official account, even some strangers. Our articles are simplified but very easy to understand and include all the main ideas. So people are able to learn about synthetic biology in their spare time. These articles not only let more people around us know more about synthetic biology field, and also let them to be interested with that. We have wider audience to read our articles. In another word, more and more people know about that by our WeChat official account.
+   Parents, classmates, friends and teachers followed our WeChat official account, even some strangers. Our articles are simplified but very easy to understand and include all the main ideas. So people are able to learn about synthetic biology in their spare time. These articles not only let more people around us know more about synthetic biology field, and also let them to be interested with that. We have wider audience to read our articles. In another word, more and more people know about that by our WeChat official account.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part3" style="font-size: 3rem;">Lecture in BFSU International Curriculum Centre</span>
<div class="title2">
- <div>To conduct more effective propaganda, we had a speech in a high school called BFSU international Course Centre. We focus on the high school students and educate them about the field of synthetic biology. </div>
- <div>All the students from grade 10 to 12 participate in this activities. Because of the limitation of students number, we also had live broadcast online. This helps us to enlarge the range of audience, so more people could watch this speech. </div>
- <div>Before the presentation, we knew that lots of students never heard about synthetic biology. Because of students’ poor understanding in this field and low level of their biology knowledge, we tried to use easy way to let them understand the basic theory about synthetic biology and our projects. </div>
- <div>Also, apart from the knowledge and theories, we shared about our feelings and experience during laboratory and during this project. Most of students were interested in the pictures we took in laboratory.</div>
- <div>After the speech, we got many feedbacks. Some students told us that they are interested at this activity and really want to try it. Moreover, the students who were already interested in biology found that they want to learn more in this field. </div>
- <div>In this section, with cooperated with the LZU-HS-China-A and LZU-HS-China-C, so we had better preparations about these lecture. </div>
+ <div>  To conduct more effective propaganda, we had a speech in a high school called BFSU international Course Centre. We focus on the high school students and educate them about the field of synthetic biology. </div>
+ <div>  All the students from grade 10 to 12 participate in this activities. Because of the limitation of students number, we also had live broadcast online. This helps us to enlarge the range of audience, so more people could watch this speech. </div>
+ <div>  Before the presentation, we knew that lots of students never heard about synthetic biology. Because of students’ poor understanding in this field and low level of their biology knowledge, we tried to use easy way to let them understand the basic theory about synthetic biology and our projects. </div>
+ <div>  Also, apart from the knowledge and theories, we shared about our feelings and experience during laboratory and during this project. Most of students were interested in the pictures we took in laboratory.</div>
+ <div>  After the speech, we got many feedbacks. Some students told us that they are interested at this activity and really want to try it. Moreover, the students who were already interested in biology found that they want to learn more in this field. </div>
+ <div>  In this section, with cooperated with the LZU-HS-China-A and LZU-HS-China-C, so we had better preparations about these lecture. </div>
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic3.jpg" alt="">
@@ -243,8 +227,8 @@
<div class="text_block">
<span id="part4" style="font-size: 3rem;">Questionnaire</span>
<div class="title2">
- <div>To know the public understanding of bisphenol A and conduct propaganda, we made a questionnaire from July 26 to September 11. </div>
- <div>About 950 people answered the questionnaire. They are from different ages, and even different countries. Most of them are younger than 18 years old from China. </div>
+ <div>  To know the public understanding of bisphenol A and conduct propaganda, we made a questionnaire from July 26 to September 11. </div>
+ <div>  About 950 people answered the questionnaire. They are from different ages, and even different countries. Most of them are younger than 18 years old from China. </div>
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic7.jpg" alt="">
@@ -253,26 +237,26 @@
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic8.jpg" alt="">
</div>
<div class="title2">
- At the beginning of the questionnaire, just 260 people (27.93%) have heard of BPA before, but nearly 671 people (72.07%) never know what bisphenol A is. This date shows that most of people didn’t know BPA and even the harm of BPA around them.
+   At the beginning of the questionnaire, just 260 people (27.93%) have heard of BPA before, but nearly 671 people (72.07%) never know what bisphenol A is. This date shows that most of people didn’t know BPA and even the harm of BPA around them.
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic9.jpg" alt="">
</div>
<div class="title2">
- Our questionnaire included the introduction of BPA. So at the end of the questionnaire, we asked them whether they have a better understanding through this questionnaire. 874 people (93.88%) answered that they had a preliminary understanding about BPA, only 57 people (6.12%) answered “noâ€.
+   Our questionnaire included the introduction of BPA. So at the end of the questionnaire, we asked them whether they have a better understanding through this questionnaire. 874 people (93.88%) answered that they had a preliminary understanding about BPA, only 57 people (6.12%) answered “noâ€.
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic10.jpg" alt="">
</div>
<div class="title2">
- Through this data, we can know that more people know about BPA from our questionnaire, so we had a successful public education.
+   Through this data, we can know that more people know about BPA from our questionnaire, so we had a successful public education.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part5" style="font-size: 3rem;">Education materials</span>
<div class="title2">
- Firstly, we made a PPT for the lecture. It included the introduction of synthetic biology, our project, IGEM and some feelings about this activity.
+   Firstly, we made a PPT for the lecture. It included the introduction of synthetic biology, our project, IGEM and some feelings about this activity.
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic11.jpg" alt="">
@@ -281,7 +265,7 @@
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic12.jpg" alt="">
</div>
<div class="title2">
- In addition, we made a poster to publicize the harm of BPA and the knowledge about biosensor.
+   In addition, we made a poster to publicize the harm of BPA and the knowledge about biosensor.
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic13.png" alt="">
@@ -290,7 +274,7 @@
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic14.png" alt="">
</div>
<div class="title2">
- To alert more people the dangerous of BPA, we designed a porcelain cup. Because bisphenol A is usually in plastic cup, this porcelain cup and the pattern on that can give people a warning of BPA.
+   To alert more people the dangerous of BPA, we designed a porcelain cup. Because bisphenol A is usually in plastic cup, this porcelain cup and the pattern on that can give people a warning of BPA.
</div>
<div class="title2">
This is our model for a porcelain cup.
@@ -299,7 +283,7 @@
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic15.jpg" alt="">
</div>
<div class="title2">
- Moreover, we made a flyers to help audience know and have a better understanding in the speech. We also put the information about cooperation on the flyers. This flyer was posted on the school bulletin board, students can easily see that.
+   Moreover, we made a flyers to help audience know and have a better understanding in the speech. We also put the information about cooperation on the flyers. This flyer was posted on the school bulletin board, students can easily see that.
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/education/pic16.jpg" alt="">
@@ -311,7 +295,7 @@
<div class="text_block" style="margin-bottom: 3rem;">
<span id="part6" style="font-size: 3rem;">Summary</span>
<div class="title2">
- Our team have done many activities in education, like publishing articles on social media, having publicity speech, questionnaire and so on. We believed that many people learnt the knowledge of this field from us and more people know about this subject. Hoping that more students will choose synthetic biology by IGEM and make achievement in this field.
+   Our team have done many activities in education, like publishing articles on social media, having publicity speech, questionnaire and so on. We believed that many people learnt the knowledge of this field from us and more people know about this subject. Hoping that more students will choose synthetic biology by IGEM and make achievement in this field.
</div>
</div>
</div>
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index ebb4188b398451dcd8309ffc3c21d77ca27e29cc..ff1112ec9a91195b6aa2246c3702f24896d55052 100755
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -93,101 +93,86 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+
+
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic5.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic5.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
<span id="part1" style="font-size: 3rem;">The first round</span>
<div class="title2">
<div style="font-weight: bold;">The project design</div>
- <div>BPA was detected by tyrosinase. In the presence of dissolved oxygen, tyrosinase catalyzes the conversion of BPA into o-quinones, which can be reduced and release electrons, which can be detected in an external band circuit through a galvanic cell.</div>
+ <div>  BPA was detected by tyrosinase. In the presence of dissolved oxygen, tyrosinase catalyzes the conversion of BPA into o-quinones, which can be reduced and release electrons, which can be detected in an external band circuit through a galvanic cell.</div>
</div>
<div class="title2">
<div style="font-weight: bold;">build</div>
@@ -204,7 +189,7 @@
</div>
<div class="title2">
<div style="font-weight: bold;">Learning</div>
- <div>The detection reaction is not obvious, because these chemical molecules need to be transported across the membrane, which may hinder the efficiency of the reaction. When the concentration of BPA is low, the corresponding concentration is not well detected. Consider using surface display technology to increase the chances of BPA molecules coming into contact with the bio detector, thereby increasing sensitivity.</div>
+ <div>  The detection reaction is not obvious, because these chemical molecules need to be transported across the membrane, which may hinder the efficiency of the reaction. When the concentration of BPA is low, the corresponding concentration is not well detected. Consider using surface display technology to increase the chances of BPA molecules coming into contact with the bio detector, thereby increasing sensitivity.</div>
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
@@ -212,7 +197,7 @@
<span id="part2" style="font-size: 3rem;">Second Round</span>
<div class="title2">
<div style="font-weight: bold;">design</div>
- <div>Based on tyrosinase, an electrochemical biosensor was developed to detect bisphenol A by cell surface display technology. The BPA-recognizing Tyrosinase was fused with the carrier protein INP, and the INP was used to anchor Tyrosinase to the surface of E.coli cells.</div>
+ <div>  Based on tyrosinase, an electrochemical biosensor was developed to detect bisphenol A by cell surface display technology. The BPA-recognizing Tyrosinase was fused with the carrier protein INP, and the INP was used to anchor Tyrosinase to the surface of E.coli cells.</div>
</div>
<div class="title2">
<div style="font-weight: bold;">Construction</div>
@@ -229,7 +214,7 @@
</div>
<div class="title2">
<div style="font-weight: bold;">Learning</div>
- <div>A functional biosensor with LOD, accuracy, and sensitivity compared to other biosensors was constructed by simple adsorption of cells on GC electrodes. These results indicate that adsorption is a feasible method to immobilize living cells with highly active and surface-displayed tyrosinase. Further development of this biosensor should focus on improving its capability and durability</div>
+ <div>  A functional biosensor with LOD, accuracy, and sensitivity compared to other biosensors was constructed by simple adsorption of cells on GC electrodes. These results indicate that adsorption is a feasible method to immobilize living cells with highly active and surface-displayed tyrosinase. Further development of this biosensor should focus on improving its capability and durability</div>
</div>
</div>
</div>
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..8b6f3047c87d9546aaacf4ef1eb829cd1fa28e30 100755
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -93,98 +93,81 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/implementation.html b/wiki/pages/implementation.html
index 99d80492c36691c232e641dc8f6dd79b59b245f5..87542c2c0b79d2594c53e5dabfd85700af1f43c3 100755
--- a/wiki/pages/implementation.html
+++ b/wiki/pages/implementation.html
@@ -92,109 +92,92 @@
</head>
<body>
-
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic2.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic2.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
<span id="part1" style="font-size: 3rem;">Background</span>
<div class="title2">
- Environmental pollution has increased owing to rapid population growth and the consequent industrialization, which has become one of the major concerns for human health and socioeconomic issues. One of the most significant environmental pollution --Bisphenol A, which poses a threat to wildlife and human health even at low doses. The monitoring of environmental contaminants is crucial for controlling pollution. Traditional physicochemical detection methods focus on high-performance technologies such as ultraviolet spectrometry and liquid chromatography. These approaches provide accurate analysis of environmental samples and have high sensitivity. However, they require costly analytical apparatus and are time-consuming, which makes them unsuitable for in-situ and rapid analysis. Thus, it is desirable to develop a simple and practical analytical method for the detection of environmental pollutants. So the biosensor we designed largely helped solve all these problems, which has the characteristics that is rapid, sensitive, inexpensive, and suitable for on-site monitoring.
+   Environmental pollution has increased owing to rapid population growth and the consequent industrialization, which has become one of the major concerns for human health and socioeconomic issues. One of the most significant environmental pollution --Bisphenol A, which poses a threat to wildlife and human health even at low doses. The monitoring of environmental contaminants is crucial for controlling pollution. Traditional physicochemical detection methods focus on high-performance technologies such as ultraviolet spectrometry and liquid chromatography. These approaches provide accurate analysis of environmental samples and have high sensitivity. However, they require costly analytical apparatus and are time-consuming, which makes them unsuitable for in-situ and rapid analysis. Thus, it is desirable to develop a simple and practical analytical method for the detection of environmental pollutants. So the biosensor we designed largely helped solve all these problems, which has the characteristics that is rapid, sensitive, inexpensive, and suitable for on-site monitoring.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part2" style="font-size: 3rem;">Target user of bisphenol A biosenor</span>
<div class="title2">
- Our target users cover a large range of users from the household to the industry who uses BPA as an important input, including the initial producers, processors at all levels, and final distributors, and also include the regulatory authorities that maintain market order.
+   Our target users cover a large range of users from the household to the industry who uses BPA as an important input, including the initial producers, processors at all levels, and final distributors, and also include the regulatory authorities that maintain market order.
</div>
<div class="title2">
<div>They can use our product in the following steps:</div>
@@ -208,9 +191,9 @@
<div class="text_block">
<span id="part3" style="font-size: 3rem;">Usage of our device </span>
<div class="title2">
- <div>Although it is highly efficient and considered safe to some degree, there still have some points that need to consider: </div>
- <div>Make sure you are safe when collecting samples and do not make direct skin contact. After the completion of testing, test products and samples should not be thrown away, even if thrown to the corresponding recycling place and unified safe treatment. </div>
- <div>The future challenge for us is obvious as well, which is to focus on increasing its capacity and persistence.</div>
+ <div>  Although it is highly efficient and considered safe to some degree, there still have some points that need to consider: </div>
+ <div>  Make sure you are safe when collecting samples and do not make direct skin contact. After the completion of testing, test products and samples should not be thrown away, even if thrown to the corresponding recycling place and unified safe treatment. </div>
+ <div>  The future challenge for us is obvious as well, which is to focus on increasing its capacity and persistence.</div>
</div>
<div class="title2">
<div>Best use case:</div>
@@ -221,14 +204,14 @@
<div class="text_block">
<span id="part4" style="font-size: 3rem;">Reaction Principle</span>
<div class="title2">
- An electrochemical biosensor was developed for bisphenol A detection by displaying tyrosinase on the surface of Escherichia coli cells, followed by adsorption onto a glassy-carbon electrode. Tyrosinase oxidizes BPA to form Catehol, and then oxidizes Catehol to form O-Quinone, which can release electrical energy and convert BPA concentration by detecting current.
+   An electrochemical biosensor was developed for bisphenol A detection by displaying tyrosinase on the surface of Escherichia coli cells, followed by adsorption onto a glassy-carbon electrode. Tyrosinase oxidizes BPA to form Catehol, and then oxidizes Catehol to form O-Quinone, which can release electrical energy and convert BPA concentration by detecting current.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block" style="margin-bottom: 3rem;">
<span id="part5" style="font-size: 3rem;">Risk Assessment</span>
<div class="title2">
- Since our products contain genetically modified organisms in the lab, even inside a "containing" device. Before we put our devices into production, testing, and application beyond the lab, extensive testing should be performed to ensure whether our engineered bacteria is definitely safe for humans and the environment. We would remind the user whenever after they have used this device, through it into the alcohol bottle for sterilization, and it's suggested used in a closed environment.
+   Since our products contain genetically modified organisms in the lab, even inside a "containing" device. Before we put our devices into production, testing, and application beyond the lab, extensive testing should be performed to ensure whether our engineered bacteria is definitely safe for humans and the environment. We would remind the user whenever after they have used this device, through it into the alcohol bottle for sterilization, and it's suggested used in a closed environment.
</div>
</div>
</div>
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..a03c197b00e7b9041a8da6b83f8def6d27a7fc6a 100755
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -93,98 +93,82 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
+
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/model.html b/wiki/pages/model.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..a8e121743c28d2d159f60ad0cdd6cd8e414a7c3a 100755
--- a/wiki/pages/model.html
+++ b/wiki/pages/model.html
@@ -93,98 +93,82 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic6.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index e86981ed0331ecd5164774a188e64330d5eb9023..18d243b563626d20fd3f1b436af19c0822c6ec6d 100755
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -93,103 +93,85 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic5.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic5.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
<span id="part1" style="font-size: 3rem;">April</span>
<div class="title1">Week 1 (Mon Apr 18 22 - Sun April 24 22)</div>
- <div class="title2">This is our first online lesson. As our team members are from different schools, this is the first time we introduced ourselves. The teacher introuduced the basic parts of igem, including the igem cycles and the competition itself</div>
+ <div class="title2">  This is our first online lesson. As our team members are from different schools, this is the first time we introduced ourselves. The teacher introuduced the basic parts of igem, including the igem cycles and the competition itself</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/notebook/pic1.jpg" alt="">
</div>
@@ -197,13 +179,13 @@
<img src="https://static.igem.wiki/teams/4400/wiki/notebook/pic2.jpg" alt="">
</div>
<div class="title1">Week 2 (Mon Apr 35 22 - Sun May 1 22)</div>
- <div class="title2">We looked at the website ourselves, includnig examplary projects, namely engineering, human practice, and wiki. </div>
+ <div class="title2">  We looked at the website ourselves, including examplary projects, namely engineering, human practice, and wiki. </div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part2" style="font-size: 3rem;">May</span>
<div class="title1">Week 3 (Mon May 2 22- Sun May 8 22)</div>
- <div class="title2">As not all member is familiar to synthetic biology, our teacher did a short presentation informing of the general information such as what is DNA,cloning, genetic engineering, etc. </div>
+ <div class="title2">  As not all member is familiar to synthetic biology, our teacher did a short presentation informing of the general information such as what is DNA,cloning, genetic engineering, etc. </div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/notebook/pic3.jpg" alt="">
</div>
@@ -355,7 +337,7 @@
</div>
<div class="title2">
<div style="font-weight: bold;">Results</div>
- <div>Through observation under fluorescence microscope, we found that the fluorescent protein was successfully expressed, which reveals the experiment was successful.</div>
+ <div>  Through observation under fluorescence microscope, we found that the fluorescent protein was successfully expressed, which reveals the experiment was successful.</div>
</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/notebook/pic8.jpg" alt="">
@@ -380,7 +362,7 @@
<img src="https://static.igem.wiki/teams/4400/wiki/notebook/pic11.png" alt="">
</div>
<div class="title1">Week 13 (Mon Jul 18 22 - Sun Jul 24 22)</div>
- <div class="title2">We created a team WeChat official account, which is part of our education. We began to send igem science popularization and team and project introduction on it.</div>
+ <div class="title2">  We created a team WeChat official account, which is part of our education. We began to send igem science popularization and team and project introduction on it.</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/notebook/pic12.jpg" alt="">
</div>
@@ -402,7 +384,7 @@
<img src="https://static.igem.wiki/teams/4400/wiki/notebook/pic15.jpg" alt="">
</div>
<div class="title1">Week 16 (Mon Aug 8 22 - Sun Aug 14 22) </div>
- <div class="title2">On this week we host our first online meeting with the LZU-HS-China team. We first learned of each other's project during the 7.17é’å°‘å¹´åˆæˆç”Ÿç‰©å¦äº¤æµå¤§ä¼š that is the July 17th Junior Synthetic Biology Exchange Meeting. </div>
+ <div class="title2">  On this week we host our first online meeting with the LZU-HS-China team. We first learned of each other's project during the 7.17é’å°‘å¹´åˆæˆç”Ÿç‰©å¦äº¤æµå¤§ä¼š that is the July 17th Junior Synthetic Biology Exchange Meeting. </div>
<div class="title1">Week 17 (Mon Aug 15 22- Sun Aug 21 22)</div>
<div class="title2">We attended the online opening ceremony of CCiC.</div>
<div class="title1">Week 18 (Mon Aug 22 22- Sun Aug 28 22)</div>
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index b6c320572387213f47c06fbbb745fe4e3fc5ad23..d57037981580473a34c018d0594c5844dfd48686 100755
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -92,118 +92,101 @@
</head>
<body>
-
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
- <div class="title2">Our team collaborated with LZU-HS-China-A and LZU-HS-China-C in many aspects throughout the season.</div>
+ <div class="title2">  Our team collaborated with LZU-HS-China-A and LZU-HS-China-C in many aspects throughout the season.</div>
<span id="part1" style="font-size: 3rem;">Team introduction</span>
<div class="title2">
- <div>To begin with, let’s introduce ourselves briefly. </div>
- <div>Our team BFSU-ICUnited, is a high-school team united from many regions in China. ICUnited has initiated attempts to tackle one of the most massive environmental issues by offering a novel method for BPA detection which features the use of electrochemical enzyme biosensors. Cell surface display is a crucial section involved in our project since it can significantly reduce the limitations including reaction rates caused by enzyme activity loss.</div>
- <div>LZU-HS-China C's project focused on preventing the inherent hazards of antibiotic release due to the improper disposal of polluted wastes in the poultry business, namely the potential of superbugs. They went on to design a whole-cell biocatalyst aimed at degrading antibiotic residuals in animal feces. Their team needed the cell surface display technique to improve their otherwise inefficient antibiotic degradation rate.</div>
- <div>LZU-HS-China-A found that a large amount of shrimp and crab shell waste is generated every year, and the team believes that this waste can better play its role. LZU-HS-China-A attempts to convert chitosan into chitosan oligosaccharides by cell surface display.</div>
+ <div>  To begin with, let’s introduce ourselves briefly. </div>
+ <div>  Our team BFSU-ICUnited, is a high-school team united from many regions in China. ICUnited has initiated attempts to tackle one of the most massive environmental issues by offering a novel method for BPA detection which features the use of electrochemical enzyme biosensors. Cell surface display is a crucial section involved in our project since it can significantly reduce the limitations including reaction rates caused by enzyme activity loss.</div>
+ <div>  LZU-HS-China C's project focused on preventing the inherent hazards of antibiotic release due to the improper disposal of polluted wastes in the poultry business, namely the potential of superbugs. They went on to design a whole-cell biocatalyst aimed at degrading antibiotic residuals in animal feces. Their team needed the cell surface display technique to improve their otherwise inefficient antibiotic degradation rate.</div>
+ <div>  LZU-HS-China-A found that a large amount of shrimp and crab shell waste is generated every year, and the team believes that this waste can better play its role. LZU-HS-China-A attempts to convert chitosan into chitosan oligosaccharides by cell surface display.</div>
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part2" style="font-size: 3rem;">Research and selection based on anchor protein used in cell surface display</span>
- <div class="title2">Firstly, and most importantly, since we both use cell surface display technology in our projects, we can help each other technically. In the earlier phase, the problem we faced was choosing a proper anchor protein, which is an essential protein used in cell surface display technology. This is a critical section of the projects for our three teams, but we have no idea which kind of protein can be used, so during our first online meeting, we set up a detailed plan for our projects’ future progress.</div>
+ <div class="title2">  Firstly, and most importantly, since we both use cell surface display technology in our projects, we can help each other technically. In the earlier phase, the problem we faced was choosing a proper anchor protein, which is an essential protein used in cell surface display technology. This is a critical section of the projects for our three teams, but we have no idea which kind of protein can be used, so during our first online meeting, we set up a detailed plan for our projects’ future progress.</div>
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/partnership/pic1.jpg" alt="">
<div>Evidence of online meeting</div>
</div>
- <div class="title2">We initially did some research based on the properties required for anchor proteins. By exchanging useful papers, then giving presentations to obtain a clearer understanding of anchor protein, we get the following information:</div>
+ <div class="title2">  We initially did some research based on the properties required for anchor proteins. By exchanging useful papers, then giving presentations to obtain a clearer understanding of anchor protein, we get the following information:</div>
<div class="title2">
<div>-Properties required for anchor proteins</div>
<div>1. Having signal peptide sequences or transport signals that guide the fusion protein across the cell membrane </div>
@@ -221,7 +204,7 @@
<div>其他å¯ç”¨çš„蛋白</div>
</div>
<div class="title2">
- From them, also followed the instructions given by our advisors, we eventually decided to use ice-nucleation protein, since its advantages in cell surface display technology:
+   From them, also followed the instructions given by our advisors, we eventually decided to use ice-nucleation protein, since its advantages in cell surface display technology:
</div>
<div class="title2">
<div>-Pros of INP</div>
@@ -233,8 +216,8 @@
</div>
<div class="title2">
<div>-Cell surface display mechanism</div>
- <div>Ice-nucleation protein is frequently used in cell surface anchors for protein display in Gram-Negative bacteria. The bacterial surface display has been widely applied in scientific research and the science industry. Various functional peptides, recombinant vaccines, and catalytic enzymes could be displayed on bacterial surfaces through appropriate surface anchors, which facilitated their further engineering and applications for certain purposes.</div>
- <div>The hydrophobicity of the nitrogen terminal is fused with the phospholipid bimolecular membrane to fix the linked enzyme on the cell membrane, and the hydrophilicity of the carbon terminal is exposed outside the cell membrane to connect with the acting enzyme so that the enzyme can be effectively expressed outside the cell membrane.</div>
+ <div>  Ice-nucleation protein is frequently used in cell surface anchors for protein display in Gram-Negative bacteria. The bacterial surface display has been widely applied in scientific research and the science industry. Various functional peptides, recombinant vaccines, and catalytic enzymes could be displayed on bacterial surfaces through appropriate surface anchors, which facilitated their further engineering and applications for certain purposes.</div>
+ <div>  The hydrophobicity of the nitrogen terminal is fused with the phospholipid bimolecular membrane to fix the linked enzyme on the cell membrane, and the hydrophilicity of the carbon terminal is exposed outside the cell membrane to connect with the acting enzyme so that the enzyme can be effectively expressed outside the cell membrane.</div>
</div>
<div class="img2">
<div class="img">
@@ -253,27 +236,27 @@
<div class="img">
Evidence of discussion and presentation
</div>
- <div class="title2">In the end, by experiments, the efficacious result proves that our discussion and collaboration are successful and vital. During this experience, collaboration allowed us to work more effectively by urging and encouraging each other. Also, we were able to interact with our ideas and brainstorm together, which is particularly beneficial for our projects’ promotion. </div>
+ <div class="title2">  In the end, by experiments, the efficacious result proves that our discussion and collaboration are successful and vital. During this experience, collaboration allowed us to work more effectively by urging and encouraging each other. Also, we were able to interact with our ideas and brainstorm together, which is particularly beneficial for our projects’ promotion. </div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part3" style="font-size: 3rem;">Projects popularization</span>
<div class="title2">
- <div>During the middle stage of iGEM, another aspect of collaborating is publicizing our projects. In order to obtain more valid data for integrated human practice, we had to popularize our questionnaire and project introduction. However, due to the fact that these specialized topics are not that straightforward for people to understand, our WeChat official accounts have limited figures for pageviews, which is not conducive for us to appeal to more people, and raise their awareness of environmental issues (etc.) involved in our projects.</div>
- <div>Thus, after holding an online meeting, we decided to let more people know us by promoting each other’s projects. We achieved this goal in two methods. Firstly, we summarized others’ project descriptions, make them less complicated, and published them in our account. During the discussion, we thought simplifying is a useful way to make our articles more readable. Plus, although we only have a small number of followers, the sum of followers of our three teams is still relatively sizable. </div>
+ <div>  During the middle stage of iGEM, another aspect of collaborating is publicizing our projects. In order to obtain more valid data for integrated human practice, we had to popularize our questionnaire and project introduction. However, due to the fact that these specialized topics are not that straightforward for people to understand, our WeChat official accounts have limited figures for pageviews, which is not conducive for us to appeal to more people, and raise their awareness of environmental issues (etc.) involved in our projects.</div>
+ <div>  Thus, after holding an online meeting, we decided to let more people know us by promoting each other’s projects. We achieved this goal in two methods. Firstly, we summarized others’ project descriptions, make them less complicated, and published them in our account. During the discussion, we thought simplifying is a useful way to make our articles more readable. Plus, although we only have a small number of followers, the sum of followers of our three teams is still relatively sizable. </div>
</div>
<div class="img" style="margin-left: 5%;">
<img src="https://static.igem.wiki/teams/4400/wiki/partnership/pic6.png" alt="">
</div>
<div class="title2">
- We can see remarkable progress in pageviews after collaboration, and we firmly believe that by our influence, more people are willing to consider these crucial issues. This significant increase also reveals our efficient collaboration, when facing a problem, that we can achieve our targets using a simple but useful method.
+   We can see remarkable progress in pageviews after collaboration, and we firmly believe that by our influence, more people are willing to consider these crucial issues. This significant increase also reveals our efficient collaboration, when facing a problem, that we can achieve our targets using a simple but useful method.
</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block">
<span id="part4" style="font-size: 3rem;">Information collection and preparation for synthetic biology education</span>
- <div class="title2">After some time, when preparing for the section on education, we cooperated again for better performance on what we can contribute to the public and synthetic biology. We firstly divided the workload via online meetings, in which our team was in charge of presenting, LZU-HS-China-A for slides and poster creation, also online lecture, and LZU-HS-China-C for related content preparation. This work division was based on our advantages of owning a proper venue for education, outstanding design skills from LZU-HS-China-A, and LZU-HS-China-C who are good at information collecting.</div>
+ <div class="title2">  After some time, when preparing for the section on education, we cooperated again for better performance on what we can contribute to the public and synthetic biology. We firstly divided the workload via online meetings, in which our team was in charge of presenting, LZU-HS-China-A for slides and poster creation, also online lecture, and LZU-HS-China-C for related content preparation. This work division was based on our advantages of owning a proper venue for education, outstanding design skills from LZU-HS-China-A, and LZU-HS-China-C who are good at information collecting.</div>
<div class="img2">
<div class="img">
<img src="https://static.igem.wiki/teams/4400/wiki/partnership/pic7.jpg" alt="">
@@ -288,12 +271,12 @@
<div class="img">
Evidence of giving out posters and presenting
</div>
- <div class="title2">We accomplished this section together, not only for better effectiveness but also to allow our three teams to bring out our diverse strengths, to make a greater performance. Moreover, more audiences are involved because we separately propagandize the lectures. These advantages can be only shown between team collaboration, therefore we are able to achieve a better job.</div>
+ <div class="title2">  We accomplished this section together, not only for better effectiveness but also to allow our three teams to bring out our diverse strengths, to make a greater performance. Moreover, more audiences are involved because we separately propagandize the lectures. These advantages can be only shown between team collaboration, therefore we are able to achieve a better job.</div>
</div>
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block" style="margin-bottom: 3rem;">
<span id="part5" style="font-size: 3rem;">Conclusion</span>
- <div class="title2">Our three teams mainly collaborated in three aspects throughout the season, consisting of selecting INP, project popularization, and education. For us, the partnership is much more than “for a less workloadâ€, or “best showing our strengthsâ€. Without doubts, these are prominent traits of cooperation, besides, our cooperation and communication skills have been significantly enhanced. However, after facing uncountable difficulties as trustworthy allies, and also as high school students, our abilities to get over hardships have incredibly improved. In addition, most importantly, we are very honored to encounter such more friends who are also fond of the field of synthetic biology, and we are willing to contribute more to synthetic biology in the future.</div>
+ <div class="title2">  Our three teams mainly collaborated in three aspects throughout the season, consisting of selecting INP, project popularization, and education. For us, the partnership is much more than “for a less workloadâ€, or “best showing our strengthsâ€. Without doubts, these are prominent traits of cooperation, besides, our cooperation and communication skills have been significantly enhanced. However, after facing uncountable difficulties as trustworthy allies, and also as high school students, our abilities to get over hardships have incredibly improved. In addition, most importantly, we are very honored to encounter such more friends who are also fond of the field of synthetic biology, and we are willing to contribute more to synthetic biology in the future.</div>
</div>
</div>
<div class="foot">
diff --git a/wiki/pages/proof-of-concept.html b/wiki/pages/proof-of-concept.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..4223de398dd4972de29c4cbdf15800c46951bfe1 100755
--- a/wiki/pages/proof-of-concept.html
+++ b/wiki/pages/proof-of-concept.html
@@ -92,99 +92,82 @@
</head>
<body>
-
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic5.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index 08e5999fabb530a55b9e3a0672c827dde213e900..5111cf78601dff162f5631439c4a969120010e77 100755
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -93,103 +93,87 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic5.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic5.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
<span id="part1" style="font-size: 3rem;">Basic laboratory safety</span>
<div class="title2">
- In most experiments, we used two safe laboratory strains, Escherichia coli（E.coli）DH5alpha, and E.coli BL21. In order to improve the safety of our experiments, we have developed a laboratory safety rulebook.
+   In most experiments, we used two safe laboratory strains, Escherichia coli（E.coli）DH5alpha, and E.coli BL21. In order to improve the safety of our experiments, we have developed a laboratory safety rulebook.
</div>
- <div class="title2">In most experiments, we used two safe laboratory strains, Escherichia coli（E.coli）DH5alpha, and E.coli BL21. In order to improve the safety of our experiments, we have developed a laboratory safety rulebook.</div>
+ <div class="title2">  In most experiments, we used two safe laboratory strains, Escherichia coli（E.coli）DH5alpha, and E.coli BL21. In order to improve the safety of our experiments, we have developed a laboratory safety rulebook.</div>
<div class="title2">
<div>Laboratory safety rulebook</div>
<div>1. Wear slippers are not allowed to enter the laboratory.</div>
@@ -212,8 +196,8 @@
<div style="background-color: #676b6e;height: 1px;width: 90%;margin: 2rem 0 1rem 5%;"></div>
<div class="text_block" style="margin-bottom: 3rem;">
<span id="part2" style="font-size: 3rem;">Biosafety for specific projects</span>
- <div class="title2">Our experiment need to perform experimental operation in the ultra-clean table, also had the use of the toxic substance ethidium bromide in nucleic acid electrophoresis. We require team members: to spray alcohol with both hands to disinfect it when operating in the ultra-clean table, then put it into the ultra-clean table to dry the alcohol before the next operation; cultivate Escherichia coli When you don't touch the lower part of the test tube plug, put the test tube plug on the alcohol lamp for disinfection before and after use, and use the alcohol lamp when opening the LB medium bottle cap; when performing nucleic acid electrophoresis, you should wear double gloves and the outer layer is plastic gloves to avoid contact with ethidium bromide.</div>
- <div class="title2">All the genes in our experiment were synthesized directly through DNA synthesis. At this stage of the experiment, the strain has never been taken out of the laboratory. The entire sensor system we expect to design will work in the wild environment, but our strains will only be kept in the sensor system and will not be released into the field, so as to ensure that it does not cause animal, plant and environmental safety problems. We will also carry out a strict sterilization process after field work is completed to ensure maximum safety.</div>
+ <div class="title2">  Our experiment need to perform experimental operation in the ultra-clean table, also had the use of the toxic substance ethidium bromide in nucleic acid electrophoresis. We require team members: to spray alcohol with both hands to disinfect it when operating in the ultra-clean table, then put it into the ultra-clean table to dry the alcohol before the next operation; cultivate Escherichia coli When you don't touch the lower part of the test tube plug, put the test tube plug on the alcohol lamp for disinfection before and after use, and use the alcohol lamp when opening the LB medium bottle cap; when performing nucleic acid electrophoresis, you should wear double gloves and the outer layer is plastic gloves to avoid contact with ethidium bromide.</div>
+ <div class="title2">  All the genes in our experiment were synthesized directly through DNA synthesis. At this stage of the experiment, the strain has never been taken out of the laboratory. The entire sensor system we expect to design will work in the wild environment, but our strains will only be kept in the sensor system and will not be released into the field, so as to ensure that it does not cause animal, plant and environmental safety problems. We will also carry out a strict sterilization process after field work is completed to ensure maximum safety.</div>
</div>
</div>
<div class="foot">
diff --git a/wiki/pages/sustainable.html b/wiki/pages/sustainable.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..88b8bc7507248ee41b57ff46ba8a261ce79c1a64 100755
--- a/wiki/pages/sustainable.html
+++ b/wiki/pages/sustainable.html
@@ -92,99 +92,81 @@
</head>
<body>
-
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic1.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>
diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index 3334b72ce0eacb0bcae7e1ce6f17e5074a91e12a..a03c197b00e7b9041a8da6b83f8def6d27a7fc6a 100755
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -93,98 +93,82 @@
</head>
<body>
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <nav class="st-menu st-effect-8" id="menu-8" style="display: none;">
- <h2 class="icon icon-stack">Sidebar</h2>
- <ul>
- <li><a class="icon icon-data" href="#part1">Part 1</a></li>
- <li><a class="icon icon-location" href="#part2">Part 2</a></li>
- <li><a class="icon icon-study" href="#part3">Part 3</a></li>
- <li><a class="icon icon-photo" href="#part4">Part 4</a></li>
- <li><a class="icon icon-wallet" href="#part5">Part 5</a></li>
- </ul>
- </nav>
-
+
- <!-- navbar -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
- <div class="container-fluid">
- <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
- id="navbarNavDropdown">
- <!-- <form class="form-inline my-2 my-lg-0" style="margin-left: 2rem;">
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">Translate</button>
- <button class="btn" style="background-image: linear-gradient(90deg, #f329dd, #c82526);border-color: white;">adjust</button>
- </form> -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- TEAM
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Project
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Wet Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Dry Experiments
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
- data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
- Human practice
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
- <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
- <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
- </ul>
- </li>
+ <!-- navbar -->
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" style="opacity: .9;background-color: black;">
+ <div class="container-fluid">
+ <div class="collapse navbar-collapse d-flex bd-highlight" style="margin-right: 4.25%;"
+ id="navbarNavDropdown">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="{{ url_for('pages', page='index') }}" style="outline: none;margin-left: 3rem;">HOME</a>
+ </li>
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Project
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Wet lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Dry lab
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
</ul>
- </div>
- </div>
- </nav>
-
- <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ Human practice
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Integrated human practice</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+ </ul>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+ data-bs-toggle="dropdown" aria-expanded="false" style="outline: none;">
+ TEAM
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Members</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attribution</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+ <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
- <div class="text">
+ </nav>
+
+ <img style="width: 100%;height: 100vh" src="https://static.igem.wiki/teams/4400/wiki/main/pic4.jpg" alt="">
+
+ <div class="text" style="background-image: url('https://static.igem.wiki/teams/4400/wiki/index/pic2.png');background-size: 100% 100vh;color: white;">
<div class="text_block">
</div>